If you already use Photoshop you’re well on your way to using Illustrator
)
Designed specifically for people who already use Photoshop, this video is part 1 of a series on learning Illustrator. What makes this video different from most is that it uses what you already know about Illustrator from using Photoshop as a starting point.
The similarities and differences between Illustrator and Photoshop are explained and the video introduces you to the basic tools in Illustrator that you need to know to create designs.
Create a Multi Layer Dimensional Flower in Illustrator Using Just One Shape
Learn how to create a multi layer dimensional flower in illustrator using just one shape.
You will see how to use the Appearance panel to duplicate the shape, fill it with partially transparent gradients and then blend it all together.
The shape also has an optional dotted stroke offset inside all the petals – all done using the Appearance panel.
This is an intermediate level Illustrator tutorial so you will need some basic Illustrator skills to be able to follow along.
Here’s how to easily create a shape with a stepped edge much like a steampunk gear, in Illustrator
I love steampunk and I’ve even been known to create and give away a set of free steampunk brushes here on Projectwoman.com. Today, however I’m talking about how to make your own steampunk shapes. A reader approached me and kindly drew out the shape he was interested in achieving and this is what he wanted:
Here’s how to do it easily using the Stroke options in Illustrator.
Draw a circle by clicking the Ellipse tool and holding Shift as you draw out a circle. I filled mine with black and added a thick grey stroke around the circle. You can make your stroke and fill the same, I’ve made them different so you can see what is happening.
Click the underlined word Stroke on the Tool Options bar to open the Stroke panel. Set the Cap to Butt Cap, enable the Dashed line checkbox, set the Dash and Gap values to your preferred values. A good place to start is to set the Dash and Gap to the same (or nearly the same) value as the point size of your stroke. Then alter the Dash value to change the length of the dashes and the Gap value to change the gap amount. Click away when you are done.
Now, with the shape still selected choose Object > Expand Appearance, then Object > Expand, leave Fill and Stroke checked and click Ok.
Now, with the shape still selected, in the Pathfinder palette (view it by choosing Window > Pathfinder), click the Unite icon (top row, far left). This creates a single shape with the edges you have described.
And that does it – there is your circle with a stepped edge and gear-like shape:
Learn to add multiple fills and strokes to a single shape in Illustrator
Illustrator can be a challenge to learn and once you get hold of the basics you may be so relieved that you have progressed this far that you forget to dig deeper for better and smarter ways to create designs.
One feature of Illustrator is the ability to add multiple strokes and fills to a single shape, to order them so they appear on top of each other correctly and even to blend them using Blend Modes.
This video shows how to turn a star into this vintage inspired free pattern filled shape in Illustrator. It’s simple to do when you know how – just a few minutes of video can open up a wealth of opportunities for being creative in Illustrator – Enjoy!
Learn to add multiple strokes to a shape in Illustrator
One way I force myself to extend my knowledge of Illustrator is to take an existing illustration and to try to reproduce it. I don’t use these for anything but for learning and improving my skills. It’s a great tool because, when you try to copy someone else’s illustration you have to work out how to do things you may not typically do. You can’t just fluff yourself off and do the same old thing – if you don’t know how to achieve an effect you have to think about the problem and work it out using your existing skills or go research solutions.
Today I’ve been working on shapes that have neat edges and, in particular shapes with solid edges and dots – all in the one shape!
Start by drawing your shape – mine was a speech bubble but you can do it with anything. Then add a fill color and a stroke – this stroke is the thick band around the shape so make it the right size for the edge effect.
Now open the Appearance panel and add a second stroke by choosing the Add New Stroke icon. Make sure this is the top stroke – if not you can drag it up as if it were a layer. In the Appearance panel select a different color for this stroke and size it smaller than the previous one. You can now make it dots by setting up the panel so it looks like this – just note that your gap value should be the same or just larger than the stroke to make dots and that the cap shape is rounded – to get dots!
Learn to turn an image into one that looks like it is cut from paper and taped to a page. This effect uses the Quick Selection tool, Stroke Style, a filled layer and commercial brushes.
Transcript:
Hello, I’m Helen Bradley.
Welcome to this video tutorial. In this tutorial I’ll show you how you can create a hand cut image effect in Photoshop. Before we get started with this tutorial let’s have a look and see what it is that we’re aiming for.
I’m going to show you the original image I’m going to be starting with here. And what we’re going to do is isolate the image on its layer. We’re going to add a sort of white border around it so it could be used in various collage projects. And what I’m going to do here is actually show you it on a background here so I’ve got it dragged into a collage project. And so we’re going to see how we can create this sort of white edge look very easily for our images. So first of all let’s tuck this one away. I’m just going to delete those layers before we start and let’s just tuck that away and let’s go back and get our bird image.
Now the first thing that I would do with this particular image is to convert the background layer into a regular layer. So I’m just going to get everything back to what it was. And if this layer here that we’re seeing in front of us were the background layer I would just double click it to convert it into a regular layer. The next thing I’m going to do is to isolate this bird and the pieces that I want. Now I’m using the Quick Select tool because it’s quite a good tool for this and it’s going to make the job go pretty quickly.
So I’m just selecting over the areas of the bird that I want. And if the selection goes too far like it just did there I’m just going to hold the Alt key as I drag over the area that I want to remove from the selection. So I can select over the pieces if I want to add a bit to it. I’m just checking to make sure the bird looks pretty good but this could be edited later on. This effect is actually editable. So if you find that there’s a chunk of the bird missing or there’s a chunk of the background in it that you don’t want to include you can easily get rid of that later on.
So I’m just making a reasonable selection here and then I’m going to add a layer mask to this layer. So I’m just going to click here on the Add Layer Mask icon and that isolates the bird from its background. And you could brush this layer with black or white paint to make the edges smoother or whatever you want to do or you could add more of the bird or subtract it by just painting on this mask. But for now we’re going to assume that the mask is just fine. I’m going to add a new layer by clicking the Add New Layer icon here and I just want to fill it with this blue color.
So with the blue color as the foreground color I’m going to press Alt Backspace, Option Delete. You can see I could do a bit of tidying up in here. I’m going to leave you to do that yourself. With this particular layer selected I’m now going to add a stroke to it. So I’m going to click the Add Layer Style. I’m going to click Stroke. The color stroke I want is white or whatever you were opting as your sort of paper color because we want the idea that this bird has been cut out of a piece of paper.
So you could use an off white if you wanted to. I’m just using plain white. And I’m going to increase the size of this so it looks as if there’s a border edge around the bird and you can make that size whatever you want. It needs to be on the outside. If you put it on the inside you’re just shrinking your bird down and you’re losing detail here. It doesn’t want to be in the center either. You’ll have the same problem. It must be on the outside.
So having done that, I’m just going to click Ok. So essentially that’s my cut out bird and I could just drag and drop him into a collage if I wanted to. But I want to show you quickly how to do that tape effect. I’ve got this installed as a brush and all I did was look for tape as a brush and there are a lot of free commercial brushes that you can use. So here’s my tape brush. I’m just going to use this one. I’m going to make sure that I’m using red because I kind of like using red tape and I’m going to do it on a brand new layer.
So I’m going to size my brush down using the square bracket key and just press three or four times to get that tape effect. Now if I want to use the same piece of tape over and over again I’ve got this brush panel open so I can now rotate the brush so that the tape is where I want it to be. If I just open up the spacing we’ll be able to see what angle it’s going out at and that will allow me to then stick it onto the bird in the angle that I want it to appear at. And I could obviously have of course used a different piece of tape if I wanted to but I’m just doing this very simply and very quickly.
So now that we’ve got our tape let’s go back and get our background, this stripe background that I created, and we’re going to our bird image. I’m going to take the tape layer and the bird layer and just drag and drop them together into my collage. And now I can move it using the Move tool, size it if I want to and it’s now in position on the collage. So that’s how you create a sort of cut out taped on effect in Photoshop very easily using a stroke.
I’m Helen Bradley.
Thank you for joining me for this video tutorial. Look out for more of my tutorials on this YouTube channel. Please consider subscribing to my channel and visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Lightroom, Illustrator and a whole lot more.
Learn how to create an oval frame effect in Photoshop. This video includes how to use a clipping mask, sample a color from an image, make a leaf brush, paint multi-color leaves on an image, add a stroke border to the oval frame and even change its color. This is a jam packed tutorial suitable for a competent beginner or intermediate level Photoshop user.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can make an oval framed photo effect in Photoshop. Before we get started doing this effect let’s have a look and see what it is that we’re aiming for.
What I’m going to do is take this image here and frame it inside an oval frame. And we’re going to add a little border stroke around the frame and then add these decorative elements. The colors for each of these elements is going to be sampled from the image and this is just a single brush that paints in different colors. So if you’re ready let’s get started with this tutorial. So if you’re ready let’s get started with this tutorial.
I’m going to begin here with a new image so I’ll click File, New and I’m just going to do an 11 by 8-1/2 letter size image. But you can make yours whatever size that you like. And here’s my image.
I’m going to center the oval so I’m going to start with a couple of guides. I want a 50 percent guide horizontal and a 50 percent vertical. It’s just a little bit easier to do this with guides. Then I’m going to target my marquee tool. I want the elliptical marquee tool. It shares a toolbar position with the rectangular marquee. But it’s the elliptical marquee that you want. I’m going to hold my mouse pointer over the intersection of these two gridlines and then hold Alt down as I drag out to create my oval. This creates an oval that’s centered over those lines. Of course if I add a Shift key at this point I’ll have everything constrained to a perfect circle centered on this document. But I want an oval so I’m going to let go of the Shift key but make sure that I keep the Alt key held down until I’ve finish drawing my shape. I’ll let go the left mouse button and then let go of the Alt key. This is my shape.
I’ll need a new layer so I’ll click the New Layer icon here and I’m going to fill this with black. So I’m just going to set black as my foreground color and Alt Backspace, Option Delete on the Mac. You can fill it with any color at all but I’m just using black. Now I can get rid of my guide so I’m going to click View and I’m going to clear my guides. I’m going to bring in my image here so I’m just going to drag on the background layer and just add it to this image. Now I want it centered so I’m going to press the Shift key as I center it over this image. I can now close this because I don’t need it any longer. I have my oval still selected. You can probably just see the marching ants there. Now that’s going to get in the way when I start to resize and move this image so I’m going to press Ctrl or Command D to deselect the marching ants. Now I’m going to target my move tool, Ctrl T, Ctrl 0 so I can see my handles. I’m just going to drag everything into position. I’m going to use the Shift key with that corner handle because that will drag everything in proportion. I’m now going to create a clipping mask.
So with this layer selected, Layer, Create Clipping Mask. Now I need to select that checkmark before I can do that so let’s create the clipping mask. And now let’s just fine- tune this image. And I think that’s a pretty good position for it. Now I want to focus on the background layer because I want to sample one of the colors from this image for the background layer. Now the image that we saw had a background which was sampled from the image. So I’m going to target the eyedropper tool here and I’m just going to target this little girl’s dress to get a color from her dress. And when I do you can see that the color is in the top of the ring here. That’s the one I’m going to select. And I have a 3 by 3 average so I’m averaging out the colors under the cursor. So I could go for a slightly lighter blue if I wanted. Let’s select that. And now with the background layer selected I’m going to Alt Backspace, Option Delete to add that color. Now let’s go and add a border around this oval. And to do that I’m going to need to reselect the oval. So I’m going to target the oval shape here, click on the magic wand tool here, it shares a toolbar position with the quick selection tool, but we want the magic wand. We want to make sure that Contiguous is selected. And now I’m just going to click here on this underlying shape which is this black shape here and that gives me this selection.
I’m going to add a new layer so I’m just going to make sure that my new layer goes in at the top and it’s not part of this clipping group. If it were I would have to right click it and choose Release Clipping Mask but it’s now not part of that group. You could see that the marching ants are in position so what we need to do now is to select the color to use. So again I’m going to use the eyedropper and I’m going to select a greeny color from the grass in the background here. So we’ll select that, Edit, Stroke. And you’ll need to experiment a bit with the stroke to see what works best with your image. But I found that a 20 pixel stroke on this particular image is pretty good so I’m just going to settle for a 20 pixel stroke. And I’m doing it over the center and I’ll click Ok. And there’s my stroke. To deselect the marching ants Ctrl or Command D. Now we’re in a position to brush on some leaves around the edge of this image. But to do so we’re going to need to create a brush first up. So let’s go and create a brush. If you’ve already created a brush or you have a brush that you want to use you can skip this step but I’m just going to show you quickly how I created my brush.
I’ll choose File, New and just click Ok. I just need any old document here. I’m going to select the custom shape tool here. It shares a toolbar position with the rectangle tool and these other tools. But it’s custom shape that I want. From the options here on the toolbar I want to select Pixels and I’m going to select black and white as my colors. In earlier versions of Photoshop you’ll still have these three options but they’re going to be side by side here. You just want to make sure that you select the fill pixels or the pixels option. Here I’m going to select a shape which is a leaf shape.
Now last time I selected this shape so let’s make a different shape this time. I’m going to select this one here and then I’m going to drag to draw it on the image. And I’m going to hold the Shift key down as I did so it’s constrained to a nice proportion. Now all I need do is to select Edit and then Define Brush Preset. And I’m going to call this leaf and click Ok. And that is now that shape is now saved as a brush so I can just discard this image. I don’t need it any longer. Now I can go and select my brush. So I’m going to target the brush tool and from the brush dropdown list here I’m going to select my brush. And my brush is always going to be the very, very last one in this brushes palette if I’ve just created it. So this is my brush.
I’m just going to click to select it and then just click outside here to hide that window. Now you can see that the brush is huge and way, way too big right now. So I’m just going to press the square bracket key, the opening square bracket key, to just size it down to size. Now if I start painting I’m first of all going to add a new layer and I’m going to just sample a color from this image. So let’s sample this orange color and let’s just see what happens if I start to paint. Well it’s not looking anything like what it is that we want it to look like. So I’m just going to Ctrl Z to get out of there and let’s go and set up our brush so it paints a little bit more intelligently. I’m going to click here to open the brush panel.
Now in the brush panel here the first thing I want to do is go to brush tip shape, tap on it and I’m going to increase the spacing because I want this brush to be spaced out quite a bit. I could change the size at this point if I wanted to but I’ve already measured this and it’s a pretty good size so I’m going to leave that. I’m going to enable Shape Dynamics and click on Shape Dynamics. Now I want the size to vary a little bit so I’m going to adjust the size jitter. That will make it size in different size brushes as I paint. And I’m also going to adjust the angle jitter. Now I can adjust it to quite a high value here because I don’t mind if these leaves point in completely the opposite direction. In fact that’s going to look pretty good for my leaves. And then I’m going to tap Scattering to enable that and to go to get the Scattering controls. I’ve got Scattering enabled here on both axes and I can just pull it out or push it in to see what I’ve got. I think I want a little bit better control than adjusting count because this is going to give me way too many leaves so I think I’d rather paint more and have less of a count. So I think that’s going to be pretty good.
The last thing I need to do is to enable Color Dynamics. What I want with Color Dynamics is I’d really like this brush to do all the work for me and I want it to paint in color. So I’ve got orange as my background color. Now I’m going to tap here and I’m going to select a color from the image to be the foreground color. So I’m thinking sort of a lighter yellow, maybe I’ll just pick it up from the palette here. So this is my foreground color. This is my background color and I have Apply per Tip enabled and foreground, background jitter at 100 percent. I’ve got hue jitter, saturation jitter and brightness jitter all at zero percent and purity at zero percent as well. What this brush is going to do is it’s going to toggle its colors between these two and so I won’t have to do any of the work myself. I’m going to close this dialog, make sure that I’m painting on a brand new layer, and I’m just going to start to paint. And you can see that the colors are toggling between the foreground and background color. And that just lets me paint my autumn leaves without having to do really much work at all.
Now I can paint as much or as little of these leaves as I want. I’m painting over the edge a little bit here because I’d like some leaves to be eventually underneath this stroke border so I’m just going to add plenty of leaves in there. And I’ll add a couple of stray leaves in the bottom here as well. I can add them by just single tapping or I can paint. When I’m happy with that the last thing I need to do is to get rid of the leaves that are actually over the image here. So I’m going back to my magic wand tool and I’m going back to my stroke layer here and with Contiguous enabled I’m just going to click inside this stroke layer. And what that does is it selects everything inside that layer. And now I can come onto my paint layer and I could do one of two things. I could just press Delete to delete the leaves that are inside this shape but perhaps if I wanted to add some more leaves later on it would be a better idea if I actually added a mask. And that’s very easy to do.
I’m just going to click here the Add Layer Mask icon. Now when I add my layer mask it’s working the wrong way around. You can see what it’s done is it’s clipped and hidden all the leaves around the outside and just left the ones in the middle. We want the exact opposite to be the case so I’ll click on my mask and press Ctrl and I and that just inverts the mask. So you can see now we’ve got the leaves on our image and they’re all around the edge of the image. It’s just that the stroke is underneath the leaves. There’s a very, very easy solution to that. I’m going to select the layer that contains the stroke and just move it up above the leaves and now the stroke is over the leaves. Before we leave this tutorial let’s have a look and see what would happen if we decided that instead of this green edge we would like a pink edge perhaps sampling the pink from this little girl’s headband. Well let’s go first of all and sample the pink. And this is the pink that I’m going to use so I have it selected as the foreground color. I want to make this stroke which is now green into pink.
Now if I press Alt Backspace I’m just going to make the whole layer pink and that’s not what I want to do. I just want to fill the pixels that are already filled on that layer. So I can click here to lock the transparent pixels on this layer, looking for this lock icon to appear. Now if I press Alt Backspace I’m just going to change the color of that stroke. And it’s picked up the foreground color in the image. And now I would just either drag this lock icon into the trash can here or I can just click this icon again. That would unlock it. So there you have an oval framed effect with some autumn leaves that you’ve created using a brush of your own in Photoshop.
I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more of my video tutorials on this YouTube channel and visit projectwoman.com for more tips, tricks and tutorials on Illustrator, Photoshop, Photoshop Elements, Lightroom and a whole lot more.
Create a cancelled postal stamp watermark to use in Photoshop and Lightroom. See how to use the path tools to create the watermark and then save it as a png image with a transparent background so it can be used over your images.
This is the video explanation of the blog post on the same topic which you can find here:
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’ll show you how to create a postage style copyright stamp that you can use on your images. In this tutorial I’m going to show you how you can create a copyright symbol like this which is a couple of concentric circles and some wavy lines and text. And it’s got an overall texture to it.
This is a tutorial that I created for digital-photography-school.com when one of my readers there was having a bit of difficulty following along. So that’s why I’ve created this as a video tutorial. And because of this I’m going to be doing it step-by-step as I did it for that particular tutorial on the Digital Photography School site. And you’ll see in the comments here just below the tutorial I’ve given you a link to that site if you want to follow along.
So the first thing that I did in that tutorial was to create a brand new image. So I’m going to do that now. I’m going to choose File and then New. And I’m going to do a letter size image, landscape. So it’s 11 inches wide by 8.5 inches tall, and it’s 300 pixels resolution, RGB color and the background contents are white. So I’m just going to click Ok. And here’s our starting image.
Now we’re going to add a new layer so I’m going to have my layers palette visible. So if you don’t have it visible choose Window and then Layers so that you can see it. And we’re going to add a new layer and we do that by clicking this little icon here. It’s the Add New Layer icon. It looks like I clicked it twice. So I only want one new layer here. And we’re going to draw our circles using the Ellipsis tool. And it’s here in the toolbar so let’s just have a look and see what we’re looking for.
We’re looking for this tool here. It’s the Ellipsis tool. And when you choose it you want to choose Paths from the tools option palette. Now the options are a little bit different in earlier versions of Photoshop. There are three icons here and you want to make sure that you click the icon that says Path when you mouse over it. They’re the exact same options. They just deliver differently. And this is Photoshop CS6’s version so I have Path selected.
I’m going to drag to draw an ellipsis, but you can see that this is going to be a sort of oval. I want it to be a circle so I’m going to hold Shift as I draw it. And if it’s not in the correct position before I let everything go I’m going to hold the Spacebar and move it into position, let go the Spacebar and just make sure that I have the outermost of my circles created. And when it’s dead right, I’ve still got the Shift key held, I’m going to let go of my Left Mouse button.
So now I have a circle the shape of this outer circle that we’re going to use. Now this is now going to be colored in and we want to stroke this circle. And we do this by going here to the Paths palette. Now the Paths palette you get to by choosing Window and then Paths. And the topmost path is going to be called your work path and that’s the one that you’re working with. This is this circle here. We want to stroke the circle with a brush so we’re going to go and select a brush to use.
So I’m going to click on my Brush tool and then I’m going to select the kind of brush that I want to use. And I’m going to use a hard sort of brush here. So I’m going to select that brush. It’s a hard brush. And let’s just check and see from the original tutorial just how big it needs to be. And apparently it needs to be 40 pixels. So let’s just take it up to around 40 pixels. That’s 39, but that’ll be fine.
I’m going to set black as my foreground color. So I’ve set my brush and my foreground color and what I want to do now is with this path selected I’m going to choose the option that says Stroke Path with Brush. So that’s this icon here. So I’ll click it to stroke the path with a brush. Now I’ve got a funny sort of stroke here and the reason is that my stroke is set to something I don’t want it to be set to. So let’s just wind that back with Edit, Undo.
Then I’m going to right click on this Path option here and choose Stroke Path. And I want to disable this option here, Simulate Pressure. I just want to stroke it with the brush so I’m going to click Ok. Now it’s working the way I want it to. So now I have my path stroked, well at least the outside stroked. Now I need to use the outside to make the inside because it’s going to be really easy to make a concentric circle. To do that I’m going to click on this tool here. It’s the Path Selection tool.
This is the one I want and it shares a position with the Direct Selection tool. But it’s the black one, the Path Selection tool that I want, and I’m going to click on my path so it is selected. Now I want to transform this. And the transformation handles have not appeared so I’m going to press Ctrl T to make them appear. I want to drag in on this handle. But I want to make sure that I don’t lose the circle and I want to make sure that I don’t lose the fact that it needs to be concentric. So I’m going to just hold down both Shift and Alt as I drag in on this handle. So let’s Shift Alt and drag inwards. And you can see that what I’m doing is making a concentric circle. It has the exact same middle as the original circle. I’m going to let go of my Left Mouse button and then let go of the shift and the Alt keys. Now my work path here is a much smaller path so I’m just going to click the checkmark here.
Now I’m going to do exactly the same thing. I’m going to select my brush and I’m going to stroke it, make sure black is my foreground color, and I’m going to stroke this path with the brush. And I get the exact same effect. Now what I need to do is to make a path for my type. And it needs to be a little bit bigger than this inside circle. So again, I’m going to click this Path Selection tool. I’m going to press Ctrl and T to show my handles, I’m going to hold down Alt and Shift, that’s Option and Shift on the Mac, and this time drag out just a little bit so that I get a path for my type, let go of the Left Mouse button, let go the rest of the keys and click the checkmark. Now I’m going to add my text. And to do that I’m going to select my Text tool and then select my type. And I want to use Myriad Pro.
So I’m going to go down here until I find Myriad Pro. And I think the type that I suggested in the article that we used was about 24 points so I’m going to click that. I have black as my type color. So everything looks pretty good. I’m going to hold my mouse over the line, over this path that is still selected, and when I do you’ll notice that the I-beam pointer changes from this I-beam to an I-beam with a short of squiggly line. That means I’m typing on the path. So I’m going to click to do that.
Now the first thing I need to do is to add my copyright symbol. So I’m going to hold down the Alt or Option key and type out 0169 on the keyboard because that gives me copyright, and now 2013, and I’m going to type my copyright details. And I think I’ll do this all in capitals. And I’m using Helen Bradley, projectwomam.com. And I think actually I just want to put a www in there so I’ll just arrow back and make that change.
Now so far my type hasn’t quite stretched all the way around my words. So the next thing we need to do is to stretch it just a little bit more. And I’m going to do that using the Character Spacing tool. So first of all, I’m going to make sure that all my text is selected and then I’m going to choose this dialogue here which will get me to the Character Spacing dialogue. Now this is two dialogues.
There’s a paragraph and a character, and we want the character. And what we want is this tool here, this VA tool. And it’s a scrubby slider so all I need to do is to adjust it a little bit. And can you see that the text is getting bigger every time I drag on it? And I think I’m going to wind that back just a little bit because I could probably add a trailing dash to this. And that’s now all the way around that shape. And let’s just up that to bold because I don’t think it’s really quite dark enough for me. And if I’m using bold I’ll going to have to wind back up on my character spacing a little bit. And so now I’ve created my text on a circle.
Now the only thing that I’m a little bit concerned about is I think that this circle could be a little bit smaller. So I’m going to reselect my text layer here, and again with Alt and Shift selected, I’m going to drag inwards just a little bit to resize that circle path that the text is on because I just think it was a little bit on the big side. So I’m a little bit happier with my text now.
So we’re ready now to go ahead and to create the wavy lines. And we’re going to do that by clicking on the Custom Shape tool here that shares that toolbar position with the Ellipse tool that we used earlier. But this time we want Custom Shape. And from the Shape dropdown list here what we’re looking for is this wiggly line wave shape. Now this is shipped with Photoshop so you will have the wave shape. If you don’t have it in your collection you can click this little fly out arrow and choose All to add all the shapes or append all the shapes to your shapes collection. But this is the one we’re using.
I’m going to drag the shape onto my image and then use the Path Selection tool to just move it into position. Now at the moment it’s a series of closed paths and I want to open these paths. And I’m going to do that by clicking here on the Add Anchor Point tool. Unfortunately you can’t just delete points in Photoshop to open up these curves.
We first of all have to add a point in here that we can then go and delete to open it up. It doesn’t work otherwise. It’s a bit of a nuisance. But this is how we’re going to do it. So I’m going to click once with this Add Anchor Point tool on the ends up all of the shapes. And now I’m going back to the Direct selection tool. And I’m going to make sure that I’m selected on this point that I just added, so it’s black and everything else around it is not, and I’m going to press the Delete key. And that will just break that path in two. And I’m going to repeat that for each of these points.
So select it and press Delete, select it, press Delete, select it, and press Delete. Now if Photoshop is running out of memory if you’ve been using it quite a bit, you might find as I just did earlier that that was not working. Every time I pressed Delete the entire path was going. So I just closed down Photoshop and reopened it and went back to where I was working and it’s working perfectly. So now I have my lines. And you’re probably beginning to see a pattern here because this is just another path. And we can stroke it because we have our tool that we can stroke it with.
So I’m just going to go back and make sure my brush is selected. The same brush is selected, black paint, click on the work path so that I have it selected and now I’m going to stroke it. And that is giving us our lines. And so if you wanted to leave it at this point you could because everything is in place. But I’m going to go ahead and add a Grunge effect to it.
Now we’re ready to create our Grunge effect. And to create that, first of all what we need to do is to flatten the image. But in flattening it I need to remove the white layer from the flattened version. That is because later on when I will put this copyright image over my photograph I want the background to be transparent. So I want to keep this white layer out of the action right now. So I have two visible layers. I’m going to click on the topmost layer and press Ctrl Alt Shift and E to create a new flattened version of this layer. So this is the version that I’m going to use. And now I’m going to bring in a texture layer.
So I have a texture image open here, and I think it’s a really nice texture to use. So I’ve got the texture open. And to add the texture to this particular layer I’m going to select the layer and click the Add Layer Mask icon because that adds a layer mask to the image. And now this texture has to be made the exact same size as this image so I’m going to choose Image and then Image Size. And I want to resize it to the exact same size as this one.
So I can do that by just clicking Window and just pointing to the image whose size I want to borrow. And that’s apparently the size of this image here so I’m just going to click Ok. And because it’s a texture image it doesn’t matter that I’m skewing it a bit out of proportion because nobody really knows what a scratch is supposed to look like. Having done this, and it’s critical that you resize the texture to the exact same size as this image or you can’t use this next technique, which is to apply the texture as a mask.
So I’m going to click on the mask, and I’m going to choose Image, Apply Image. And if you don’t have the texture file the exact same size it will not appear here. So it does obviously appear here so that’s exactly what I want. I want to apply the texture to the image. And at the moment it’s set to Multiply blend mode. But I can test other blend modes and I can even test inverting the layer. So I’m just going to look for the best effect that I can get here.
In fact in the tutorial I suggested that we use Hard Light. So that looks like the one that we’re going to use, Hard Light. So I’m just going to click it and click Ok. And that gives us the sort of texturize look to our shape. And again, I was going to create this as a new layer so I’ll click on this layer and again press Ctrl Alt Shift and E to gives me a newly stamped layer. Well it’s not appearing to work right now. So let’s just add a new layer and press Ctrl Alt Shift E because that will work. And then we’re going to save this as a PNG image. But before I do it I think it’s going to be cropped because I think it’s a bit too big at this stage.
So I’m just going to crop down to get rid of the bits of the image that I don’t want and click the checkmark. And now I’m going to save this but making sure that I have this background turned off because I want it to be a transparent image. So I’m going to save it as a PNG image. So I’ll choose File, Save as, and I’m going to call this HB copyright, black, and PNG. And I’m going to make sure that I select PNG from this list here. And here’s PNG. So I’m going to select it and just click Save and click Ok. And that’s now saved as a PNG image.
Having done that I then want to make it white. So I’m going to choose Image and then Adjustments and then I’m going to invert it so what was black becomes white. And now if I just test this with a black filled layer behind it, you’ll see that it’s now a white image. So we could use that to go over the top of for example a very dark image.
So having created that I’m going to turn off my background because I want this to be a transparent image, and I’m going to resave it this time as a PNG. But this time I’m going to call it white. So again, this is going to be HB copyright, and it’s going to be white, PNG. I’m going to save it as a PNG image, and Ok. And so this is now the copyright image that I can use on my images in future.
I’m Helen Bradley. Thank you for joining me for this video tutorial. And look out for more of my tutorials both on digitalphotographyschool.com and also on my own website at projectwoman.com.
Learn to create a vector sunburst in Illustrator – This works with all versions of Illustrator including the new CS6. The process is simple and uses a stroke to make the sunburst – it is quick and doesn’t require a lot of fiddling to create.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create a sunburst vector shape in Illustrator.
Before we get started creating our sunburst effect let’s have a look and see what it is that we’re aiming for. Here I have a sunburst and it’s just offset in this rectangle, but you could have a circular one if you like.
We’re going to start with circular and then we’re going to crop it to a rectangle. So if you’re ready let’s have a look and see how we create this effect in Illustrator. And we’re going to start by creating a brand new document so I’ll just choose File, New. It doesn’t matter too much what my document looks like.
I’m going to start with the Ellipse tool. So, I’m going to select the Ellipse tool and drag a shape on my image. And I need this to be a perfect circle so I’m going to hold the Shift key as I draw it and then just let go. I want this to be black stroke and no fill so I’m just going to click on the fill here and turn the fill off.
Now let’s go to the Appearance panel for this selected path and I’m going to click the Stroke option. And I’m going to set the stroke to about 200 points. And when I do you’ll see that we get this sort of circle all the way around our shape which is pretty near exactly what we want when we click the Dash Line option. Now with the Dash Line option I can set the dashes to whatever I want and this is going to affect how many of these sunbeam things there are around the shape.
So let’s just go to 20 and try that. This is what I’m a little concerned about. You can see that there’s an uneven spacing here, but you’ll see that you can adjust that by clicking this option here. So just work out how many points you need to get the number of sunrays that you want for your particular shape. I’m going to do a few more in this one rather than less so I’m going to 10 points. And when I’ve got what I want I’m just going to click away from this. And this is the basic shape. Now before we can do anything with this shape we’re going to first have to expand its appearance.
So with the shape selected I’m going to choose Object and then Expand Appearance and then Object, Expand because I want this dialogue here. And I’m going to expand both fill and stroke So I’ll select both of those and click Ok. And now each of these sunbursts is a separate shape and I need now to close up the middle. And I can do that by grabbing the Lasso tool. It’s the easiest tool to use. And all I’m going to do is just drag around because I want to select all the nodes and pointers’ handles in the middle.
Now I’m going to choose Object and then Path, and I’m going to choose Average. And with Average I’m going to select both Horizontal and Vertical and click Ok. And what that does is it just closes up the middle nicely for me. So I’m going to click outside my shape and here is my sunburst shape. So with it selected I can then go to what is now my fill color and I can choose a different fill color for it. And we could fill it with a gradient.
We could do anything we liked at this point. So let’s see now how we’re going to crop it. So I’m going to select the Rectangle tool. I’m going to start by drawing a rectangle and I’m just going to hold the spacebar as I bring it in position over the top of my sunburst because I want to work out exactly where the sunburst is going and where the rectangle is going relative to it. So I think that’s a pretty good position for me. So I’m going to let go of the spacebar and let go of the left mouse button and now select all my objects. I’m selecting other everything, and in the Pathfinder I’m going to select Crop. And that crops the shape to the size of that rectangle. And we lost our fill here so let’s just click on the fill and put the fill back on.
So here is a shape that we could save to our Symbol library. And those sunbursts are very, very easy to create in Illustrator as vector shapes. And of course if you add it to your Symbol library then you’ll have it available anytime you want to use it. And it’s very easy to create ones with different numbers of rays in them.
I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more of my videos on this YouTube channel and please like and comment on the videos. Look out too for my website at projectwoman.com. There you’ll find more tutorials and tips and tricks for Illustrator, Photoshop, Photoshop Elements, Lightroom, GIMP and a whole lot more.