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.
Ok, confession time. Some of my websites still use FrontPage 2003 for the code. It isn’t pretty but it is one of those things that work and, if it isn’t broken, I don’t generally fix it.
However today I headed over to helenbradley.com to give it a once over. The problem was that I had seen in my stats that the PR company for a major software provider had trawled my site recently and when I looked at what they checked out I realized how out of date it all was. So it was time for an update. Instead of FrontPage I grabbed all the existing HTML and opened the pages in Dreamweaver and let out one very big groan. They were full of font tags – nearly every piece of text had a font face, size and color associated with it.
The obvious solution was to make a site wide .css file and put all the formatting in there. Well that is dead easy but what about all the garbage in my code – how to get rid of that? The last thing I wanted to do was to select and delete it all one code at a time.
Turns out that Adobe had already thought of that and there is a command you can select to strip code. I chose Commands > Clean Up HTML and then selected the code to clean up.
As my code had too many Font codes in it I chose to specifically remove all of them too.
One click and all the mess was gone leaving me with the content stripped of its formatting.
I created some CSS styles for the text formats to use in the external .css file, attached it to each page, applied the styles to the text and it was all fixed, tested and up.
Now that site is officially FrontPage 2003 free and working just fine in Dreamweaver. I have one more site to bring across and then I can say farewell to FrontPage!
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.
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.
Learn how to make colored stripes in Photoshop. This uses a mosaic filter to turn a regular image into blocks of color from which stripes are extracted. Once you’ve done that you can then create a madras check from this stripe image and I’ll show you how to do that too.
Check out all our tutorials on our YouTube channel.
Complete transcript of this video:
I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create quick and easy stripes in Photoshop. And this is going to work in practically any version of Photoshop. Before we start and I show you exactly how to create this effect let’s have a look and see the kind of effect that we are creating. What I have here is a series of stripes in Photoshop. It’s a document that is full of stripes. And you can see here that I’ve also been able to create this as a sort of plaid look. So we’re going to look at both options here, and we’re going to create this set of stripes from a photograph really, really easily. So let’s just get rid of that document. And let’s go to our starter document. Now you can start with any document at all. I like to choose something that’s in the sort of range of colors that I want to see in my stripes. This is what I got my stripes from. So if you want pink and blue stripes then find an image that has say pink and blue flowers in it, or you could adjust it with a Hue/ Saturation adjustment later on. But we’re going to start with a filter. I’m going to choose Filter and then Pixelate and then Mosaic. And what the Mosaic Filter does is it turns this image into a sort of mosaic look. And what I want is nice big cells because that’s going to give me the stripes that I’m going to use in a minute, and the bigger the cells the less stripes I’m going to have. So I’m going to just choose quite a big value for us for now and just click Ok. And so there are the beginnings of my stripes. And now we’re going to use a tool, probably a tool that you’ve never used before and wondered what it’s purpose was, but this is this tool here. It’s the Single Row Marque Tool. And we’re going to click at the edge of a row because we want to take just one row of this image. And these are going to be the colors that we’re going to use. So I’m looking for something here with some blues and pinks and yellows in it. So let’s just select this one here. So I’ve selected a single row. And I’m going to choose Edit Copy because that’s copied that row. And now let’s create a new document. And I’m going to make it nice and big so let’s say three-and-a-half thousand pixels by three-and-a-half thousand pixels. And it can have white as its background. That’s Ok. I’ll click Ok. I’m going to add a new layer. And I’m going to paste my copied shape into it, Edit Paste. And it’s coming in here in the middle. It’s just such a small line, it’s almost impossible to see. But I’m going to target the Move Tool just by pressing the letter V. And now I’m going to drag it to fill the image because these are my stripes. And when I click the checkmark I now have my stripes. Now I’ve lost a bit of the yellow off the edge. So maybe I can just bring it in here. And I’ve got some slightly thinner stripes. And if I don’t like this color here I could just drag that off the edge and not even use it. So now I’m going to crop my image because I want to crop it to delete the cropped pixels. So I’ll just press Enter to crop it to size. And there is our stripe. So we could create this as a pattern if we wanted to use it over and over again, or if we just want to use it for now then we have it in place. So let’s see how we would make that into a plaid. I’m just going to duplicate this layer because I want to keep my stripes just in case I want to use them again later on. And what I’m going to do is reduce the opacity of this layer to about 60 percent, and then I’m going to duplicate it again. So I’ve got two layers each of about 60 percent opacity. And all I’m going to do is target this top layer, let’s grab the Move Tool, and I’m going to rotate it around 180 degrees. So I’m just going to hold the Shift key as I do that so it’s rotated to exactly the right number of degrees and just click the checkmark here. So now I have this sort of plaid madras sort of stripe pattern. I could change the blend mode if I wanted to by targeting the top layer and change the blend mode to something like Overlay. And that will give me a contrastier look. I could also try Difference or Exclusion. And that’s making a sort of otherwise brown and green pattern turn into a blue sort of pattern. So we have all sorts of options here. Here’s our original stripes garnered from our original photograph. And then what I’ve done is created two copies of it at an angle to each other and 60 percent opacity with a blend mode to create something that’s more like a madras stripe pattern. And this could be copied as a pattern or saved as a pattern by choosing Edit Define Pattern. We could use that as a pattern at any time. Before I create it as a pattern I’m just going to make sure that I’ve got rid of those pixels at the edge. I want it to be exactly square, and that’s not exactly square. But you can see the possibilities of working with stripes and patterns in Photoshop. I’m Helen Bradley. Thank you for joining me for this video tutorial. You can find more of my Illustrator, Photoshop and Lightroom videos on this YouTube channel. And visit projectwoman.com for more blog posts and Photoshop tutorials.
Learn how to make dashes and stitches in Photoshop using brushes and then how to paint with them and use them to stroke shapes.
Check out all our tutorials on our YouTube channel.
Complete transcript of this video:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can make dash lines and stitches using brushes in Photoshop. And this is going to allow you to not only paint with stitches but also to use these to stroke things. One of the really nice effects that you can achieve in Photoshop is the idea of having dash lines that might show as for example faux stitching on an object. I’m going to show you the basics of doing that now. The first thing I’m going to do is create a really small document. So I’m thinking about 300 x 300 because I want to create my stitches. It’s going to be transparent. Now stitches are a brush so the first thing I’m going to do is go and grab my brush. And I’m going to use a rounded rectangle for this. So I’m just going to select the rounded rectangle tool, and I’m going to draw something that I can use as a stitch. Now I’ve drawn it as a shape. So let’s just undo that and let’s go and draw this as just pixels. It’s a much better option. And I’m just going to call that my brush shape. Now you can get into more detail with your brush shape. What I’m going to do is just show you how you can use this to create stitches. So now that we have this shape I’m just going to Ctrl Click on it so I have a selected. I’m going to make it a brush by choosing Edit Define Brush Preset. I’m just going to call this Stitch and click Ok. And now I can get rid of that document. So now we’re ready to use of the stitches to draw around this shape and perhaps across it as well. So I’m going to select my Brush tool and I’m going to select the very last of my brushes which is my new stitch. And right now it’s not going to do really very much of what I want it to do. But we’re just going to undo that and let’s go and set it up to be a bit more friendly. We’re going to open the Brushes Panel to do this. And this is my brush. And this is the reason why it’s painting the way it is is because that’s the way it’s set up to paint. So I’m going to adjust its spacing so it looks a little bit more like stitches. And I can make them close together or far apart. I can also change the size of them because they’re pretty large right now. But I could make them considerably smaller if I want to. Now I can adjust Shape Dynamics as well. And we’ll just see right now how this brush is going to paint and see if we need to make some changes to it. Now I’m going to add another object to this design. Let’s just add a shape up here. Let’s go and fill it with a darker orange color, Alt Backspace, Option Delete, Ctrl D or Command D to deselect the selection. And now with my brush I’m going to paint with white, and I’m going to paint some white stitches across this shape. So I can either paint with my paintbrush or I can click once up here to start my painting and then Shift Click across the other side so that I get evenly placed stitches, Click once, Shift Click on the other end. Now as you can see the brush is not really following the shape of my painting so I want to change the way that this brush is behaving. But to do that I’m going into shape dynamics. And I’m going to make sure that Size Jitter is disabled because I don’t want it to change size. And I don’t want the diameter to change either so I’m going to remove that. I don’t want the Angle to change so I don’t want it to change as I paint. But I do want it to follow the direction of my brush. And I also do not want any Roundness Jitter. So I’m going to make sure that everything is disabled except that the controls are for the Angle is now following the direction of the brush. And now look how it’s painting. Wherever my brush goes it’s starting to follow that brush. So that’s a lot more of the way I want that brush to be painting. Okay, let’s face the problem of this circle. I’m going to actually just increase the size a little bit for this circle. Let’s turn that off. So now I have my brush selected and I want a stroke around the circle. So let’s just go and get this layer. And I can Ctrl Click on this layer to make a selection but I want a stroke inside the shape. So I’m going to choose Select Transform Selection because that allows me to transform this selection. And provided I now hold Shift and Alt as I drag in I’m going to actually drag in on the shape so that it now becomes a concentric circle inside the original circle. I’m going to click the checkmark here. So now I have a strokeable selection. But I want to stroke it so I’m going to choose Window and then Paths, and I’m going to turn it into a Work Path. And when it’s a Work Path it can be stroked with a brush. And this is the option here. So I have my brush selected, my color, my stitch, and it’s all set up. I’m going to click here to Stroke Path With Brush. And we’re seeing not only the path but also the brush so let’s just trash the path for now. And you can see that I now have a stitching line inside the shape. And because I have the angle correct the stitching line is going around the shape as if that shape were actually stitched. So there you have a way of creating brushes in Photoshop that you can use for stitching. You know how to make straight stitching lines and you know how to make stitching lines that follow your brush. And you also know how to stitch a shape by creating a path and then stroking that path so that you have this really nice effect. I’m Helen Bradley. Thank you for joining me for this video training session. Look out for more of my video tutorials on my YouTube channel.
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.
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.
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.
