PixelPerfect

Hosted by Bert Monroy.

Be amazed and learn as master digital artist Bert Monroy takes a stylus and a digital pad and treats them as Monet and Picasso do with oil and canvas. Learn the tips and tricks you need to whip those digital pictures into shape with Adobe Photoshop and Illustrator. Read More

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!

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.

Introduction and Overview

A soccer background and an overview on the basic iPhone Ad.
00:00 | Play

Creating the Hardware

Bert shows you how to create the physical form of the iPhone.
05:09 | Play

Creating the Apps

Bert goes over how he created the iPhone app icons.
08:46 | Play

The Ad in Tokyo Times Square

Bert reviews how the iPhone fits in the Tokyo Times Square scene.
16:15 | Play

Connect with PixelPerfect

About the Show

Details
Show Title:
PixelPerfect
Description:
Be amazed and learn as master digital artist Bert Monroy takes a stylus and digital pad and treats them as Monet and Picasso do with oil and canvas. Learn the tips and tricks you need to whip those digital pictures into shape with Adobe Photoshop and Illustrator.
Categories:
Art & Music, How-To & DIY
Launch Date:
Sep 26, 2006
Episodes: