Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Tutorials: 18,326 Categories: 12

Total Tutorial Views: 41,446,360

Adobe Illustrator - Textured 3D Text

Tutorial Name: Adobe Illustrator - Textured 3D Text  

Category: PC Tutorials

Submitted By: Nag

Date Added:

Comments: 0

Views: 1,471

Related Forum: PC Building Forum

Share:

To start, we'll create the type by hand using Illustrator. Create a new document, then turn on the Grid, and adjust the snap settings to snap to the grid.

[ Register or Signin to view external links. ]

Draw a square onto the artboard. Notice how the points will automatically snap to each grid intersection. This will come in handy when creating our abstract geometric type style.

[ Register or Signin to view external links. ]

For this tutorial, we'll base the design around the word 'Create', so manipulate this first shape into a letter C by chopping out a section using the Pathfinder tool. Use a temporary shape to overlap the appropriate area, then select both shapes and click the Subtract from Shape Area icon.

[ Register or Signin to view external links. ]

Continue onto the next letter, in this case an R. Use the Pen tool to create triangular shapes to sculpt the box into a vague R shape.

[ Register or Signin to view external links. ]

Once all the letters have been created, space them equally alongside each other. Basing each letter on the same rectangle gives a boxy, geometric and generally cool style.

[ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]

Copy and paste the wording from Illustrator into Photoshop. Fill the letters with a colour sample of a nice grey-blue.

[ Register or Signin to view external links. ]

Duplicate the text layer, then press CMD+T to Transform. Hold Shift and Alt to scale down the letters proportionally. Dropping the opacity on the top layer can help visualise the transformation.

[ Register or Signin to view external links. ]

Fill the smaller text with a darker shade. This is the base of the three dimensional effect.

[ Register or Signin to view external links. ]

Zoom right in and use the Polygonal Lasso tool to connect the corners of each letter. Fill the selection to give the appearance of perspective.

[ Register or Signin to view external links. ]

Once all the connections have been made between the two text layers, the illusion of a third dimension is created.

[ Register or Signin to view external links. ]

Add a Drop Shadow to the top text layer. Use a large value for the size and keep the opacity fairly high.

[ Register or Signin to view external links. ]

Source a collection of spray paint Photoshop brushes, such as these, or these. On a new layer dab a few spots of black over the text, paying attention to the fine splatters overlapping each letter.

[ Register or Signin to view external links. ]

CMD-Click the first text layer, then CMD+Shift-Click the second text layer to load the outline as a selection. Then, add a Layer Mask to the splatters layer to hide any excess spray paint. Change the Blending Mode to Vivid Light at 50%.

[ Register or Signin to view external links. ]

Press CMD+A to select all, then CMD+Shift+C to copy all layers. Paste the selection on a new layer then add a 3.6px Gaussian Blur.

[ Register or Signin to view external links. ]

Add a layer mask to the layer and fill with black, then dab large spots of white with a soft round brush to bring back subtle touches of the blurred effect in select places. This little touch adds a cool lens blur kind of effect.

[ Register or Signin to view external links. ]

Create a new layer below the text layers, then use the spray paint brushes to draw in various splattered elements. Change this layer to Vivid Light.

[ Register or Signin to view external links. ]

Draw in more splatters on a new layer, but this time change the blending mode to Color Dodge and adjust the opacity to 55%.

[ Register or Signin to view external links. ]

Add a new layer to the top of the layers stack. Use a large soft brush to dab a bright purple and blue spots onto the design. Change the blending mode to Color Burn at 25% to add a subtle cast of colour and contrast to the design.

[ Register or Signin to view external links. ]

Ratings

Current rating: 4.00 by 4 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
Absolutely

Comments

"Adobe Illustrator - Textured 3D Text" :: Login/Create an Account :: 0 comments

If you would like to post a comment please signin to your account or register for an account.