Week 9 | Overview
Working with the Magic Wand Tool
In-class Assignment #1 – Use the image above to work with the Magic Wand Tool.
- Select and hold the on the Quick Selection tool to locate and select the hidden Magic Wand Tool.
- In the Options bar, make sure the tolerance is set to 32.
- Position your cursor over the red portion of the kite and click once. Notice that similar tonal areas that are touching are selected. Place your cursor over different parts of the kite and click to see the different selections that are created. The selections pick up only similar tonal areas that are touching, which in this case is generally not the most effective way to make a selection.
- Choose Select > Deselect or Command + D.
- Click once in the sky at the top center of the image. The sky becomes selected. Don’t worry if the sky is not entirely selected, it is because those areas are outside of the tolerance range of the area that you selected with the Magic Wand tool.
- Press Command + 0 (zero) to fit the picture to the screen. Then hold down the Shift key and click the area of sky that was left unselected. Those areas are added to the selection of the sky.
- Choose Select > Inverse. Now the selection has been turned inside out, selecting the kite. Inversing a selection is a helpful technique when solid colors are part of an image, as you can make quick selections instead of focusing on the more diversely colored areas of an image.
- With the selection of the kite still active, choose Select > Deselect, and the selection is deselected. Then choose Select > Reselect to reselect the kite.
- Now you will sharpen the kite without affecting the sky. Choose Filter > Sharpen > Unsharp Mask. The Unsharp mask dialog box appears.
- Drag the Amount slider to the right to about 150, or type 150 into the amount text field. Leave the Radius text field at 1. Change the Threshold slider to about 10, or type 10 into the Threshold text field.
- Click and drag in the preview pane to bring the kite into view. Position your cursor over the kite in the preview pane, and then click and hold. Release the mouse to see the Unsharp Mask filter effect applied. Press ok.
- Save your file and name it as follows: 2012.10.1.Smith_John_Text_MagicWandTool
- Upload to your blog and Flickr and save your .psd file.
Making Difficult Selections with the Refine Edge Feature
In-class Assignment #2 – Use the image above to refine edges.
Using the Refine Edge feature can help you to improve your selection of difficult items such as fur and hair.
Open the image file above.
- Click and hold the Quick Selection tool, and then select the hidden Magic Wand tool.
- Click the white area off to the right of the woman; the white area becomes selected.
- Choose Select > Inverse to invert the selection. The woman is now selected.
- Click on the Refine Edge button in the Options bar, the Refine Edge dialog box appears.
- To get a better view of the hair selection, choooose the Black & White option from the View drop-down menu. Black &White is a viewing option that you can use to see your selection better.
- Using the Radius slider, in the Edge Detection section, change the Radius value to 100. The issue you now have is that by increasing the radius to get a better selection of hair, you also degraded the edge selection of the shoulder, beneath the hair. You will use the Erase Refinements tool to help you clean up your selection.
- Click and hold down on the Refine Radius tool and select the Erase Refinements tool.
- Position your cursor over and area in your image where you would like to clean up the selection.
- Start painting over the areas that you do not want the refinements to take place.
- Select Layer Mask from the Output drop-down menu and press OK. Since you have added a layer mask, your results are shown as a transparent selection.
- Save your file and name it as follows: 2012.10.1.Smith_John_Refine_Edge
- Upload to your blog and Flickr and save your .psd file.
Using Quick Mask
In-class Assignment #3 – Use the image above to refine edges.
Quick Mask is another method for modifying selections. When using Quick Mask mode, you’ll use the Paint Brush tool to paint and modify your selection. In this exercise you will create a mask using the Quick Mask feature, save the selection, and then copy and paste the selection into another image.
Open the image file above.
The new Type Styles feature in Adobe CS6 enables you to define text styles, for both paragraphs and characters, in a very similar way as in InDesign. This allows you to change the appearance of any text you have very easily.
Character Styles: Control character attributes, such as font size, color, kerning, leading, etc (the attributes in the Character panel).
Paragraph Styles: Control both character AND paragraph attributes, such as indents and spacing, alignment, hyphenation, etc (the attributes in the Paragraph panel). These panels can be found under the Window menu, OR under Type -> Panels
- Paragraph and Character Panels
- Paragraph Styles and Character Styles Panels
- Setting Up Type Styles
- Creating Paragraph Styles
- Modifying Paragraph Styles
- Multiple Paragraph Styles
- Selecting Paragraph Styles
- Changing a Paragraph Style’s Settings
PAINTING AND RETOUCHING: STARTING TO PAINT
Using the Color Panel
Using the Brush Tool
- Select the Brush tool in the Tools panel.
- Press the arrow next to the brus size in the Options bar to open the Brush reset picker.
- Position our cursor over any of the brushes to see a tooltip appear. It provides a description of the brush and displas its pixels.
- Choose the brush described Soft Round Pressure and click on it.
- Enter the size 45.
- Position the cursor on the left side of the image window, then click and drag to painting a curved line.
- Use the Color Picker panel and click on a different color. Then paint another brush stroke crossing over the orignal stroke.
- Press the ] key and the brush increases in size. Press the left ] and it decreases the size of the brush.
- Open the Swatches panel Window > Swatches
- Move your move over a swatch color and choose a color.
- To change its opacity, go to the Options bar at the top and click on the arrow next to 100%. A slider appears. Drag the slider to the left to lower the opacity to about 50%, and then click on the arrow to collapse the slider. You can also just type 50 into the opacity text field. Windows > Opacity
- Use your mouse to overlay another color and note the transparency of the color.
Using the Brush Presets
- 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.
Using the Airbrush Feature
- 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.
Creating a Border Using the Bristle Brushes
Applying Color to an Image
- 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.
Changing Blending Modes
Your still using the photo of the boy – ps0603.
- 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.
The Eyedropper Tool
- 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 osition it over the boy’s face in the color iimage. 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.
Homework | Week 9
Recreate Rock and Roll Girl
Tag three more 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. *Make sure you also add the tag: fundamentalsofadbobecs6msufall2012
Create text entries, using Photoshop CS6, for the following phrases:
- think small
- rise up
Photoshop Major Project I:
The American Red Cross
Create 6 website banners to support the Internet marketing efforts of the American Red Cross (ARC) which highlight Hurricane Sandy. ARC has a recognized brand with specific font, color and sizes. Access their various logos and design specifics here.
You have free reign to design the composition as you would like. Focus on online donation, a second idea here, text treatments that promote recovery efforts, blood donations, co-brand one of your banners with MSU, or any other American Red Cross banner ad that specifically focuses on New Jersey and Hurricane Sandy.
Review their brand guide carefully to give the web banner the correct voice, imagery and look and feel.
The above image links are meant as a reference and NOT for you to directly copy. You can get more inspiration here. For this project, you will need SIX completed composition images of your designs (6 different designs) that includes the ARC’s logo and follows their design brand which will be used in a series of web banners. You will also need to create a Word document that explains your concept rationale. The Word document may also have some sort of image/images integrated into it.
- Develop a concept for this project.
- Devise sketches of the proposed compositions. Sketches should be full-fledged compositions of the intended deliverable for your client.
- Submit JPG images sand .PSD files for each of the SIX web banners, as well as your Word doc. Your Word doc should be at least 250 words (roughly one page) in length. Include your concept statement with your rationale for design, the process you went you through to achieve your result, and a breakdown and explanation of the elements of your design.
- Use Photoshop CS6 to create a series of SIX unique concept-based web banners. You can use logo images found on the Red Cross brand identity web page. Be consistent with your designs. Make them look like they were designed specifically to focus on New Jersey and Hurricane Sandy. You are communicating one message, the Red Cross is helping victims of Hurricane Sandy and needs YOU to get involved by either supporting them, donating blood or volunteering.
- NOTE: At least one of the six designs must include an image. At least one of the six designs must be co-branded with Montclair State.
Save the file as LastName_FirstName_ARCBannersv1 (change to v2 and v3).jpg .
Finished .JPG of your web banners should include the following:
- Website banners in six sizes. See standard web banner sizes here. Create one of each size: Leaderboard, Square, Skyscraper, Rectangle, Button and Full Banner
- A logo and phone number and/or url on all banners
- Project Research & Conceptual Sketches
- Preliminary Web Banner Comps (Sketches – multiple iterations)
- Final Web Banner JPG’s – designed in Photoshop CS6
A Word document that includes the following:
- Your concept
- Your rationale
- Your overall pitch to the American Red Cross
*****NOTE: Create your Photoshop document to be 300 dpi and 10″ wide. Then resize it down to web rez, 72 dpi. SAVE THE FULL REZ FILES!******
****NOTE: The Illustrator section of your portfolio is due on Week 10 – next week***