Inspiration for digital creatives

Buy the latest issue NOW!

Digital Arts February 2010 - out now Brand new retro
10 new ways to sell your art
Behind the scenes on The Road
New art showcase
Amazing tutorials
Vue 8 Digital Arts Special Edition on free CD!

EDIGIT SIGN-UP

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



More info...

Illustrator Tutorial : Create incredible 3D type-based infographic art

Wednesday 28 Oct 2009

Learn how to use Illustrator to create 3D technical-style illustrated lettering for artwork and infographics.



For some reason, many graphic designers shy away from using 3D, perhaps thinking that it is more relevant to architects, animators and product designers.

In fact, Illustrator features some basic 3D effects, which, as Jing Zhang shows in this tutorial, can be combined to create surprisingly detailed, technical-looking images.

The 3D effect is particularly useful when it comes to typography. As Jing Zhang shows, you can play with the basic forms of the letters to produce really creative and intricate typographic solutions.

For this tutorial, you’ll need to work on many layers of the same document, turning layer visibility on and off as each stage demands.


Step 1
Create a new A4 file in Illustrator, in Portrait orientation, and use Arial to type in a capital ‘F’, in black. Create an outline and set the Stroke colour to grey. To prevent the Brush tool from creating odd shapes later, use the Direct Selection tool (A) and Convert Anchor Point tool (Shift + C) from the Pen tool set to adjust the sharp corners into round ones. Delete the line on the left. Set the stroke to 15 pixels.


Step 2
Now you can convert the 2D outline into 3D. Click on the shape and then go to Effect > 3D > Extrude and Bevel Options. Tick the Preview box. Set the Position option to Isometric Left – remember to use the same angle of the position (or relevant) for the whole image.

Set the Extrude Depth to 2pt, but leave the rest at their default settings. You now have the basic shape of the building. Next, double-click on the path – and name it ‘F_outline’.

Tutorial continues...

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

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

Question of the day!

Neil Bennett
Editor

Do you share your creations online?

Question of the day!

Do you share your creations online?

% of Digital Arts readers agree with you

Yes
TBC
No
TBC

What do you create and how do you share it?

124 characters remaining

Follow the conversation at @TabletChat

I've just used iWork to share a presentation. I use MobileMe to share photos too.RT @markhattersley

I try to do Illustrator illustrations starting from pencil drawings. I try to make myself better! RT @hariana_v

I personally use Balsamiq Mockups rather than paper & pencil. RT @ithain


Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?