Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator How to Create a Textured Grungy 3D Type Design
Your Ad Here

How to Create a Textured Grungy 3D Type Design


How to Create a Textured Grungy 3D Type Design image 1

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.

How to Create a Textured Grungy 3D Type Design image 2

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.

How to Create a Textured Grungy 3D Type Design image 3

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.

How to Create a Textured Grungy 3D Type Design image 4

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.

How to Create a Textured Grungy 3D Type Design image 5

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.

How to Create a Textured Grungy 3D Type Design image 6

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

How to Create a Textured Grungy 3D Type Design image 7

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

How to Create a Textured Grungy 3D Type Design image 8

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.

How to Create a Textured Grungy 3D Type Design image 9

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

How to Create a Textured Grungy 3D Type Design image 10

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.

How to Create a Textured Grungy 3D Type Design image 11

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

How to Create a Textured Grungy 3D Type Design image 12

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

How to Create a Textured Grungy 3D Type Design image 13

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.

How to Create a Textured Grungy 3D Type Design image 14

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%.

How to Create a Textured Grungy 3D Type Design image 15

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.

How to Create a Textured Grungy 3D Type Design image 16

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.

How to Create a Textured Grungy 3D Type Design image 17

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.

How to Create a Textured Grungy 3D Type Design image 18

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

How to Create a Textured Grungy 3D Type Design image 19

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.

How to Create a Textured Grungy 3D Type Design Tutorial: Final Result

There we have the finished design, complete with 3D type, grungy splatters and detailed textures. The subtle colour casts and lens blurs really help add an extra finishing touch.



Author's URL: Blog.SpoonGraphics
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "How to Create a Textured Grungy 3D Type Design"

Only registered users can write comment

No comments yet...