Adsense

Sunday, April 13, 2014

Glossy Emblem Text Effects

Step 1

Fire up Photoshop and set your canvas to 800×600. We’ll be using a dark perforated material for the background. This can easily be made by cutting out a pattern of circles from your background and applying a subtle bevel. Feel free to grab the background from the PSD file or use another texture if you wish.

Step 2

Next, lay out your type. I’m using black Trajan, 425px in size to cover most of our area. A couple of letters will do for now.

Step 3

Now lets slap on a barrage of layer effects. Start off by selecting your text and going to Layer > Layer Style > Drop Shadow and enter in the settings below. Then continue down the list while paying close attention to each setting and blending mode. Also take note of the different contour maps being used. You can find a larger array of contour maps.
A closer look at the color ramp for your Gradient Overlay:
And here’s what your stroke’s gradient should look like:
You should now have a beautifully reflective emblem with metal trim. But lets add that last shadow for a little depth.

Step 4

Ctrl (Command for Mac) + click on your text layer’s thumbnail (the white box with the capital ‘T’) in the layer’s palette to select it. Now create a new layer underneath your styled text by pressingCtrl + Shift + N. Fill this selection with black and Ctrl (Command for Mac) + D to deselect. Apply aMotion Blur filter with a -85 degree angle and 39px of distance. Finally, nudge this layer down a tad so most of the shadow falls below your type.

Icy Text

chilling icy text effect flatten 500x300 Design a Chilling and Icy Text Effect in Photoshop

Step 1

Create a new document sized 1000px * 600px, leave the background colour as white, and let’s firstly make a background to work on.
Grab the Ice Grunge Brushset we just downloaded, paint around the edges of the background layer as shown below: (tip: set the opacity and flow of the brush to around 50%, and try to use a variety of brushes in the set so we can have a mixture of patterns)
Optionally, you can apply the Star Brushset for extra effect.
1 paint1 500x304 Design a Chilling and Icy Text Effect in Photoshop
We can now add some cooling effect to the background. To do so, I added two adjustment layers to it:
Colour Balance
1 col bal Design a Chilling and Icy Text Effect in Photoshop
Brightness and Contrast
1 brightness Design a Chilling and Icy Text Effect in Photoshop
and here is the effect so far:
1 effect1 500x301 Design a Chilling and Icy Text Effect in Photoshop

Step 2

Use the font we just downloaded and type some texts onto the document:
2 type 500x297 Design a Chilling and Icy Text Effect in Photoshop
Apply the following layer blending option to this text layer:
Drop Shadow
2 drop shadow 500x350 Design a Chilling and Icy Text Effect in Photoshop
Inner Shadow
2 inner sha 500x350 Design a Chilling and Icy Text Effect in Photoshop
Outer Glow
2 outer glow 500x350 Design a Chilling and Icy Text Effect in Photoshop
Inner Glow
2 inner glow 500x350 Design a Chilling and Icy Text Effect in Photoshop
Bevel and Emboss
2 bevel 500x350 Design a Chilling and Icy Text Effect in Photoshop
Color Overlay
2 col over 500x350 Design a Chilling and Icy Text Effect in Photoshop
Gradient Overlay
2 gra overlay 500x350 Design a Chilling and Icy Text Effect in Photoshop
Pattern Overlay
2 pattern overlay 500x350 Design a Chilling and Icy Text Effect in Photoshop
Stroke
2 stroke 500x350 Design a Chilling and Icy Text Effect in Photoshop
and you will have the following effect:
2 effect2 499x300 Design a Chilling and Icy Text Effect in Photoshop

Step 3

Load any one image from the Ice Package into Photoshop (I chose the ice6_0174 image), select a distinct portion of the image use the Rectangluar Marquee Tool, copy and paste the selection onto our document, rotate it slightly as shown below:
3 copy paste 500x298 Design a Chilling and Icy Text Effect in Photoshop
Rename this layer as “Icy Texture right” and change its blending mode to “Screen”, use the ice brushset we download to erase the edge of this layer so only the centre part of the image remains:
3 erase 500x294 Design a Chilling and Icy Text Effect in Photoshop
Duplicate this “Icy Texture right” layer once and drag the duplicated layer to the left, rename the layer as “”Icy Texture Left”, keep the blending mode as “Screen”, and you will have the following effect:
3 effect2 500x295 Design a Chilling and Icy Text Effect in Photoshop

Step 4

Now let’s create some shattered ice around the text.
Load a different image from the ice package into Photoshop (I chose ice6_0176.jpg file) and use the same method as described above, select a portion of the image, copy and paste it onto our document, and put it just beneath text layer:
4 copy paste 499x345 Design a Chilling and Icy Text Effect in Photoshop
Use the ice grunge brushset to erase the edge and leave just the bits in the centre. (Tip: repeatly left-click the centre of this image for the shattering effect)
4 erase 499x291 Design a Chilling and Icy Text Effect in Photoshop
Rename this layer as “Background Ice Texture Right”, Add the following adjustment layers to this layer (make sure to tick “use previous layer as clipping mask” option)
Black and White
4 bw1 Design a Chilling and Icy Text Effect in Photoshop
Colour Balance
4 col bal1 Design a Chilling and Icy Text Effect in Photoshop
and you will have the following effect:
4 effect 21 500x292 Design a Chilling and Icy Text Effect in Photoshop
Duplicate the above three layers, and drag them to the left, you will have the following effect:
4 effect2 499x297 Design a Chilling and Icy Text Effect in Photoshop
And we can add some extra effect under the text. To do this, grab the Ellipitical Marquee Tool with 20px feather, create a new layer just below the text layer, draw a selection as shown below:
4 draw 500x280 Design a Chilling and Icy Text Effect in Photoshop
Maintain the selection, again grab the ice brushset we downloaded, paint inside the selection. You will have the following effect:
4 base 500x289 Design a Chilling and Icy Text Effect in Photoshop

Step 5

Now we can fine-tune the image a bit. Firstly, we flatten the image (don’t forget to save a copy of the original before flatten it) and duplicate the background layer once, apply the following motion blur settings to the duplicate layer:
5 motion blur Design a Chilling and Icy Text Effect in Photoshop
Now we come to the interesting part: change the blending mode of this duplicated layer to “Pin Light”, keep the opacity of this layer to 100%, and hit Ctrl + T and resize the duplicate layer as shown below:
5 resize 500x285 Design a Chilling and Icy Text Effect in Photoshop
Erase the edges of the duplicated layer.
You can see by doing so, we created a nice snowy/foggy to our icy text.
Now we can finalise the image by adding the following adjustment layers:
Curves
5 curves Design a Chilling and Icy Text Effect in Photoshop
Hue/Saturation
5 hue Design a Chilling and Icy Text Effect in Photoshop
Colour Balance
5 col bal Design a Chilling and Icy Text Effect in Photoshop
and here is the final effect I have for this tutorial: (click to enlarge)
chilling icy text effect flatten 500x300 Design a Chilling and Icy Text Effect in Photoshop

Super Sleek Text Effect with Water Drop Texture

5 effect 24 500x256 Design a Super Sleek Text Effect with Water Drop Texture

Step 1

Firstly we can prepare some nice background for us to work on. Create a new document sized 1920 * 1080px with white colour background. On the background layer, use the Gradient Tool (G) to fill it with the followings:
1 grad1 500x279 Design a Super Sleek Text Effect with Water Drop Texture
Duplicate this background layer once, hit Ctrl + T and resize the duplicated layer as shown below:
2 resize 499x281 Design a Super Sleek Text Effect with Water Drop Texture
In between the duplicated layer and the background layer, create a new layer call “Light bottom” and grab a big soft round brush with white colour (I chose 1600px, 0% hardness, 55% opacity), do a single-click on this newly-created layer on the position shown below:
3 light 499x316 Design a Super Sleek Text Effect with Water Drop Texture
Then on top of all previous layers, create a new layer called “light top” and use the same brushset for the “light bottom” layer, do a single-click to the following position as shown below:
1 light 2 500x320 Design a Super Sleek Text Effect with Water Drop Texture
You will have the following effect:
1 effect2 500x278 Design a Super Sleek Text Effect with Water Drop Texture

Step 2

Use the font we just downloaded, type some texts onto the document, resize (Ctrl + T) and position it in the centre of the canvas:
2 text position 500x280 Design a Super Sleek Text Effect with Water Drop Texture
On the text layer, apply the following layer blending options:
Drop Shadow
2 drop sha 500x350 Design a Super Sleek Text Effect with Water Drop Texture
Outer Glow
2 out glow 500x350 Design a Super Sleek Text Effect with Water Drop Texture
Gradient Overlay
2 grad overlay 500x350 Design a Super Sleek Text Effect with Water Drop Texture
And you will have the following effect so far:
2 effect3 500x297 Design a Super Sleek Text Effect with Water Drop Texture

Step 3

Load the water drop texture into Photoshop. Go back to our text document and load the selection of the text layer by using the following method:
1. Move your mouse over the thumbnail image of the text layer in the layer pallette: (You will notice your mouse cursor change into a hand)
3 mouse over Design a Super Sleek Text Effect with Water Drop Texture
2. Hold down the Ctrl key (the cursor will change into a hand + rectangular marquee) and left-click the thumbnail image of the text layer. You will see now the text layer is selected:
3 select 499x234 Design a Super Sleek Text Effect with Water Drop Texture
Once the text layer is selected, grab the Rectangular Marquee Tool (M), move your mouse over the selection until you see the cursor changes into the following shape:
3 rect tool Design a Super Sleek Text Effect with Water Drop Texture
Left-click and hold, drag the selection over the water drop texture:
3 drag 500x239 Design a Super Sleek Text Effect with Water Drop Texture
Hit Ctrl + Alt + R and bring up the refine edge tool, apply the following settings:
3 refine edge Design a Super Sleek Text Effect with Water Drop Texture
Press Ctrl + C to copy the selected portion from the water drop texture, go back to our text document and Ctrl + V to paste the texture on top of the text layer:
(Important: please maintain this selection on the water drop image, we will use it again in the next step)
3 effect 12 500x213 Design a Super Sleek Text Effect with Water Drop Texture
Name this layer as “water drop texture 1″ and change its blending mode to “Overlay”, you will have the following effect:
3 effect4 500x209 Design a Super Sleek Text Effect with Water Drop Texture

Step 4

To add a bit variety for the water drops, simply go back to the water drop texture image, move the selection to a different portion:
4 move 500x232 Design a Super Sleek Text Effect with Water Drop Texture
Again we copy and paste the selection back to our text document, name the newly-created layer as “water drop texture 2″, change the blending mode to “overlay”.
You will have the following effect:
4 effect 3 500x202 Design a Super Sleek Text Effect with Water Drop Texture
Optional: you can add more water drops to the text by repeating the above steps.
Here is what I have after adding another two layers of water drop textures:
4 effect 4 500x179 Design a Super Sleek Text Effect with Water Drop Texture

Step 5

To make the actual text stand out a bit more, simply duplicate the text layer once and drag the duplicated layer upon the top. Reduce the opacity of this duplicated text layer to around 70%.
You will have the following effect:
5 effect4 499x232 Design a Super Sleek Text Effect with Water Drop Texture
Add a new Levels adjustment layer by going to Layer > New adjustment Layer > Levels and apply the following settings:
5 curves1 Design a Super Sleek Text Effect with Water Drop Texture
Add the following mask to the Levels adjustment layer:
5 mask 500x280 Design a Super Sleek Text Effect with Water Drop Texture
And you will have the this final effect:
5 effect 24 500x256 Design a Super Sleek Text Effect with Water Drop Texture