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
Last week, we created an energy can to be placed in a billboard. We continue this week by building the rest of the advertisement using both Adobe Photoshop and Illustrator.
Create the billboard canvas in Photoshop
Open your energy drink graphic, and copy the image into a new layer on a large Photoshop canvas.
Use Adobe Illustrator to make the billboard's background design
Bert utilizes Adobe Illustrator to create starburst-like shapes that will serve as the billboard's background design. These shapes will be imported into Photoshop when complete. The method of creating multiple angled lines is done by using the Reflect function and making manual adjustments as needed. Use Object > Join to connect your duplicated lines to create a single shape. Duplicate this shape multiple times using the Reflect function to create a starburst-looking object.
Import shapes into Photoshop and apply color
Copy and paste this path into Photoshop in a layer behind the energy can and adjust the shape as desired. Create a yellow colored gradient in another layer below the can, then make a selection using the starburst paths. In that selection, apply some green color that will contrast with the yellow gradient.
Apply styling to the can using gradients
Apply a glow to the can for additional styling. In this case, we're not going to apply a glow using layer styles. Instead, we'll make a large glow behind the can by using a white color, and creating a radial gradient that fades to transparent. This way, the glow is uniform and doesn't stick to the shape of the can. If the glow isn't strong enough, duplicate the glow layer for more intensity.
Add text to the billboard using Illustrator
Create an ellipse selection in Photoshop using the marquee tool and save this selection as a path. Copy this path and place it in Illustrator. Lock this path, then make a new path with less anchor points using the smart guides, which will help identify the boundaries of the imported path. Apply type to the rounded path and find a font that you like. You can adjust the placement of the text by dragging the handles. Copy this text back into Photoshop as pixels. Finally, apply a white stroke to the text using layer styles to complete this project.
Netflix - Rent over 90K titles online including Blu-Ray titles. 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.
GoDaddy - Make an impact online! Domain names come as low as $1.99 and GoDaddy offers world class hosting solutions. Enter code Pixel1 when you check out to save an additional 10% off any order. Visit GoDaddy.com!
Want your artwork on PixelPerfect?
Make sure to send in your artwork to email@example.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.