- Program: Adobe Photoshop/Illustrator CS3+
- Difficulty: Intermediate
- Estimated Completion Time: 1 - 2 Hours
Step 1Open Illustrator and create a new RGB document, 1000px by 800px, 72 DPI, and write your text in a nice big font. I’ve used Marketing Script size 234pt.
Step 2Next, with you text selected, go to Object > Expand, and hit ok on the pop up window. Our text is no longer editable as text, instead it’s a series of paths that we can edit with the direct selection tool.
Step 3With the Pen Tool (P) selected, draw a new path starting from the last flick of the last letter s, and swirling its way down underneath our type. I’ve also changed the color of the text to a lighter grey just so I can see what I’m doing better.
Step 4Duplicate this path by dragging the Group’s thumbnail (in the layers palette) to the New Layer button. Switch off this duplicate by clicking the ‘eye’ next the group thumbnail in the Layers Palette. We’re doing this because wherever our elements overlap we need them on separate layers in Photoshop for when we add shading.
With the Direct Selection Tool (A) select the two bottom-right Anchor Points of our path, hit Delete and name this group "swirl 1".
Step 5Switch all our groups back on now and you should have the complete original path, only it’s broken up onto two different groups. With both of these Groups selected go to Object > Expand, and press OK on the pop-up window. Now we want to make our swirl a bit more interesting by adjusting the width in certain places. To do this we’re going to zoom in and move some Anchor Points manually.
Step 6Next we need to tidy up the area where our text will join our swirl. Zoom in to that area and adjust the swirl path so it flows out nicely from out text
Step 7OK, before we Extrude this shape, this is your last chance to adjust your swirl so now’s the time to make any final tweaks, it’s worth spending the time here to get your line work just right. When you’re happy with your design, change your object so they’re all the same color, a medium grey, then with all of them selected go to Effect > 3D > Extrude & Bevel.
Step 8Now turn off the two swirl layers, so you’re just left with the text. Select the text and Right-Click > Ungroup, then once more, Right-click > Ungroup. Now select the front surface of our text, and turn off this layer. You should now be left with the darker 3d elements.
Click and drag to select all of these remaining elements then click the Unite Button in the Pathfinder Palette and name this group "3d 1". If you don’t see the Pathfinder Palette, go to Window > Pathfinder. Uniting these objects joins them all as one Compound Path; it should also get rid of those little white lines. Repeat this process for the two elements that make up the swirl, naming then "3d 2" and "3d 3".
Step 9You should now have six groups –
"text", "3d 1", "swirl 1", "3d 2", "swirl 2" and "3d 3"