Thursday, September 13th, 2012

Photoshop make brushes from photos

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

Check out all our tutorials on our YouTube channel.

Complete transcript of video:

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

Helen Bradley

Thursday, September 6th, 2012

Photoshop Repeating Pattern

Learn how to create a half drop repeating pattern in Photoshop. Also see how to fill a layer with a pattern and how to scale a pattern in Photoshop.

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

Complete transcript from video:

Hello, I’m Helen Bradley. Welcome to this video tutorial. Today I’m going to show you how to create half-drop repeating patterns in Photoshop. To create a repeating pattern I’m just going to create a new document of a fixed size. So I’m going to make mine 100 x 100 pixels in size, RGB color with a transparent background and I’ll click Ok. I’m going to zoom in here so we can see it a little more clearly on the screen. And I’m going to use a path for mine but you could start with anything you like at all. And I’m just going to click and drag and then click and drag in this direction because I want to make a sort of boomerang shape and click back over the starting point. Now I’m going to select my Direct Selection Tool, click on this point because I want to adjust it and Alt drag to split these two handles from each other, Alt drag again so that I can create this sort of boomerang shape. And I’m thinking that that looks pretty good. So now I’m going to turn this path into a selection by clicking here on the Load Path as Selection. I’m going to display my Layers palette so we can see what’s going on here. I have a color already selected so I’m just going to Alt Backspace Option Delete on the Mac to fill this shape with my color. Now I’m thinking I would like a stroke around this as well so I’m just going to stroke it. I could stroke it from the work path but it’s easier just to stroke this selection. So I’ll choose Edit and then Stroke and then let’s select a darker version of this color for the stroke. And we’ll stroke it in the center. And we’ll stroke it by 2 pixels and just click Ok. So there’s my shape and now I can deselect my selection using Ctrl D or Command D on the Mac. So now I have my shape I’m ready to create my half-drop repeat. To create a half drop repeat I have to break this up into four pieces and put it in the corners of the image. Luckily Photoshop can do that for me. So I’m going to start by making a duplicate of this layer and I do that by dragging and dropping it onto the New Layer icon. So I now have two copies of the image. I’m going to turn off the background copy so I have only the top version visible. And now I’m going to choose a filter that’s going to do all the splitting work for me, Filter Other Offset. And the offset filter will break the shape up for me. All I need to do is to tell it what half the distance is of the vertical and horizontal size of this image. Now I set up my image to be 100 pixels by 100 so half of that is 50 x 50. And all I need to do is type 50 and 50 into these boxes. And you can see that Photoshop has now broken this image up into the required pieces. I set the undefined areas to wrap around and just click Ok. And there is the breakup for my half drop repeat. And all I need to do now is to drop this middle shape back into position. And this is exactly the pattern I need for a half drop repeat. So I’m going to choose Select All and then Edit Define Pattern. And I’m just going to click Ok. I could call it something if I want to. I’m not going to bother at this stage. Let’s hide this. And now let’s create an image with that half drop repeats in it. So I’m just going to get rid of these tools over here and let’s create a brand new image File New. Let’s choose a US paper, let’s do it letter size. But I’m going to do it landscape. No background, we’ll just do a transparent background and click Ok. And here’s our image that we’re now going to fill with our half-drop repeat. And we do that using Edit Fill. And here we have in the Fill dialog the option of choosing a Pattern. And your pattern is always going to be the very last one in the list. It’s the last one because you just created it and click Ok. And here’s our half-drop repeat. Now I’m just going to drop a layer in behind this and we’ll fill it with white so I’ll just make white my foreground color, Alt Backspace or Option Delete on the Mac. And there we have our shape filled with our half drop repeating pattern. Now if that’s not the half drop repeat that you wanted but it’s too small or too large we could use a different way of doing this. I’m going to choose Layer New Fill Layer Pattern. I’m going to create it just as pattern fill layer, just click Ok. And now what we’re doing is we’re filling it with our pattern. But since we decided our pattern was either too small or too large, let’s say it was too small, we can now scale it up to 200 percent by typing 200 percent in here and click Ok. And now we have a pattern that is much larger than the original. So there are different options that you have for using your half-drop repeat pattern once you’ve created it in Photoshop.

Helen Bradley

Tuesday, July 3rd, 2012

Illustrator – Trace & Color with Live Trace & Kuler

How to use Live Trace to trace an image and how to recolor it once traced and how to harness the power of Kuler to recolor it with a color scheme.

Check out the rest of or tutorials on our YouTube channel.

Helen Bradley

Page 2 of 212