iPod Ad

Have you ever seen an ad for iPod? There is always a person in an expressive pose and that person is completly silhouetted. Then there is the element of the iPod that is highlighted in white. Below are some samples.

 

 

This tutorial will teach you how to create an "iPod Ad". You do not need to use an ipod. You are able to use any object that you wish including basketballs, guitars, or an article of clothing. 

Step 1

Step 2

Step 3

Step 4

Step 5

Step 6

Step 7

Step 8

Step 9 Step 10 Step 11 Step 12 Step 13 Step 14

Home

STEP 1 ñ Strike a Pose:
Have someone take a picture of yourself using the digital camera and green screen. Make sure that your pose is expressive and that you have an element that can be highlighted in white.

STEP 2 ñ Download Your Picture to Your Student Space:
Use the USB cable to connect the camera (make sure the power is on) to your computer. On your computer go to Start>My Computer and the camera will show up as Sony Memory Stick. Open the DCIM Folder and then the 101MSDCF Folder. Find your picture and then you copy it to your Images folder on your Student Space.

STEP 3 ñ Create a New Photoshop File:
Name = A8_iPodGraphic; Width = 10 inches; Height = 8 inches; Resolution = 100 pixels/inch; Color Mode = RGB. Leave the other settings at the defaults. Immediately save the file to your assignments folder.

STEP 4 ñ Determine Layout Orientation:
Open the file with your image and determine if your layout will work best in a horizontal or vertical layout. If a horizontal layout is best, skip to STEP 5. If your image will work better in vertical mode, in A8_iPodGraphic, rotate the canvas 90ƒ (Image>Rotate Canvas>90ƒ).

STEP 5 ñ Crop, Copy and Size Your Image:
Use the Crop Tool to Crop your image as close as possible without removing any part of you. Copy the cropped image to A8_iPodGraphic file (Ctrl-A, Ctrl-C). Rename the layer Original Image. Resize your image (Edit>Transform>Scale) so that the figure will fit in your layout. Leave some room so the vibrant background will show through. Make sure you hold down the Shift key and drag from the corner handles when you scale the image to maintain the proportion and avoid distorting the image.

STEP 6 ñ Make a Selection of Your Image:
Make a Copy of the Original Image layer and name it Silhouette Image. Turn off the viewing of the Original Image layer. Select the Silhouette Image layer. Use the Magic Wand Tool and click on the green screen area. Hold down the Shift Key to select other green screen areas that are not continuous and other areas that are not part of you. You can also use Quick Mask Mode to clean-up or even make your selection. Once you have all of the background selected, save the selection to a Channel (Select>Save Selection). Name the channel Silhouette.

STEP 7 ñ Remove the Background from the Silhouette Image Layer:
Reload the Silhouette Selection (Select>Load Selection>Silhouette). Press the Delete key and the background of the Threshold Image layer will be Deleted. Make sure viewing of the Original Image layer is turned off otherwise it will look like the background was not deleted.

STEP 8 ñ Threshold the Silhouette Image Layer:
Make sure that Silhouette Image layer is selected. Use Threshold (Image>Adjust>Threshold) to convert the image into black and white. Choose a setting that leaves some of the areas white but not too many. Move the slider until you get the result you are looking for.

STEP 9 ñ Fill the White Areas with Dark Gray:
Use the Magic Wand Tool to select a white area of the Silhouette Image layer and then Select all Similar whites (Select>Similar). Choose a dark gray foreground Color and fill the selected area (Alt-Delete).

STEP 10 ñ Make a White Selection:
Turn off viewing of the Silhouette Image layer and turn on the viewing of the Original Image layer. Make a Selection (using the Polygon Lasso) of the element in your image that you want to highlight in white. Save that Selection (Selection>Save Selection) as White Element.

STEP 11 ñ Create the White Element:
Create a New Layer and call it White Element. Select white as your Foreground Color. Make sure the White Element Layer is active by clicking on it. Load the White Element Selection (Selection>Load Selection>White Element). Fill the Selection with white (Alt-Delete).

STEP 12 ñ Typeset Your iTitle.
Select white as your Foreground Color. Use the Type Tool to set a title to your graphic such as iJohn or iScorer. Use a font size of 48 points.

STEP 13 ñ Create the Background.
Select a vibrant Foreground color and fill the background layer with it (Ctrl-A, Alt-Delete).

STEP 14 ñ Create an Alternate Background in the Style of the New iPod Ads.
Use your creativity, imagination and Photoshop skills to create an Alternate Background for your iPod Graphic. A cool background to create is going to Filter>Render>Clouds or Different Clouds. You can also make your own any way you know how. Call the Layer Background ñ New Background Style.