Creating 3D Arrow
Tutorial in Basics, Designing, Drawing, Web
Let me introduce to you this great and simple tutorial. It’s about a 3D arrow and you may use it as a web source. We will apply ((Layer Styles)), use ((Pen Tool)), and the most important part is that you will create 3D objects easier than what you imagined. Shall we begin?
Open a new document (600×230px).
Fill in the background with the color you like the most.
Create a ((New Layer)).
From the ((Shape Tool)) menu bar, select the arrow and draw it in the document.
Now go to ((Edit))-((Transform))-((Perspective)). Move the right inferior slider outwards as shown in the following image.
Press Enter.
Duplicate the (Ctrl + J).
Select the original arrow, which is located below the duplicated layer, and double click it so tha you go to ((Layer Styles)).
((Color Overlay)). Choose any color.
Standing on this layer, go to ((Move Tool)).
Press and hold Alt and press the down arrow about 20 times so that you create the 3D effect.
Select the layers of all the red arrows and press Ctrl + E to unify them.
Stand in the black arrow, which is above the red one, and double click it so that you go to ((Layer Styles)).
((Gradient Overlay)). For the gradient you will use: #96f4ff and #28748c.
Save the changes.
Then double click the red arrow layers you previously unified and apply these ((Layer Styles)).
((Gradient Overlay)).
((Drop Shadow)).
Save the changes, you will get the following result.
Create a ((New Layer)).
With ((Pen Tool)), you will trace the reflection that you see in the following image.
Press Ctrl + Enter so that you transform the trace into selection.
Fill it in with white and lower the ((Opacity)) to 20%.
After applying the reflection you will get the following result.
