Tutorials Navigation
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. ]
[ 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
Comments
Related Tutorials
- 01. Emulating Xbox 360 on PC for Running COD4 With Mods(2,113)
- 02. How to: Matrix Numbers | Batch File(1,587)
- 03. How to Password Protect Files on Windows(765)
- 04. How to play Socom 2/3/ and Combined Assault on PC(5,175)
- 05. Modern Warfare 2 Vac Ban Bypass Tutorial(5,041)
- 06. How to embed an image on TheTechGame(2,776)
- 07. [PC] NIOH 2 OTHER USER SAVE RESIGN(12,335)
- 08. Host bot lobbies! Full Tutorial!(9,574)
- 09. Unban yourself [Plutonium BO2](13,465)
- 10. Fall Guys - How to Change Your Name Color on Fall Guys(8,024)
- 11. Best Crosshair Settings for Valorant(6,167)
- 12. Othercide The Surgeon Boss Guide(2,226)
- 13. Othercide Remembrances Unlock Guide(3,926)
- 14. Othercide Beginners Tips and Tricks(2,444)
- 15. How to Fix Grounded Crashes, Loading Time, Low FPS and Other(4,363)
"Adobe Illustrator - Textured 3D Text" :: Login/Create an Account :: 0 comments