Photoshop: Vectors & Shapes for Beginners - In Depth | Benjamin Halsall | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Photoshop: Vectors & Shapes for Beginners - In Depth

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

17 Lessons (49m)
    • 1. Class Introduction

    • 2. Setup your Document

    • 3. Vector Tools Introduction & Overview

    • 4. The Rectangle Tool

    • 5. Selecting & Moving Shapes

    • 6. Copy, Paste, Move & Align Shapes

    • 7. Combine Shapes with the Pathfinder Options

    • 8. Modify Shapes with the Direct Selection Tool

    • 9. Tidying Up Your Layers

    • 10. Shape - Create Arrows

    • 11. Shape - Create a Custom Banner

    • 12. Shape - Create a Perspective Grid

    • 13. Shape - Create a Heart

    • 14. Shape - Create a Teardrop

    • 15. Shape - Create a Custom Frame

    • 16. Shape - Using pre-built Shapes

    • 17. Shape - Turning Type into Shapes for Logos & Designs

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

About This Class


Hello! In this class you will develop your knowledge of working with the vector shape tools. The great advantage of designing with shapes is that they are 100% scaleable. This means that you can design something for the size of a postage stamp but scale up that design to a large billboard poster.

In this class you will learn Photoshop’s vector tools step-by-step. The goal of this class is to set the foundations and then to go on to look at how you can create custom shapes in a number of different ways using the rectangle & ellipse shapes, working with the pen tool and even converting type into shapes which is great for logo design and other graphic content.


Working with shapes and combining them with images and the brush tools in Photoshop opens up an incredible array of creative options and I cant wait for you to get started in this class.

What You’ll Learn

You will learn the essential skills you need to create, manipulate and combine shapes in Adobe Photoshop. This lesson is one of several classes I’ve created about the shape tools in Photoshop but it is the most in depth. If you only have a few minutes to play you might want to check out my Pen Tool Abstracts or Create Nodes classes which give you an insight into what is possible.

  • What is covered:
  • Setting Up a Project
  • Creating Basic Shapes Like Rectangles & Circles
  • Aligning Shapes & Creating Grids
  • Rotating & Scaling Shapes
  • Modifying & Transforming with the Direct Selection Tool
  • Duplicating Shapes
  • Combining Shapes with the Pathfinder Tools
  • Creating Arrows
  • Creating Banners
  • Create a Perspective Grid
  • Create a Heart Shape
  • Create a Teardrop Shape
  • Create Custom Frames
  • Using Built in Shapes
  • Type as Shapes

What You’ll Make

This class guides you through the essential skills as well as custom shape creation. For your project you can create a shape design that demonstrates the skills you’ve learnt in this class.

Other Classes

I have a whole bunch of other classes on Skillshare and you can find them here -


Meet Your Teacher

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses


For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Class Introduction: Hi. There has been household here in this class. We're gonna have a look at how we create shapes and it'll be for a shop. Now we're gonna be working with vectors, which means that these shapes these images that were creating any completely scalable we're gonna have a look. Everything from the basics of how we create basic circles, squares, rectangles, how we look at creating custom shapes, how we combine shapes together and then also how you some of the alignment ALS on shape modification tools that you have available to us in Adobe Photoshopped is gonna include things like the pencil. It's gonna include how we combine shapes were created with paint or image layers on. Then we're gonna go on Teoh lookem or advanced modifications for things like type and shape combinations. If you're beginning with the first shot, this is a great class toe. Get started with the graphic illustration tools that you can use in Italy for a shop. So a photo shop is great for retouching. I'm working with images, but it's also great for creating these custom shape. So things like arrows, custom banners on other shapes that you can design yourself and create can all be done and maybe for a shop. And one of the great things as mentioned before is that we can combine them with other layers that were working with in photo shop. So the paintbrush tools the image tools, placing photographs within shapes on. We're going to cover all that in this class. So hit the enroll button on and I look forward to seeing a class on. We're going to go ahead and make some cool shapes and every photo shop on lease, um, comments and feedback if you enjoy the class and I'll sell it for seeing a class project once you post them online. 2. Setup your Document: So the first thing I'm gonna go ahead and do here is create a brand new document for the work we're gonna do with vectors in reverse shop. Now, as we're creating a new document is good to know that although we work with vectors and they're completely scalable, the output of these vectors is restricted to the pixel dimensions off. The documents were created. We can increase and reduce the size of the documents we create without losing quality in the vectors. So we're gonna go ahead and create a document at US paper, letter size. We're gonna make it 11 by 8.5 at 300 pixels per inch. We're gonna leave it RGB color. We're gonna leave a background of white. And in these advanced options, we're gonna leave the RGB. The working RGB is s rgb on the pixel aspect ratio as square pixels. So let's click. Ok? And now we'll go ahead and save our project. So I'm gonna come to file save as we're gonna say this straight to the desktop here and we'll call this vector in truth dot psd 3. Vector Tools Introduction & Overview: So now we've got Let's say, let's go ahead and have a look at the tools we're gonna be using in this class. So the vector tools that we're gonna be using it only for a shop are located in the bottom half off the toolbar here in Adobe Photo Shop. So we're looking everything from the pen. Tal will have a look at the title, that selection tools. So we have to selection tools here, the path selection tool and the direct selection tool. And we also have our shape tools here. So we have our rectangle tool rounded rectangle till ellipse, polygon, lentil and custom shape talk. We have a lot of great tools here for creating shapes and starting to create shapes in Adobe Photo Shop. We're also gonna have a look in this class. How we combine Some of the layers were creating with other tools that we might more familiar with, like the paint brush tool on photographs that were imported into photo shop. But first of all, we're gonna run through in depth that different tools that we can create shapes with in a baby photo shop 4. The Rectangle Tool: so we'll start off here with the rectangle tool. So the rectangle tool has a few different options, as you do with all the tools that you're working with and every for shops. If we select that and look up to the toolbar at the top here, you can see here that we have an option to create a shape, the crap path or to create pixels. Now, working with pixels here really would be a little bit the object off. Working with the vector shapes. We want that scalability off the shapes in our design. Working with the path won't give us a shape with any feel to it, but we can use it to make selections and that type of thing. But really, in this class, we're going to focus on the shaped hole, using the shape mode rather than the path or pixel options there. So you can see here as we go to the right, we have our fill options so we can select any color or radiant that we're working with. We can also select colors from our color picker or weaken, jump into an image of selective color from there, and then we can also use patterns and within our vector shapes as well. To fill those shapes up. For the moment, we're going to stick with our solid colors, so we'll grab a nice orange here for the fill on. Now, if we come to the right here, you can see we have a stroke for our shape. So if I click here, I can change the stroke. And then I can change the pixel width off this shape. So let's had a different color to the strokes of a crab blue, and we can slide up our pixel width here, but some different options for the stroke here in first shop. I've also got options down here for the alignment off our stroke in every photo shop so we can line the inside of our shape. We can send trip on the lines of the shape, or we can alliance the outside. There's different reasons why you'd do that. We can also just the corners here. Now. This isn't a rounded rectangle, so it hasn't got a fully rounded corners were just round and bevel the edge a little bit. Using these options, I'm gonna leave that square for the moment and I'm gonna leave the alignment here, so there's a line outside of the shape Silence, Click OK to that and then across the right. We've got some width and height options here. So as we drag out, our rectangle will see that width and height change and a little further to the right. We've got our options for the Pathfinder, for combining shapes together. It's attracting from shapes. That's something we're gonna have a look at as we go on. We've also got some alignment tools but distributing our shapes in adobe for a shop and as a few differences between photo shop and illustrator. If you're used to working with Illustrator with shapes and we'll have a look at that as well. And again, we'll see some differences here in the way that we are organizing and managing our shapes. And then across here we've got some options for creating custom sizes for our shape. So either fixed Russia said the proportional options here would, for instance, giver 16 by nine ratio. If we typed in 16 as the width on nine is the height, we can actually set proportions there. All we could set fixed size if you want to sell. It was 500 pixels by 500 pixels. Then we could, in the fix size there. We could also put the size in in centimeters or inches as well square options which I wouldn't really use because I can normally toggle on the square option by just holding down shift as I'm drawing a shape. So let's have a look at that. So if we set this to unconstrained now, I'm gonna draw out my shape and you can see as I drove out again my new shape and I get some more options in my properties panel across in the right hand side here. If you don't see the same panels as me on the right hand side, it just go to window workspace, set your view to the essentials view, and then just click reset essentials, and that will bring you back to the same options, and you can see here in the width and the height here. Now I can resize that shape I've just drawn so I could make this 700 pixels wide, or I can maintain the aspect ratio here by clicking the link there. Maybe it's 100 pixels wide and it will change. Both of these options here can change the position. And that could be useful if you want to accurately position your objects here. So at the moment went 432 by 342 for the X and Y axes. And if we right click in our rulers up here and go to pixels and you can see this is for the top left corner. Okay, so 432 342 is this top left corner off the shape that we've just drawn out. We can also add in around the edges. Now, even though we've drawn a rectangle, we can change into a rounded edge rectangle And then we can go ahead and begin to add some new shapes. I'm gonna jumped to my lips still here. And if I draw out a new shape, you can see now that I'm adding a new shape to a new layer and that's where these options up here really come in. So where were combining shapes or adding any less? If I click combined shapes and then I draw a new circle here, you can see, I've actually drawn that circle into the same layout. So got some important options there. When we're creating shapes and in particular creating shapes that we wanted, then combine in that I be Photoshopped. 5. Selecting & Moving Shapes: Now, if you want to select these shapes individually, that I've created on the ellipse layer here that I can use the shape selection talk so different to the move to all up here. I have the shape selection tool on my direct selection tool, which will come to a little bit later. But the path selection tool allows me to select individual shapes, and I can move these around now. Okay, Moving on the same layer, these different shapes on the same layer will have the same color property. So if I click on a color here and change the Phil, it's gonna change it for all shapes on that layer. So this is where one of the kind of key differences comes in between Photoshopped on Adobe Illustrator. So we have our shapes here located on the same layer. And so if you want to do alignment for particular shapes, we have to do that on the same layer or we're doing the normal alignment. And so there are some differences between doing alignment, but on individual layer of shapes, on shapes on different layers. And we'll come to that a little bit later on. If I hold down the bulky here on drag. It's gonna create Jupiter of those layers. And if I hold down shift, I can select those different circles I've just created and come up and use the Alliance Hills. So I've aligned the vertical centers on. Now I can distribute the wits for those shapes in that ellipse layer that I just created so you can see how we can select layers, how we can create layers, how we can create shapes on different layers in adobe photo shop or multiple shapes in the same less that some useful tools that we have here for working with shapes. So let's move on now to look at how we can begin to modify some of these shapes in at RB Photo Shop. 6. Copy, Paste, Move & Align Shapes: So in this section we're gonna have a look at how we copy, paste, delete, move on work with shapes in two different ways. So one is using the shape selection tools and the other is using the move tool. Now, both these different tools are moving things around in Adobe Photoshopped have that different uses. So we're going to run through some of those as we work through this section. So the first thing we're gonna do is have a look at how we delete some of our shapes. So if we want to delete an entire layer of shapes, weaken delete that in the same way that would delete images, image layers, paint layers and other kinds of layers in adobe photo shop. And that is to highlight the layer on either press, backspace or toe drag it down to the trash can. Now, once we've done that, we've obviously removed all those different shapes. I'm just gonna do, edit and step backwards. Now, if we wanted to delete one of these three shapes, then we have to use the path selection tool across here on the left hand side. So if I now click on one of these shapes and press backspace. It's gonna allow me to delete that path, but that's gonna change the shape. My do that's that's gonna change it from a life shape into a regular part. So if I click continue here, we can still do things like changing the fill, changing a stroke. So that's just pop some color back in here. Another state. We can use the selection tool here as we did before to move shapes around within a single layer, okay? Or to move this shape around. If we're duplicating shapes, then I want to show a different example off this. So I'm gonna move these two shapes down to the trash and create a new shape left. Somebody grabbed my lips tool from here on. Just draw out single circle are holding down shift to keep it in proportion and will change the fill color to a yellow here on day. I'm gonna jump back not to the move. Talked to the selection tool here. So I want to do is create grid A circle says I'm gonna hold down the bulky Just move these across. Now if I want a line thes four circles and distribute them. I couldn't do that. I'm gonna highlight up here vertical centers and then also distribute wits so that we haven't evenly spaced set of circles. That issue comes here that we can't actually group these objects within this layer as you can. And illustrator, we actually need to create a new layer in order to correct that grid of circle. So if I move these down here and I want to distribute the wits between two or three between three or more rows of circles, I can't do that in a single layer. So I need to take a couple of steps back here, okay? And now I'm gonna duplicate my layer here, so I'm gonna highlight my layer and right click on it on Go to duplicate layer. It's gonna make a copy of those ellipse layers and I'm gonna make a couple. And now within those layers, I can jump back to the regular move tool, Andi, select each of those layers. And now, at this point, I can select most three layers and use these options for distributing the different layers . So that's a slight difference between working in Illustrator on Working for a shop. If you're using both of those applications. So now I can distribute the heights. I have my evenly spaced grid on these evenly spaced as well. I'm just gonna de select my layers here. I just say something else. So if I grab my path selection tool here, going to select one of these circles on, I'm gonna go to change the color here for this particular circle. Now, when I change this, it's gonna change the entire row of colors. So here again, we have the issue of not being able toe change the fill of this circle independently. It's actually within that shape layer. So in order to do that, what I need to do would be to duplicate this last I'm holding down. The L key is I drag this up. I can now delete the other circles on that layer. So I deleted three of those four circles and now, with that layer selected, I could go ahead and change the color something different. So there's a little bit a different way of working with shapes and shapes in the layers in Adobe Photo shop. I prefer the method in Illustrator gives me a lot more flexibility But if you do want to stick to working with Photoshopped and it's just a few considerations of different considerations to make as you're working with shapes, so let's group these layers now. So I'm gonna grab these. What this also means is that if I use the path selection tool, select a path here and then go to edit, cut on, then come to a different layer and then go to edit and paste. It's gonna pace that into the layer I have selected. So I've pasted this from the bottom yellow layer here into this new green lead I've created , and it's borrowed those properties from the other layers. So let's just do that again. So I'm gonna go to edit cuts and then to the green layer and then edit paste, pasting that path in place, which is great. But it's also copying the properties from that new layer. So a couple of different things again to work with when you're doing stuff in adobe Photoshopped with paths. I'm gonna grab all my legs here and just create a new group from those last more cool. This circles 7. Combine Shapes with the Pathfinder Options: Now let's begin to have a look at how we can modify individual shapes with their ex election tall. So we're gonna look at two tools here, we're gonna introduce their pencil, and then we're also gonna have a look how we use the direct selection tool to modify our shape. So I'm gonna group these rectangles into a layer, and we'll just hide that layer for the moment. And now, before we get into working with direct selection tool, we're just gonna have a look at the pencil in a couple of different ways to the pencil allows the drawer free form, shape. So where we've been creating rectangles and ellipses before with the Penta, we can draw shapes free for May. Still want to make sure up in the tills up here that we're drawing a shape, it's gotta fill. We'll settle Phil to a nice our enjoy or maybe a blue even on will remove our stroke. So we're just drawing a line with a pencil, eh? So we don't need a tow Worry about our stroke width or anything like that on. If we just click dr dot now we'll see how we can draw hard edge shapes our pencils. I mean, it's gonna click once twice, three times four times. And then, lastly, when you're creating shapes with a pencil, you need to come back to the first point here. Andi click once again, and that will close the shape off so you'll see these four filled black squares at the corner of your shape when you draw it. So now if I draw again, I can draw any shape that I want with the pen tal. And you can see that because my settings are set toe, create a new layer. Every time I draw shape, it's basically adding a new layer free each new shape that I'm creating so you can see here . It's great. A new layer for every shape I can also set is to combine shapes. OK, so now if I draw with this shape, it's gonna draw into that triangle air that I correct before and now those two shapes are combined in one layer, but they're not combined, as you would combine things in the Pathfinder. Now, when we're drawing these options, actually give us some nice control over what we're doing. And so now I'm gonna change my options here. I'm going to go to my layers here and changes dis attract front shape. And you can see now that the front shape here is subtracting that triangle in the background. So there's gonna do command said edit. Undo. Just de select those layers and drawer a new layer And you can see here we've created a new shape layer. If we now keep this unsub tracked front shape, then it's gonna subtract a shape from the backgrounds if I draw again with attracting shape from that colors. So any layers that were drawing here with subtracting from the layers behind and we can change this to combined shapes okay, on this option, um, is the same for each shape. So if I change, this toe combines shapes on this one to subtract front layer or subtract front shape, then it's gonna produce some different options. So I go here, hence attract front shape. You can see with slicing shapes out of that triangle, so it takes a bit of getting used to working with that. But essentially you can modify your shape as you're drawing them with adobe Photoshopped 8. Modify Shapes with the Direct Selection Tool: So that's a brief intro to the pencil. Let's now have a look at how we can use the direct selection tool to modify some of these shapes. So I'm gonna group these into a layer and we'll turn off this layer on I'm now just gonna go to my rectangle tool and I'm gonna leave this on new layer on Draw out with a different feel here will grab a purple pinky purple this time draw a new layer And now, with this layer selected, I want to look at the direct selection tool. So if I come to my tool by here and click in hold on the path selection tool, I can move to the direct selection tool. Now, if I click away from my image and select one of these corners, you can see this corner is highlighted as a dark square on these other three corners of highlighted is like squares or squares with a white hole in them. That means I can now move and modify each of these corners individually. Okay, so we can change this rectangle toe. Any check we want. If we draw out on the lips here, okay. And then come back to the direct selection tool. You'll see that when we select one of the four points in our lips here, then essentially, we've got a few different options so I could move the point in my lips. But because the ellipse has this rounded edge, I can modify and change the angle at which that ellipse is moving in and out that point. So if I grab this one, I could move the point. But I can also change the angle of the curve as it moves in and out from that point. Okay, Now with these handles is control points. We want toe exercise. A little caution. So basically, try not toe make massive changes like this where you're gonna distort your shape. The look at the curve. Look how the curve is falling as you modify and create your shapes. So this brings up some some nice creative options here. So if I grab my rectangle tool and draw a rectangle and then grab my lips still on before I dropped my lips, I'm just gonna combine the shapes here. So now with these shapes combined, I can grab my direct selection tool, and I can move some points here to kind of match up with the edge off my rectangle there. Okay. So we can add points to that shape. Okay, Now, we can also as well if we just drag this out a little bit more, then here, use the subtract option to subtract elements from shakes behind. So this is what we can really start toe create some interesting options. So, France, if I grab my path selection tool, I'm just gonna move a couple of these house out of the way. Oh, no, Chef to select these two. So now if I use my rectangle tool, draw out a rectangle here some a new layer on I'm gonna use my direct selection tool to modify my point C s. I'm gonna just drag this in a little bit, but I'm gonna use the curses to do this. I'm doing it more accurately, and you can see here that if I press my right hand cursor now, it's going to move in from the right, Okay? And I move my left hand curse. It's gonna move it in from the right to the left. I hold our shift, it's gonna move its like large increment. And so I'm just looking to create a little bit of a cup shape here. Okay, so here we have this shape. If I now grab the shape with the path selection tool, I'm gonna copy this and paste this. So I know I want to make a duplicate of this shape. So I'm gonna jump up to the move tool, and I want to duplicate it to a new layer. We'll see why in a second adjudicate, it's up holding down del Key and drag my layer up on. Then I'm gonna transform this down, will hold down command or control and tap T. And when I transform its down, I'm gonna hold down shift on the cult option key on the keyboard that's gonna transform it down to the center here. Okay, enter. And so what we have here if I just moved back to the selection tool is a shape, the same shape is the cut behind and it on a new layer, so I can actually grab a different color for that. So now if we wanted to add, say, a little bit of a wave on top of this, we can grab the pencil. I'm gonna make sure I've got my combined shape selected on now. I'm just gonna come across the left here and now with the pencil, we can draw curve shapes. I'm gonna just drag these points a little bit on draw around here, click up to the top so that I'm covering the whole of the top of this cup of water. And now I'm going to change that shape, that new shape that I've drawn to subtract and you can see here that we end up with a liquid within a container. Okay, so we're working with and combining shapes to create some different effects. Obviously, I can come back to my lab behind, grab the selection tour and then change the field that lay behind to something a little lighter so that the effect works bit better. So here you can see how we can begin to combine shapes a little bit, and they're gonna continue to look at as we work through the shapes tutorial in adobe Photoshopped 9. Tidying Up Your Layers: So now for the shot, we're gonna run through how we make some specific shapes Now run through the basics of how we work with paths, how we use the direct selection tool to modify parts, how we create parts of the pen tal. And now, when I have a look at how we create and think about constructing basic shapes in Adobe Photo Shop. So I'm gonna group these rectangle layers ellipse layers that we're working with before together, and we'll just go to group those together. So make a new group from those layers we'll hide those. 10. Shape - Create Arrows: So now the first thing we're gonna do is to draw a simple arrow. Now, if you need to do this quickly and just go ahead on and go to the custom shapes, tools and their arrows on custom shapes in here on that you can go ahead and use so you can explore these custom shapes. But I wanna look specifically how we build these shapes ourselves. So I'm gonna jump to my rectangle toe, first of all, and we're gonna go ahead and create a basic errors. So the first thing to do is to drag out the line for the Arab. So we've got a shape with a fill. You can check your settings up here and now we want to add the triangle that will appear at the end of this shape. So I'm gonna select my combined shapes option up here, and I'm going to come to my polygon tool. And now for my polygon tool. I want to set this to three sides. So now that I've got my triangles out to go, I'm gonna hold down shift as I drag out my triangle. Andi, that means that it's gonna have one line. That's completely horizontal, which means we can rotate it toe added on to our existing shape. So now if I go to my bath selection tool that can select that path, held down command or control and tap t and then holding our shift, I can rotate this by 90 degrees on drop that onto the end of my other shape. Now you concede as I'm moving things around, my smart guides are snapping things into position. So I'm gonna hit enter twice there. So now I have an hour. Now, this arrow is still to independent shapes that we can still move on, modify on that layer, and I will actually permanently combine those together. So I'm gonna hold down, shift and select both those shapes. We can see the black dots around each those shapes on at the bottom of this selection that we've been using before, we've got this option to merge shaped components. Now, what that's gonna do is take two shapes on just like the Pathfinder in Adobe Illustrator. It's gonna combine those two shapes together, and now you can see I've got a perfectly formed arrow. Now, the great thing about that is, if I grab the arrow, hold down the altar option key and drag out a copy of that. I could modify this with the direct selection tools. I can grab some ends of it. I can make some modifications to my arrow One till we haven't looked at yet is the convert point. Or if we grab that from underneath the pencil, then we can come to the end of our and round off the edge. Or if we grab the direct selection tool now, we can hold down the whole case. We drive this in and I can just modify this so that we're modifying each of these points independently, and we can give our arrow a nice little curve at the end there. So important element there was as I was modifying this point, first of all with the selection tool. I just left it with a small set of handles there. And then when I came back in with the direct selection talk holding down Elke, Andi dragging one of these points at a time. Let go drive. The other point on it will allow you toe Adan these curves. Now I want to do that a little more accurately to make sure these are snapping to the same spot We could drag down a guide from our rulers here If you don't see a rulers go to view and check rulers And now we can drag down a guide dragging a guard from here. And if we zoom right in, we can get super accurate as we snapped those in there so that we know we've got the same curve at the end of our arrow there for each the top in the bottom part there. So as a couple of steps for creating an arrow in Adobe Photoshopped, we can also go ahead and kind of keep modifying this. So if I grab the arrow I've got here with the path selections will hold down Holt, duplicate this across. And then if I grab my direct selection tool, grab each of these points and just hold down shift. As I pressed the upward cursor, it's gonna move that point at a larger increment than if I just press the up or down the coast. What science? I hold down shift used the down cursor. Okay, Now I want to do is just add a nice little curve on the end of this. How are his? I'm gonna jump to my let's talk, make sure I'm combining the shapes festival, and then I'm gonna draw out a nice lips, jump back to my path selection tool on, then and then just move this. Just gonna find the end of that arrow there, and he's commanding t just toe lessen the curve a little bit there. We'll move this across just we're gonna slice nicely into that could even go for a bit of an angle. So we get a nice little cut into the end of that with this selected, and I seem to have accidentally popped this onto a new layer. So I'm just gonna cut that jumped my previous layer on paste that in there So that now I can use verse, subtract from shape to subtract this shape like identified. Select those two shapes. I can now emerge them, and it's gonna combine those into one shapes up by using my curve have might cut a nice little shape into the end of my our there. Let's go ahead and make some different shapes 11. Shape - Create a Custom Banner: so I'm gonna turn off this layer, but we're gonna create a banner shape here. So I'm gonna grab my lips talking and drew out a nice wide her lips there. And I just clear these guys that I've got here at the moment and what we're gonna do is we're gonna create a couple copies of this, that we're then gonna combine together to make up a curved banner that we could that place type in or something like that. So we got the path selection tool just gonna hold down the bulky and duplicate this down. Okay, Andi, Then I'm going to highlight both of these. And then with the front shape highlighted, I'm gonna change that to subtract front shape. I like both of these and will merge shaped components. And then we're starting to see our our banner there. Now I want to do is grab my rectangle tool on, gonna use a different option here. So basically, I'm gonna drag out a nice wide rectangle that almost kind of cuts off the edge of the shape . And then I'm gonna with my direct selection tour, just pull in the shape edges. So I'm going to use my cursor for this. I'm gonna hold down, shift on, just camp to 20. Moving to the right with the cursor. 18 1920. And I know now if I click here on tap 20 to the left, holding down shift. So then I should have the same angle on the left and the right and again in the making of this, I've just pop this on to a new layer rather than on the same layer. So in order to use the path Planeta, which one do now, I'm gonna have to cut this. So edit cut, or command or control on X select my previous layer. And now I'm gonna use the Intersect shape areas option and paste that in there. Sorry. I always the Intersect shape options. And now we've got a banner which kind of flows across there nicely. Okay, so if I select these shapes, I'm gonna apply and merge those shapes. So I end up one banner style shape, so let's just move that up a little bit. Well, duplicate this and then we'll modify this a little bit, so I'm gonna drag down a guide from up here, okay? And now I'm gonna go to my pencil now with the pen tal, I can add extra points onto my shape. So I'm just gonna look on once in the left, here and once on the right here on, then go to the direct selection tour and I can click away Select back this particular point , and we can just pull in. He's a little bit nudge this one up, okay? And you can see now just clear my guides there that we have a banner with these kind of nice little insects that we can keep going with. This nice thing about the fact that this is still a path is if we want to add a and outline or a stroke to this, I can select my stroke. Turn it on. Obviously, we're working on both these shapes on the same layer. We can pick a good color from up here, okay? And modify the width of our stroke and we end up with a nice shape that we can work with. We can also, now that we're working with a path that has this stroke on it, with this kind of extreme lines drying out, start to think about our corner options here. So if I come to my path here, I can change my corners so that they around it my case because it's running them off or devils, so it's gonna chop them off of the edge so you can play around with that. Decide what is working best for you. The other option, of course, is that if we just make a duplicate of this layer will have a look a couple of other options for this. So with the duplicate here, I'm going to select this Andi, remove the stroke. And now what we could do to get an outline that kind of followed the path this bit better is actually make a Jew pick it off that So I'm again. I'm just gonna delete this shape. I mean, adjudicate this layer again, and this time, what I'm gonna do here is I'm gonna change the field color, so I just dropped down the field color will choose a lighter orange or yellow. I'm now gonna do commodity or controlling t transform in a position that's close to center here. Instead of re sizing using my handles here, I'm gonna cut the top here on just modify scale up here and it will resize in, actually will just hold this up manually in our canvas and you can see here we get this nice match of that background layer and the shape in the front, and we can just go in there, use the direct selection tool, kind of modify these edges a little bit. But it means that when we do this, we keep a little bit more control over the shape that we're making so we can jump in here, keep the kind of flow of the curves on, have a little more control over the shape on the outline of that shape as we're working with it. Okay, that's looking pretty good. You'll find that as you work with parts more, more, you'll be going in and tweaking different areas of those paths as you go through. So let's grab those two layers. I'm gonna pop these two into their own group some new grip from those layers. I call it Banner, OK, and we've got a separate banner lay here. So for this to Janice on, then the rectangles layer that we have here is our arrows. We've got a few different shapes that have begun to make their beginning to combine different shapes together 12. Shape - Create a Perspective Grid: Okay, let's have a look. A couple more shape options. So we're gonna have a different approach to this one. I'm gonna create a grid of rectangles, Christmas squares. So all of these are gonna be combined into a single layer. Just a line these and distribute them. Okay? And then I'm gonna Jeep. Katie's down. Okay, Now that layer selected we can have we can use some of the regular Photoshopped tools for distorting and working with our shapes. So if I select my move tool up here, make sure I've got my layers selected on Do command and t Then with this layer selected, if I hold down the command key or control key on the keyboard, then Aiken distort this layer so I could start to create some interesting combinations of shapes where we're starting to push and pull those shapes around a little bit in some interesting way. So you can see here. I'm starting toe force a little bit of a prospective life angle on those shapes on. One thing we haven't covered yet is how we can combine these shapes with the brush tool. And that's what I wanna have a look at now. So if we create a brand new layer above this layer, we're gonna use it on option a layer option called the clipping path to actually brush into this layer. So if I grab my brush tool Okay, on was going to right click and increase the size of my brush to a nice big brush. Okay, She's one of the standard brushes here, so we'll go for a brush around 2000 pixels. That's perfect. My soft brush here and now I'm just gonna go to my swatches and select some nice, bright primary colors. I'm just gonna pull across the left there, grab another nice, bright color and we're just painting on the layer above this angled layer that we created here. And I grab one more orange Just I hope that in the bottom right now we can put this radiant it for us, shaped into the shape that we have below. So if I right click on this layer on go to create clipping mask, you can see now we end up with this combination of the vector shapes that we have to this rectangle in the background that we're working with and then shop painting tools, the brush tours and worship, which is a really powerful combination of techniques that we can use. So if I grab my rectangle now, all these rectangles in here are still creditable, so I can grab them individually. I can modify them. I can tweak them, or I can select that layer on, transform the entire layer so I can keep going on with this layer, and it will keep its connection to the clipping past clipping path above it. If I move this outside of those paintbrush areas, you can see him reaching the edge off those areas. So the layer that I'm moving here is the rectangle layer, and I can also use move the brush layer above that, too, so we can move that around and try out some different colors. And within that shape, Okay, so let's just group these together, Okay? So let's have a look at a couple of other shapes that we can build where we might want to incorporate some options like that 13. Shape - Create a Heart: so I'm gonna grab my lips. Still here. Okay. We'll drop one ellipse on the left hand side here, and then I'm gonna jump to the PATH selection tool held down the R key on duplicate. These two were gonna merge these together. So I'm gonna merge shaped components here and now I'm gonna jump to my direct selection tool on just dropped down the middle here. We're gonna make a heart from this. I want to use here the pencil to subtract thes two points and removing shapes from our heart shape here. And then I'm gonna convert this anchor points. I just need to come in here to my parts up here on just how down the out can swing this background. Okay, so that we get that heart shaped back. Okay, so you can see by using that combination of two circles, we can create this kind of interesting shape. I just proper guide in there so I can get these two handles. Just the right spot on hold down shift is I'm pulling them down so that they remain completely vertical. Which means we end up with its nice, clean shape in Africa to view clear guides and again above this layer. If I grab my brush tool, my nice big brush tool, and then I'm just gonna pay into here with this new layer. A couple of spots of red on pink, right Click on that layer created clipping mask. And we're gonna have dropped in those colors into that heart. And we can keep going with this now. So I'm painting on this layer on that paint is dropping right there into the heart shape that we made. So there's a real neat way off doing some combinations of shapes of getting these brushed radiance, which can have a lot more texture, a lot more interest than the other Grady. And so, for instance, one thing we can do with the brush radium is that we can go to filter. We can go to noise on user add noise effect so that we're kind of breaking this up, giving a bit more a texture, but more an interesting effect there as well. Okay, so it's like, OK to that. I'm gonna jump back to my move toe, select these two layers and holding down shift on. Then I'm gonna jump to this, create new group from those layers Call this heart, okay. And so we've got a nice combination of different shapes that we've been working with. 14. Shape - Create a Teardrop: have a look at one more shape here. So I'm gonna grab my lips still gonna drag this out, and then I'm gonna grab my direct selection talk and just pull this CenterPoint to my circle up, and I want to convert this against I'm using the convert point toe to convert that to a pointed edge. So here on what we're gonna do is duplicate this shape. So I'm gonna grab my path selection tool. And when a copy and paste that okay. And then hold down command or control and tap t to scale this Nazem scaling. I'm gonna hold down shift adult so that it scales to the middle. Just gonna move this shape up a little bit. Okay? So with this right, that's gonna grab the central shape. Andi, subtract the front shape and we're gonna end up with this nice teardrop shape. But with a gap in the middle as well on again, we could use a new layer on top of this and kind of combine these shapes together. So let's grab these shapes on. I'm gonna merge shaped components, so we end up with one complete shape. It means we're going to move them as one shape now, and we're going to go on to look at one or two more shapes that we can create in these combinations. 15. Shape - Create a Custom Frame: Let's turn this layer off now and we are going to grab our a rounded rectangle tool. Before I draw this. I'm gonna push the radius off my corners up. Okay, so I've got nice rounded corners at the edge there, and then we're gonna add a couple of guides right in the middle of this shape Here, on on each these guides, I'm gonna add a new point, and then we're gonna take the direct selection tool and just click on one of these points. I'm pull it in, OK, just gonna pull these in. Now, we could measure this out and get quite accurate with this. I'm just gonna work on this one quickly. So I'm gonna hold out cult, drag this guy in towards the center and then did the same my other point. Okay? And you can see what we're ending up with here as we hold down ult on the first These points that were adjusting on drag, the next one in its this kind of inset. It's nice insect for this design. So hold on, hold again. Do the same here. And you may have seen these different styles of frames out there on This is one way in which you can begin to think about making them as well as perhaps combining some other shapes in there. Okay, so we got some neat ways of making some different shapes of pulling and pushing things around. Obviously, we can go in here. We can move some elements of this around to soften the edge or the hard on the edge. And you can see these shape tools in first shot really allow us to have a lot of control over creating these types of shapes. So just name this layer frame on and the layer behind. We'll label teardrop more raindrop. I've got a couple of nights shapes that we can work with and use their and our designs. 16. Shape - Using pre-built Shapes: it's in this last section here. We're gonna have a look at how we work with the custom shape tool and also with type to create custom shape. So jump up to the top my layers panel here and then we're going to come down to our custom shape. So in custom shapes, you might see a difference that of shapes than the ones I see here. So if I click on this little cock on the right hand side, you can see I've got a number of different sets of shapes that I can load in. So if I hit reset shapes here and now, I've taken that back to the default set of shapes that we have So you can see here we have things like a tick. We select that help, downshift and drag out. We can still pull things, that proportion, even with these shapes. Then we can drag those out. We've got things like light bulbs. Okay, so lots of useful, different shapes that we can work with and you can see if I grab the direct selection tour , then zoom in a little. Then all these shapes are built up in the same way with the same vectors that we've been using up to now so we can move these vectors. We can adjust our shapes and we can modify these shapes justice we want. Okay. Also, with these shapes, we can add layers above shape. Players use a clipping mask and then with the brush tool with a smaller Russia is this time we can do things like paint in two parts of that shape so we can modify and change and tweak different parts of those shapes as we want to. Okay, so again, we've got complete control over the different aspects off these shapes that we're working with in Adobe Photo Shop. Okay, so that's just a clipping mask with a brush door over the top of the shape, as currently working with. So you can see how we can modify and change that. If we use a hard brush, then we can become a little bit more accurate in some of the kind of tight sections of this images, you can say there's a lot of cool control that we have over different areas off the work we're doing here, and one thing we can do with our custom shapes here as well is load in as I mentioned these other sets of shape. So fight one something that is my grind vector pack have. I can append that to this set of shapes, and I've got some paint splatters. I kind of I can use. All right on, obviously in the paint splatters we can add. Hey, new layer above thes, Turn into a clipping mask, grab a brush tool and start toe paint in two different sections of these shapes that we've placed. If OK, there's a lot of cool fun that you can have with these vector shapes, combining them with some of the existing tools that you might already know how to use in Adobe Photo Shop. 17. Shape - Turning Type into Shapes for Logos & Designs: So now let's have a look at how we can use type as a shape in Adobe Photo Shop. Now is a lot of advantages of doing this, such as combining shapes or letters together. And we just have a look a couple of quick, simple examples here. So turn these layers off will drop in a type player here, and I'm gonna just type in a bi onda. We'll have a look at a couple things we could do with this fun. So basically we can combine letters together so basically we can combine less. Together we can move him around. But first of all, what we need to do with the text layer is go to type and convert to shape. Once this is converted to a shape, and if we go to our past election tour, you can see I can select the individual paths. I can come along here, go to my direct selection tool and start toe select individual points so I can modify and change tweak Onda. Just there's different letters that we have here. So, for instance, if I take this A and E is an example, I mentioned my part selection tool just move this across. Okay? Just move this across them. With the direct selection tool, we can grab some of the individual points from this shape and just moving across. So we kind of combine the A on the be together. Interesting way. Okay, So with both those shapes now lead over one another. We can go here. We can select those shapes on, go to merchant components, and then we end up with an Annabi combined, we can also with other EC selection tool highlights a number of different points on the right hand side here. So if we just wanted to move those all in one go a little closer, we can do that too. And so that we're tweaking their the floor of that type that works a little bit better so you can see how we can nicely combine shapes together. And then, as ah last example here, we just go to file Andi place embedded. I'm gonna place an image in here and then with an image here, we'll just grab a nice texture here. Okay? Place that on a scale this down a little bit so that it's six with lots that texture over the A and the B. Okay, right click on that correct clipping mask on. We're putting some of that texture into our type player that we set up here. So started toe. Combine those different Photoshopped techniques with some of the vector techniques that we can use and work with in adobe. Photoshopped would grab both those layers together. We can transform them as one. Okay, moving around. It tends to apply, ending up with some nice photographic texture within that image there with a modified type of modified image. So that's what we're finished. This overview of the different shape, tools and the shape combination tools that we can use and work with in adobe for social, from making different types of shapes. I hope it's been useful. I look forward to seeing some of your questions as you work through this and also look forward to seeing some of the work that you come up with some of the shape combinations that you create when you're using these techniques. In Adobe Photo Shop