Tuesday, March 19th, 2013

Recolor Line Art in Photoshop

Learn how to recolor line art in Photoshop and how to change the colors very easily.

This video shows the use of the Lock Transparent Pixels option in the Layers Palette in Photoshop and also a Hue/Saturation adjustment layer.

Transcript:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can recolor your art in Photoshop. In this video tutorial we’re going to have a look and see how we could recolor this car and how we can do it in a way that would allow us to perhaps change the colors later on.

I’ve got the car on one layer here and the background which is white on another layer. So I’m going to add a layer between these two layers where I can start painting my colors. I’m going to select one of these color schemes that in an earlier video I created from Kuler and I’m going to just grab my toolbar here so that I can grab a paintbrush and a relatively hard paintbrush, not totally hard but relatively hard. I think I’ll just back it off a little bit here to about 84 percent. And on this layer I’m going to start laying down paint. I’ve got my opacity right down from another job that I was doing so let’s just kick that up.

Now I’m just going to paint over the areas where I want the paint to be. And how detailed you are with this and how accurate you are with it depends on just what sort of effect you want. Now I don’t want it to be quite so accurate so while I am going to erase a little bit of this I’m not going to erase all of it because I do want some over-painting. Now I could leave this layer underneath but you’ll see that there is a little bit of white there that’s showing through. I can get rid of this by going to this layer here and setting its blend mode to darken and that will darken the areas but will let the white pixels blend in with the layer below. I think that gives me a better result.

So let’s go now and let’s get another color in this color palette and let’s just go and paint here. And I’m just going to pick the paintbrush up rather than the eraser and let’s Just paint in these areas. Again depending on what sort of effect I want I may be more or less accurate and I can always come back with the eraser and just tidy up if I want to. Most of these areas of the image are also trapped so if I wanted to I could just make a selection from the original image and pour paint into them. But I don’t really want that effect for this image. I just want it to be a little bit more organic than that. And I’m going to add the orange to various portions of the image but I’m going to do it all on this one layer. So that means that later on I can come back and replace the orange with another color and every element that was orange will be replaced accordingly. So let’s just go here. I think I’ve got a slight problem with my green. So I’m just going to continue until I have my car painted to my satisfaction and then we’ll come back and see how we would recolor it.

Now I’ve finished painting the car and I’m ready to go ahead now and have a look at my options for recoloring it. One of the ways I can change the color of this image is to click on the topmost layer and choose Layer, New Adjustment Layer, Hue/Saturation. And this allows me to recolor the entire image just using a single adjustment layer. So I’m just going to drag here and then if I drag around on this color selector here you can see that all of the colors bar that sort of gray color are now changing. And they’re changing in the same relationship to each other. So that’s one of the options I have for recoloring this vehicle is to just adjust the hue/saturation of the entire image using a hue/saturation adjustment

layer and just stopping when I get to the color scheme that I want to use for example.

Now another alternative is if I want to just selectively recolor areas because I put each of these colors on a different layer I can then just change those layers. So for example let’s go and pick up another Kuler color scheme. I’m in beach ball but that doesn’t really matter too much. Let’s go and get this beach combo color scheme from Kuler. And if you haven’t yet watched my Kuler video and if you want to know how to do this then I suggest that you go and have a look at it.

http://www.youtube.com/watch?v=Ec2JOWUjr3E

Now my mouse and my video tool aren’t running very well together right now so I’m having a bit of trouble selecting this. Ok, it’s now in the Swatches panel. So I’m going to go ahead and select this blue color as my foreground color. And I want to replace this color green with the blue. Now what I’m going to do is because there’s a lot of detail on this layer and I want to replace the whole lot, I’m just going to lock the pixels on that layer. And what happens when I lock the pixels is if now I press Alt and Backspace, Option Delete on the Mac, what I’m doing is flooding just the filled pixels on this layer with that Color and so now that layer has been recolored. I’m going to select this layer and lock the pixels on it and pick up a color to use for it and then I’ll Alt Backspace, Option Delete on the Mac, to change its color.

And finally I’m going to lock the pixels on this layer and let’s go and get a color to use for that. We’ll choose this darker blue, Alt Backspace, Option Delete. Of course these layers are now locked so if I want to be able to edit them for example erasing any excess paint or making any changes to them, I’ll need to unlock them. But this Lock Transparent Pixels tool allows you to quickly isolate the contents of a layer, select a color to use for it and just Alt Backspace, Option Delete on the Mac, to immediately select and refill all the pixels on that layer.

I’m Helen Bradley. Thank you for joining me for this video tutorial. If you liked this tutorial please give it a thumbs up and feel free to comment on it. Please consider subscribing to my YouTube channel and visit me at projectwoman.com for more tips, tricks and tutorials on Photoshop, Photoshop Elements, Lightroom, Illustrator, GIMP and a whole lot more.

Helen Bradley

Labels: , , , , , , , , ,

Categories:photoshop, video

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

Sunday, March 17th, 2013

Photoshop – Using Kuler Color Schemes

Learn how to use Kuler color schemes in Photoshop via the Kuler Extension.

This video includes details of how to add color schemes to swatches and how to edit, customize, and create Kuler color schemes inside Photoshop CS4, CS5 & CS6.

Transcript:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can use Kuler colors in Photoshop. In this video tutorial we’re going to have a look at Kuler which is a way that you can find custom color schemes from inside Photoshop.

Now Kuler is also available online but we’re going to work with the Photoshop extension. And that’s been there since CS4. To see it choose Window and then Extensions and then Kuler. And when Kuler launches you get to see some of the color schemes.

Now I last looked for vintage car and that’s in actual fact what we’re going to look for now. So I’ve typed in vintage car and clicked the Search button and here are color schemes that are related to vintage cars. And if I can’t see anything I like there I can click the View Next Set of Themes option and we can go forward to see other themes. Now these themes have been designed by other people and they’re available online. And people put them up online when they create them and then they are accessible for us to use if we want to use them.

So I’m looking for a theme to use for my car. And let’s say that I find one, so let’s just go and find one that we sort of like. I’m thinking this one here. And if I like it I can just click on this arrow icon here and I can add it to my swatches panel. And when I do that it becomes the last five colors in my swatches panel and I can click on any of these colors to add it as my new foreground color. And that allows me to paint on it for example to recolor my car.

Now if I sort of like it but think I like to edit a color for example maybe the red in this, then I can click here and choose Edit this theme. And this opens the Kuler panel but this time in the edit mode. And this is where I can change some of these colors.

For example I can take the red and walk it around to maybe make it an orange. And if I like that then I can use this particular color scheme. If I want to save this theme to my swatches panel I can do so by clicking here, Add this theme to swatches panel, again this time all five colors go into the swatches panel. I could upload it to Kuler if I wanted to and I can name and save the theme.

You can also create your own custom themes here so for example if you wanted to create an analogous color scheme you could do that. So you could just click there and then you can drag around on these sliders to make the color scheme that you want to use. If you want to use a complementary one you can do that and just drag in and out on these colors to create your own complementary color scheme. And if you like it then you can add it to your swatches panel. You can upload it to Kuler.

Kuler is a really handy tool for finding color schemes if you’re not sure what you want to use and so you can quickly and easily find color schemes and add them to your swatches panel. So it can help you get inspiration when you want to use a limited color palette on your images and you’re just not really inspired to find it yourself.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more tutorials on this YouTube channel. Also visit my website at projectwoman.com for more tips, tricks and tutorials on Photoshop, Photoshop Elements, Lightroom, Illustrator and a whole lot more.

Helen Bradley

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

Categories:photoshop, video

posted by Helen Bradley @ 9:21 amNo Comments links to this post

Thursday, March 14th, 2013

Photoshop Collage with Textures, Masks, and Fractal Trees

Learn how to make a collage or montage in Photoshop using fractal trees, a texture image and some masks.

The images used in this video are free to download and an earlier video shows you how to make fractal trees so you can make the collage yourself. The tutorial covers beginner level masking to help make the collage and two pieces are created from the same basic elements.

This is the link to the video that shows how to create fractal trees to use in Photoshop collages: http://www.youtube.com/watch?v=_hTWkhHI90s

Transript:

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re going to look at using masks, textures and some fractal trees to create composite images in Photoshop. In this video tutorial I’m going to show you how you can create a couple of interesting effects just using images that you can find online.

The background image here is from Flickr and details are in the end of the video. And the house image is actually from sxc.hu, and again I’ve got details at the end of the video. The tree is a fractal tree and you can see one of my other video tutorials for how to create fractal trees. And this is just done with my masking so that’s one of the images we’re going to create. We’re just going to reverse the mask here to create this image. So let’s see how we would do that and I’m going to start by showing you the two images we’re going to use. This is the one from sxc.hu which is free for download online and this is the background from Flickr.

The first thing I’m going to do is just to bring this image in so I’m just dragging on the background layer and just bringing the image into my sort of collage area. Now what I wanted to do was actually line up this background and it actually worked perfectly. These images haven’t as far as I’m aware actually been adjusted from their downloaded original. But the horizon line just works perfectly on the back of this texture image so I’m just going to do that and then we’re going to mask the house. Now the easiest way to mask this house is probably to grab the quick selection tool. And with the quick selection tool you can select over those areas of the image that you want to select. And if it’s not perfect you can just go back with the Alt key and just drag over the areas that you want to take out of the selection. But it does a reasonably good job. And because we’re doing masking anyway it’s a little bit forgiving. So having done that we can choose Select and then Refine Edge. And Refine Edge will allow us to refine the edge of this and we can do this with marching ants or on black or whatever.

Now I’m going to ask Photoshop to have another look at some of these edges here because it hasn’t done the world’s best job of getting them right and particularly these edges around the bottom here. And once we’re happy with that if we are happy with it we can just make this into a selection or a new layer with layer mask. So I’m going to choose New Layer with Layer Mask and just click Ok. And that has created the image here this house image as a new layer with its own layer mask. And I can determine how much of this inside that I want to bring in.

So I’d actually thought in the past that actually bringing these windows in would be attractive and perhaps a little bit more worked on the door. And now I want to fill these areas with black in the mask. So I’m going to select or target the mask layer, black is my foreground color so I’ll do Alt Backspace and that allows me to see through the building to what’s behind. And then I’ll just go and open one of my trees. And I have some trees here and I’ll just grab one of my fractal trees, drag it into the image here.

I’ll make sure I’ve got the tree layer selected and drag it into position here. And when we were looking at these fractal trees we determined that actually using the darker blend mode or darken blend mode blended the trees into their background a little bit better because that meant that any residual white in the tree that was left over from the process of bringing it into Photoshop would be eliminated that way. So there’s the first of our images.

So having completed our first image the second one is done in a very similar way. In fact we can borrow the first to make the second. So I’m just going to make a duplicate of the image layer here. And what I’m going to do is just invert the mask so I’m just going to press Ctrl I on the mask and effectively that was pretty much the beginnings of this image. I then brought in the tree so it would be a little bit over the edge and then we’re going to create a shadow for the tree. So the first thing I’m going to do with that is on the tree layer once it’s already set, I’m going to add a drop shadow. And I’m just going to go with whatever I get here because I’m actually not going to use it exactly as it is here so I’m just going to click Ok.

And now I want to take the drop shadow layer off onto its own layer so I’m just going to click Create Layer and click Ok. And that takes the drop shadow back onto its own layer which means I can do things with it such as sizing it down, putting it in position and then rotating it so it becomes more like the kind of drop shadow that it should be. And I want it to come over the background there so I’m just going to click Ok and actually position it a little closer and perhaps even kill down its opacity a bit, multiply blend mode is what I wanted there.

Now on this layer too I had a drop shadow so let’s just go and add a drop shadow to this. Yes, it was a drop shadow but it was a lot smaller than that. So I just gave it a little bit of a softening effect that I wanted, not quite as harsh as it had been. And we could change the color of that if we want to. But I’ll just click Ok.

So there are the two possible effects that we can create using this particular image. It’s just done through layer masks and you can create all sorts of fun collage effects using layer masks in Photoshop. And I’ve combined these with nice textures and these fractal trees. And the beauty of all of this is that these images can be grabbed online. So you can go and create these image effects if you want to yourself by grabbing the images and playing around with these effects.

I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more tutorials on my YouTube channel and visit projectwoman.com for more tips, tricks and tutorials for Photoshop, Lightroom, Illustrator, Photoshop Elements and more. And if you liked this please click Like and comment on it and think about subscribing to my YouTube channel.

Helen Bradley

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

Categories:photoshop, video

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

Friday, March 8th, 2013

Illustrator CS6 PatternMaker

Learn to use the new Pattern Maker in Illustrator CS6 to make repeating patterns.

This video covers the tools in the dialog and how to save the pattern. Make half drop repeats, brick and hexagonal patterns in a few seconds.

Transcript

Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how to make a repeating pattern in Illustrator CS6.

To make a repeating pattern in Illustrator we’re first going to need a shape to work with. So, I’m going to create just a little square shape to use, and I’m going to add a fill color to it. I’ll select a pink fill and then a blue border so we can see what we’re working with. And I’ll make it about a 5 point border. So that’s my shape that I’m going to work with. And I want it to be sort of like a flower shape so I’ll choose Effect, Distort and Transform, Pucker and Bloat. And I’m going to Bloat it to 200 percent and just click Ok. So, this is my shape that I’m going to be working with.

To make a repeating pattern all you need to do is choose Object and then Pattern and then Make. And we now have a pattern piece added to the Swatches panel so I’ll just click Ok. And that is as easy as it is to create a pattern in Illustrator. But of course now that we can see our pattern we may want to make some changes to it.

So firstly we can change the number of copies to say 3 by 3 but I have a 5 by 5 grid in place so I can see things clearly. Dim Copies allows you to dim the duplicate or the repeating pattern so that you can see which is your original piece and which is the repeating pattern I have that now set at 100 percent so the copies are not dimmed. Let’s go back to dimming them.

Now these settings here can be a little bit confusing when you first encounter them. What these Width and Height are is this blue box so that’s the box in which my pattern is created. So if I lock these together and if then I decrease them say to 150 these are going to be scaled proportionately because I have it locked. So I’m just going to press Tab. Now the box is squeezed up and you can see that my pattern is now going to overlap. And I can control how it overlaps by using these icons here. So I can show various pieces of my pattern. If I want it to be on top over here and underneath here for example I can adjust that. But if I take this up to larger than my pattern piece, and I know that this is going to be larger than my pattern piece, I’ve typed in 250 and pressed Tab.

Now you can see that we’ve built in extra space around our pattern piece so there is more room here for perhaps adding other elements. Here is the type of pattern. At the moment we have grid but we could do Brick By Row and then we can offset the brick by a certain amount, one third, three quarters and so on. There’s Brick By Column and the offset is in a different direction. There’s also Hex By Column and Hex By Row. And for this pattern piece I think Hex By Column looks pretty good so I’m going to settle on that. Now if I wanted to add a bit of extra horizontal spacing I could do so but I’ll need to size my tile to the art and then add it in because you can see that right now these are grayed out. But if I size the tile to the size of my art I can then add some extra spacing. At the moment this is unlocked so that’s 10 points of horizontal spacing and now 20 points of vertical spacing. But I prefer not to size my tile to the art so I’m just going to leave that as it is.

Now one of the other things that we can do in this pattern area is we can add extra bits to it. So this is actually looking a little bit small for me so let’s just take it up a little bit larger so I’ve got some extra room in here. And I’m going to select the Ellipse Tool and I’m just going to hold the Shift key as I draw in here a circle. And you can see that the circle has now become part of the pattern. So if I select on the circle here, hold the Alt key as I drag a duplicate away, I now have two circles. And they’re part of the repeating pattern. I’m going to hold my Shift key as I select over both, now hold Alt as I drag a duplicate away and here we have a total repeating pattern. But we’ve been able to add pieces to it because we were actually working in this Pattern Make feature in Illustrator when we did it. Now these can also be adjusted so we’ll see that in a minute. But for now let’s just click Done. And that has saved our pattern to the pattern Swatches in Illustrator.

So let’s just go and get our pattern piece and we’ll tuck it away here off the art board for a minute. I’m going to select a rectangle and draw a rectangle here and let’s turn off the Stroke and let’s fill it with our new pattern. And there it is. Now you might see a missing pixel through your pattern. Don’t worry. That won’t be there when you actually come to print it. It’s just a resolution issue. Now I have this shape here and I might say well that pattern is fine but it looks a bit big for the shape. So I’m going to choose Object, Transform and then Scale and I’m going to disable Transform Object so that will then scale the pattern down to 25 percent of its original size but not the object and then just click Ok. So there is my pattern filled shape.

Now this shape is, this pattern is in the Illustrator swatches. It is only going to exist for this document. So if you want to keep it go up here, select the dropdown list here and click Save Swatch Library as AI. So this means that you can get it back later on. I’m just going to call this flower55 and click Save. And so now that swatch will be available later on that I can come and get it if I want to reuse the swatch in another Illustrator document.

Now we’ve already seen how we can add shapes to our pattern. But what happens if we look at this and decide that the shapes are ok but the color is not? So what I’m going to do here is go to the Layers panel here and go and locate the actual pieces that are part of this pattern. So I’m going to select this piece here and with this piece selected I can now go and make changes to it. So I’m going to give it a green fill color and then I’ll go here and select the next piece. And this is now targeted and I’ll go and grab a different fill color for it. And let’s go and select this one. We’ll give it the same green fill color as we used previously. And then let’s target this one here and we’ll give it a yellow fill color.

So if you come back and look at your shape and say well yes the pattern looks really good but the colors are not right it’s very easy to open up the layers panel here and to make adjustments to it. So for example if we didn’t like the pink here I can grab the pink path here and you can see that the pink path here for the inside shape has been separated from the path that is the stroke. And then I can just select to apply a different fill color to this particular piece here. And it hasn’t adjusted the stroke. The stroke needs to be separately selected. Here is the blue stroke color here and we could perhaps make it a darker blue. So once I’ve got that looking the way I want it to I can just double check by filling it back in.

And if I say yes that’s fine, that’s exactly what I want, and now this has been created as a new pattern. But if it wasn’t, if I’d already created this as a pattern in the pink color and I wanted to also save a green version what I can do is click Save a Copy and I’m going to call this flower 45 and it will then be saved as a different pattern swatch so it won’t be created over the top of the original. And when I’m done I’ll just click Done.

So now I have two pattern swatches so I’m just going to click the shape here. You can see here now that we could fill it with this green pattern swatch or we can go back to the original pink one. If we go to green again we would probably want to scale this down. So we’ll go to Object, Transform, Scale, again transforming only the pattern, not the object itself. So there you have the ability to create repeating patterns very, very easily in Illustrator CS6.

Helen Bradley

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

Categories:Illustrator, photoshop, video

posted by Helen Bradley @ 9:30 amNo Comments links to this post

Thursday, October 25th, 2012

Droste Effect in Photoshop

Create the Droste Effect in Photoshop CS4 or CS5 or CS5.5 (not supported in CS6). Uses Bender and the Droste Filter.

Check out all our tutorials on our YouTube channel.

Complete transcript of this video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. I’m going to show you here how to create the Droste effect using Pixel Bender in Photoshop. Now you need Photoshop CS4, CS5 or CS5.5. This does not work at the time of recording with Photoshop CS6. Before we start creating the Droste effect let’s have a look and see what it is that we’re trying to achieve. And this is the Droste effect that we’re going to create. And you can see it’s just a set of repeating images inside of each other. They’re actually based on a cocoa company’s advertisement. Their box had the cocoa packet being repeated within itself. And it’s been named the Droste effect because of that. Now we’re going to do it using Pixel Bender which is not being supported in Photoshop CS6. And in the description of this video on YouTube you’ll find that there is details about where you can get Pixel Bender and how to install it. So I’m assuming that you’re working with Photoshop CS4, CS5 or CS5.5 and that you have Pixel Bender installed and the Droste filter installed. So let’s get going with this. Let’s just put this image aside and we’ll go and get our original image. As I said it works particularly well when you have somebody off center so let’s just zoom out of this image a little bit. And the first thing we’re going to do is to add some extra area around the image. And I’m going to do this using the crop tool. So I’m going to select the crop tool, select over the image and then hold Alt or Option and then just drag out to create some extra canvas around the area of this image and just click the checkmark here. Now the canvas has come in with the current background color which has suited me really well because that gives me a white edge. Let’s flip these colors around and let’s go and do the same thing. Again, Alt or Option, and this time I’m only going to add a very small black canvas. Now you can do this any way you like. I just want to do it the quickest way possible. So now we have an image that is a black and white frame around our image. We’re going to go and see just how big this image is, reading it off with Image, Image Size. And the image is 1,076 by 905. Now this is an important because the filter needs to know this. So you’ll want to write this down. And we’re ready to get started with the filter. So we’re going to choose Filter and then Pixel Bender and then Pixel Bender Gallery. Now we already have the Droste filter selected. If you haven’t used this filter before you’ll probably have something like Cassini so you’ll just want to go down and select Droste. And this is the Droste effect. And we’re just going to first of all regardless of what it looks like here we’re going to start with entering the values that we read off for the size of the image. So it’s 1,076 by 905. And then we’ll adjust things like the radius inside and radius outside when we actually need to. We’re going to leave strands ate 1 and periodicity at 1. Strands and periodicity are the number of times that this will rotate. So if we send it up to 2 you’ll see that we get something that’s actually got two rotations. We don’t want that for this effect. We really only want one. And periodicity at 1 is fine too. The zoom is going to allow us to zoom in or out of this image. And at the moment we’re just going to leave zoom all the way out. Center is going to center the image itself. So when I drag on this the image rolls over, not the center of the actual portion of the image that we’re working with. You can see that if I just center shift I’m getting a very different effect on the image. Now center shift is something that I typically will adjust because I want to make sure that she is sitting opposite the image and the image is not actually over the top of her which it would be here. I’m going to adjust the rotation because at the moment it’s rotated at an angle and I really want it straight. So I’m going to rotate it a bit so that she is straight up and down. And having done that I want to bring the center of the image down. So I’m just going to adjust the vertical and perhaps also the horizontal so that I get the effect that I’m looking for. And I can combine that with zoom. Background RGBA is just the background of the image if this were showing any background, which it’s not. And levels and levels start you just don’t need to be working with at all. Transparent inside just makes it circular so we don’t want to use that. There’s really nothing below these settings that we’ve been working with that we really even want to see. So let’s just check and make sure that we’re getting the result that we want. Perhaps adjust these radius values to get a bigger image. And I’m thinking I like that a bit better, straighten it up with the rotate, perhaps move the center a little bit. And when we’re happy with the result that we’ve got, we’re just going to click Ok. And there’s our finished Droste effect. If we added some more levels we would see some more repeats in here. You can see that the repeats have sort of stopped. So we could go back and add more levels and that would give us a better result. Let’s just go and do that because all our settings will be still in place. And so what we’ll do is we’ll just increase the number of levels here and click Ok. And that’s giving us more repeats in the image here. But there’s the Droste effect filter created using the Pixel Bender plug-in in Photoshop CS4, CS5 and CS5.5. I’m Helen Bradley. Thank you for joining me for this video tutorial. If you liked this video please give it a thumbs up in YouTube. You’ll find more video tutorials on my YouTube channel and look out at projectwoman.com for more tutorials and articles on Photoshop, Illustrator and Lightroom.

Helen Bradley

Labels: , , , , , , , , ,

Categories:photoshop, video

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

Monday, October 15th, 2012

Photoshop Make Custom Buttons

Make your own custom glossy buttons in Photoshop – shows how to layer pieces on top of each other, and how to use Styles, a gradient and Warp to quickly and simply create a button in just a few steps.

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 I’m going to show you how to make custom buttons in Photoshop. This video was really born of necessity. What I needed was for a project that I was working on I needed a stop and a go sign. And all I could find on the stock websites that I liked and that really worked for me was a stop sign. I couldn’t find a matching go sign. So instead of buying just the stop button and then going ahead and reworking it to make my go button I decided I’d make it from scratch.

So here’s my stop button, and we’re going to make it. And I’ll show you have to turn it into a go button so that you can do that as well. I’m going to start with a new document. And I’m going to start with a relatively small one but you can make yours as large as you want and if you were using this at a lot size you’d want a large size document. So I’m just going to click Ok. And it has a white background and that’s Ok for now.

So I’m going to choose Window and then Layers so we can see our layers palette. I’m going to start with the shape that I’m going to use. So I’m going to show my toolbar which has disappeared here, and I’m going to go and get a custom shape. Now there is already a shape that I can use here and what it is is the polygon shape. And all I need to do is to set the number of sides.

Now this is a sided figure so it’s already preset. Let’s just click on a new layer and we’re going to choose pixels. And I’m going to go and get a red color to use. So now that I have Pixel selected and my red color and a brand new layer I’m just going to draw my polygon. Now I’m going to hold the Shift key so it’s constrained to a regular shape. And because it’s being drawn in exactly the wrong place I’m going to hold the Spacebar down and move it into the middle of my image. And only when I’m ready am I actually going to let go the left mouse button which I’m doing now. As you can see it’s not actually rotated correctly but we can fix that with the move tool.

I’m going to go to Edit Free Transform and I’m just going to rotate it 15 degrees because that’s all it needs to be straightened up. So we’ve got our starting shape now. Now we need this white bit. So what I’m going to do is to actually just put this on a new layer. So I’m going to create New Layer via Copy which means I’m going to copy the exact shape into a brand new layer. I’m going to make white my foreground color. I’m going to fill this layer with white using Alt Backspace on the PC, Option Delete on the Mac.

Now if I click on this icon here you can see that now I have a white shape. I want it to smaller than this bottom shape. So I’m going to click and drag on the corner but I’m going to do it with the Alt key selected because that is going to size that relative to the middle portion of the shape. So now I’m just going to size it in and let go the left mouse button and then let go the Alt key. So now I have a second shape on that layer.

So again once I’ve created this layer I’m going to choose Layer New Layer via Copy. And this time we’re going back to our red color. So I have that selected. I’m going to click here to lock these pixels, Alt Backspace Option Delete to fill it with that color. And again I’m going to size it in by dragging with the move tool and do that with the Alt key selected so that I can actually set this border here so it’s sort of even all the way around and then let go and click the checkmark here. And now we have our shapes.

Now we’ve got basically all the bits that we need except for the text. So let’s go ahead and put the text on. So I’m going to go and grab the text tool. I’m going to reset these so that I have white as my foreground color. I’m just going to go and find a font to use. I’m really not that fussed about what font we use because you can go ahead and find a really good font yourself. I think I might just use Calibri. Nowhere near big enough in actual fact, so let’s just go in here and let’s make it 200.

Not nearly big enough even still. 350 pixels is pretty good. And let’s just move that down into position. Ok, so there’s my stop sign. What it’s missing right now is this sort of look that gives it a sort of dimension. Now the dimension that we’re going to give our shape is going to be created using styles so I’m going to click here and add a style. And I’m going to choose bevel and emboss. Now we’re on the back layer so we’re on this outside edge. And what I want to do is to add quite a deep bevel. And we’re just going to size that to suit.

Now you can see that the highlight mode here is Screen but it doesn’t have to be screen. We could actually multiply it and we could use a slight color here if we wanted to darken up the edges of the highlight. And here around the shadow areas we’ve got again multiply and a darker color. In this case I may want my dark red, but I may want it a bit redder. So instead of using a sort of black color to multiply I’m multiplying with a darker version of the color I’m using. But you can play around with that.

You can also play around with the shape of the bevel. So you can make it all sorts of different shapes. And you can even click here and change it manually by dragging on the curve. But I’m just looking for a beveled edge here. And it needs to be an inner bevel, but we could make it chisel hard or we could make it chisel soft as well. They’re alternatives that we could use. Once we’ve done that I’ll just click Ok. So that’s taken care of the outside edge, and we’ve got the white mark. All we need to do is to deal with the middle.

So again I’m going to select the middle and I’m going to again add a slight bevel to it. So let’s go to bevel and emboss. This time again in a bevel I want quite a large one, but I want it to be really, really soft in shadow. I just want it there, only just barely. So I’m going to call that good for that inner bevel right now. If you have a look at this particular stop sign you can see that it’s got a line through it. And now we’re going to create that affect again here in Photoshop.

There are any number of ways that you can create that sort of custom shape. But I’m going to show you just one way that you can do it. I’m going to start with a new layer and I’m going to drag a rectangle on it. And this rectangle is going to be over the top of my stop sign. And I’m going to go and grab the same colors as I’ve used in my stop sign, this red, and I’m going to choose a slightly darker version of the red. And let’s make this a slightly lighter version of it, but again all in the same color palette.

Now that I have these colors I’m going to fill this shape with a gradient made from those colors. And the gradient I want is this foreground to background gradient. So I’m going to select it, and I’m going to drag it into here. And I want a linear gradient. And I want it the other way around because I want the lightness at the top. So I’m going to reverse it. So once I’ve got my linear gradient in place I’m going to call that good. And I’m going to then clip it because what I’ve got right now is a gradient that’s going to give me the beginnings of the effect that I want.

The problem is is that it’s much bigger than the shape underneath. But if I create a clipping mask it’s all going to work perfectly. So with this layer selected I’m going to choose Layer, Create Clipping Mask. And you can see that that shape is now clipped to the shape of the layer below. Now I just need to drag down the opacity a bit. Ok, now we want to make that nice shape. So with this layer selected I’m going to choose Edit and then Transform and then Warp. And now I can warp this shape to the shape that I want. So I’m just going to drag down on this edge. And I’m going to look to make a smooth warp over my image.

If I want some more darkness into my image I can just pull up the darker edge of this rectangle. I don’t want to twist these if I can help it. I did in my shape and it didn’t end up quite the way I wanted it to look. But here we’ll be a bit more careful. So now that I’ve got my sort of warp look I’m just going to click the checkmark here. And that’s now in place. And if I want it a little bit differently I can just drag on this shape and just bring it down or I could re-warp it. But there’s the basics of a stop sign. And that’s all been created now inside Photoshop. So I could save this off as stop. Now to recolor this and make this the go sign all I need to do is to put in an adjustment layer.

So I’ll choose Layer, New Adjustment Layer, Hue/Saturation and click Ok. And this hue/saturation adjustment layer is going to affect everything below it. And so all I need to do is to drag around until I find a green for go. And somewhere in here is a pretty good green, decrease the saturation a bit and just work out exactly where my correct green is. Ok. So now we’ve actually turned stop into go. And we’ve done that just using this layer. And all I’d need to do now is to just go ahead and type a layer that has go written on it. Let’s click the text tool. Let’s make sure we’re typing in white, click here and just type go. So my stop sign is now a go sign.

Here is the stop version. And then with the adjustment layer that changes the color and then a text layer here’s my go sign. And these two signs match exactly. And it was really fairly quick to create them inside Photoshop. I’m Helen Bradley. Thank you for joining me for this video tutorial. If you liked this tutorial place give it a thumbs up and like it on YouTube so that you tell others that it’s a good tutorial. You’ll find more of my tutorials on this YouTube channel. If you subscribe you’ll be advised when new videos are launched. And look out for my website at projectwoman.com where you’ll find more tutorials, Tips and tricks for these applications.

Helen Bradley

Labels: , , , , , ,

Categories:photoshop, video

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

Monday, October 8th, 2012

Photoshop complex designs from simple shapes

Learn how to create complex designs in Photoshop from simple shapes. Learn how to quickly rotate shapes, how to find and fill them and some ideas for using them in your own work.

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 I’m going to show you how to create complex designs from simple shapes in Photoshop. And this will work in practically any version of Photoshop. Before we start on this tutorial I’m going to show you exactly what you’re going to end up with so that you can get an idea as to what we’re aiming for. This is the kind of complex shape that we’re going to create in Photoshop, and we’re going to do it using Photoshop shapes. And what I’ve done is I’ve created a shape on this middle layer and then another shape on the top layer. And what I’ve done is actually blended the two together using a blend mode. But if you liked it you could actually just settle for this shape. You can take any part of this tutorial and use the pieces of it in your own art. So let’s just tuck this image away and let’s get started. And the first thing that we’re going to do is to create a brand new file. And I want to make this file a fixed size because I’m going to need to use some of these dimensions in a minute. And I’m going to make it 4,000 by 4,000 pixels because that’s going to make the math really easy. I’m going to set it to RGB color and I’ll have a white background. So that’ll be just fine. I’ll click Ok. The first thing I’m going to do is add a new layer to make sure that everything is kept separate of this background layer. And then I’m going to choose View and then New Guide and I’m going to add two guides. I’m going to add them at 50 percent horizontal and then another one at 50 percent vertical. And I’m going to choose View and make sure the Snap is turned on and that we’re snapping to guides. Now let’s go and find a shape. Now the shape tools in Photoshop CS6 that I’m using are a little different to in the earlier versions but they work pretty much the same as long as you just follow along here. Now the first thing I’m going to do is select a shape. Now this is the shape that I used earlier. So let’s just click on that to use it. I’m to set my foreground color. I’m going to make sure that I’m working in pixels. Now in earlier versions of Photoshop there’s icons here not a dropdown list. But what you want is Filled Pixels. And then I’m going to make sure my shape is selected, and I’m going to select my layer and draw my shape. And I’m going to set it away from the center line. But before I finish drawing it I’m just going to hold the spacebar and position it. Now I’m going to want it more accurately positioned but we can do that in a second, just let go and it’s filled. I’m going to click the move tool and I’m going to zoom in here because I want to make sure that this is in the exact right position. So yes it has snapped into the correct position. So I’m going to leave it there. Now I’m going to choose Layer, New Layer Via Copy. Now this is critical that you use these steps that we made a second layer and then we’re going to press Ctrl or Command T to get into Transform mode. Now we want to rotate this shape but we want to rotate it around the center point. So I’m going to grab this sort of marker here in the middle and drag it over the center point of my image. And I can check up here and this should say 2,000 pixels by 2,000 pixels. And if it’s not dead right I can come in here and change it. We want it to rotate around the exact midpoint. Then we need to change its angle. And I’m going to rotate this one 30 degrees. So each one of them is going to be rotated 30 degrees from the previous one. And I’ll click the checkmark. To save myself having to do that repeatedly I’m just going to press Ctrl Alt Shift T, which is Command Option Shift T on the Mac. And as you can see every time I press that key I get a rotated shape. I’ll do that until I rotate around the full 360 degrees. I’m then going to click on the first of these layers I’m going to Shift Click on the last of them so they’re all selected and then choose Layer, Merge Layers. And I could just press Ctrl or Command E. And that’s put that shape on a layer all by itself. And really that’s all we’re going to do to create this small complex shape. Let’s go and add a brand new layer, and now let’s go and find a different shape. Here’s the Custom Shape tool. Let’s go and find a different shape to use. Now earlier I used this shape. So let’s just select it. It’s sort of like a little rickrack design. I’m going to change my foreground color so it’ll be a little easier to see and I’m going to drag it on the image. Now I’m not concerned that it drags in proportion here. I think it’s more interesting perhaps if it doesn’t. I’m going to position it roughly where it goes, then zoom in with the Z or Zoom tool.     I’m going to choose the Move Tool and make sure that it is directly on that line, so it’s snapped to that line. Now I’m going to make a new layer, Layer, New Layer Via Copy. With this new layer I’m going to make sure I have Move Tool selected. I’m going to move its center point so that its rotation point is right over the middle of my image. I’m going to check up here and if it’s not at 2,000 by 2,000, and X and Y at 2,000 and 2,000 I’m going to make it 2,000 and 2,000. And now I’m going to rotate it. And this one I’m going to rotate just 10 degrees and click the checkmark. And then I’m going to Ctrl Alt Shift T a number of times, in fact 35 times, for this to rotate around and finish its rotation. Then I’m going to grab this layer, click on it, scroll down to the last of these layers, Shift Click on it and then merge them with Layer, Merge Layers or press Ctrl or Command E. So let’s just zoom out here and this is our new shape. And this is the shape with the original one underneath. And now I can impact how these shapes relate with each other by for example setting an Overlay Blend Mode. You can see that we’re getting a different effect. And we can use all sorts of blend modes for these layers to control how they interact with each other to get different effects in our pattern. Now I like that one so I’m going to settle for that. And let’s just add one final layer to this. I’m going to click on the layer. I’m going to add another color. It’s going to be a dark purple. And this time I’m just going to add a circle, a filled circle. And I’m going to add it out here. Actually let’s make it an oval. Now a filled oval, I’ve just dragged the oval out. I need to fill it. The foreground color is the dark purple that I want. So I’m going to Alt Backspace, Option Delete on the Mac. Now I could if I wanted to add some additional circles. So if I wanted to align these or not align them as I wish I can do that. So let’s just add a few different shapes in here. And we’re going to use these to decorate our piece. So having created those shapes I’m now going to select the Move Tool and Ctrl Click on this layer so that I’m going to affect the entire layer. I’m just going to move this down so it’s centered. Now we’re going to do exactly the same thing as we did before, Layer, New Layer Via Copy. We’re going to use the free transform Ctrl or Command T. We’re going to move this transformation point into the center of the circle because we want everything centered nicely. We’re going to change this to 2,000 by 2,000 pixels in case it is not already set up to be that. And then we’re going to choose an angle. I’m just choosing an angle there is a factor of 360 degrees. So I’m going to choose 36 this time and click the checkmark. And now Ctrl Alt Shift T, Command Option Shift T on the Mac, to create my rotations. The same as before, select the first layer, Shift Click on the last of these layers, Ctrl or Command E to merge them. And now let’s see what we have. I’m going to zoom out. You can see that these dots have given us a little bit more visual interest in our design. And we can just run through these blend modes to see what sort of effect we can get with the blend mode. So I’m just running through down the blend mode list to see if any of these are giving me an effect that I like on my design. Well I kind of like the green that I’m getting with this exclusion. So there you have the way of creating a complex pattern in Photoshop. And all we’re doing is creating shapes and rotating them around a known center point. When I’m through I’m going to choose View, Clear Guides and that will get rid of the guides so that we can see our finished pattern. And we could use that as a repeating pattern in Photoshop. We could make it into a shape. We could do all sorts of things with it. We could even make it into a brush if we wanted to. I’m Helen Bradley. Thank you for joining me for this Photoshop tutorial. You can find more of my tutorials on the this YouTube channel. And visit projectwoman.com for tips, tricks and articles on Photoshop, Illustrator and Lightroom.

Helen Bradley

Labels: , , , , , , ,

Categories:photoshop, video

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

Monday, October 1st, 2012

Photoshop Create Plaids & Checks

Learn how to make plaids and checks in Photoshop very quickly. See how to save the plaids as patterns and how to  fill a shape with a pattern in all versions of Photoshop.

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 video I’m going to show you how to create quick and easy plaids and checks in Photoshop. And this is going to work with pretty much any version of Photoshop. Before we start creating our plaid pattern let’s have a look and see exactly what we mean by creating plaids and checks. This is a simple sort of gingham style pattern that we’re going to create, and I’ve used it to fill a shape. And you’re going to see how you can do that as well. So let’s just tuck that away for now and let’s go and create our pattern. I’m going to choose File New and I’m going to create a workspace that is a fixed size and it’s going to be square. So I’m going to make this 200 pixels by 200 pixels because that’s going to be nice and easy to see. And I’m going to for this one create background contents as white because I actually want white as the basis of my pattern. So I’m quite happy to have white there. I’m going to choose View Rulers because I want to see my ruler right now. And I want to add two guides just to make sure that this is perfect. I’m going to choose New Guide and I’m going to make this 50 percent Horizontal and then add another one at 50 percent Vertical. These guides are going to help me draw in my shape. So I’m going to select the Rectangular Marque Tool and drag over one side of this shape. I need to work on a new layer so I’m going to click the New Layer icon here. And let’s choose a different color to the one we were working on before. Let’s create a sort of purple gingham this time. So I have purple selected as my foreground color, a brand new layer. I can fill this layer automatically with the foreground color by pressing Alt Backspace on the PC, Option Delete on the Mac. I’m going to add another layer. Still with this Marque Tool selected, this time I’m going to select the top area here, and I’m going to fill it again with the same color, Alt Backspace, Option Delete. And there’s the basics of my gingham check pattern. The only thing is is it doesn’t quite look the way it’s supposed to look yet. What I’m going to do is to make these layers both 50 percent opacity. And when I make both these layers 50 percent opacity you can see that we’re getting this sort of gingham check look. And I’m pressing Ctrl D, Command D on the Mac, to deselect my selection. To get rid of my guides I’m going to just click Clear Guides. So this is my gingham pattern. To make it a pattern I’m going to press Ctrl A or choose Select All to select everything and choose Edit and then Define Pattern. And I’m going to call this purple gingham and just click Ok. Now that pattern is created so I can just trash that document. But we might save it just for the moment because we might come back to that in a minute. Now let’s see how we could use our plaid pattern. I’m going to choose File New and create a letter size document with a white background. And here it is. Here I’m going to click the Custom Shapes Tool and I already have this rabbit shape selected. But you could select any shape. And I’m going to show you how to do this in any version of Photoshop because Photoshop CS6 is a little different. But the procedure I’m going to show you will work with any version. So with the custom shapes tool selected we’re going to make sure that we have path selected here. There are three options and they’re just different icons in earlier versions of Photoshop. But you want the Paths option. And we’re going to drag our rabbit shape. I’m holding Shift as I do so to constrain it to those proportions. Now in any version of Photoshop you can choose Layer New Fill Layer Pattern. Click to accept pattern fill and then you’ll find that it’s filled with the most recently created pattern which is the pattern we just created. If the scale of the pattern is too big, which it is really for me, I want to scale this down to 25 percent. I can just select Scale 25 percent and click Ok. And there is my rabbit filled with my pattern. Now in Photoshop CS6 you can do it a little differently. What we’re going to do is to choose a shape. And in this case we can fill our shape with a pattern. So now let’s grab our rabbit. And you can see that by default this is now created. It’s actually got a stroke on it. I don’t want any stroke. And with my pattern fill I can scale my pattern here in Photoshop CS6. So CS6 just makes it a little easier to do. But you can still do the same process in any version of Photoshop. Now let’s just go back for a minute to our original shape which is this one here. We could do some other things to make it a little bit more plaid like. For example I’m going to add a new layer, drag it to the very top, and I’m going to drag a very small stripe through here. And I’m going to fill it with a slightly darker version of this purple. So this is the foreground color, Alt Backspace, Option Delete. And then I could add another one again through here. This one I’m going to do twice. So I’m going to select the selection I have here and I’m going to Alt drag on it to create a couple of lines. Actually let’s do three. And I’m going to call that my new plaid shape. Having done that lets press Ctrl A to select everything, Edit Define Pattern. This is going to be my new pattern. It’s a little bit off in the spacing but I’m not going to worry too much about that. Let’s turn everything off here. Let’s go and grab a new shape. So for this one we’ll do a flower shape. And again, I’m just going to choose, well let’s go with Photoshop CS6. Let’s grab our pattern there and no stroke and just draw my flower shape holding Shift to constrain it to the shape. And you can see now that we have a more complex pattern fill for our object. We can again scale that down to 50 percent. But you can create plaids any way that you want to, and they’re going to fill any shape in Photoshop. I’m Helen Bradley. Thank you for joining me for this video tutorial. You can find more of my video tutorials on this YouTube channel and visit projectwoman.com for more articles on Photoshop, Lightroom and Illustrator.

Helen Bradley

Labels: , , , , , , , , ,

Categories:photoshop, video

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

Tuesday, September 18th, 2012

Photoshop Sunburst Tutorial

Learn how to use Distort filters to create a cool sunburst in Photoshop.

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 I’m going to show you how to create a quick and easy sunburst in Photoshop. To create my sunburst I’m going to start with a new image. I’m going to make mine 3,000 x 3,000 pixels in size so it’s a reasonable size. I’ve yellow selected as my foreground color. I’m just selecting the Rectangular Marquee Tool and just selecting about half of this image and filling it with the foreground column by pressing Alt Backspace on the PC, Option Delete on the Mac. I’m going to do Select Inverse so that I have the other half of the image selected. Again, I’ll select white as my foreground color and fill it with that color and then Ctrl or Command D to deselect the selection. So all I have right now is an image where half of it is yellow and half of it is white and it’s all on one layer. To distort it I’m going to start with the Filter Distort Wave, and that’s the first part of my sunburst. I’ll select Square as the type. And now I’m going to set the Wavelength. And you’ll find that the larger you set the Wavelength you get more of these stripes. Don’t worry that they don’t extend yet. What you’re worried about at this stage is the number of them. So I want about that number of stripes. Now I’m going to increase the Amplitude until I get stripes all across my image. So all I’m doing is square, equal values or nearly equal values for Wavelength and then adjusting the Amplitude until I get what I want in this little diagram here in this little preview window. And then I’m just going to click Ok. Before I leave here I’m just going to make sure that I Crop this because what I want is the exact same starting point and ending point. So here I’m starting on an orange stripe and I’m going to end over here on a white stripe. I’m just going to make sure that I have a pretty good crop here because that will make my wraparound work well in the next step. And the next step is to use the Filters again. We’ll choose Filter, and again this Distort option, but we want Polar Coordinates. And all I do is select the Polar to Rectangular or Rectangular to Polar that gives me the effect. If you don’t remember which one to use just flick between the two because it’s going to be really obvious which one gives you your sunburst and which one doesn’t. And obviously Rectangular To Polar is what I want so I’ll just click Ok. And here is my sunburst shape. It really is as easy as that. And I have a silhouette because I love to use silhouettes with sunburst shapes. So let’s just drag and drop a silhouette layer into here and then we can size it to suit. Now you can do all sorts of things with your sunburst effects. We could grunge this. We could texturize it. We could do all sorts of things with it. But to create it is as simple as a layer that is half of one color, half of the other color. Then you’ll Filter Distort, Wave to create a series off stripes, then you’ll Crop it so that you get the beginning of a stripe on one side and the end of the corresponding stripe on the other side. So you get this seamless sort of sunburst effect and you don’t have one really large stripe and then use Filter Distort Polar Coordinates to rotate it around. So there you have a sunburst effect in Photoshop.

Helen Bradley

Labels: , , , , , , , , ,

Categories:photography, video

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

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

Labels: , , , , , , , , ,

Categories:photoshop, video

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

Page 3 of 41234