Username / email:   Password:
or or
Exit Theater Mode

Login or register to enable this feature.

Or, compose an email to send yourself.

Share this video
  • Share via email

Embed or link to this episode

View by:

Make a Box of Neon Lights

Sunday, September 27th, 2009 – running time 20:54
In Bert Monroy's Times Square piece, neon lights make the McDonald's building attractive. Learn how to create your very own box of lights with Photoshop and Illustrator.

Segments

Introduction to McDonald's building and lights

Bert shows his Times Square piece and focuses on McDonald's lights.

02:30

Play

Create a canvas for lights

Create simple paths of the box in Adobe Photoshop. The paths for the actual lights are more detailed and will be handled in Adobe Illustrator. Fill your shape with a gray color and name the layer "base". After labeling the layer, hand-draw the path for other sides of the box. Use a gradient to color the selection made from the path, and use the dodge tool to add some shine and depth. Hand coloring and lighting is done to the shape. After you're done coloring, clip your color layers to the path and add details like borders.

05:29

Play

Create neon tubes in Illustrator

Copy your box's path and go to Adobe Illustrator. In a new layer, paste the compound path of the box. Here, Bert shows how to create the neon tubes that simulate light using stroked paths. You can copy and paste these completed paths into Photoshop. The lights will rasterize, and this is OK. Clip the neon tube lights to inside the box, then add embellishments like the light hardware underneath.

12:51

Play

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.

Head over to the PixelPerfect Facebook Fan Page to interact and share your tips and tricks, see how-to clips & get notified about new episodes.