Thursday, September 27th, 2012

Photoshop make stripes quickly and easily

Learn how to make colored stripes in Photoshop. This uses a mosaic filter to turn a regular image into blocks of color from which stripes are extracted. Once you’ve done that you can then create a madras check from this stripe image and I’ll show you how to do that too.

Check out all our tutorials on our YouTube channel.

Complete transcript of this video:

I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create quick and easy stripes in Photoshop. And this is going to work in practically any version of Photoshop. Before we start and I show you exactly how to create this effect let’s have a look and see the kind of effect that we are creating. What I have here is a series of stripes in Photoshop. It’s a document that is full of stripes. And you can see here that I’ve also been able to create this as a sort of plaid look. So we’re going to look at both options here, and we’re going to create this set of stripes from a photograph really, really easily. So let’s just get rid of that document. And let’s go to our starter document. Now you can start with any document at all. I like to choose something that’s in the sort of range of colors that I want to see in my stripes. This is what I got my stripes from. So if you want pink and blue stripes then find an image that has say pink and blue flowers in it, or you could adjust it with a Hue/ Saturation adjustment later on. But we’re going to start with a filter. I’m going to choose Filter and then Pixelate and then Mosaic. And what the Mosaic Filter does is it turns this image into a sort of mosaic look. And what I want is nice big cells because that’s going to give me the stripes that I’m going to use in a minute, and the bigger the cells the less stripes I’m going to have. So I’m going to just choose quite a big value for us for now and just click Ok. And so there are the beginnings of my stripes. And now we’re going to use a tool, probably a tool that you’ve never used before and wondered what it’s purpose was, but this is this tool here. It’s the Single Row Marque Tool. And we’re going to click at the edge of a row because we want to take just one row of this image. And these are going to be the colors that we’re going to use. So I’m looking for something here with some blues and pinks and yellows in it. So let’s just select this one here. So I’ve selected a single row. And I’m going to choose Edit Copy because that’s copied that row. And now let’s create a new document. And I’m going to make it nice and big so let’s say three-and-a-half thousand pixels by three-and-a-half thousand pixels. And it can have white as its background. That’s Ok. I’ll click Ok. I’m going to add a new layer. And I’m going to paste my copied shape into it, Edit Paste. And it’s coming in here in the middle. It’s just such a small line, it’s almost impossible to see. But I’m going to target the Move Tool just by pressing the letter V. And now I’m going to drag it to fill the image because these are my stripes. And when I click the checkmark I now have my stripes. Now I’ve lost a bit of the yellow off the edge. So maybe I can just bring it in here. And I’ve got some slightly thinner stripes. And if I don’t like this color here I could just drag that off the edge and not even use it. So now I’m going to crop my image because I want to crop it to delete the cropped pixels. So I’ll just press Enter to crop it to size. And there is our stripe. So we could create this as a pattern if we wanted to use it over and over again, or if we just want to use it for now then we have it in place. So let’s see how we would make that into a plaid. I’m just going to duplicate this layer because I want to keep my stripes just in case I want to use them again later on. And what I’m going to do is reduce the opacity of this layer to about 60 percent, and then I’m going to duplicate it again. So I’ve got two layers each of about 60 percent opacity. And all I’m going to do is target this top layer, let’s grab the Move Tool, and I’m going to rotate it around 180 degrees. So I’m just going to hold the Shift key as I do that so it’s rotated to exactly the right number of degrees and just click the checkmark here. So now I have this sort of plaid madras sort of stripe pattern. I could change the blend mode if I wanted to by targeting the top layer and change the blend mode to something like Overlay. And that will give me a contrastier look. I could also try Difference or Exclusion. And that’s making a sort of otherwise brown and green pattern turn into a blue sort of pattern. So we have all sorts of options here. Here’s our original stripes garnered from our original photograph. And then what I’ve done is created two copies of it at an angle to each other and 60 percent opacity with a blend mode to create something that’s more like a madras stripe pattern. And this could be copied as a pattern or saved as a pattern by choosing Edit Define Pattern. We could use that as a pattern at any time. Before I create it as a pattern I’m just going to make sure that I’ve got rid of those pixels at the edge. I want it to be exactly square, and that’s not exactly square. But you can see the possibilities of working with stripes and patterns in Photoshop. I’m Helen Bradley. Thank you for joining me for this video tutorial. You can find more of my Illustrator, Photoshop and Lightroom videos on this YouTube channel. And visit projectwoman.com for more blog posts and Photoshop tutorials.

Helen Bradley

Labels: , , , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:00 amNo Comments links to this post

Monday, September 24th, 2012

Photoshop CS6 Shapes, Paths, Vectors and Selections

Photoshop CS6 has new tools for working with Paths and Shapes. Learn how to use these and how to turn shapes into paths and how to fill and stroke paths and shapes.

Check out all our tutorials on our YouTube channel.

Complete transcript of this video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re going to look at the new vector tools in Photoshop CS6. And we’re going to answer questions like what’s a path, how do I find it, how do I turn a path into a selection, how do I make a path from a selection, and how I can work with the new vector tools.

Photoshop CS6 has some new vector tools and we’re going to have a look at those in this video. And we’re going to work out how you can use those tools to do exactly what you want to do.

Now the Custom Shape tool is in the position it always used to be and it’s sharing a toolbar position with things like the Rectangle, Rounded Rectangle, Ellipse, Polygon and Line tool. And all of these are Path tools. But we’re going to select the Custom Shape because it’s a little bit of an interesting tool.

And here are my Custom Shapes so I can select any of these custom shapes to draw on my space. Now I’m going to choose a filled shape such as this one here and just click it so it is selected. Now I can draw it on my workspace, but the way I draw it depends on what I have chosen here.

And I can choose a shape, a path or pixels, and we’re going to look at the shape and path options. So let’s start with shape. And let’s select some colors for this shape because when you’re working with shapes color is important. Now I have a shape selected I’m just going to drag this flower shape into my workspace.

If I hold the Shift key it’s going to be constrained to the shape of a flower that was originally drawn. If I don’t hold the Shift key you can see that I can make it wide or tall. And if I draw it with the Alt key pressed it’s going to be drawn around my initial starting point. Let’s just let go of that for now and let’s click and drag here to start drawing my flower.

Now if I want it placed around the initial starting point I’m going to press the Alt key and you can see that it jumps back into position. If I add the Shift key I can get it constrained to the right shape. And only when I let go the left mouse button does anything happen.

So what’s happening is I’m getting a filled flower. And we can see up here that the fill is the current foreground color, but it can be changed. While this shape is selected we can select a different fill for it. You can see that blue is now its fill but that’s not the foreground color for our workspace. And you can see that it has no stroke but we can add a stroke if we want to.

So let’s add a pink stroke to this shape. At the moment the Stroke is 3 points but we can increase that so we can make it thicker or thinner. And we can also change the nature of the stroke. For example we could have a dashed stroke or a dotted stroke. And there are other options that we’ll look at in future videos. But this shape is a path, so we can actually make changes to it.

I’m going to grab here the Direct Selection Tool because that allows me to select points on this path. And you can see by dragging over these points I can select anyone of these points. I’m just going to turn the stroke off for the moment because I think it might be easier to see the points without the stroke in the way.

When one of these points is filled and the others are empty this is the one that we’re going to affect. So let’s just drag out on that. And you can see that my shape has now changed shape because I have altered that point. So it is a path that is able to be adjusted. But still we can change the fill. And when we change the fill the fill of the entire shape is affected.

When we add a stroke back onto this the stroke of the entire shape is being affected by our choices. Now there are some other things that we can do with shapes. I’m just going to add a new layer to this image, just put it at the top, and I’m going to fill it with the red.

Now let’s consider the situation where we may want to for example cut out a shape from inside this red selection. So let’s go back and grab our custom shape tool. And we have our same flower shape selected. And I’m going to draw the shape onto my area. And because I was working with a red fill it has a red fill. But let’s just color it green so that we can see it clearly.

Now let’s consider the situation where really what we wanted to do was to create a path from this. Well, we don’t have to undo it and start all over again, particularly if this is a complex shape because what we can do is go to the paths palette. And here is our shape path, and we can do with that anything that we could do with a path originally in Photoshop.

One of the things that we can do is click on it and load that path as a selection. Now if that path is a selection then we can do things with it. For example we could come down to this red filled layer and we could poke a hole in this layer by just pressing Delete. And that will delete the contents of the layer where this selection is made.

One of the other things that we can do, I’m just going to Ctrl Z to undo that, one of the other things that we can do with selections is we can stroke them. So we could choose Edit Stroke and we could stroke this selection with a different color. So let’s stroke it around its inside.

Let’s press Ctrl D to undo the selection, and you can see that now we have a stroked flower because we’ve been able to stroke that selection. I’m just going to undo this again. And let’s go back to our shape up here. I want to just make sure that we just have a red filled layer here and we have our shape up here.

And here it is as a shape. And it can be moved around because it is a shape. So we can move it around the workspace. Let’s go back to the Path’s tool and there’s something else that we can do with shapes. What we can do in addition to loading the path as a selection is that we can stroke it with a brush. But to do this we’re going to have to make a work path out of the shape.

So what I’m going to do is with the shape selected I’m going to choose Edit Copy so I’ve copied the shape onto the clipboard. And now I’m just going back to this layer here and I’m going to do Edit Paste. And look what happens in my Paths palette. This time I have a Work Path. And a work path not only can be turned into a selection and not only can be filled with a foreground color, but I can also stroke it with a brush.

Let’s go and get my Brush and let’s go and get a brush to use. Now I’ve got lots of brushes here, but let’s create something like this particular little leaf brush. And I’ve got it at a fairly small size. I’m hoping that this is going to work just fine here for this particular image.

We’ve got a foreground color so I’m going to click Stroke Path With Brush. And what that does is it applies that brush to the current path. But we need to of course make that into a work path before that’s going to work. Now let’s have a look at how we can turn a selection into a path. Let’s just go and get another filled layer. I’m just going to get rid of everything that I have here right now.

Let’s fill this with white, and then we’ll just get rid of the Work Path as well. So I’m going to press Alt Backspace on the PC, Option Delete on the Mac, and I’m going to make up a selection here. So I’m going to make a rectangle, and then I’m going to go and grab the elliptical marque, and with Shift held down I’m going to add to that. So this is now my selection.

Now let’s say I want to make this into a shape that I can use over and over again. Well with the Paths palette open I can create a work path from this selection. So I’m just going to click to Make Work Path From Selection. And now this is a path. Now because it’s a path we can do all sorts of things with it.

For example we can click on it to select it and we can change its points. And we can also do things like turn it back into a selection, stroke it with a brush and fill it, and we can make it a shape. Let’s choose Edit and then Define Custom Shape. And this now becomes a custom shape in my shapes collection. I’m going to call that a Tab shape and just click Ok. Let’s get rid of our Work Path.

And now let’s go back into our shapes collection. So I’m going to click on Custom Shapes. And this time I’m going to make it a shape and I’m going to give it a fill and I’m going to give it a stroke. And let’s go into our shapes collection and let’s go and grab our new custom shape.

And now when I drag it onto the workspace it’s going to behave like any of the custom shapes inside Photoshop. It has this stroke and we can adjust the stroke size. We can adjust the type of stroke that it has. We could fill it with everything that we can fill a regular shape with.

So there’s the basic introduction to some of the new shape and path features of Photoshop CS6. My name is Helen Bradley. Thank you for joining me for this video. You’ll find more of my video training sessions on my YouTube channel.

 

 

Helen Bradley

Labels: , , , , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:00 am2 Comments links to this post

Thursday, September 13th, 2012

Photoshop make brushes from photos

Learn how to make your own brushes from your photos in Photoshop and a trick to make sure brushes paint correctly with light paint on a dark background and vice versa!

Check out all our tutorials on our YouTube channel.

Complete transcript of video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create your own photo brushes in Photoshop, and this works in practically any version of the Photoshop. For the brush that we’re going to create today I’m going to use a photograph. And I shot this in Singapore and we’re going to use this god shape as our brush. So the first thing I need to do is to make my selection. And I’m going to use the Quick Selection Tool because that’s going to work reasonably well here. And what I want to select at this stage is either the statue itself or anything that’s not the statue. And it’s actually going to be easier for me to select the not a statute pieces. So I’m going to start with those. And then I’m going to fine-tune it a little bit because I can see that there are areas here where I have captured part of the statute and not the other bits. So I’m going to add back in the statute bits that I’m missing here by just selecting over these at a bigger zoom. And anything that’s been selected that shouldn’t be selected I can remove. So I’m going to work around this shape and just make sure that everything that should be selected is selected. You can see that there are some missing bits here as well. With the Quick Select Tool I can switch between selecting and not selecting by holding down the Alt key so that effectively reverses the tool that lets me work very quickly through this shape to make sure that I’ve got everything I want and nothing that I don’t want. I’ve got some small problems here. But really the Quick Select Tool does a really good job of making your selection for you. I think I’m just going to remove this bit here. Again, it’s taken too much so we’re just going to go back and just fine-tune around the edges to make sure that we’ve got the bits that we want. So let’s call that done. And let’s just zoom out again. So now I have selected the bits that I don’t want, and I don’t have selected the bits that I do want. So I’m going to choose Select and then Inverse and that’s going to give me my shape. So this is the area that I want to convert into a brush. Now a brush is a grayscale shape, but that’s okay because Photoshop is going to take care of that for us. So to convert this into a brush all I need to do right now is to choose Edit and then Define Brush Preset. And here you can see that the brush preset is created for us. Now I’m a little bit worried because it doesn’t look like there’s quite enough contrast in that. So I might just cancel out for a minute. We might build a little bit more contrast into our brush. Perhaps Levels will help us. And yes it certainly will. Let’s just lighten this. And I’m not worried about the background because I don’t intend using that for the brush. What I am interested in is a little bit more contrast in the shape itself. I don’t mind that I’ve got some black blacks but I do definitely want some contrast and a bit more lightness in this brush. So let’s click Ok and now lets recreate out brush, Edit Define Brush Preset. You can see it looks a bit better now. So I’m going to call this Hindu 1. Now the reason why I’m going to call it Hindu 1 is because I’m going to need Hindu 2 in just a minute. Let’s put that to one side and let’s create a new document. This is 3,000 x 3,000 pixels in size, and I’m just going to flood it with black. Now let’s go and get white paint and go and get our brush. So I’m going to click the brush preset here and go down to the very last brush because that’s my brush, and I’m going to just size it up nice and big and just paint with it. And you can see that the problem is that I’ve got a negative brush. Now that wouldn’t be an issue if we were painting on a white background. So let’s just create a white background. And now let’s go and switch colors, and this time I’m painting with a black brush. And you can see that that’s just fine for a white background but as soon as I try to paint light on dark I have some issues. That’s why I left this image open still because if I invert this I can now create a second brush. So let’s just go back to something that’s not a brush here, and what I’m going to do is invert the image. So I’m going to choose Image Adjustments Invert. And that turns it into a negative of itself. And now if I create a brush from it, I’m going to call this Hindu 2, and click Ok, we’re going to get a very different brush. Let’s go back now, add a new layer, fill it with black, again because black is the foreground color, just Alt Backspace on the PC, Option Delete on the Mac, switch to white as my foreground color, pick up my brush, go and get my new second version brush to size it up nice and big for my image here, and click once. And you can see now I’m getting a positive brush so I have a positive and a negative version of this image that I can use as a brush from now on in Photoshop. There is one thing to be aware of with brushes and that is that you’re going to lose this brush if you reset your Photoshop preferences. So for any brushes once you’ve created them from time to time you should come in here and choose Edit and then Presets and Preset Manager. What you want to do is go to brushes. Although there are presets for everything that you can create in Photoshop go to your Brush. And I’ve got two of them here, actually I’ve got a third one that I created earlier today. So I’m just going to select all three of these brushes and I’m going to save these. And I’m going to call them Helen set. They’re save as ABR files, and I’ll click Save. Now not only are they saved to disk but they’re also now in a format that I could share with others. So there you have photographic brushes in Photoshop. Don’t forget to make a positive and a negative one so that you can paint with any color on any color background in future. I’m Helen Bradley. Thank you for joining me for this Photoshop video. Look out for more of my video training on this YouTube channel.

Helen Bradley

Labels: , , , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:00 amNo Comments links to this post

Wednesday, August 22nd, 2012

Illustrator-half drop repeat pattern part2

Learn how to make a half drop repeat pattern in Illustrator. In this video I show you  how to use the  Object Transform Move tool to create the pattern.

See all of our video tutorials on our YouTube channel.

Here’s the text from the video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. Today I’m going to show you how to create a half drop repeat pattern in Illustrator. Before we start creating half drop repeating pattern it’s worthwhile having a look at exactly what a half-drop repeat is. On the left here I have a very simple pattern. It’s just a series of stars side by side. And it’s created by just creating a pattern swatch from a single star in the middle of a document. It’s a plain sort of pattern that works well for some uses but it’s not as sophisticated as this one over here. You can see here that the stars take up each other’s space. So if we were to draw a line through the edge of each of the stars you’ll see that we run through the stars themselves. I’m just going to get the line tool. I’m going to concentrate on this star here. And if I draw a line along where that star is you can see that other stars come into its space. And across here horizontally as well other stars work into the space that’s consumed by this star. There’s not a whole box of white around it. These stars are offset from each other. This is a half drop repeat and it’s a sophisticated style of pattern. And we’re going to look at how to create this now. I like to start with a new file that is a known size. So I’m just going to make mine 100 x 100 points. Just a regular square file is fine but you will need to know exactly how big it is because you’re going to need to work out what half of that is soon. So I’ll just click Ok. I’m just going to zoom out a little bit here and move my image into position where I can see it and the tools around it. We’re going to draw a heart with the pen tool just a filled pink heart. It’s not going to have a border on it and it’s going to be a bright pink so that we can see it. So with the pen tool selected I’m going to click and drag, click and drag, create my point down the bottom, click and drag up here and then click to finish. And this is my heart shape. Now I can neaten it up if I like. I’m just going to make this a little bit smaller so that we can create the repeating pattern from it. So I’m pretty happy with that heart shape. I’m just going to move it roughly into the middle of this square. And now we’re going to break it up into the corners. And we do that using the Object Transform Move feature. What we’re going to do here is we’re going to start with minus a half of the dimensions of the original image. Now the original image was 100 points x 100 points. So we’re going to make this 50 x 50, and we’re going in a negative direction. What we’re going to do is effectively put this heart up here, but we want to make a copy of it, not move it. So I’m going to click Copy. I’m going back to select my heart. I’m going to do that again, Object Transform Move. This time I’m going to put it down here. So I’m going to go minus 50 in a horizontal direction but plus 50 in a vertical direction. I’m just going to remove that minus. Let’s click Preview. You can see it’s going to go in exactly the right position, and I’ll click Copy. Do that again, Object Transform Move. This time we’re headed over here which is plus in a horizontal direction and plus in a vertical direction. Everything is measured from this top corner. So when we’re thinking of our heart moving down here we’re headed in a horizontal plus direction, vertical plus direction. I’ll preview it just to make sure it’s going in exactly the right spot and click Copy. We’ve one last transformation, Object Transform Move and we’re going to send it up in this top corner which is positive in a horizontal direction but it’s going negative in a vertical directions. So I’m just going to type a negative sign in here, preview it, make sure it looks all right, which it does, and click Copy. So this is our repeating pattern. And it’s a really nice tight repeat. This is going to look really good. So the next step is to grab the rectangle tool and just click here on the Art Board. And I want a rectangle the exact same size as my art board. So I’m typing in 100 x 100 and then I’m going to tap V for move and move it so it’s over the top of the art board. If I want to check I can read off my transform settings here. And what I’m looking for is that the X and Y values are one-half of the art board size and one-half of the rectangle size. So everything is in position, now I’m just going to take the fill off this rectangle or square shape. So it now has no fill and no stroke. It’s still selected which is what it should be, so I’m going to click Object Arrange Send to Back. So this shape needs to be at the very back. If we go into our layers we’ll see that it is just there. You can see its path is at the very back of everything. And it needs to be there. Now I’m going to press Ctrl or Command A, and that selects everything. I could also choose Select All but the key stroke is a little bit easier. I’m going to click on this. Let’s just go and Ctrl or Command A again just to make sure that I didn’t do the wrong thing there. And I’m going to drag and drop it into the swatches panel. And what I have now is a sophisticated half drop repeating pattern. To use it I’m going to need to save this swatch because otherwise I’m going to lose it. So I’m going to click the fly out menu for the Swatches pallet, choose Save Swatch Library as AI so it’s saved as an AI file, and I’m going to call this heart. We better call it heart three because it looks like there’s some other hearts before, and click Save. Now we can get rid of this particular pattern if we want to. I’m going to create a new art board, a new file, File New, and I’m just going to create a regular letter size landscape document. Let’s just get this in position so we can see it. I’m going to put a rectangle over the top of this document. And the rectangle can be filled with things such as orange color. It can also be filled with our pattern. But you can see that the pattern is not in the swatch. So we have to go and get the pattern before we can use it. Luckily it’s saved to disk as a file. Click the fly out menu, open swatch library, user-defined and then we’ll go and get heart three which is up here. And here is our heart swatch. You can see it here. And now if I click on this my shape my rectangle is now filled with my repeating pattern. This is a tighter repeat than we had in the other image but it’s a half drop repeating pattern. Now if we look at this and say well whatever we wanted to use this for whether it be fabric design or the background of some sort of project if we thought that we didn’t have enough hearts, we want the heart smaller we can do so, Object Transform Scale. And what we’re going to do here is scale the pattern but not the rectangle. We want the rectangle the same size as the art board. So we’re not going to transform objects but we are going to Transform Patterns. And I’m going to take this down to 50 percent, and let’s preview that. So that would give us more hearts, and if we went down even smaller we’d get more hearts. If we thought that our hearts weren’t big enough then we could go up to say 150 percent and then they would be bigger. And we could go up from here. So if you want more or less hearts inside your rectangle you’ll come into Object Transform Scale, you’ll turn off Transform Objects because you don’t want to make the rectangle any difference in size but you do want to transform the pattern inside the rectangle. So there you have creating a half-drop repeating pattern in Illustrator. Now this is going to work in a lot of versions of Illustrator. These tools have been around for a long time. There is a new feature in Illustrator CS6 which is what I’m using here. It makes it even easier to create repeating patterns And I’ll have a look at that in another video.

Helen Bradley

Labels: , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:12 am1 Comment links to this post

Saturday, August 18th, 2012

Illustrator-Pen draw a folkart heart part1

Learn the Illustrator Pen Tool to draw a folk art shaped heart. You’ll learn how to draw with the Pen tool, how to know which way to drag to make a shape and how to adjust the path when done. Also shows using the Twirl, Scallop and Crystallize tools.

Come and see all our viseo tutorials on YouTube.

The text for the video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can use the Illustrator pen tool to draw a folk art heart. I’m going to focus on how to use the pen tool for people who haven’t used the pen tool very much before. And in the process we’re going to create an interesting heart shape that could be used for a lot of things including adapted for use in one of my other tutorials which shows you how to create a half drop repeating pattern. But let’s get started on the folk art heart. I’m going to show you how to use the pen tool here to make a folk art heart. So we’re going to click the pen tool to begin with and we’re going to draw the heart shape. I’m going to start with some color though because it would be really nice to see this heart as we make it. So I’m going to give it a dark pink fill and I’m going to make a darker pink for its stroke. Let’s take this pink and let’s just adjust it a little bit. I’ll double click on it and let’s make it a bit darker. And we’ll give it a bit of a weighted stroke as well, let’s say 5 points. I think this document is a letter size sheet of paper so this should be a pretty good start. So with the pen tool selected I’m going to click and drag. So my first point is going to be at the sort of bendy bit of the heart, so I’m going to click and drag. And I’m dragging up here in the direction that I want to go in, and then I’m going to let go. Now my paper on art board has taken off so I’m just holding the spacebar down to move it back into position. I haven’t lost my pen tool or my shape. I’m all ready to go and do the next bit. Now having gone up here the next point I want is about here. So look at my heart shape. I’m going down towards here. So I’m going to click here and drag in the direction I want to go in, and I’m going all the way down to the bottom pointy bit off my heart. I still haven’t let go of the mouse button. I’m not overly worried about the shape. I’d like it to sort of look heart shape, but I can fine-tune it later on. Now I’m letting go the mouse button. The next bit I need to focus on is where I want the pointy bit. And the pointy bit because it is going to be pointy, I want it to come down, point and up again, I’m just going to click. So I’m thinking about here is a good spot so one click is all I need. And now I have half my heart shape. Now I could do all sorts of things like flip this over and join it back together again, but this is a folk art heart so it’s supposed to be uneven. So the next point is going to be up here somewhere and I’m going to be drawing in this direction. So I’m going to click here and drag in the direction that I want this line to go, click, drag. You can see if I went the other way my line wouldn’t go the way I want it to, so I have to click and drag up towards the top right hand corner of this art board. And I’m just going to shape it as I go. And I think that’s a nice sort of shape. I’m going to now let go the left mouse button. And here’s the next piece of our heart shape. The last piece is the final piece, and I’m just going to click here to finish off. And there’s the end of my heart. This is a closed shape, so if I click the move tool or press V to move I can now move my heart around. And I can also adjust it with this tool, the Direct Selection or A tool. And what I do with that tool is just drag over a point on the heart that I want to adjust, and then I can pull it into a different position and I can reshape the curve. And if I want these handles to work independently of each other they will. All I need to do is hold my mouse pointer over the handle and hold the Alt or Option key so it gets that little plus symbol beside it. That means that these handles will now operate independently of each other. And sometimes that allows you to create something that you wouldn’t otherwise be able to create. Now I want as I said a sort of folk art style heart so I want a beefy side and a less beefy side. Now I’ve got the Direct Selection Tool selected but you can see that when I’m dragging on it I’m actually dragging on the path. That’s because I don’t have just this point selected. To do that I just drag over this point, and when these are hollow boxes and this is a filled one it tells me that I’m working on this point alone. And I’m going to call this good. This is now my folk art heart shade. Now because it’s a shape in Illustrator we can do some other things to it. So let’s look quickly at how we might decorate this heart using some of Illustrator’s tools. There are some fun tools in Illustrator that you can use to work on this heart a little bit to give it a more sculptured look. For example there’s the Twirl tool. Now I’m going to select the Twirl tool. My brush is pretty big. So I’m going to Alt or Option drag on it, and I’m dragging down towards the bottom left corner of the image to make the shape a little bit smaller. That’s a good sort of shape for this brush. And now I’m just going to twirl. Now I twirled a little bit too much there so that you really can’t see what I’ve done. What happens when I use the Twirl tool is that it twirls the edge of this shape. So I could create my heart with a twirled edge by just twirling this edge with this brush. Now I’m pressing Ctrl or Command Z to undo that if I don’t like the twirl. So I’ve just got my fingers over Ctrl or Command Z so I can undo a twirl if it’s not to my liking. So that’s one way that we could decorate the edges of this heart. We could also use tools such as the Scallop Tool, and scallop will allow us to scallop the edges off this heart. But I’m thinking that I don’t have nearly a big enough brush here. So I’m going to Alt or Option drag towards the top corner of this image, the top right hand corner, and see if that’s a better option for the Scallop Tool. And I can pull out the edges of the heart. Now it’s not looking particularly effective on this heart shape but for other shapes it may be of interest to you. Let’s have a look and see what the Crystallize Tool will give us. This will give us some crystallized edges. So in actual fact for this heart that may work reasonably well. Let’s just undo it and have another shot at it. I’m just going to click and drag as I click. So undo it again, click and drag and just see if that’s going to give me anything of interest. The other tool I could choose is this Wrinkle Tool, and that will wrinkle the edges as well. So we could run that around the edges of the heart if that was the effect that we were looking at. But there are some interesting tools here that having drawn your heart shape you could now come and do something a little more interesting with it. This might do for somebody who’s trying to illustrate something on say looking after someone’s heart because we’re getting almost a sort of blood pressure reading or heart pressure reading effect around the edge of the heart. So there are a whole heap of tools here that you can use. Having already created your heart with the pen tool it can now be adjusted because it is a vector object in Illustrator using all these tools.

 

Helen Bradley

Labels: , , , , , , ,

Categories:photography, video

posted by Helen Bradley @ 8:00 amNo Comments links to this post

Tuesday, August 14th, 2012

Illustrator Live Paint how to part 2

Convert an image into vectors using Live Trace in Illustrator and then paint it using Illustrator Live Paint feature.

The Complete text from this video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re taking an image that we already prepared inside Photoshop and we’re going to use it with the Live Paint tool in Illustrator to color the image. If you haven’t previously seen the Photoshop video and if you’re not sure how to isolate and prepare an image of the kind that we’re way using in this tutorial you may want to watch that one first. But here we’re going to open up our image in Illustrator, trace it and then use Live Paint. To work on the image that we’ve already pre-prepared in Photoshop I’ve created a brand new portrait size image. I’ll choose File and Place and we’re going to bring in the isolated bathing box image that we worked on in Photoshop and we’re going to trace this. But one of the things that you can do in earlier versions of Illustrator that you can’t to do in this version is actually blur the image at the same time as tracing it. And I think this image would be helped if I blurred it a little bit before I actually trace it so I’m going to choose Effect Blur and apply a Gaussian blur to it. And I’ve experimented and about a 3 pixel blur is pretty good for this image so I’m going to click Ok. And what this does is blur some of the noise so I’m going to get a chunkier tracing result. So I’m going to click Image Trace. The initial result is not very spectacular but I’m going to click here for the Image Trace Panel and I’m going to make some additional selections which is going to improve my tracing. But I’m going to start by turning off my preview. I’m going to select Color and I’m going to set this to, for example, six colors. I’m going to set up a low paths and corners setting so that we get chunkier pieces in our image and I’m going to increase the noise reduction to 100 pixels. I’m going to ask to ignore white. I’m going to click either preview or trace. Preview would let me see see these options in place to see if I like it. I know I’m going to like it so I’m just going to click Trace to get all the way there right now. And now we’re done. I’m going to expand this by clicking Expand and now we’ve got an expanded image. I’m also going to ungroup it with Object Ungroup. I’m going to make sure that there is no white in this image. And their actually is white behind it so I’ve actually now selected the white and I’m just going to press Delete to remove it. So now all that’s left in my image is not white so it’s all colored so I’m going to regroup it. And I’m going to convert this for Live Paint so I’m going to choose Object and then Live Paint Make And this converts the object so that I can use the Live Paint tool on it. So let’s go and get our tools. And this is the Live Paint tool here. It shares a toolbar position with the shape builder tool and its letter is K so that might help you to find it a little more easily in future. Now we need our swatches so I’m just going to make sure that my Swatches are visible here. Nope, they’re not, so let’s go and get. Here they are. And I would like to get a special swatch to use here so I’m going to go find some Kuler colors. I’ll choose Window Extensions and then choose Kuler. I already have some Kuler summer colors here so I’m going to select a color combination here that is reminiscent of summer and that will look good on my image. I’m going to choose something that’s quite a ways from the image we already have so let’s choose iGadgets. I’m going to click here and add it to the Swatches panel. That puts it in my swatches so I can now use it. With the Live Paint Bucket tool selected I can click on a color here in this Kuler swatch here and and now watch as I hold my mouse over the image. The areas that are colored in this salmon pink are the areas in which I’m going to be dropping that blue color in. This is my selected color and blue is over the cursor so if I click here we’re going to start painting in blue. The color purple is to one side of the blue and the color yellow is to the other side and you can see them here on the screen on my cursor. If I want to change to use the purple I can just use the left arrow key and start painting now with purple, dropping purple in wherever I want it to be. And if I want to change and paint with a different color such as that green then I can go back over with the right arrow key and drop that into a different position and then perhaps go to the orange and drop that in and even the red. So I can go all the way around this color swatch and if I go all the way around I’m just coming back to the exact same color. So let’s go to red. I’m just going to circle around these colors. Now in some cases you may want to go for something a little bit different so you may want to bring in a color that’s not in the current color scheme here. And we can do that too. So let’s go and get another color. Let’s say that we want to add to this particular color scheme a sort of well let’s go and get some color we don’t already have, say this green here. So I’m going to click on that green and now I’m working in this area of the palette. So now I can add that green to my image. And if I press the left and right arrow keys I’m going to move around the colors in this part of the swatch, no longer in this part. So I’m going to call this good for now so let’s just say that we’re going to use this image. So I’m going back to my Selection Tool. Now the fact that we’ve used Live Paint on this image doesn’t preclude us from doing other things that we’re used to being able to do. I’m going to select the image and I’m going to make a new color group from it. I’m going to choose Selected Artwork and I’m going to include swatches for tints. So these are all the colors that I’ve been using in this image so far. Now with this selected I can click the Edit or Apply Color Group option. I’m just going to move my image out of the way a little bit so that we can see it as we’re working. And the same options that are available to us when we’ve been in this dialog before are still available. I can use this option to rotate around the colors that we have so we’re remapping the colors. What was pink is now some other color within our fixed color scheme. We can also use this one to randomly change saturation and brightness, again within the same colors and we can use edit. And this allows us to move the colors around to make them more pastel, to make them more saturated. And we can even unlock the colors to then apply different colors to our image by just dragging these colors around. And if we get something that we like and that’s not what I’ve got here but let’s say that we like it I’m going to click to create a New Color Group from it and then click Ok. And this is the new swatch for my image. So there we’ve used Live Paint to paint a traced image in Illustrator and all of shapes remain vector objects in Illustrator.

Come and see all our video tutorials on our YouTube channel.

Helen Bradley

Labels: , , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:00 amNo Comments links to this post

Wednesday, August 8th, 2012

Use Selective Color to replace a color

How to use a Selective Color adjustment in Photoshop to recolor part of an image.

Come see all of tutorials on our YouTube channel.

Helen Bradley

Labels: , , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 8:00 amNo Comments links to this post

Wednesday, August 1st, 2012

Photoshop – use Hue/Saturation to recolor an image

Learn how to selectively recolor a portion of an image using the Hue/Saturation adjustment layer and to do so without having to make a complex timeconsuming selection to do so.

See all our video tutorials on our YouTube channel

Helen Bradley

Labels: , , , , ,

Categories:photoshop, video

posted by Helen Bradley @ 9:00 am3 Comments links to this post

Thursday, July 19th, 2012

pptPlex-cool PowerPoint Presentations

Check out all our video tutorials on our YouTube channel.

Helen Bradley

Labels: , , , , ,

Categories:office

posted by Helen Bradley @ 11:11 am1 Comment links to this post

Tuesday, May 4th, 2010

Cropping in Lightroom

Ok, so it’s pretty easy to crop an image in Lightroom- just click the Develop module and click crop. But try to crop to 6 x 4 – there’s a 4 x 6 size but that’s not the same as 6 x 4 as you’ll soon find out.

Here is a link to a video tutorial that shows how to crop in Lightroom, including how to crop to that 6 x 4 and how to display handy crop overlays.

Watch the Video – how to crop in Lightroom.

Helen Bradley

Labels: , , ,

Categories:Uncategorized

posted by Helen Bradley @ 8:46 am2 Comments links to this post

Page 1 of 212