Here's Photoshop tutorial #6 by Phrozen Crew's DaVinci, legendary graphics artist in the scene notable for his own easily identifiable, but unique style, and attention to detail. Often copied, often having his work hacked to pieces by others' claiming it to be their own work. This is DaVinci's original tutorial, only slightly formatted to work within GeekDrop.
Enjoy!
This is a simple and useful technique for making rich, 3-D looking text. The font used for this tutorial is SNELL, and you should be able to find it somewhere on the web. Feel free to use any font you desire as this technique works with just about anything.
NOTE: This tutorial assumes you have a working knowledge of Photoshop 5. If you do not, you MUST learn Photoshop's tools and be pretty familiar with the program before attempting this tutorial. While this is a pretty simple text effect, it might be extremely difficult for those who do not know Photoshop's tools. |
![]() |
STEP 1.) Begin by creating a text layer with RGB values of 115, 34, 72, and place above a background layer with RGB values of 50, 77, 78.
Once you learn this technique, you can use any colors you wish, but for right now, let's stick to the same colors I'm working with. |
![]() |
STEP 2.) Create a new layer below the 1st layer, SELECT the first layer (CTRL + click on layer), and FILL the selection (on your new layer) with RGB values of 102, 177, 253. Now DESELECT (CTRL + D) and use the arrow keys to nudge this bluish layer over a couple of pixels and up one pixel. We've now created a bluish edge that's starting to give our flat text some dimension as it appears that light is striking it from above left. |
![]() |
STEP 3.) Repeat STEP 2 only fill with black instead of blue, and offset a couple of pixels to the right and one pixel down. This creates a shadow effect and really gives our text a 3-D appearance. |
![]() |
STEP 4.) Repeat step 2 again, only make this the uppermost layer and fill with RGB values of 36, 228, 243. |
![]() |
STEP 5.) Be sure you have the layer in STEP 4 selected (CTRL + Click on layer) and then apply a GAUSSIAN BLUR of 4 pixels. By keeping the layer selected, the blur is constrained to the inside of the selection, and this produces some interesting effects. As you can see, we now have a soft, shaded quality to our text. |
![]() |
STEP 6.) The last step is to create a drop shadow. To do this, create a new layer above the background layer, select the text layer, and fill the new layer with black and apply a gaussian blur of 3 pixels. Nudge it down and to the right a few pixels to create a nice shadow.This makes the text appear to float over the background. We now have a very smooth, professional looking text effect without using plugins, and we can adjust colors on each layer to customize to our liking. |
You might think that since we have a drop shadow, we don't really need the black shadow layer in step 3, but it does give the outside edge a bit of sharpness, so I suggest you use when using this particular font.
Tip: try adjusting the HUE/SATURATION slider on different layers and see what colors you can come up with. |
Recent comments
4 weeks 5 days ago
5 weeks 2 days ago
10 weeks 6 hours ago
10 weeks 6 hours ago
19 weeks 17 hours ago
37 weeks 6 days ago
38 weeks 2 days ago
38 weeks 2 days ago
1 year 26 weeks ago
1 year 26 weeks ago