Doodlebug's Photoshop Class Page

Doodlebug's Photoshop Class Page
IN ASSOCIATION WITH AMAZON.COM


In Association with Amazon.com

To order textbooks and other references
Click on the Books.

PhotoShop classes can be taught using both versions 4 and 5. I've even had quite a few students who use the Limited Edition, and while a few features are missing, they do well enough in class. Regardless of which program you own, you are welcome in these classes.

Download a fully operational demo version of the program.

WARNING! Some students are confusing Adobe Photoshop Deluxe with Adobe Photoshop.
Deluxe is a much simpler picture editor, used to crop, remove redeye, and make other simple alterations. Photoshop is a professional level, full-featured, complex image editor. If you have any questions about the program you are using, please contact the instructor.

Mac Users: Photoshop looks a little different on the different platforms, but the commands for running it are nearly identical. Of course you have to use a Command key instead of a Control, etc., but I'm told this doesn't make too much difference, if you practice.

Intro to Digital Art Lesson 1 - Types of Programs

RECOMMENDED TEXTS:

PhotoShop 4 Bible or PhotoShop 5 Bible
This is a reference book. It explains each facet of the program.
(Required text for Intro to PhotoShop classes. Be sure you buy the book for the program version you will actually be running!)

As tutorials, I also recommend
Inside PhotoShop by Gary and Barbara Bouton,
PhotoShop f/x, and
Learning PhotoShop by Sherry London, from the Waite publishing group.

WARNING Photoshop 4 Enhanced, and Photoshop 5 In Depth are the same book!. The In Depth book is updated for version 5, but the text and examples are all the same. I've also had trouble with wrong instructions in the book, and with the disk for the Photoshop 5 In Depth book - images are missing. I still highly recommend this book - just don't buy it twice.

Nor can you go wrong with
The Photoshop WOW book,
Photoshop Artistry, and
The Magic Series.
Fine Art Photoshop, Nolan & LeWinter
See Current Projects. The Rowboat is the first project in this book.

Current Projects Check this area for projects, tutorials, and examples of student work.

Shortcut Keys A list of the most useful shortcut keys for Photoshop Versions 4 and 5.

Lesson 1


Class One Objectives
In Lesson 1 you received many handouts and a short list of shortcut keys to memorize.

Key Lecture Points

Photoshop is an Image Manipulation program. It is used to correct, change, distort, and create infinite effects on photographic type images. Other kinds of graphic programs are used for other purposes, such as 3D effects, animations, digital painting, and architectural type drawings.

Photoshop provides keyboard shortcuts for most of the things you'll need to do. They are also available by clicking the Menu bar or the Toolbox. But as you work with Photoshop, you'll find that moving your cursor out of the image to click the menu or the toolbox just doesn't work well for artists. You will want to rely more and more on the keyboard shortcuts. This will let you keep your cursor on the image while changing the tool, brush size, etc.

Most keyboard shortcuts are the same for PS4 and PS5. Where there are changes, I will be sure to point them out to you.

Your homework assignment: use the drawing tools (Brush, Airbrush and Pencil). Erase using the eraser, or Undo. Change colors using the Color Palette. Change brush sizes using the Brush Palette. Save and print your work. Bring it to class.

JPEG is a graphic image format, created to compress pictures so they could be transported on disk. It is a "lossy" format, and if you continue to open, work on, and save a JPG image, the image data will degrade.

JPEG is the format of choice for rastered images on the Internet. The resolution should be 72 dpi. This provides a small file that opens quickly and yet displays perfectly.

Tips

If your paint tool isn't making a mark on your canvas, press Ctrl-D (deselect). Also, check the color palette to be sure you aren't painting white on white.

Open a new canvas by ctrl-double clicking the program's grey background. Set the size to 6 inches by 6 inches. Set the resolution to 72. Set color mode to RGB. Set Background to White.

Move a canvas with click-and-drag on the title bar.

Size a canvas with click-and-drag on the canvas frame. (You will see a double-headed arrow. Hold down the mouse button and move to resize.

Gain a little extra room by moving the toolbox to the right size of the screen and mashing the Windows Taskbar so that it can't be seen. Another option is to move the taskbar to the left side of the screen. (This is the way I do it. You will develop your own preferences.)

Lesson 2

Lesson Two will be primarily devoted to creating simple selections.


Class Two Objectives

Creating Selections

  1. The selection tools are Marquee, Lasso and Wand. (M, L, W)
  2. Use them to create areas with marching ants around them (marquee outlines).
  3. Add to a selection by holding down the Shift key.
  4. Subtract from a selection by holding down the Alt key.
  5. To deselect, press Ctrl-D, or click outside the selection (you must still have a selection tool chosen to deselect this way.)
  6. To move the selection but not the pixels, click and drag inside the selection with a selection tool. (M, L, W)
  7. To move the pixels click inside the selection with the moVe tool. ( V = moVe.)

Layers

We'll be looking at layers much more closely in the next class.
Read your textbook, if you want to prepare.

  1. Display the layers palette by pressing F7.
  2. Create a new layer by clicking the icon at the bottom of the layers palette. It's next to the trashcan.
  3. You can work on a layer (make it active) by clicking on it. The active layer turns blue on the palette.
  4. You can make a layer invisible by clicking its eyeball out.
  5. You can only work on a visible layer.
  6. You can create a selection, switch to an empty layer, and then paint within the selection.
  7. Get rid of a layer by dragging it to the trashcan at the bottom of the layers palette.
  8. Merge layers with Ctrl-E. (This merges your active layer with the layer beneath it.)

Key Lecture Points

In this class, you began with a blank canvas. Then, with the rectangular marquee and the eliptical marquee, create selections on the background layer. Fill these selections with the foreground color by pressing Alt-Del.

Next we opened an image and used the Wand to select the background. You may have to set the tolerance for the Wand higher or lower, to get the best selection. Lower numbers select a smaller range of shades; higher tolerance settings select a broader range.

To select a background that is separated into different areas (like the background behind the flowers that was also between the flower stems) hold down the shift key. Then click on the new area with the Wand. The new area will be added to the selection. To subtract an area (like the pale green stems, if you click on them by mistake) hold down the Alt key and click on the area. It will be subtracted from your selection.

You can use more than one selection tool to create a selection. Select the Wand and click on the background. Switch to the Lasso and hold down the Shift key. Now you can rope in areas that you want to add to the selection. Hold down the Alt key and rope out areas that you want to subtract from the selection.

We used the selection tools to "draw" a simple picture and filled the areas with color. You can also use the Brush to paint within the selection.

A selection is an active area of your image. You can do things to it. The rest of the image (the unselected part) is MASKED, or protected. No changes can be made to a masked portion.

We added a new layer to the image and filled it with color. Then we used the elliptical marquee and drew an oval in the center of the canvas. We feathered this selection to about 30 pixels (we used 10 and then 20) and then deleted the selection. The result is a vignette, a softly blurred "hole" in the matting around your image.

Homework

  1. Create an image called Boxes.jpg. The image should consist of about ten rectangles of various shapes and sizes, filled with different colors. Use the lasso and the wand to select the rectangles and change their colors. Try feathering the selection before filling, to see what happens.
  2. Open an image. Any photo will do, but a landscape or a floral might be best. Use the wand to select a color area. Then click Select > Similar. Feather the selection and fill it with a different color.
  3. Read the assigned chapters in your text (colors, selections and layers.)
  4. If you run out of things to do, email me. I'll think of something.

Lesson 3

Class Three Objectives
Lesson Three may seem like a lot of information to cover in one sitting. That's because it is. Here's a review list:

Cropping Little Dan

  1. Open the crooked picture, or one with areas you want to cut away. We used cropdan.jpg.
  2. Choose the crop tool.
  3. Click and drag in the image
  4. Rotate crop marks (click and drag the rounded handles)
  5. When the outline fits the image, press Enter.
  6. Using Photoshop 5, you can add canvas around an image using the Crop tool. Press C to select the Crop tool (or click and hold on the Marquee on the Toolbox. When the flyout menu appears, click the Crop tool.)
  7. Click and drag the crop marquee around the picture.
  8. Drag the picture frame to enlarge it, so that there is grey space around the image.
  9. Resize the Crop marquee by dragging the handles outward. This will enlarge the area around your picture.
  10. When the marquee is the right size, press enter. The area you added will be filled with your background color.

Creative BrushWork

  1. Display your brush palette and open a clean canvas.
  2. Choose the smallest brush (shift-[ ) and draw the brush shape you want to use. For this exercise, just draw a squiggle.
  3. Select your squiggle (use the marquee or the lasso).
  4. Click the small triangle at the top of the brush palette.
  5. Click Define Brush.
  6. Remember to deselect (Ctrl-D) and choose the Brush Tool again (B).
  7. Double-click your new brush to set the brush spacing.

Feathering Selections

  1. Create a selection.
  2. Click Select - Feather.
  3. Set the number of pixels you want to make feathery.
  4. Remember that feathering the selection is cumulative. If you feather by 5 pixels, and then feather by 2, you've increased the feather.
  5. The marquee lines (marching ants) outline only pixels that are 50% or more selected. It is possible to have a selection that doesn't show up on the screen.
  6. To hide those creeping ants, use Ctrl-H.
  7. Once you've created a selection, you can fill it with color (Alt-Del, or Ctrl-Del), you can Delete it, you can apply filters, or you can copy it to a new layer (Ctrl-J).

Changing the Gloomy Hotel to Sunnydale Inn

  1. Create a backup layer (drag the background to the New Layer icon.)
  2. Select the first part of the image that you want to work on. (Use the magic Wand to select the sky.)
  3. Add to or Subtract From your selections by holding down the Alt key or the Shift key. (Alt, plus a click with the Wand, will add more area to the selection. Shift, plus a click with the Wand, will reduce the area.)
  4. Ctrl-J the selection to a new layer. Fill it with a lovely sky blue. Adjust the apply mode and the transparency until you are satisfied with the result.
  5. Continue to copy additional parts of your image to new layers. Paint them and change the apply modes.
  6. To combine a layer with the layer below it, press Ctrl-E.
  7. Note that when you combine layers, the effects of your apply modes are often changed, without your wanting them to be. To overcome this,

Lesson 4

Class Four Objectives

Creating Gradients

  1. Choose the Gradient tool.
  2. Press Enter to see the tool options.
  3. Click Edit on the Options Palette.
  4. Click New (on the Gradient Palette.)
  5. Give your gradient a name.
  6. Click beneath the gradient window to place the color markers (the "crayons").
  7. Select the color marker you want to change.
  8. Click the color box and choose a color.
  9. When you've set the colors you want on your gradient, switch to the Transparency edit page.
  10. Set the markers beneath the gradient line.
  11. Select each marker and type a transparency value for it.

Quick Mask

  1. Open the image from which you want to create a selection.
  2. Loosely select the object. Use the Wand or Lasso, or a combination, but don't worry about being precise.
  3. Switch to Quick Mask mode (Pressing Q toggles the mode.)
  4. When you switch to Quick Mask, your colors will change to Black and White. The mask is painted in with Black, and painted out with White.
  5. Select the Brush (B). Check the options palette. The Brush should be set to 100% opacity, NO wet edges, Normal mode.
  6. Begin to paint. Switch colors by pressing X (Exchange Colors.)
  7. The areas painted black (it will look red, and is called a rubylith) will not be selected. Areas painted white, which look unaltered, will be selected.
  8. Invert the colors with Ctrl-I. This will show whether you have created the selection you want.
  9. When you have the rubylith surrounding your selection, press Q to leave Quick Mask mode. You will see the Marching Ants around your selection.
  10. You can treat the selection any way you choose. One option is to use Ctrl-J to copy the selection to a new layer.
  11. Compositing Images

    1. Open Garden and Woman
    2. Use the move tool to put the woman into the Garden image.
    3. Use QuickMask to paint the woman with rubylith.
    4. Delete the background. The woman is no longer putting dinner into the microwave, she is picking flowers.
    Compositing Images, 2
    1. Open Dad and Son, and Sky1.
    2. Click the layer mask icon at the bottom of the Layers palette.
    3. Paint out the sky. Paint in any parts of the dad and son that you paint out by mistake.
    4. When the image looks exactly right, click the trashcan. Then click Apply. The parts of the image you painted out will be discarded.

    If you have several layers that you want to merge, but they are in different modes, do this:
    1. Create a new layer. Be sure it is the active layer.
    2. Turn the eyeballs off for layers you don't want to merge.
    3. Press Ctrl-Shift-Del + E.
    4. A snapshot of the visible layers will appear on the new layer.

    Lesson 5 - Output

    Lesson 5 concentrates sending your images to your printer, or publishing them on the Web.

    Class Five Objectives

    Cookies with a Shadow

    1. Open the files Cookies and Box.
    2. With the moVe tool, drag the cookies onto the box. Name the layer Cookies.
    3. With the Wand tool, select the white background from around the cookies. Press Delete to get rid of it.
    4. Duplicate the Cookies layer (Drag the layer to the New Layer icon at the bottom of the Layers Palette.) Name the layer Shadow.
    5. You now have a sandwice: Background, Shadow, Object.
    6. On the Shadow layer, turn on Preserve Transparency.
    7. Fill with a dark color. (Alt-Del) You can use the Eyedropper (I) to pick up the dark color from the shadow on the cookies.
    8. Turn off Preserve Transparency. Blur the shadow (Filter - Blur - Gaussian Blur) The amount of the blur is up to you, and depends on the resolution of the image.
    9. Use the move tool to drag the shadow so that it is in the right relationship to the cookies.
    10. Repeat the exercise using the Shoes and Blue Silk files. You should use a QuickMast to select the shoes.

    Class Projects will vary, according to special interests of each class group, but the features and skills will be presented in this general order.


    Home Page
    Welcome Page
    PhotoShop Page
    CorelDraw Page
    Word Processing Page
    Resources

    Current Projects
    1