Monday, September 10th, 2012

Photoshop – make a Kaleidoscope

Learn how to create a Kaleidoscope in Photoshop. Video includes tips for a shortcut for copying and rotating a layer.

Check out all our video tutorials on our YouTube channel and subscribe to receive all of our tutorials as soon as they come out.

Transcript for video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how to create quick and easy kaleidoscopes in Photoshop. Before we begin let’s have a look at the sort of thing that we can create. This is the kaleidoscope I created earlier from the image that we’re actually going to use. And as you can see I’ve layered various copies of the same kaleidoscope on top of it, changed some of the colors to create an even more distinct pattern effect. This was my original kaleidoscope. This is a second version of it on top and this is another version of it in the middle. So let’s get started with our image. This is an image I shot at the Neon Bone Yard in Las Vegas. The first thing I’m going to do is to convert this background layer into a regular layer just by dragging and dropping the lock icon into the trashcan. Then I’m going to move this image. So I’m going to first of all zoom out a little bit so I can see where I’m going. Then I’m going to select the Move Tool and I’m going to start transforming this shape. And what I want to do is to transform it through 60 degrees, some sort of 60 degrees, minus 60 plus 60. And what I’m going to do is drag this shape over the edge of the image here. I can resize it if I want to but I want it to only go over two edges of this image because I want to use the 60 degree angle that we have. So I’m going to save it. That’s good because I’ve got some nice texture in here and I’m just going to click the checkmark. So if we had a really good look at this we would see that there’s some anti- aliasing down here on this edge. So to get rid of it I’m going to click the Magic Wand Tool here. I’m going to click on this side of the image. And you see perhaps even on the video that there’s a little bit of a gap between the selected area and the image itself. So I’m going to choose Select Inverse to inverse the selection so I have only my corner piece selected and then I’m going to bring it in by choosing Select Modify Contract. And I’m going to bring it in one pixel and that should make it just a little bit smaller. And then so that I get just that piece I’m going to choose Image and then Crop. And this is the piece that I’m going to use to create my kaleidoscope from. So we have it on its own layer. But we need a bit more area to work in. So I’m going to select the Crop Tool. And if you didn’t know that you can do so you’re going to find out now that you can actually crop in a negative direction. So you can use the Crop Tool to add space to your image. So I’m just going to add a little bit of extra space around my image so we have a bit of a better area to work with. I’m going to select my layer with my shape and I want to flip it. So I’m going to choose Layer New Layer via Copy. And with this shape I’m going to transform it. So I’m going to choose Edit and then Free Transform. And I want to transform it around this side. So I’m just going to click on this side so it’s anchored here so that when I flip it over it doesn’t move. And I want to flip it over so it’s exactly mirrored which means that it’s negative 100 percent. So I’m just going to make that negative 100 percent and then I have an exact duplicate of this shape. And this is the piece that I’m going to rotate around to create my kaleidoscope so I’m going to merge these two layers together. I can do that by selecting both layers and choose Layer Merge Layers or Merge Visible, either of those would work. So too would Flatten Image or I could just press Ctrl E. But let’s choose the menu option. Now that we have our basic shape I’m ready to rotate it. And I’m going to do this the smart way so I don’t have to do every single one of them. I just want to do it once, Layer New Layer via Copy, Edit Free Transform. I’m going to anchor it at its bottom center point. And I’m going to rotate it around 60 degrees, and I’m going to click the checkmark here. And having done that once I’m now going to get Photoshop to do it automatically for me. And all I need to do to do that is to press these keys, Ctrl Shift Alt T, and that’s Command Option Shift T on the Mac. So I’m going to press all these keys and every time I do it Photoshop duplicates the layer and rotates it. So with four keystrokes I’ve now got the rest of my kaleidoscope. Again I’m going to select all these layers and Ctrl or Command E to merge them into one. And now I’ve got one layer I can make a duplicate of it. And then I can size it as we saw earlier. If I want to size it around its center point I’m going to hold Alt and Shift as I resize it. And now I can also rotate it. So I might rotate it for example 15 degrees. And then I might make another duplicate of this and do something similar to this duplicate layer, again holding down the Shift and Alt so I’m rotating or sizing around the middle point, place my shape in and then rotate it. This time I might choose say let’s go 30 degrees. And then for each of these I could add a hue/saturation adjustment. And that will allow me just to recolor the shape and perhaps get a more interesting effect in doing so. I’ll do that and just click Ok. So there is the basics of creating a kaleidoscope in Photoshop. Now you could use a different measurement than the 60 degrees that I used. You might want to try it with 30 degrees to get a more complex kaleidoscope. But basically once you get your flipped shape and you merge it you can get Photoshop to do all the copying and rotating work for you. I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more of my Photoshop video training on my YouTube channel.

Helen Bradley

Thursday, August 30th, 2012

Illustrator – recolor spirals and shapes part3

Learn how to find pieces of shapes and to fill with gradients and solid colors. Covers using the Layers panel to isolate shapes within a larger shape.

See all our tutorials on YouTube.

Text from video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this video I’m going to show you have to recolor spirals in Illustrator and we’re going to do it the easy way. Before we start this tutorial I want to show you what we’re going to end up with. I have a shape here that I have been creating in the last few video tutorials. And I’ve showed you how to turn an oval and a circle into a shape like this using Pucker and Bloat and then Transform. And in this video tutorial I’m going to show you how we can recolor this shape. It may not be easy to see unless I point it out but this basic shape actually has a gradient fill in it. It’s a yellow to orange gradient. But the center of each of these flowers is colored orange. And some of these petals have been individually colored with solid colors. And I’m going to show you how you can create not only this Gradient Fill effect but also isolate different areas in this shape to apply different effects to them. So let’s get started. And here I have the basic shape that we’re going to work on. The trick with working with a shape like this spiral here which hasn’t been expanded so right now if I affect the colors on this particular shape I’m going to affect the colors in the entire spiral. The trick is being able to isolate the component parts. We’re going to start by applying our gradient. So I’m going to select the foreground fill and click Gradient. I’m actually going to select one of the built in gradients and we’re going to use orange to yellow gradient. Now it’s not working particularly well. But that’s fine because I’m just going to hide that dialog and go back to the Gradient Tool because now I can drag over the shape to apply the gradient the way I want it to be. If I drag from the outside across the shape the inside of the spiral becomes red and the outside is yellow. If I go the other way the outside of the spiral is red and the inside is yellow. And I just need to pick exactly what I want this shape to be. And by dragging smaller gradients I can affect more of the shape with red and less with yellow or drag the other way to add more yellow and less red. So I’m just going to find a sort of good intermediate position and call that good. The next thing I want to do is to isolate the middle of the shape and then isolate some of these petals. The easiest way to do that is to go to Window and then Layers. Now you may find that the Layers palette is a little bit confusing but it’s actually going to help us a lot here. So this is our main layer and it contains a group and the group has lots of little bits in it. So I’m just going to click these fly out menus so that I can see exactly what’s in my shape. And the thing I’m interested in right now is this bit because it’s the bit in the middle of my flower. So if I click this icon here I’ve isolated just that middle shape. And now I can fill it with whatever I like. So I’m going to choose green because it’s going to be really obvious that it’s happening. And this color is changing throughout the entire shape. Now I can isolate individual bits of my shape so I can select for example this piece here. And this is going to be this object. So I could apply a solid fill to it. I could also apply a gradient fill if I wanted to but I just want to isolate a few of these petals and just change their colors. Let’s have a look at this one. This is two around the path and that’s a good area for me to affect. I’m going to make that blue. And let’s have a look and see which this one is. It’s again two more around and I’m going to make it red. And now that I’ve finished with my layers I can just hide it. And let’s just click outside the shape and this is what we came to do. You can see that we have our gradient fill across the flower. The center of the shape is green and some of these petals have been refilled with solid colors. In future if I want to affect this shape I’m now going to have to be a little bit more discreet. If I want to affect my gradient I can come back in here, target my shape, go back to Window and then Layers and this time I’m going to hide the pieces that I don’t want to affect. So I’m going to hide the blue and the red and the green pieces. Now I have selected only the objects that are filled with the gradient fill. And now I can go back and grab my Gradient Tool and try and build up a different gradient effect for the image. I could even change the entire gradient, change the colors in it. And then when I’m ready to go back I can just redisplay these other pieces so that they are now visible. But you can see that because they weren’t visible when we applied the gradient they’re not actually being affected by it. So there we have our recolored shape. I hope you’ve enjoyed this video tutorial. I’m Helen Bradley. Look out for more of my Illustrator tutorials on this YouTube channel.

Helen Bradley

Wednesday, August 29th, 2012

Trevor’s Photoshop tip of the Week – Dropdown Menus in Palettes

(photo by: Vivek Chugh)

Almost every palette in Photoshop has a drop down menu in its upper right hand corner – click it to find options and tools for that palette.

Helen Bradley

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

Friday, August 24th, 2012

Illustrator make complex shapes from simple pieces part1

Learn how to turn an oval into a flower and then some cool tricks for doing things with it in Illustrator. Covers using the Rotate tool.

Check out all our video tutorials on YouTube.

The transcript from the video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. Today I’m going to show you how to make cool shapes In Illustrator the easy way. Before we get started on this video making shapes let’s have a look at the sort of things that we’re going to do. The first thing I’m going to show you how to do is to create this shape really, really easy. And then having created this shape all I did was duplicate it to make these shapes. And all of this is done with just an ellipse and a circle. And you’re going to see how all of these can be done really, really easily. Let’s get started with a brand new document. Now I’m just using a letter size document, RGB color space. So I’ll click Ok. Let’s just size the document and create an oval. Now I’m going to fill this oval with a purple color, and I’m just going to extend the stroke to about 4 points. Now I’m going to click the move tool to just position it where I want it to be and then select the rotate tool. Now this tool allows me to rotate the shape. And what I’m going to do is set the center point, which at the moment is here in the middle of the shape, and I want it down here. So I’m going to position my cursor there and Alt Click. And this allows me to now rotate around this location here. I want 13 petals on my flower. So I’m going to type 360 divided by 13 and Illustrator will make the calculation for me as to how many degrees I need to rotate this to fit 13 in exactly around the circle. I’m going to click Preview, make sure that it rolls forward, which is exactly what it’s supposed to do, and then click Copy. And now I’m just going to press Ctrl or Command D another series of times and each time I press one of things shapes is created and rotated. And I do that until I have my 13 petals. Now I’m going to add a center to the flower. So I’m going back to the ellipse shape. I’m going to drag in here to create a flower center. Now I want my circle over the middle of my flower so I’m just holding down the Spacebar as I draw it to make sure it goes in correct position. If I hold Shift it’ll be constrained to a circle shape. I’m going to let go now and I’m going to fill this with orange. Ok, I now have my flower shape so I’m going to select it all with Ctrl or Command A, and I’m going to choose Object and then Group. And this will group this object together so now I can operate on it as a single shape. And this is my starter shape. This is the flower that we were going to create. I’m going to select it again and this time Alt or Option drag on it because I want a few more copies of this shape because I want to show you what the possibilities are for working with a shape like this. And the first one we’re going to focus on is this one here, so let’s just zoom into it. I going to select the shape and now I’m going to transform it. I’m going to use Effect Distort and Transform Pucker and Bloat. And what this allows me to do is to create interesting effects. You can see that all I started with was an ellipse and a circle and already I’ve got a shape like this because I have my Preview turned on and I have Pucker and Bloat selected. And I can drag across here and create all sorts of different effects with my shape. If I didn’t have a really thick stroke then I wouldn’t have quite such strong black lines, but you can just determine exactly what you want. And this Pucker and Bloat will give you all sorts of shapes. Just a few extra percent and you’ll get a different shape entirely. So I’m just going to look for a good shape there and when I’ve got it I’m just going to call that done. So there’s one of the sorts of shapes that we can create just using a starting point of an oval and a circle, create a flower and then use Pucker and Bloat to create a shape like this. Let’s have a look at this flower. And this time I’m going to choose Effect Distort and Transform and I’m going to select Twist because twist allows me to twist this shape. You can see that I’m getting those curly ends to my flower. And I can go more or less. So let’s try say 30 degrees and see what that gives us. And it gives us a less of a twist. And if we go to 90 let’s see what we get there. We get a much greater twist. So you can do all sorts of things with your basic flower shape with that twist tool. And finally let’s have a look at another one of these effects. I’m going to choose Effect Distort and Transform again, and this time I’m going to select Tweak because what tweak does is actually fracture this image. You can see that we’ve got a horizontal and vertical setting of 10 percent here. And look what happens when I preview this and then go and really, really tweak it. If I choose between relative and absolute you could see I’m getting a sort of almost graffiti style effect. And it’s all done without having any skills at all in creating shapes beyond an oval and a circle. And you can experiment here with these sorts of options that allow you to get different effects from this tweak tool. So there we have a different effect from our flower. It’s obviously something very, very different but we could use this for example as a background for something later on. If we want to use this you’ll see that whenever we select it we’ve actually got our basic flower shape. Here’s a basic flower shape. Here’s our basic shape. If we want to use it elsewhere in Illustrator we may want to convert this. So we would choose Object and then Expand Appearance. And now we’ve actually got the shapes selected not the original flower, Object, Expand Appearance. And now we’ve got something the vector paths are actually around the physical shape not what it had been before we worked with at, again Object, Expand Appearance. And that would allow us then to come in and do things with the shape itself. Let’s just go and grab an object here and you can see that we can then start rescaling this portion or we can work with it in some way. But we can do things with it because it is no longer a flower shape. And we can do things such as dragging on points and making it all sorts of things. So I’ve totally messed that up there, but you get the idea as to what Expand Appearance will give you in terms of turning this flower shape into a something that then could be taken further in Illustrator, for example a repeat pattern. I’m Helen Bradley. Thank you for joining me for this video. Look out for more of my Lightroom, Photoshop and Illustrator tutorials on my YouTube channel.

Helen Bradley

Wednesday, August 22nd, 2012

Trevor’s Photoshop tip of the Week – Make a Path from a Selection

(photo by: kslyesmith via www.sxc.hu)

Looking to make your own paths? Start with a selection that you want to turn into a path. From the foot of the Paths palette click on the Make Work Path from Selection.

Helen Bradley

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

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

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

Wednesday, August 8th, 2012

Trevor’s Photoshop Tip of the Week – Cycling Through Open Projects

(photo by: Asif Akbar)

Cycle through your open images by pressing the Ctr + Tab keys on the keyboard.

Helen Bradley