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.

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

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

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

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

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

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

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

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



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

Now select third layer and choose blending options.


Select 4th layer and select blending options.




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

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

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

Now create shape and put opacity to 3%

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

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

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

Fill it with black color and go to Filter-Blur-Gaussian Blur-8
Change opacity to 18%
Final result:
9 Responses to “Photoshop shield tutorial”



mozes staviti za download ovaj shape koji si stavio iz a stita?…
btw lijep tut…
Evo, desni klik na njega i save as
http://imgur.com/H5qpV.png
ne to,ove crte iza stita…
ovo: http://i.imgur.com/3kT6M.jpg …
Pardon,
smanji ga po potrebi
http://i.imgur.com/xKujw.png
Dobar tut.
Al ti lokalno nemas pojma xD
lijep tutorial…
moj outcome,samo pozadina je po tutorialu: http://i45.tinypic.com/2cwsu4o.jpg
Vrlo lijepo Sam
Pevec evo pokupio par fazona iz ovog tuta onom Benji na zahtjev…
http://imgur.com/14gYd.png