Learn how to create this very cool metallic text effect with Photoshop. In this tutorial, you’ll learn how to create your own metallic effect by simply playing with some of the Layers Style and Brushes!

What you’ll be creating

This is a very simple metallic text effect is inspired by the Jurassic World Logo.To create this effect, we’ll start by making a simple background. Next, we’ll add some layer styles to the text. Finally, we’ll finish it up with by adding some crack brushes to give the metallic effect more detail. You’ll need Photoshop CS3 or newer to follow this tutorial.

final-orig-size

Tutorial Resources

Step 1

Open a new document at 1384 x 840 pixels at 200 resolution.

1

Step 2

We will be dividing the layers in groups to make things easier and more organized so with that being said create a new Group by clicking on the Group Icon located between the Adjustment Layers and New Layer Icons at the bottom of the Layers Panel.

2a

You can rename the Group by double-clicking it. Rename it ‘Background’

2b

The Background Layer is locked by deafult but you can remove that by dragging the Lock Icon to the Bin Icon. Now drag the Background Layer inside the Group we just made.

2c

Step 3

Change your Foreground Color to #C0C0C0. Now using the Fill Bucket Tool, fill in your Background Layer.

3

Step 4

Create A New Group and name it ‘Text’

4

Step 5

Grab your Text Tool (located at the Tools Panel right next to the Pen Tool) and type ‘Battleground’. Place your Text Layer on the center of your canvas. Use the following settings for the text:

5

This is what it should look like:

6

Step 6

Time to make the Metallic Effect. Making sure the Text Layer is selected, click on the Layer Style Icon (showed as the fx Icon located between the Chain and Layer Masks Icon on the bottom of the Layers Panel) and follow these settings:

Drop Shadow:

6a

Inner Shadow:

6b

Bevel and Emboss:

6c

Gradient Overlay:

6f

To Create a new Gradient while on the Gradient Overlay Menu of the Layer Style Window, click on the Gradient to open up the Gradient Editor Window. Using the two colors indicated above make six new Gradient Stops by randomly clicking on the Gradient Bar ; adjust the Stops’ Locations like so:

6e

This is what it should look like:

6

Step 7

Now for the Outline. First we need to make a selection out of our Text Layer (there are various ways to do that: Go to Select>Load Select>Ok |or| While holding down the Ctrl key, Click on the T icon next to the Text Layer as demonstrated below)

7

After that we need to expand it. Go to Select>Modify>Expand.

7a

A small window will pop-out, adjust it like so: Expand: 20 px

This is what you should have by now:

7c

Step 8

Create A New Layer and place it below the Text Layer. Rename it to ‘Outline’

8

Step 9

Change your Foreground Color to #0F0F10. Now using the Paint Bucket Tool, Fill in the Selection we just made then Deselect (click on the Marquee Tool at the Tools Panel located before to the Move Tool |or| Press M then just randomly click on the canvas).

9

Step 10

Now we need to add some effects to it. Click on the Layer Style Icon and follow these settings:

Drop Shadow:

10a

Inner Shadow:

10b

Inner Glow:

10c

Bevel and Emboss:

10d

Gradient Overlay: (Use the same Gradient as before)

10e

This is what you should have by now:

10

Step 11

Next, we add more details to the Outline. Create A New Layer, place it above the Outline Layer and Name it ‘Brush’

11

Step 12

Using the some of Crack Brushes Pack, mix a few of them together, it doesn’t have to be as close as what I made. With that being said, you can totally use brushes of your choice if you don’t like the ones I used.

I used these brushes:

12

Step 13

Almost Done! We just need to some crack effects to the Text Layer. Making sure the Text Layer is selected, Click on the Layer Mask Icon.

13

Step 14

Grab the same crack brushes we used before and brush over the Text Layer.

Step 15

Now you don’t necesarily need to use the same color as the one I used, experiment with other colors, use other brushes, add more effects like a grain texture or patterns etc. Just let your creativity flow

15a 15b

Final Results

final-orig-size

Download the PSD

Download

Battleground Text.zip | 931 KB

Tutorial by x–tenshii

profileAnd we are done! If you we’re able to create the final result of the tutorial without any problems then Good Job! Give yourself a pat on the back or something. Feel free to message me if you weren’t able to understand some of the steps.

– x–tenshii

The post How to Create a Cool Metallic Text Effect in Photoshop appeared first on Photoshop Tutorials.



from Photoshop Tutorials http://ift.tt/1WlQk02
via IFTTT