Photoshop Workshop. Prof. Elio L. Arteaga Photoshop is the ultimate playground for bringing out the best in your digital images and transforming them into anything you can imagine . Download the exercise files and extract them to your Desktop. Bitmaps and Pixels.
Prof. Elio L. Arteaga
Photoshop is the ultimate playground for bringing out the best in your digital images and transforming them into anything you can imagine.
Download the exercise files and extract them to your Desktop.
Everything in Photoshop is a bitmap, a grid consisting of very small squares, called "pixels." In 24-bit color mode, each pixel can be one of 16.7 million colors.
Many Photoshop operations first require you to make a selection, called a "marquee" or a "marching ants selection," in order for you to work exclusively with the selected pixels. The ants march along the border between what is selected (what you can edit), and what is not.
Commands for zooming in and out and scrolling are the same as for any Adobe software:
Press CTRL+(Win) or Command+ (Mac) number zerofor Fit in Window view.
Press CTRL+ (Win) or Command+ (Mac) plus sign to zoom in.
Press CTRL+ (Win) or Command+ (Mac) minus sign to zoom out.
Press Spacebar+drag the mouse to scroll.
If you mouse over selected pixels, the pointer resembles an arrowhead with a square in the background. If you mouse over non-selected pixels, the pointer resembles a plus sign.
To select everything in the bitmap image, press CTRL (Win) or Command (Mac) +A for "Select All."
To drop the selected pixels (Select None), press CTRL (Win) or Command (Mac) +Dfor “Deselect."
There are two selection tools that enable you to marquee perfectly geometrical shapes: The Rectangular Marquee Tool and the Elliptical Marquee Tool.
Press Shift+drag the mouse to draw a perfect square or circular marquee from corner-to-corner.
Press ALT(Win) or Option (Mac) +drag the mouse to draw marquees from the center to the edge.
Press ALT (Win) or Option (Mac) +Shift+dragthe mouse to draw perfectly shaped marquees from the center to the edge.
Press CTRL(Win) or Command (Mac) +Z to Undo a mistake.
Notice the following icon in the Tool Palette. The upper-left icon represents the foreground color--the color applied by a Brush Tool, or by pressing ALT-Backspace (Win) or Option-Delete (Mac). The lower-right icon represents the background color--the color applied by the Eraser Tool, or by pressing Backspace (Win) or Delete (Mac).Press the letter D to set the default colors (black foreground; white background). Press X, X, X, etc. to swap foreground and background colors.
Press D-> X-> X -> X -> X->
Open golfball.jpg in the downloaded exercise files folder.
To select the golf ball, so you can separate it from its background, draw an elliptical marquee quickly, but not necessarily accurately. Then choose Select (menu) -> Transform Selection. Use the handles to position the marching ants accurately around the shape of the golf ball. Remember, you’re modifying the position of the marching ants, not the image itself. Press Enter when done.
Press CTRL(Win) or Command (Mac) +J (New Layer via Copy) to copy the bowling ball pixels to a new layer.Hide the Background layer by clicking off the eye in the first column next to the layer name and thumbnail. The gray checkerboard pattern indicates transparency.
Open businessman.jpg in the exercise files folder.
Images that contain perfectly smooth white backgrounds are easy to select using the Quick Selection Tool, which is intended to select contiguous pixels based on their color. Paint with the tool by pressing Shift to add to the selection, or ALT (Win) or Option (Mac) to subtract from the selection. Press ] to make the brush larger or [ to make it smaller.
Inverse the selection (select the businessman, not the white background) by pressing CTRL (Win) or Command (Mac) +Shift+I.
Jump the businessman pixels to a new layer, and hide the pixels on the Background layer, just as you did previously in the golf ball document.
Open horse.jpg from the downloaded exercise files folder.
Images with a complex background cannot be selected with the Quick Selection Tool. The best tool to use in this case would be the Pen Tool. This tool creates a vector-path that can be modified with the Direct Selection (white arrow) tool. When completed, the path can be converted into a marching ant selection very easily.
Press A for “arrow,” move the anchor points in close proximity to the edge of the horse.
Press P for “pen” to add a new point. Press A for “arrow” to move the new point in close proximity to the edge of the horse once again.
CTRL (Win) or Command (Mac) +click the Work Path in the Path Panel.
Open desert.jpg in the downloaded exercise files folder.
Use the Move Tool to drag the golf ball, businessman, and horse transparent layers over to the desert document.
Scale the images by pressing CTRL (Win) or Command (Mac) +T for “Transform.” Always hold the Shift key and drag the corner handle. Press Enter to complete the operation.
Layer masks are a powerful editing feature of Photoshop because of the following:
Layer masks are used to hide or reveal pixels. Unlike simply deleting them, the layer mask enables you to keep the original image intact, in case you ever need to go back to the original scan.
A layer mask is a grayscale image, so what you paint in black will be hidden, what you paint in white will show, and what you paint in gray shades will show in various levels of transparency. You can also edit a layer mask to add or subtract from the masked region.
Layer masks can be used in combination with adjustment layers to affect the image's appearance while keeping the original scan intact.
Open: doggie.psd (a photo of an adorable little cocker spaniel puppy, similar to one of your professor's two babies) and bed.psd (where she likes to sleep) from the downloaded exercise files folder. Your job is to put the doggy in the bed.
An Alpha Channel is a saved selection. If a complex selection takes more than 30 seconds to make, save it as an Alpha Channel. Display the Channels Palette by choosing Window (menu) -> Channels. Save your selection as an Alpha Channel by clicking the Save Selection icon at the bottom of the palette.It's so easy to load a previously saved selection, just CTRL (Win) or Command (Mac) +click the Alpha Channel, and you'll see marching ants appear around the puppy. It's much easier than starting to make a selection over again from the beginning each time.
editing the layer image pixels
editing the layer mask pixels
Once the doggy is on a separate layer, we can perform all kinds of interesting manipulations:Opacity—The layer's opacity determines the degree to which it obscures the layer below it. A 1% opacity is nearly transparent, while a 100% opacity is completely opaque. Adjust the Opacity controls located at the top right of the Layers Palette. Reset to 100% when done.
Press "D" (for default colors) to set black in the foreground, white in the background. Select the linear gradient option and Multiply blending mode with 100% Opacity.
Click on the Add Layer Style icon at the bottom of the Layers Palette and choose Drop Shadow...
Click the Create New Fill or Adjustment Layer icon at the bottom of the Layers Palette, and choose Hue, Saturation and Brightness...
Press "D" (for default colors) to set black in the foreground, white in the background. Select the linear gradient option and Normal blending mode with 100% Opacity.
Select the Gradient Tool and change the gradient to a rainbow pattern in the Gradient Tool Options bar.
Create a new layer above the doggy layer by clicking on the note pad icon in the Layers Palette.
Drag the Gradient Tool to create a rainbow gradient in the area occupied by the dog.
ALT (Win) or Option (Mac) +click between the dog layer and the overlay gradient layer to apply the color to the dog only.
It's important to keep a multi-layered version of your file in case the client ever asks for changes, which are easier to make in a multi-layered document. But it's equally important to send a flattened file to the printer, so that printing takes less time and goes more smoothly. Save your multi-layered document as a Photoshop document (PSD file).
Prepare your file for use on the web by optimizing it as a JPEG. Choose File (menu) -> Save for Web and Devices… Next to Presets, choose JPEG High. Click Save.
An excellent resource to further your learning of Adobe Photoshop is on tv.adobe.com/product/photoshop.
Elio L. Arteaga, MFA
Assistant Professor, College of Media Arts & Technology
DeVry University, Miramar Campus