Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
While Photoshop's origin was as a pixel based image editor, over its development, it has acquired quite a bit of vector editing abilities. Besides the text support, it has multiple shape tools and can be used to annotate images in clear and focus viewers. In the previous videos, I have showed how to add the text. In this video, we are going to cover adding arrows using two different techniques: both the Line tool and built-in shape outlines. So let's cover the first using the Line tool.
When anytime a vector shape is added, it should be on a separate layer, so that way you can re-arrange the individual components independently. So, the first thing we are going to do is add a new layer, go down to the bottom of the Layers panel, select Create A New Layer. We could also have used the keyboard shortcut, Command+Shift+N or Ctrl+Shift+N on the PC. What else is helpful is if we turn on under the View > Extras, and Show, we are going to turn on the Grid and we will leave the Smart Guides on.
So now we are able to position things according to the grid, so as we can make sure that they relate properly. To find the Line tool, go near the bottom of the Tools panel and underneath the rectangle, these are the different vector shapes, we have the Rectangle tool, we will pull out and we can then select the Line tool from this menu. Up above, we can see the Options bar has changed and we can pick the different shapes from here as well as each shape has a pull-down menu that gives us additional control.
In this case, the Line tool has arrow support built-in. We can have an arrow at the start of the line or at the end of the line, control the Width of the arrowhead and the Length of the arrowhead. These percentages are as a comparison to the weight of a line and lastly, we can control Concavity which is how curved the back of arrowhead is. Our first line, we are going to build from the start. So, we will turn off the end and we will keep the Width to 250 and the Length at 250 and we want Concavity to be to zero so we can use the Scrub on the word holding down the button and we will just bring that to zero. We are ready to go, we'll close out this menu, we have a new layer that we are working on, I am holding down the Shift key, so it's a horizontal line. We are going to draw a line from the Lumen in the picture to the text label. I will hold down the Shift key so it's a horizontal line, I draw towards the name. I let go and I have my first arrow.
I can use the Move tool. I can either go to the Tool panel and select it or hit V. I can position this arrow accordingly. The second arrow will have to go on a separate layer. So, I do Ctrl+Shift+N or Command+Shift+N on the Mac, hit OK. I want to select the Line tool so I just hit U and I am going to customize it now starting, the arrowhead will be placed at the end of the line I draw, not at the beginning. Close that menu out and I align this up with the arrow above, hold down the Shift key, so it's horizontal and draw out my line. There is my second arrow.
The third object will be a double- headed arrow and it will expand the length of Lipid/ Necrotic Core. In this case, I want to make it red so I can go down to the bottom and select my color, click once on the foreground color and here, I will just type in 255, so it's a perfect red, hit OK, go to my Arrowheads controls, make sure it draws from the start and the end. And before I draw this line, what do I want? I want a new layer. So, Shift+Ctrl+N, Command+Ctrl+N on the Mac, hit OK. Now, I can draw out my third shape, a double-headed arrow from the underneath of the fiber's cap to the beginning of the Media. And that's the three different arrows you can create using the Line tool.
Ca Now, we are going to use one of the preset shapes that Photoshop supplies. I want to make sure it's going to be black. So it's easy, it's good practice to reset to default. So, you end up using black if that's what you mainly want to use. So, we can hit this icon here at the bottom of Tools or also hit the keyboard shortcut D, will do insert default colors. We are going to use a Custom Shape tool, click on the amoeba and we can see right now, there is one arrow that happens to be selected. If we pull down this menu, we can see a few other custom shapes Photoshop supplies. If you want to see all of them, hit the small icon in the top right corner and you can add specific families or all.
In this case, I will add the arrows family. I will append it to the bottom and I will select this arrowhead shape and now when I place my cursor down, it will draw out that shape, allowing me to resize as needed. There we go. That's very nice and then we can use our Move tool to position it. Prior to adding this shape, we want to create a new layer. Ctrl_Shift+N or Command+Shift+N on the Macintosh, hit OK and now when we place our arrow, we'll just click on the button and our arrow we are able to resize whether it's wide, long, short, however we'd need it. And now, we will select V or the Move tool to be able to position this right at the Media.
So now we have covered basically the ways to create arrows. That's the quick way to create arrows whether it's using the Line tool or the built-in shapes. In the next video, we are going to cover adding an additional vector shape, a box to highlight a specific area.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 75869 Viewers
64 Video lessons · 94435 Viewers
86 Video lessons · 61954 Viewers
103 Video lessons · 31277 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.