03-30-2011, 11:38 AM
Hey guys in this tutorial you will be creating a cool text effect I discovered on accident. Anyway, lets jump right in!
End Result:
![[Image: tile8.png]](http://crypticgfx.com/tutorials/tile/tile8.png)
Pre-Step: Pattern
Before we begin we're going to have to create a pattern real quick. Open up a 10x10 document and draw out this with a 1px pencil.
![[Image: tile0.png]](http://crypticgfx.com/tutorials/tile/tile0.png)
Note: I added a grey background so you can see the white in the pattern. Leave your background transparent.
After you've created the pattern, define it. Edit>define pattern. Now our pattern is ready for use!
![[Image: tile0-2.png]](http://crypticgfx.com/tutorials/tile/tile0-2.png)
Step 1:
Open up a fresh document 600x330px in size. Set the background to white.
![[Image: tile1.png]](http://crypticgfx.com/tutorials/tile/tile1.png)
Step 2:
Set your foreground color to #a74930 and type out your text in big letters. I used the font "bebas".
![[Image: tile2.png]](http://crypticgfx.com/tutorials/tile/tile2.png)
Step 3:
Now set your foreground color to #7ca730 and type out the second part of your text in a new text box. In my case thats the "GFX" part.
![[Image: tile3.png]](http://crypticgfx.com/tutorials/tile/tile3.png)
Note: from this point on apply the steps to both text layers.
Step 4:
Open up blending options (layer>layer style>blending options) and apply drop shadow with the settings shown below.
![[Image: tile4.png]](http://crypticgfx.com/tutorials/tile/tile4.png)
Step 5:
Now apply Gradient Overlay.
![[Image: tile5.png]](http://crypticgfx.com/tutorials/tile/tile5.png)
Step 6:
Now it's time to use that pattern we made. Apply pattern overlay.
![[Image: tile6.png]](http://crypticgfx.com/tutorials/tile/tile6.png)
Step 7:
Last but not least apply stroke.
![[Image: tile7.png]](http://crypticgfx.com/tutorials/tile/tile7.png)
That's it, heres how your final product should look. Pretty cool huh?
![[Image: tile8.png]](http://crypticgfx.com/tutorials/tile/tile8.png)
End Result:
![[Image: tile8.png]](http://crypticgfx.com/tutorials/tile/tile8.png)
Pre-Step: Pattern
Before we begin we're going to have to create a pattern real quick. Open up a 10x10 document and draw out this with a 1px pencil.
![[Image: tile0.png]](http://crypticgfx.com/tutorials/tile/tile0.png)
Note: I added a grey background so you can see the white in the pattern. Leave your background transparent.
After you've created the pattern, define it. Edit>define pattern. Now our pattern is ready for use!
![[Image: tile0-2.png]](http://crypticgfx.com/tutorials/tile/tile0-2.png)
Step 1:
Open up a fresh document 600x330px in size. Set the background to white.
![[Image: tile1.png]](http://crypticgfx.com/tutorials/tile/tile1.png)
Step 2:
Set your foreground color to #a74930 and type out your text in big letters. I used the font "bebas".
![[Image: tile2.png]](http://crypticgfx.com/tutorials/tile/tile2.png)
Step 3:
Now set your foreground color to #7ca730 and type out the second part of your text in a new text box. In my case thats the "GFX" part.
![[Image: tile3.png]](http://crypticgfx.com/tutorials/tile/tile3.png)
Note: from this point on apply the steps to both text layers.
Step 4:
Open up blending options (layer>layer style>blending options) and apply drop shadow with the settings shown below.
![[Image: tile4.png]](http://crypticgfx.com/tutorials/tile/tile4.png)
Step 5:
Now apply Gradient Overlay.
![[Image: tile5.png]](http://crypticgfx.com/tutorials/tile/tile5.png)
Step 6:
Now it's time to use that pattern we made. Apply pattern overlay.
![[Image: tile6.png]](http://crypticgfx.com/tutorials/tile/tile6.png)
Step 7:
Last but not least apply stroke.
![[Image: tile7.png]](http://crypticgfx.com/tutorials/tile/tile7.png)
That's it, heres how your final product should look. Pretty cool huh?
![[Image: tile8.png]](http://crypticgfx.com/tutorials/tile/tile8.png)



![[Image: veas08.gif]](http://i54.tinypic.com/veas08.gif)
![[Image: 50fwvc.gif]](http://i55.tinypic.com/50fwvc.gif)