Exit Theater Mode
Login or register to enable this feature.
Or, compose an email to send yourself.
Download this episode
Embed or link to this episode
Create an Apple iPhone Billboard
Sunday, July 26th, 2009 running time 19:59
Learn how to create an iPhone from scratch in Photoshop and Illustrator, then create a full blown iPhone billboard!
Segments
Create a reflection of the iPhone
Apple's signature reflection style is easily re-created by duplicating the iPhone layer, and reflecting it across the horizontal axis. Move the duplicate layer to the bottom edge of the original iPhone, then bring down the opacity to about 50%. Finally, add an opacity mask using a linear gradient to make the reflection fade away. Finally, you can add the iPhone and Apple logo, then distort your billboard's perspective.
Build elements of the iPhone
As always, Bert re-creates everything from scratch. He uses many different paths to draw the iPhone and gives a tour of all the shapes built, including the iPhone hardware, the screen, the icons, and even the detailed logos within the icons. Most shapes include some effects such as Inner Shadow, Bevel and Emboss, and Satin. However, underlying all of these effects are just simple shapes. Each element of the iPhone, including the screen detail and highlights, are on separate, labeled layers. Make sure to name your layers because there will be many.
Use Illustrator to draw icons
Many of the icons appear to have gears and starbursts. Draw these in illustrator and import them into Photoshop as Paths. All of the detail are added in Photoshop, including shading, gradients, and colors.
Sponsors:
GoDaddy - All GoDaddy special offers are available in one place for your convenience. Just visit revision3.com/godaddy to see all PixelPerfect coupon codes you can use at godaddy.com.
Netflix - Rent over 90K titles online including Blu-Ray titles with free shipping to and from your home. Membership starts at only $4.99 and get a free 2 week trial by visiting www.netflix.com/pixelperfect. Yes, you need to type in the "www" when visiting that Netflix link.
Want your artwork on PixelPerfect?
Make sure to send in your artwork to bert@revision3.com if you'd like your image used as Bert's background on a future episode of PixelPerfect. Your image should be a 1280x720 JPG.








