Graphics: Introductory Lesson

Objective: This introductory lessons covers some basic techniques that you can use to create a header or any other image. It has detailed steps and is suitable for an introductory tutorial in http://pixlr.com.

Banner image

  1. Start a new Pixlr file and set size to about 900px by 250px.
  2. Save the file as "myheader", with the "Layered Pixlr Image" format, PXD.
    If you are in the CSCI-115 class, save it in a new folder called "115".
  3. Find a background image from a royalty free website, such as:
    http://www.stockvault.net or MorgueFile.com or PicJumbo.com or Foter.com
    Save your image; then open it in Pixlr.

  4. From the Image menu, change the WIDTH of your background image to 1000px. Let the HEIGHT remain proportionally sized.
  5. Select and copy your background image. (EDIT/Select All)
  6. Go back to your "myheader" file and Paste it.
  7. Use the Move tool to move the pasted image to a desired location.
    (Note that you will likely lose a portion of the image.)
  8. Next, you will be adding a headshot photo of yourself onto the page. Start by opening your photo in another file.
  9. Resize it, with a maximum height of 300.
  10. Draw a round marquee around your picture.
  11. Select the inverse and DELETE the background of your picture.
  12. Copy it to your "myheader" file.
  13. If necessary to resize it, choose EDIT/Transform.
  14. Add text with the "T" or Text tool.
    This part is intuitive, so I will stop with the detailed instructions. Continue to refine your banner as desired.
  15. When completed, save your file again with the PXD format.
  16. Then save finally as a .jpg format so that it can be used on a website.