MINUTE BREAK

Transcription

1 MULTIMEDIA TOOLS: DGIM 601-W01 (127469) CLASS 3 : February 12, 2014 AGENDA Homework Critiques: Assignment 1. The Instagram Effect (3-5 minutes each) Photoshop Lesson 3: Things aren t what they seem Photography (continued) I. Photo Retouching: Before There Were Computers (Web Post) Retouching, Old School (Video) a. Fix The Face (Save As: YourInitials_the-face.psd ) 1. Fixing blemishes 2. Digital make up (DEMO) MINUTE BREAK II. The Mask: a. Shape Masks (Save As: YourInitials_shape-mask.psd ) b. Text Masks (Save As: YourInitials_text-mask.psd ) c. Layer Reveal Masks (Save As: YourInitials_layer-reveal-mask.psd ) (Demo Video) III. Midterm Project Prep a. Review Sketch Examples b. Web Site Requirements: 1. Homepage (Eye-grabbing Image, Intro to You or Site, Social Feed, Navigations) 2. Works Page (Your Best Work: Images, Videos, Book Links, Blog Links, Navigations) 3. Contact Page ( , Social Media Buttons, Navigations) OPTIONAL: Demo Reel (Homepage), About Page (with full bio, skills, or resume) Revised 9/16 1

2 I. Photo Retouching a. Fix The Face: Sampling, Healing, & Cloning Step# Description Action 1 Open Photoshop & Open the following image: the-face.jpg a. Open Photoshop b. Go To Menu Bar >File > Open > Browse To WED_DGIM601_dom > images > and double-click the-face.jpg Shortcut Key (Win) (Mac) Save File c. Go To: File > d. Navigate to Your Class Folder e. Create New Folder retouching f. Save: YourInitials_fixtheface.psd 2 Unlock & Rename Background Layer You have just opened an image file in Photoshop. By default, Photoshop places the image on a layer called Background. The Background is currently locked (note the lock icon next to the layer name) which may prevent SOME operations. You will unlock the layer by following these next steps: a. Double-click Background layer b. Rename Layer: Original NOTE: the lock no longer appears near layer name. 3 Duplicate Original Image NOTE: There are 4 ways to Duplicate Layers: In all cases, ensure the Original layer is selected 1. MENU BAR a. Menu Bar > Layer > Duplicate Layer b. Rename Layer > As: > Retouched c. Click OK 2. LAYER OPTIONS BUTTON a. Go To Layers Panel b. Click Layer Options Button c. Rename Layer > As: > Retouched d. Click OK 3. RIGHT-CLICK MOUSE a. Go To Layers Panel b. Select Original layer and Right-Click c. Rename Layer > As: > Retouched d. Click OK 4. DRAG ORIGINAL LAYER TO NEW LAYER ICON a. Go To Layers Panel b. Select Original layer and Drag Down To c. Place cursor over Original copy d. Double-Click Original copy e. Type Retouched f. Hit Enter (Win) or Return (Mac) Revised

3 4 Fix wrinkles or small blemishes with Spot Healing Tool a. Select Spot Healing Brush b. In Tool Options Bar, Click Proximity Match Radial c. Mode: Normal d. Brush size: #10 Soft Edge e. Drag and/or click areas around crack/wrinkles f. Observe fixes as you go. NOTE: Increase Brush Size by hitting the ] key Decrease Brush Size by hitting the [ key J J NOTE: Zooming and Undoing Zoom in tight to fix specific areas Zoom out to view results To undo a mistake, Hold Ctrl + Hit Z (Simultaneously) To undo multiple mistakes: a. Hold [Alt + Ctrl] + Hit Z (Simultaneously) or b. Go To Menu Bar > Edit > Step Backward (Ctrl + ) (Ctrl - ) (Cmd + ) (Cmd - ) (Cmd+Z) (Cmd+Alt + Z) 5 Fix large blemished areas (i.e. chipped nose) with Clone Stamp Tool a. Select Clone Stamp Tool b. In Tool Options Bar, Click Proximity Match Radial c. Mode: Normal d. Brush size: #35 Soft Edge e. Opacity: 100% S S f. Hover over area you wish the chipped area to match and Hold Alt (Option - Mac) + Click with Mouse g. Brush area to be cloned h. You may use the Blur tool to soften the edges of corrected areas. NOTE: For future projects, if the area you wish to sample is on another layer), you may click the check box for Sample All Layers 6 Get Use to Switching Between Tools a. Alternate between tools to achieve desired effect Revised

4 (Save: YourInitials_fixtheface.psd ) (Save For Web: YourInitials_fixtheface.jpg ) Take 15 minutes to retouch your personal profile picture. Step# Description Action 1 Open your file from Window s Explorer a. Go to your personal profile picture b. Right-Click > Choose Open With c. Adobe Photoshop CS6 or Other Programs > Adobe Photoshop CS6 (alternate: Menu Bar > File > Open > Choose Adobe Photoshop CS6 Shortcut Key (Win) (Mac) Use steps from previous exercise to retouch your image QUICK RETOUCHING TIPS: It s All A Blur: A simple Blur overlay layer, can reduce the appearance of facial flaws 1. Duplicate your original portrait layer 2. Rename the Original Copy Layer Blur 3. Right-Click the Blur layer and Convert to a Smart Object 4. Go To Menu Bar> Filter> Blur> Gaussian Blur 5. Slide to or type 8.5 for Radius, Hit OK 6. Go To Blend Modes in the Layer Panel 7. Choose Overlay for Blend Mode (choose and view other blend modes) NOTE: If the Blur Layer is more or less blurry than you desire, go to the Blur layer, double-click the Gaussian Blur fx and edit the Radius. Revised

5 Touch of Color: Add lip color & Change eye color CHANGE LIP COLOR: 1. Create a new layer, name it Lips 2. Choose the Brush Tool (B) 3. Change the foreground color to Red or Pink 4. Use Overlay Blend Mode for Lips 5. Use Eraser tool to remove unwanted makeup B E B E CHANGE EYE COLOR: 1. Create a new layer, name it Eyes 2. Same as above (may use 100% brush hardness) 3. Change foreground color to eye color of choice 4. Use Color Dodge Blend Mode 5. Same as above (may use 100% brush hardness) (Save: YourInitials_portrait.psd ) (Save For Web: YourInitials_portrait.jpg ) Revised

6 II. The Mask a. Shape Mask Step# Description Action Shortcut Key (Win) (Mac) 1 Create Shape Mask: a. File > New b. Name: YourInitials_shape-mask_rollover c. Width: 2000 Pixels Height: 600 Pixels d. Place an original image into file: File> Place > Select an Original Image e. Adjust image size and position (Ctrl + T) - Hold Shift+Alt while dragging a corner handle (maintains image ratio keeps image centered) - Hold Shift while dragging a corner handle (maintains image ratio) - Click and drag image to desired position - Click Enter to accept image. f. Create a New Layer g. Draw shapes of your choice with: 1. The Shape Tool 2. The Brush Tool h. Drag original image layer above the Shape Layer you just created (if necessary) i. Right-Click original image Layer and Select: Create Clipping Mask j. Click the image layer, choose the Move Tool (V), and move the image left and right to adjust the reveal) k. Save File: YourInitials_shape-mask.psd U B Ctrl + S U B Ctrl + S Revised

7 b. Text Mask Step# Description Action Shortcut Key (Win) (Mac) 1 Create Text Clipping Mask: a. Place an original image into file: File> Place> Select an original image (If necessary, unlock the background layer, by double-clicking, and choosing OK) b. Create a New Layer c. Select the Text Tool Font: Impact Font-Size: 200px or Less d. Type Your Name OR short word of your choice e. Click the Move Tool to commit the text f. Click and drag the Text Layer below your original image layer g. Right-Click original image Layer and Select: Create Clipping Mask (Move image left and right to adjust the reveal) h. Create a New Layer, move it below the text layer, and rename it: Background or BG i. Click Fill and Adjustments button (at bottom middle of Layers panel) j. Choose Solid Color and pick color that best matches your new image k. Save File: YourInitials_text-mask.psd (T) Ctrl + S (T) Cmd + S c. Layer Reveal Mask Step# Description Action a. Reveal parts of a full color layer File > Open a. Browse To Your Communications Photo c. Double-Click to open file Shortcut Key (Win) (Mac) 1. Watch The Demo (video) URL: 2. Follow The Demo Revised

8 III. Midterm Project Prep a. Review Sketch Examples b. Web Site Requirements: 1. Homepage (Eye-grabbing Image, Intro to You or Site, Social Feed, Navigations) 2. Works Page (Your Best Work: Images, Videos, Book Links, Blog Links, Navigations) 3. Contact Page ( , Social Media Buttons, Navigations) OPTIONAL: Demo Reel (Homepage), About Page (with full bio, skills, or resume) Revised

9 HOMEWORK: Assignment 2 Pretty Sneaky (Image Retouching & Mask Layers) I. FINISH Retouching Your Image Image Size: Resolution: Type of Image: 2000px (Minimum width or height) 72dpi (for on-screen display) Personal Photo, Medium or Close-Up Shot ABOUT PAGE IMAGE: Save As YourInitials_retouch.psd Save for Web & YourInitials_retouch.jpg Devices NOTE: You may add image adjustments and filter effects to match the color scheme & theme of your website GRADE: This assignment is worth 5% of your overall Homework Assignment Grade (see Syllabus) II. Brainstorm, Sketch, Pitch the following for your Midterm Project: 1. Works Page: 2. Contact Page: 3. About/Bio Page OPTIONAL: KEEP THE FOLLOWING IN MIND: Purpose of Website :: description :: (i.e. portfolio, business, etc.) Website Theme :: description :: (i.e. outer space, video game, bubble gum, corporate, designer chic, pop-glam, industrial, MS Flat, Apple Glossy, etc.) Website Color Scheme :: Photoshop :: Create.psd file with at least 3 rectangles depicting your color scheme. Be prepared to give a reason for choosing your colors View the following reference: What Your Color Choices May Convey - Marketing Industry URL: Luggage Bring the Following to Next Class 1. Flash or portable drive with your completed retouched image in.psd format. 2. Sketches of Your Works and Contact Web Page (About/Bio Page OPTIONAL) Revised

10 Revised