The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques 3D Glossy Arrows

3D Glossy Arrows


Create a new document big enough for your arrows to fit, fill your background with a color of your choice. Select the arrow out the custom shapes library.

3D Glossy Arrows image 1

Draw out your desired arrow shape, fill it with a color of your choice as this will change when we add the layer styles.

3D Glossy Arrows image 2

Label your arrow shape layer "TOP ARROW". Now hold down the alt key on the keyboard and press the down arrow key then the left arrow key (keeping alt key pressed down) do this about 20-40 times, this will determine the thickness of our arrow. Once you have finished merge all your duplicated arrow layers into one by press "ctrl + e" once you have merged all your layers label the new layer "arrow bottom" you should have 3 layers in your layers pallet "background layer", "bottom arrow", "top arrow" (make sure your top arrow layer is at the top). Here's what you should have I've colored my bottom layer red for your benefit.

3D Glossy Arrows image 3

Now add this gradient overlay to your top arrow layer.

3D Glossy Arrows image 4

Add these layer styles to your "bottom arrow layer".

3D Glossy Arrows image 5

3D Glossy Arrows image 6

You arrow should look something like this.

3D Glossy Arrows image 7

Using the pen tool create a selection like this.

3D Glossy Arrows image 8

Create a new layer above your top arrow layer and label it "shine top" fill the selection with the color white set layer opacity to about 20-22%.

3D Glossy Arrows image 9

Do the same for the bottom arrow layer only this time use a half a circle (see image below). Lower the opacity even more to complete the effect.

3D Glossy Arrows image 10

Now select the pen tool, a 1 pixel brush and the color white just create a line somewhere on the arrow.

3D Glossy Arrows image 11

Right-click and go to stroke path. Lower the opacity to about 60%.

3D Glossy Arrows image 12

Do the same as above only this time choose a different part of the arrow.

3D Glossy Arrows image 13

Now finally select the elliptical marquee tool and create 2 white circles.

3D Glossy Arrows image 14

Go to "filter > blur > guassian blur". Blur the circles by about 3 %.

3D Glossy Arrows Tutorial: Final Result

All done.

3D Glossy Arrows image 16



Author's URL: Hv-Designs.co.uk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "3D Glossy Arrows"

Only registered users can write comment

Reader's comments