Showing posts with label logo design. Show all posts
Showing posts with label logo design. Show all posts

Monday, February 24, 2014

Quick Tip: Create a Crisp Metallic Text Effect in Photoshop

In this quick tip tutorial, we will explain how to create a crisp, metallic text effect using just a couple of layer styles in Photoshop. Let's get started!

Tutorial Assets

The following assets were used during the production of this tutorial.

Step 1

Before opening Photoshop, install the font Rothenburg Decorative and these grunge brushes.
Open Photoshop and Create a New Document, 1800 x 1300 pixels in RGB mode, 72 DPI and finally then Fill the background with this dark grey color #1f1f1f.

Step 2

Create a New Layer, name it 'texture' and using these Grunge Brushes click a couple of times in the center of the document using a white color. Use different brushes, try to cover the center of the document, varying the textures.

Step 3

Double-click on the thumbnail of the Layer 'texture' to open the Layer Style panel. Into the 'Blending Options'
Reduce the 'Fill' to 0, then apply a 'Drop Shadow' and an 'Inner Shadow' using these settings. This will give the texture a realistic embossed look.

Step 4

Click on the 'Add Layer Mask' icon, then click Command/Ctrl + (I) to invert it.
Pick a big soft Brush (hardness: 0% - size: 950px) and click in the center of the document. This way the 'texture' Layer will be shown only in the center, fading on the edges of the document.

Step 5

Using the 'Type Tool' (T) and these settings, type the word 'Othello' or whatever you want. If you can't see the 'Character Window" go to Window > Character.

Step 6

Open the 'Layer Style' of the 'Othello' Text Layer and apply these settings. Below each step you can find a preview for the effect just added.

Step 7

Once you've modified the Style, click Ok. Now select the word 'Othello', using the Type Tool (T). Select everything beside the first capital letter and reduce the kerning to -5 as in the image below. You can find the Character Window under Window > Character.

Step 8

Duplicate this Layer with Command/Ctrl + (J), right-click on the Layer's thumbnail and choose 'Clear Layer Style'. This way the text below matches exactly the one above, and now we can add more effects. My favorite way to work with 2 Layer Styles, is to create a solid base as we did to the first Text Layer, and then add lightings and reflections on the second Layer above. This way you can blend easier the lights and colors with the textures of the Layer below.

Step 9

Let's go on, adding a Layer Style to this second 'Othello' Text Layer. Double click on its thumbnail to open the Layer Style panel. Set fill opacity to 0 in blending options.
Advertisement

Step 10

The effect is pretty much done, but we need to make it look crisp and realistic, in this final step. Take a look at the trick with the 'Stroke': dropping down it's Opacity to '0' it works almost as a layer mask, hiding the Layer on its edges. A Stroke of 3px 'Inside', for example, will hide the Text for 3 px along the edges, revealing what's below in that 3px range. Once you've finished with these settings, click Ok to apply the effect.

Conclusion

Remember that when you Save the final effect, as a jpg image for example, it may look different, sharper, and more defined overall.
Related Posts

Photo Manipulate an Abstract Miniature City Wildlife Scene

Photo Manipulate an Abstract Miniature City Wildlife Scene

In this tutorial, we will learn how to create a conceptual surreal photo-manipulation. We are going to learn the process of creating depth of field using a few advanced tools. We are going to learn how to blend images so seamlessly that it would look like a single image using the Brush tool, masking and several adjustment layers. We will learn how to create light and darkness to make the background look seamless. We are going to learn how to use textures and give life to our image, and we are going to learn how to create a moody, dreamy tone using a few adjustment layers and lighting effects.

Final Image

Step 1

Create a new file with a width of 3500 px and a height of 3500 px at 300 dpi (Dots per Inch). Background Contents should be White.

Step 2

First off, let’s open the desolate storm in Photoshop. We will be using ground from this stock image so we will need to transfer it to our main canvas.
Click the desert stock and press M to Rectungular marquee tool and then make a selection around the ground and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “ground”
The result should be similar to this:

Step 3

Activate transform tool (Ctrl+t) as see below:
The result should be similar to this:
Again activate transform tool then make a right click and choose “Distort” :
The result should be similar to this:

Step 4

First off, let’s open the lost horizon in Photoshop. We will be using Sky from this stock image so we will need to transfer it to our main canvas:
Click the lost horizon and press M to Rectungular marquee tool and then make a selection around the sky and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and name it “sky” :
The result should be similar to this:
Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Sky” layer is selected and then resize it as shown below:
The result should be similar to this:

Step 5

Now activate brush tool (B) and choose softround brush :
Brush size: 400px
Hardness: 0%
Opacity: 40%
Flow: 100%
Color: #ffffff
To set foreground/background colors to black/white press “D”
Now create a vector mask from the bottom of layers palette
Now paint see as below:
The result should be similar to this:

Step 6

Now create new Curves adjustment layer from the bottom of layers palette :
fill these setting:
Press Alt+left click in between 2 layer’s (Sky and Curves ) to make a mask.
The result should be similar to this:
Now create new Curves adjustment layer from the bottom of layers palette.
When the Curve box opens, input the following:
Press Alt+left click in between 2 layer’s (Sky layer and Curves) to make a mask.
The result should be similar to this:

Step 7

Now create a Solid color adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Solid color box opens, input the following:
The result should be similar to this:
Now change the layer mode to “Exclusion” and reduce opacity to 30% :
The result should be similar to this:
Now create a Photo filter adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Photo filter box opens, input the following:
The result should be similar to this:
Now create a Gradient map adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Gradient map box opens, input the following:
The result should be similar to this:
Change the layer mode to “Luminosity” :
The result should be similar to this:
Now create a Curves adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Curves box opens, input the following:
The result should be similar to this:
Now create a Curves adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Curves box opens, input the following:
The result should be similar to this:
Now create a Curves adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Curves box opens, input the following:
The result should be similar to this:

Step 8

Now create new layer and name it “Vignette”. Fill it with White color “#ffffff”.
Now goto Filters > Distrot > Lens Correction:
When the Lens Correction box opens, input the following:

Step 9

Now create new layer and name it “Vignette”.Fill it with White color “#ffffff”.
Now goto Filters > Distrot > Lens Correction:
When the Lens Correction box opens, input the following:
The result should be similar to this:

Step 10

Now Change the layer mode to “Multiply” .
The result should be similar to this:

Step 11

Now, let’s open the Stag stock in Photoshop. We will be using the stag from this stock image so we will need to transfer it to our main canvas.
Click the Origami ball and press P to activate pen tool and then make a selection around the stag and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to ” Stag “:
The result should be similar to this:

Step 12

Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Stag” layer is selected and then resize it as shown below:

The result should be similar to this:

Step 13

Now We are going to make it’s shadow activate a new layer and name it “stag shadow” .
Then activate pen tool (P) some shapes bellow stag see as below:
Then goto Filter > Blur > Gaussian Blur :
When the Gaussian Blur box opens, input the following:
Now Reduce the opacity of stag shadow layer to “70%” .

Step 14

Now create a Curves adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Curves box opens, input the following:
Press Alt+left click in between 2 layer’s (Stag layer and Curves) to make a mask.
The result should be similar to this:
Now we need to clear some curves effect from the stag coz it make him to dark :
So activate the layer mask associated with the curves adjustment layer:
Now activate Brush tool (B) with these settings :
Brush size: 400px
Hardness: 0%
Opacity: 40%
Flow: 100%
Color: #000000
Now paint over the highlighted area.
The result should be similar to this:
Now create a Brightness/Contrast adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Brightness/Contrast box opens, input the following:
The result should be similar to this:
Now create a Hue/saturation adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Hue/saturation box opens, input the following:
The result should be similar to this:

Step 15

Now,let’s open the Moss in Photoshop. We will be using the moss from this stock image so we will need to transfer it to our main canvas.
Now go to Select > Color range
When the Color range box opens, input the following:
Activate move tool (v) and drag it to the main canvas and rename it to “Grass”
The result should be similar to this:

Step 16

Activate a vector mask from the button shown on the layer window:
Now activate the brush tool, and use a black paintbrush with these settings. Now let’s mask away areas of moss:
Brush size: 100px
Hardness: 0%
Opacity: 40%
Flow: 100%
Now paint over the highlighted area.
Change the layer mode to “Soft light” :
The result should be similar to this:
Now create a Curves adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Curves box opens, input the following:
Press Alt+left click in between 2 layer’s (Grass layer and Curves) to make a mask.
The result should be similar to this:

Step 17

Now,let’s open the Vintage Papier 5 in Photoshop. We will be using the Texture from this stock image so we will need to transfer it to our main canvas.
Click the Vintage Papier 5 and press V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Texture”.
Change it’s layer mode to “Soft light” and opacity to “65%” :
The result should be similar to this:

Step 18

First off, let’s open the A house stock in Photoshop. We will be using the house from this stock image so we will need to transfer it to our main canvas.
Click the A house and press P to activate pen tool and then make a selection around the house and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “House 1″.
Next, activate the Transform tool (Ctrl/Cmd +T), then while the “House 1” layer is selected and then resize it as shown below:
The result should be similar to this:
Now activate Mask tool .
Then activate Brush tool (B) with these settings :
Brush size: 20px
Hardness: 0%
Opacity: 70%
Flow: 100%
Color: #000000
Now paint over the highlighted area.
The result should be similar to this:

Step 19

Now create a Curves adjustment layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Curves box opens, input the following.Press Alt+left click in between 2 layer’s (House 1 layer and Curves) to make a mask.
The result should be similar to this:
Now create a Brightness/contrast layer which can be found by pressing on the create New Fill/Adjustment layer button shown on the layer window:
When the Brightness/contrast box opens, input the following.Press Alt+left click in between 2 layer’s (Brightness/contrast layer and Curves) to make a mask.
The result should be similar to this:
Add more houses and towers with same techniques

Step 20

Now let’s add there shadow :
Activate a new layer and name it as “House shadows”.Then activate pen tool and make shadow and fill it with black color.
Again goto Filter > Blur > Gaussian blur :
When the Gaussian blur box opens, input the following:
Reduce it’s opacity to “78%”. :
The result should be similar to this:

Step 21

Now let’s activate pen tool (P) and draw a curve.
Now activate Brush tool (B) with these settings:
Brush size: 5px
Hardness: 0%
Opacity: 100%
Flow: 100%
Color: #000000
Then Again activate pen tool (P) and make a right click and choose “Stock Path” :
When the Stock Path box opens, input the following:
Then again make a right click and this time choose “Delete path” :
The result should be similar to this:

Step 22

Now,let’s open the solitary bulb in Photoshop. We will be using the Bulb from this stock image so we will need to transfer it to our main canvas.
Click the solitary bulb and press P to activate pen tool and then make a selection around the bulb and then click V to activate the Move Tool. Left-click the image and drag the image to the main canvas and change layer name to “Bulb”.
The result should be similar to this:
Next, activate the Transform tool (Ctrl/Cmd +T), then while the “Bulb” layer is selected and then resize it as shown below:
The result should be similar to this:
Now Just make some Duplicates (Cmd/Ctrl+J) of Bulb layer.

And We’re Done!

Here is how your final result should look.
Access the source files for this tutorial: