Monday, March 15th, 2010

How to Create a Textured Grungy 3D Type Design

A great looking design can be easily created by combining various textures and brushes. In this tutorial we’ll look at creating a cool grungy design based around some abstract 3D type, then apply a few finishing touches to really bring the design to life.

Grungy 3D Type Design

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.

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.

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.

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.

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.

Head over to SXC and download a background texture. This particular one is a paper texture from IB6364. Paste the texture into Photoshop.

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

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.

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

Continue Learning…



Related Posts

  1. Create Colorful, Layered Paper Type in Illustrator
  2. Create a Grungy, Translucent Web Portfolio Design
  3. Create a Grungy Thriller Book Cover
  4. Create a Leather-Textured, Realistic Briefcase Icon
  5. How to Create Smoky Brushes and Type In Illustrator CS4

Category: Graphics
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
  •