Tuesday, August 28th, 2012

Illustrator – make spirals part2

Learn how to make spirals in Illustrator using the Transform Effect. This is part 2 of a series of tutorials on making shapes in Illustrator, making spirals from them and then coloring them.

See all our video on YouTube.

Transcript for video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. Today I’m going to show you how to make spirals in Illustrator the easy way. Before we go ahead and make a spiral I want to show you exactly what it is that we’re going to be doing. Here I have a basic shape in Illustrator. I’m just going to show you this shape that I started off with. That’s this one here. I created it in an earlier video. And what I’ve done is taken the shape and created a spiral from it. And it’s very, very easy to do. So let’s go. I’ve got a brand new document here with my shape on it and we’re going to create a spiral. So I’m going to select my shape and choose Effect and then Distort and Transform. And we’re choosing Transform. Transform Effect allows us to do all sorts of things with our shape and we’re going to do quite a lot of the things that we have available to us in this dialogue. The first thing is I’m going to turn preview on so we can see it as we work. And because we want a spiral shape we want some additional copies of this shape and so I’m going to type in here 20 copies. So right now we have 20 copies of this shape but we can’t see them because they’re all stacked on top of each other. So we’re going to start by rotating them. And let’s rotate them through about 30 degrees. Let’s just type in 30. And as you can see already we have something happening. What we’ve got is 20 shapes each rotated by 30 degrees which has given us a something. Now we could stop at this point if we get exactly what we want, but since we came here to do a spiral this is only halfway there. The next thing I’m going to do because my spiral is actually a series of shapes which all have some movement in them I’m actually going to move these 20 copies. And I’m going to move each of them around 24 pixels horizontally and vertically. And what that’s going to give me is something sort of spiral like. We’re almost getting to where we want to be. My next step with my spiral is I would like things to get smaller as we go so I’m going to scale these in a negative direction. I’m going to reduce the size of them to 85 percent of what they were in the first place. So I’m just going to type 85 here and 85 here, and so each successive shape is 85 percent of the size of the one before. Now I think this is going to be all right but I need to do a couple of things to make this spiral look a bit better. Right now the shapes or the copies are rotating and coming out from the center of this original shape. If I change the location I’m going to get a spiral that’s a little bit more offset. The locations that are of more interest to me are anything that is sort of away from the original shape. So any of these would be just fine. I am however quite liking this one because that’s giving me a nice spiral shape. So there’s a spiral shape. One of the options I have selected already and that would make a big difference is this Scale Strokes and Effects. As you can see here I have a really strong, very wide stroke around my shape to begin with. And if I don’t do Scale Stroke and Effects than everything is going to have a 4 to 5 pixel stroke around it. And it’s very heavy when the shapes become very small. If I scale a Stroke and Effects then each of these little shapes has a much smaller stroke around it. Now there are other options such as Reflect Y or Reflect X. This is Reflect X by itself. This is Reflect Y by itself. This is Reflect X and Y. And you can see that we’re getting a sort of different spiral but certainly everything is going around and it’s getting smaller in the middle. That would be an option that you could choose. Once you’ve got the spiral that you want you can go ahead and just click Ok. So this is what we’ve come to. This is our shape. The spiral shape that we’ve created now it’s all based around this original image so if I click and drag on it with the Move tool I can move it into position. So don’t worry as you’re creating your spiral if it goes off the edge of the art board because you can bring it all back in later on because it’s all just attached to this one original shape. Of course if we want to treat it as an entire shape so that the whole spiral becomes the shape then we would just select Object and then Expand Appearance. You can see now that that our shape is in actual fact everything here. So all of these little nodes are editable. So we could come in later on with for example the A tool, the Path Selection tool and we could start working on these areas if we want to do something a little bit different with it. And we would need to expand its appearance to have access to these nodes or these anchors on our lines. But there’s the basics of drawing a spiral in Illustrator. Thank you for joining me. I’m Helen Bradley. You’ll find more of my Illustrator videos on this YouTube channel.

Helen Bradley

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

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