Week 8 | Friday | Digital Media Production

******NOTE: ALWAYS BRING A BACK UP OF ALL YOUR FILES IN TO CLASS ON A FLASH DRIVE. ALSO, PLEASE BRING IN HEADPHONES TO EACH CLASS SO THAT YOU CAN REVIEW VIDEOS WHILE DOING IN-CLASS ASSIGNMENTS.*******

When Saving Images: Save as:

Example: 2013_Smith_John_AccessingTools_v1
Tag your images in Flickr with the following tag:
digitalmediaproductionramapo2013

“If you work really hard and are kind, amazing things will happen”–Conan O’Brien

PAINTING AND RETOUCHING

In-class Assignment #1 – USING THE BRUSH PRESETS

Open a zip file containing a PSD image here.

Select the Brush tool and then select the Toggle the Brush panel button in the Options bar. The Brush panel appears.
Select the Brush Presets tab to bring it forward and then select Small List from the panel menu.
Click on the Round Curve Low Bristle Percent preset.
Using the Size slider click and drag the size of the brush to approximately 205px.
With the Brush tool still selected, hold down the Option key and sample a color of the woman’s skin color. Choose a darker shade if possible.
In the Options bar, click on the Mode drop-down menu and select Multiply.
Use large wide brush strokes to paint over the woman playing the guitar.

***Save the PSD and upload the jpg to your blog and Flickr. save it as LastName_FirstName_Brush.

In-class Assignment #2 – USING THE AIRBRUSH FEATURE

Using the airbrush option allows your paint to spread much like the effect you would have using a true airbrush.

Select Round Fan Stiff Tin Bristles from the Brush Preset panel. Change the value to 20px.
Press D to return to the Photoshop default colors of Black and White.
If the Mode drop-down menu in the Options bar is not set to Normal, set that to Normal now.
Click and release with your cursor anywhere on the image to stamp a brush stroke onto the image. Do this a few more times.
Now, Select the Enable airbrush-style build-up effects in the Options bar.
Use the same brush preset, click and hold on your image to notice that the paint spreads, as you hold.
When you are finished experimenting, return the Flow control back to 100%.

***Save the PSD and upload the jpg to your blog and Flickr. ave it as LastName-First_name_Airbrush.

In-class Assignment #3 – Creating a Border Using the Bristle Brushes

Now we’re going to use a bristle brush to create an artistic border around the edge of the image.

Select the Round Blunt Medium Stiff bristle brush from the Brush Presets panel.

Choose any color that you want to use for the border you’re about to create.

Click in the upper-left corner of the image. Hold down the Shift key and click in the lower-left corner. By Shift+clicking you have instructed Photoshop that you want a stroke to connect from the initial click to the next.

Shift+click in the lower-right corner, and then continue this process until you return to you original stroke origin in the upper-left corner.

***Save the PSD and upload the jpg to your blog and Flickr. Save it as LastName-First_name_Bristle_Brushes.

Here’s the BEFORE photo:

Here’s the AFTER picture:

In-class Assignment #4 – Applying Color to an Image

You can color anything in Photoshop by using different opacity levels and blending modes. Let’s take a grayscale image and tint it with color.

Download the PSD zip file here.

Double-click on the Zoom tool to change the view to 100%.
Choose Image > Mode > RGB Color. In order to color a grayscale image, it needs to be in a color mode.
Open Window > Swatches
Select the Brush tool and Ctrl+click on the canvas to open the contextual Brush Preset picker. Select the Soft Rounded brush (this should be the first brush). Slide the Size slider to 25 and the Hardness slider to 5. Press Return key.
Using the Opacity slider in the Options bar, change the opacity of the brush to 85%.
Position you cursor over a brown color in the Swatches panel.
Using the Brush tool, paint the boy’s hair.
Press Option Z to delete the painting.

In-class Assignment #5 – Changing Blending Modes

You can use Opacity to alter the appearance of a brush stroker but you can also use blending modes. The blending mod controls how pixels in the image are affected by the painting.

In the Options bar, change the opacity to 50%.
Select Color from the Mode drop-down list.
Using the Brush tool, paint over the boy’s hair.
Finish painting the hair brown and save the image.

***Save the PSD and upload the jpg to your blog and Flickr. Save it as LastName-First_name_Painting.

In-class Assignment #6 – The Eyedropper Tool

Download the photo of the boy fully painted.

The Eyedropper tool is used for sampling color from an image. For this in-class assignment, we’re going to use the Eyedropper tool to sample a color from another image to colorize te boy’s face.

Make sure the original black and white photo of the boy is open.
Select Window > Arrange > 2-up Vertical to see both images.
Click on the title bar of the color photo to bring that image forward.
Choose the Eyedropper tool and position it over the boy’s face in the color image. Click once on his left cheek. The color is selected as the foreground color in the Tools panel.
Select the Brush tool, then using the Options bar at the top, make sure that Color is selected from the Mode drop-down menu and that the Opacity slider is set at 15%.
Position your cursor over the image to see the brush radius size. Press the ] until the brush is 150px wide.
Click on the title bar of the black/white image and with the Brush tool selected, paint the boy’s face.
Remember, your Opacity is set at 15% so you’ll build up the skin tone color by painting over areas again.
With the Brush selected, press the Option key and sample the blue color from the striped shirt in the color image.
Press the [ (left bracket) key until the brush size is about 60px.
Press the number 5. By pressing 5 you can indicate that you want 50% opacity.
Position the paint brush over one of the boy’s eyes in the black/white image and click to paint it blue. Repeat with the other eye.

***Save the PSD and upload the jpg to your blog and Flickr. Save it as LastName-First_name_PaintingFullBoy.

Open image ps0605 here. This is what the finished image will look like. Download this background image.

In-class Assignment #7 – Clone Stamp Tool(Looks like a rubber stamp)

Select the Zoom tool and click and drag a marquee around the top half of the image.
Select the Clone Stamp tool.
Position your cursor over the nose of the girl and hold down the Option key. When you see the crosshair, click with your mouse. You’ve just defined the source image area for the Clone Stamp tool.
Position the cursor to the right side of the girls face, then click and drag to start painting with the Clone Stamp tool.
Press the ] (right bracket) to enlarge the Clone Stamp brush.
Change the Opacity to 50% to clone at a 50% opacity or go back to 100% if you want full opacity.
Save your file and name it as follows: 2013.10.23.Smith_John_Clone
Upload to your blog and Flickr and save your .psd file.

Repairing Fold Lines

Using the History command to reopen the image of the girl in it’s original state.

In-class Assignment #8 – Repairing Fold Lines

Select the Zoom tool and check the Resize Windows To Fit check box in the Options bar.
Click three times in the upper-right corner of the image to reveal the fold marks that you will repair with the Clone Stamp tool.
Select the Clone Stamp tool and Ctrl+click on the image area to open the Brush Preset picker. Click on the Soft Round brush and change the Size to 13px. Press the Return key.
Position your cursor to the left of the fold mark, and hold down the Option key and click to define the area as the source.
Position the Clone Stamp tool over the middle of the fold line itself, and click and release.
Press Shift+[ (left bracket) several times to make your brush softer.
Continue painting over the fold lines in the upper-left corner.
Save your file and name it as follows: 2013.10.23.Smith_John_FoldLines
Upload to your blog and Flickr and save your .psd file.

The Spot Healing Brush (Looks like a band-aid)

The Spot Healing Brush tool paints with sampled pixels from an image and matches the texture, lighting, transparency, and shading of the pixels that are sampled to the pixels being retouched, or healed. UNLIKE the Clone Stamp tool, the Spot Healing Brush automatically samples from around the retouched area.

In-class Assignment #9 – Spot Healing Brush

Using the History panel, go back to the original image and select the Zoom tool. Click and drag the lower-right section of the image to zoom into the lower-right corner.
Select the Spot Healing Brush tool and click and release repeatedly over the fold marks.
Using the Spot Healing Brush, repair the fold lines.
Save your file and name it as follows: 2013.10.23.Smith_John_SpotHealingBrush
Upload to your blog and Flickr and save your .psd file.

The Healing Brush (Looks like a band-aid with dotted lines)

The Healing Brush tool also lets you correct imperfections. Like the Clone Stamp tool, you use the Healing Brush tool to paint with pixels you sample from the image, but the Healing Brush tool also matches the texture, lighting, transparency, and shading of the sampled pixels. Now we’re going to remove some defects from the girls dress.

In-class Assignment #10– Healing Brush

Go back to the original version of the image. Choose View > Fit on Screen.
Select the Zoom tool, then click and drag over the bottom area of the girls dress.
Click and hold on the Spot Healing Brush to select the hidden Healing Brush tool.
Position your cursor over an area near to, but outside, the fold line in the skirt, as you are going to define this area as your source. Hold down the Option key and click to define the source.
Paint ove the fold line that is closest to the source area you defined.
Repeat this process. Option+click in appropriate source areas near the fold across the dress, then paint over the fold lines, using the Healing Brush tool.
Save your file and name it as follows: 2013.10.23.Smith_John_HealingBrush
Upload to your blog and Flickr and save your .psd file.

The FINAL images encompasses ALL the tools used above. Save it as 2012.10.1.Smith_John_RetouchingFinal

Homework | Week 8

Delicious:

Tag three sites that focus on Photoshop which refer to any of the techniques we learned in class today. Write a comment in Delicious about why you think each one would be a good resource for this class.

If you did NOT finish all the in-class assignments, please finish it for homework and upload to both Flickr and your site. SAVE YOUR PSD’S.

Recreate Rock and Roll Girl

Using multiple layer, recreate the finished imaged of the rock and roll girl seen above.

Answer the following questions on your blog:

Graffiti project

Select 1 photograph from any source (Google images – search graffiti) and use the paint tool to change the image in an interesting way, post to Flickr and to your blog. Use at least 3 unique features of the paint tool on each image.

Part II: Create YOUR OWN unique graffiti images (THREE IMAGES). Start with a blank document and use the tools you learned in class tutorials. Document size: 800px wide x 600px deep.

If you have an image in the grayscale mode and you want to colorize it, what must you do first?
What blending mode preserves the underlying grayscale of an image and applies a hue of the selected color? Hint: it is typically used for tinting images.

Photoshop Project 1

Word as Image

***Please review project 1 page and note what is due for next week’s class.***