Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : Photo Editing Last Updated: Apr 15th, 2008 - 18:38:37


Make Your Own iPod Style Photo
Author: Tommy Maloney
Authors Website: www.photoshoplab.com
Aug 21, 2006, 01:12

Email this article
 Printer friendly page

So we've all seen those Apple iPod commercials on TV. Crazy silhouetted people dancing around with white iPod's attached their ears with white strings. It's a pretty easy photoshop effect, so I'll show you how to create your own crazy ad.

So we've all seen those Apple iPod commercials on TV. Crazy silhouetted people dancing around with white iPod's attached their ears with white strings. It's a pretty easy photoshop effect, so I'll show you how to create your own crazy ad.

Let's start off with our person photo. I found this one at www.photospin.com. We're going to want to start by masking the image. Masking is when you basically hide a portion of the image, leaving what you want to see, visible. It's a lot easier than "deleting" the unwanted area. Start by making your selection around the object.
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo


Create a Solid Color Adjustment Layer by clicking on the Adjustment Layer icon at the bottom of your Layers Palette. You'll see the Color dialog box. Select black.
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo


Select your Background Layer again in your Layers Palette. Press Ctrl + D to deselect your selection, just in case. Create another Color Adjustment Layer, but this time choose bright green, or red, or orange, or whatever you want your iAd color to be. I chose green.
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo


You can stop after this point if you want, since you get the basic effect. But I'm going to add a few extra things.

First is going to be a shadow. Hold Ctrl and click on the Layer Mask of the black Color Adjustment Layer you made. Create a new layer under that layer Ctrl + Alt + Shift + N. Press Ctrl + D to select the default colors. Alt + Backspace fills the new layer with black. Ctrl + D deselects.
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo


Now let's transform that layer. Press Ctrl + T to bring up the Free Transform bounding box. Hold Ctrl and select the top-middle box. Shrink and twist the box to resemble a shadow.
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo


Add a Layer Mask to the shadow layer and press G to select the gradient tool. Select the default gradient settings, and drag across your shadow layer. Like this:
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo


Now, to finish it off, I added the iPod. I grabbed the iPod photo from the Apple site. Shrank and tweaked it. To create the headphone wires, I used the pen tool. After I created the paths, I stroked them with the Brush, set to 1-pixel. You can check out more on the Pen Tool here.
Web Designers Library- Tutorials and Articles
Make Your Own iPod Style Photo



Top of Page

 
Level Ten Hosting