Inspiration for digital creatives

NEW! Topic Zones

Digital Arts cover

Buy latest issue NOW!

NEW ADVENTURES IN DIGITAL PAINTING
REMIX YOUR ART
VINTAGE HALFTONES
COMIC ILLUSTRATION
SURREAL PORTRAITS
WATERCOLOUR VIDEO EFFECTS

PLUS - £300 OF STOCK IMAGES

EDIGIT SIGN-UP

The twice-weekly newsletter with all the latest creative news, reviews, and features



More info...


ipad

The Complete Guide to the iPad

Packed with tips and tricks, the top 50 apps you must download & over 80 pages of step-by step tutorials.
Buy NOW for just £5.99, a saving of 40% off the retail price.

Illustrator Tutorial: Create lush, glossy vector images

Wednesday 14 Apr 2010

It’s easy to associate vectors with flat shapes – but creating Illustrator images with real depth needn’t be a headache. In this tutorial, Thomas Burden (who works under the name ...There Will Be Unicorns) shows how you can create striking, vibrant work in Illustrator using a simple colour palette and basic blur effects – particularly Illustrator’s built-in Gaussian Blur effects.

Along the way, you’ll also learn how to bring simple shapes to life, and how to create charming characters and elements, using only basic Illustrator and Photoshop.

Shading elements in Illustrator with the Gaussian Blur leaves your objects completely editable. Once you’ve scaled these elements to the right size, you can import them into Photoshop for a quick brightening up and some tweaks to layer blending modes and styles.

The net effect is fresh, clean and irresistibly cheerful.


Step 1
It’s a good idea to start by sketching on paper: I find it easier and quicker to mark out rough compositions and characters or elements by hand first. These are very rough, though, and I don’t even bother scanning them in, preferring
to take snapshots with a digital camera for speed. Scan yours in if you prefer.


Step 2
Loosely trace these jottings in Illustrator, using the basic Shape tools in combination with the Pen tool to keep a uniform and simple look to all the elements. Then choose a colour palette – keep this as simple as possible. I usually use no more than 10 colours. Use these as a base to work with while getting the major compositional elements in place.


Step 3
We’ll focus on creating one element, as almost everything is created using the same process. Open Rainbow Volcano.ai from the CD in Illustrator. Then select Illustrator > Preferences > General. Tick the box marked Scale Strokes & Effects.

This ensures that any stroke and effect applied to an object will scale relatively to the object it is applied to – which is key here, as adding strokes and effects is the bulk of what we’ll be doing.


Step 4
Select the red shape that I created from a basic rounded rectangle shape. This will form the base of the rainbow volcano, and, once shaded, coloured and duplicated, will form the rest of it too. Hit Cmd/Ctrl + G to group the object and double-click it to enter the group.

Now draw a highlight line with the Pen tool (P), just inside the top left of the shape, with a white stroke and a thickness of 3.5px with rounded ends.


Step 5
With line selected click Effect > Blur > Gaussian Blur and set it to 10. You will see the effect appear in the Appearances panel on the right. If this is not open then select Window > Appearance from the menu or use Shift + F6. Double-click the effect in the appearances panel at any time to edit it.


Step 6
Now reduce the opacity of the line to 29%. There you have it – a highlight.


Tutorial continues...

Jump to page : [ 1 ] [ 2 ] [ 3 ] [ 4 ]

Read more tutorials by this author

Read more Illustrator Tutorials

Learn about our amazing creative tutorials as soon as they're published -- click here follow @digital_arts on Twitter.

Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?


Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?

Comments received


Rob said on Tue, 27 Apr 2010

This tutorial is disappointing. It only shows how to do 1 part of the whole image. It also leaves out steps to add the extra detail shown in the image. FAIL!

Jim said on Tue, 27 Apr 2010

No comment box for the chesire cat tutorial. Seems kinds stupid to only allow comments on certain articles.

Emily said on Tue, 27 Apr 2010

Yes, this article was a let-down. It should have been a 3 part article showing the steps to create at least half the final image.

Alien said on Tue, 27 Apr 2010

I ripped this article out and used it for toliet paper.

SexyGurl said on Tue, 27 Apr 2010

lol your guys comments are funny. Yea, this tutorial had potential but missed the mark.

Click here for the latest reader comments

Disclaimer
Opinions expressed here are those of the writers and do not reflect those of Digital Arts. Digital Arts accepts no responsibility legal or otherwise for their accuracy of content.
Click here to read the terms and conditions.


Promotions

alt content

Corbis Introduces £5 Web and Mobile Resolution Photos as New Research Finds Interesting Pictures Make Online Ads More Effective.

Click here for more information

THERE WILL BE UNICORNS
Having cut his creative teeth at McFaul Studio, Thomas Burden has now ventured out on his own as a freelance illustrator. While working for McFaul, he had the opportunity to work for major-league clients including Saatchi & Saatchi, Disney, and Bob Dylan. He’s been no slouch since going freelance either – his commissions to date include work for Don’t Panic, Will Young, and Samsung.

CONTACT
therewillbeunicorns.com

SOFTWARE
Adobe Illustrator & Photoshop

TIME TO COMPLETE
3 hours

FILES
Files for this tutorial are on the CD. The Illustrator file can be downloaded from here; but the accompanying Photoshop file is too large to offer as a download.