Photoshop shield tutorial

Today, I’m going to teach you how to make web 2.0 shield in photoshop.

Step 1

I used pen tool to create shield, but you can create shield with shape, it looks similar.
So you can load it in shape manager, or you can just use mine.

shape


Step 2

We will change background.
Select Gradient Tool, and choose radial.

2

You should get something like this.(Your shape is blue, but we’ll change that later)

2


Step 3

Right click on “shield layer” and select “Blending Options”
Choose “Gradient Overlay” from panel and set these colors.

3


Step 4

Duplicate “shield layer” and press CTRL+T and resize it holding Alt+Shift.
4

Select blending options again.
Choose “Gradient Overlay” and check “Reverse” box.
Now set these colors.

5


Step 5

Repeat Step 4 but we will change colors.
Select “Gradient Overlay” and set these colors.

6
Repeat that process but check the “Reverse” box.
You should get somethin like this.
7


Step 6

Now we will work on shapes again.
Select first shape layer and select blending options.
Do the same thing I did.

8
9
10


Step 7

Do that again on the second layer.
It should look like this for now.

11

Now select third layer and choose blending options.

12
13

Select 4th layer and select blending options.

14
15
16
17


Step 8

First, create a new layer and select Pen tool.
Create path like this one

18
Right click on the patch and select Make Selection – 0.
Then select paint bucket tool and fill that select with white color.
While “path” layer is select CTRL+Click on the thumbnail of the 4th layer and go to Select-Inverse-delete, CTRL+D and put opacity to 10%
It should look like this

19


Step 9

Create a new layer above” background” layer.
First select custom shape tool, then select this shape

20

Now create shape and put opacity to 3%

21


Step 10

Create a new layer and apply image.
Go to Filter-Render-Lighting Effects.

22


Step 11

Go to Layer-New adjustment layer-Gradient Map – Black to White
Change blending to Luminosity, opacity 100%

23


Step 12

Select “elliptical rectangular tool” and create selection under the shield

24
Fill it with black color and go to Filter-Blur-Gaussian Blur-8
Change opacity to 18%



Final result:

final

9 Responses to “Photoshop shield tutorial”

  1. mozes staviti za download ovaj shape koji si stavio iz a stita?…
    btw lijep tut…

  2. Evo, desni klik na njega i save as

    http://imgur.com/H5qpV.png

  3. ne to,ove crte iza stita…
    ovo: http://i.imgur.com/3kT6M.jpg

  4. Pardon,
    smanji ga po potrebi

    http://i.imgur.com/xKujw.png

  5. Fidelis13337 says:

    Dobar tut.
    Al ti lokalno nemas pojma xD

  6. lijep tutorial…
    moj outcome,samo pozadina je po tutorialu: http://i45.tinypic.com/2cwsu4o.jpg

  7. Vrlo lijepo Sam ;)

  8. Pevec evo pokupio par fazona iz ovog tuta onom Benji na zahtjev…
    http://imgur.com/14gYd.png

Leave a Reply