Here we’re going to show you how to create a grungy rusted carbon fiber text effect using a couple patterns from Webtreats ETC.
First you will need to download the two textures below and convert them into photoshop patterns for later. To do this simply open each image then go to EDIT >> DEFINE PATTERN in the menu. Alternatively, if you’ve downloaded the source files at the end of this post, simply install the included (.pat) pattern set by double clicking on it.)
Create a new transparent document 670px * 400px at 72dpi as seen below.
To keep our psd file organized first click on the folder icon in the layer pallet 3 times to create three folders and name them FRAME, TEXT, and BACKGROUND respectively.
Create a new layer within the FRAME folder and name it frame. Activate the shape tool by typeing U, make sure the rectangular shape tool is selected, then draw out a square similar to the one below, leaving a little room on the top and bottom.
Activate the layer styles dialog box on your shape layer by double clicking on it or by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu. Then enter the settings below.
Create a new layer above the frame layer by going to LAYER >> NEW >> LAYER in the menu, activate the text tool by typeing T, then type in your title using the settings below.
Within the BACKGROUND folder create a new pattern fill layer by going to LAYER >> NEW FILL LAYER >> PATTERN in the menu and choose the grungy corrugated metal texture you either installed or created in step #1 as seen below.
Open the layer styles dialog box by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings you see below.
Above the grungy corrugated metal texture layer create a gradient fill layer by going to LAYER >> NEW FILL LAYER >> GRADIENT in the menu with the settings seen below.
Open the layer styles dialog box on the gradient layer you just created and enter the settings you see below.
Within the TEXT folder now activate the text tool by typeing T then open the character pallet and choose Arial Black at 310pt with a vertical stretch of 110% as seen below and then type in some text.
Duplicate the text layer you just created by going to LAYER >> DUPLICATE LAYER . Then activate the layer styles pallet on the top text layer and enter the settings you see below.
Open the layer styles dialog box on the botom text layer now and enter the settings you see below.
To create the shadow beneath the text create a new layer beneath the two text layers, activate the brush tool by typeing B and choose a basic round brush with the settings highlighted below. Then paint in a shadow at the base of each letter as seen below.
To clean up the shadow use the motion blur filter by going to FILTER >> BLUR >> MOTION BLUR in the menu and enter the settings below.
To finish up set the layer blend mode of the shadow layer to Multiply and the Opacity to 80% as seen below.
You should now have something that looks like the image below.
What’s Included in the Download
- Fully layered source PSD
- .ASL file containing the layer styles for the text effect layers
- .PAT file with both patterns needed for the tutorial – ready to install!
- .JPG files of the patterns used
- BONUS: Layered PSD of the variation shown in the preview.