Home >> Tutorials/FAQs >> CSS Tutorials >> Index

CSS Tutorials - Creating an Image with Text

By: FYICenter.com

(Continued from previous topic...)

How To Create an Image with Text?

You can follow the steps below to create a new image with some text:

  • Go to menu: File > New. You will get the New Image dialog box.
  • Enter Width: 728; Height: 90; Background color: White.
  • Click OK. You will get a blank image.
  • Select the Text tool from the Tool Palette and click somewhere inside the blank image. You will get the Text Entry dialog box.
  • Enter the text: "dev.fyicenter.com" with the right font family, size, and color.
  • Click OK. The text will show up on the blank image.
  • Use the mouse to move the text to the right location in the image
  • Repeat last 4 steps to enter another text: "Information center for developers...".
  • Go to menu: File > Save as. You will get the Save As dialog box.
  • Select Save As Type: JPEG, and enter File Name: fyi_banner.
  • Click OK to save the image. You will get an image with text as shown below:

(Continued on next topic...)

  1. What Is Paint Shop Pro?
  2. How To Download and Install PSP Evaluation?
  3. How To Create an Image with Text?
  4. How To Blend a Color Layer to an Image?
  5. How To Add Margins to an Image?
  6. How To Fade Image Edges to Background Colors?
  7. How To Create a Top Left Corner Image with a Fading Color?
  8. How To Avoid Antialias Edges When Cutting and Pasting?

Selected Developer Jobs: