Learn to create a monochrome stamp effect from a photo in Photoshop. Includes using filters such as Posterize, black and white, threshold and the Photocopy and Stamp filter to adjust the image to get the effect. Also see how Dodge and Burn can help you fine tune the effect.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can convert an image so that it looks like a stamped monochromatic image.
Before we get started on this tutorial this is the effect that we’re looking for. I have an original bird image here and what we’re going to do is to firstly get rid of the background around the bird. And then we’re going to convert it to black and white. We’ll posterize it and then we’ll apply a filter to it. And finally we’re going to apply the Threshold Adjustment. And we’re going to end up with this sort of stamped monochromatic effect from an original photograph. So let’s just hide that and let’s get started on the image that we’re working with. And I have a duplicate image sitting here.
Now I’ve already gone ahead and made the mask for this image so that we’re not wasting a lot of time cutting out the bird. But essentially what I would use is the Quick Select tool to just select over the bird. And then I made a duplicate of the background layer by just dragging it onto the New Layer icon and then just clicked this Layer Mask icon and that adds a layer mask to the image. So there’s the bit that we had selected. Then obviously I would make a much better selection and this would give me my isolated bird here.
So the next thing that we’re going to do is to convert this to black and white. So I’m going to click on the topmost layer and we’re going to do this using an adjustment layer. The reason for this is that it can then be redone later on if we don’t like the effect. So I’m going Layer, New Adjustment Layer, Black and White and click Ok, and here is the black and white adjustment.
Now what I’m looking for here is that we’re going to make this into a pure black and white only image later on so I want plenty of detail here. So I’m just going to walk these sliders in either direction to see where they go. And I want some edge detail because that’s going to define the birds so I probably want to bring the blue channels and the purple channels over towards the black. And let’s just see where the red gets us. I want to definitely see the bird’s eye so I want that to be different to the colors surrounding the bird. So I’m just looking for a reasonably good black and white conversion at this point, and I’ll just close that down.
Next we’re going to use Layer, New Adjustment Layer, Posterize. And what the posterize adjustment does is it flattens the image to a certain number of colors. They’re called levels but here we’ve got four levels of lightness and darkness. So if we had a color image we’d have four colors. And we can wind this up to a sort of surrealistic amount or we can take it back to a less realistic, more stylized amount. And that’s exactly what we want here.
But you’ll see that every time you change this it has different affects around the edge. So the difference between 5 and 7 and perhaps 6 and 5 is really quite significant. So I’m looking for a number of levels that gives me a good result. I’m worried about the eye disappearing here. Three is not enough. Four is a whole lot better. I really quite like that four so I’m just going to let that be what we’re using here. At this point if we were not getting the exact result that we like we could go back and dodge and burn on this layer. So we could grab the Dodge or Burn tools here to darken and lighten the image by clicking on these, taking the highlights, just make the brush a little bit smaller and perhaps brush around the edges here to darken it up which will ensure that later on we’re going to get some dark edges around the edge of our bird. So if that’s of concern to you selecting a tool such as Dodge or Burn will allow you to lighten and darken the areas around this bird that you want to have lighter or darker.
So for example if we really wanted to see this eye we could lighten the areas around the eye. So you can craft that to an extent using the Dodge and Burn tools here. So I’m just going to burn in a little bit around the top of the leg and the sides of the leg here, and perhaps just under the belly. So once we’ve done that I’m going to come up to the topmost layer and I’m going to make a flattened version of the image so far. And I do that by holding Ctrl and Alt and Shift and E, that’s Command, Option, Shift E on the Mac. And this gives us a flattened version of this that we can now apply a filter to.
I could use smart filters but the filter is just going to be fine for this. So I’m going to choose Filter and then Filter Gallery but before I do this I’m making sure I’ve got black and white as my foreground and background colors because the filter set that we’re using relies on black and white for the color. So if you don’t have black and white selected as the color it’s not going to be a black and white effect that you’re going to end up with. So I’m just going to drag this back in. And I used the Photocopy earlier, and I found that that was a really good result for me.
But you could also try the Stamp and see if in the light and dark balance you can get what you want with the Stamp. We’re going to get pretty much the Stamp effect by just using the Photocopy. But I’ve got a way of getting rid of these sort of almost blurry sort of gradient detail in the bird’s back. So I’m going to ignore that for now and just go for a good sort of stamped effect. I’m looking at the blacks and the whites in this image because that’s essentially what I’m going to get at the end of this. So I’m going to say that that’s good and click Ok.
And the final tool that we need to make these areas disappear is a Threshold Adjustment. And again, I’ll do this using an adjustment layer with Layer, New Adjustment layer and then Threshold. Now Threshold is an unusual sort of filter. What it does is it turns everything either pure black or pure white. There is no in between. And this selector here tells Photoshop at which point we want the colors to go to white or to black. So if we wind this back down a little bit we’re going to get rid of some of these areas in here and they’re become darker or lighter according to how we have this selected.
So I’m just going to go around about that midpoint because we do have this as an adjustment layer which means that if we make changes to this layer they will affect the adjustment layer. So I’m just going back to the Dodge tool here and just see if I can get rid of the very obvious sort of circling effect here, so I’ll just make that a little less obvious that that was something that got left behind with the Photocopy filter. Let’s just bring the exposure right up. And there’s our finished bird there. And we can do whatever we like with it.
You may want to save it out so that you could use it perhaps with a background color or something like that. But there’s this sort of stamped monochromatic effect created in Photoshop. And it’s done very easily by first just isolating the object and then converting it to black and white in a way that gives you the contrast that you want, posterize it to flatten it to some levels of color or levels of tonal range, create a brand new layer from that and apply a Photocopy or Stamp filter to it and then finally finish off with the Threshold Adjustment.
I’m Helen Bradley. Thank you for joining me for this video tutorial. If you liked the tutorial please Like it and comment on it and share it with your friends. Look out for more videos on my YouTube channel and visit projectwoman.com for more tutorials on Photoshop, Photoshop Elements, GIMP, Lightroom, Illustrator and a whole lot more.
Learn to create a vector sunburst in Illustrator – This works with all versions of Illustrator including the new CS6. The process is simple and uses a stroke to make the sunburst – it is quick and doesn’t require a lot of fiddling to create.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can create a sunburst vector shape in Illustrator.
Before we get started creating our sunburst effect let’s have a look and see what it is that we’re aiming for. Here I have a sunburst and it’s just offset in this rectangle, but you could have a circular one if you like.
We’re going to start with circular and then we’re going to crop it to a rectangle. So if you’re ready let’s have a look and see how we create this effect in Illustrator. And we’re going to start by creating a brand new document so I’ll just choose File, New. It doesn’t matter too much what my document looks like.
I’m going to start with the Ellipse tool. So, I’m going to select the Ellipse tool and drag a shape on my image. And I need this to be a perfect circle so I’m going to hold the Shift key as I draw it and then just let go. I want this to be black stroke and no fill so I’m just going to click on the fill here and turn the fill off.
Now let’s go to the Appearance panel for this selected path and I’m going to click the Stroke option. And I’m going to set the stroke to about 200 points. And when I do you’ll see that we get this sort of circle all the way around our shape which is pretty near exactly what we want when we click the Dash Line option. Now with the Dash Line option I can set the dashes to whatever I want and this is going to affect how many of these sunbeam things there are around the shape.
So let’s just go to 20 and try that. This is what I’m a little concerned about. You can see that there’s an uneven spacing here, but you’ll see that you can adjust that by clicking this option here. So just work out how many points you need to get the number of sunrays that you want for your particular shape. I’m going to do a few more in this one rather than less so I’m going to 10 points. And when I’ve got what I want I’m just going to click away from this. And this is the basic shape. Now before we can do anything with this shape we’re going to first have to expand its appearance.
So with the shape selected I’m going to choose Object and then Expand Appearance and then Object, Expand because I want this dialogue here. And I’m going to expand both fill and stroke So I’ll select both of those and click Ok. And now each of these sunbursts is a separate shape and I need now to close up the middle. And I can do that by grabbing the Lasso tool. It’s the easiest tool to use. And all I’m going to do is just drag around because I want to select all the nodes and pointers’ handles in the middle.
Now I’m going to choose Object and then Path, and I’m going to choose Average. And with Average I’m going to select both Horizontal and Vertical and click Ok. And what that does is it just closes up the middle nicely for me. So I’m going to click outside my shape and here is my sunburst shape. So with it selected I can then go to what is now my fill color and I can choose a different fill color for it. And we could fill it with a gradient.
We could do anything we liked at this point. So let’s see now how we’re going to crop it. So I’m going to select the Rectangle tool. I’m going to start by drawing a rectangle and I’m just going to hold the spacebar as I bring it in position over the top of my sunburst because I want to work out exactly where the sunburst is going and where the rectangle is going relative to it. So I think that’s a pretty good position for me. So I’m going to let go of the spacebar and let go of the left mouse button and now select all my objects. I’m selecting other everything, and in the Pathfinder I’m going to select Crop. And that crops the shape to the size of that rectangle. And we lost our fill here so let’s just click on the fill and put the fill back on.
So here is a shape that we could save to our Symbol library. And those sunbursts are very, very easy to create in Illustrator as vector shapes. And of course if you add it to your Symbol library then you’ll have it available anytime you want to use it. And it’s very easy to create ones with different numbers of rays in them.
I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more of my videos on this YouTube channel and please like and comment on the videos. Look out too for my website at projectwoman.com. There you’ll find more tutorials and tips and tricks for Illustrator, Photoshop, Photoshop Elements, Lightroom, GIMP and a whole lot more.
See how to create some effects such as rotations and a transparency heart effect in Illustrator. This is Part 2 of the videos on halftone hearts.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re going to take a step further from our halftone hearts tutorial and have a look and see what we can do with the halftones that we create. In this video we’re going to go one step further than the last video.
In this video we’re going to create this sort of circular effect from the string of hearts that we created using the Blend tool in Illustrator. And then I’m going to show you how you can use a transparency mask to create this sort of effect in Illustrator as well.
We’re going to start with a brand new file. And I have some of the elements left over from the first video here that we’re going to use. And we’re going to bring in this heart shape. And I also have a spare set of this string of hearts that we created so I’m going to bring that in. That just saves us having to recreate those. Now I want two sets of this so I’m just going to drag a second set away from the first.
Let’s have a look first at how we would create that sort of spiral. I’m going to size the hearts down in proportion so I have a small set because I’m going to rotate these around to create the full rotation. To do that I’m going to choose Effect and then Distort and Transform and I’ll select Transform. I’m going to click Preview so I can see what’s happening, and I’m going to rotate these around at this bottom point. So this is the very bottom point of this chain of hearts and I’m going to rotate them 10 degrees. Now I haven’t got Copy set so this individual string is going to be rotated 10 degrees but I want enough rotations that I can go all the way around a circle. And if I rotate something 10 degrees in 10 degree increments I need 36 of those to go around the circle because a circle has 360 degrees. And that’s all I need to go to create this shape so I’ll click Ok.
And now that shape is created but of course it is still really just a string of heart. And to make it into the individual shapes we’ll choose Object and then Expand Appearance. And now it is those little heart shapes individually. The other thing I want to do is to create a set of halftone hearts that we can use as a transparency mask for this particular heart.
First of all I’m going to switch the foreground and background colors here so that we have a pink heart. And I need to create a box, a sort of rectangle of these hearts. So again I’m going to shrink these down so they’re about the same size or height as this heart is because they’re going to be used for a transparency mask for that. I’m going to select these and again I’m going to do is the transform so I’m going to choose Effect, Distort and Transform and then Transform. This time I’m going to create about 20 copies. And I want to move these so I’m going move these in a horizontal direction about 7 or 8 pixels, let’s say 8 pixels here, and just click Ok.
I just want a block of hearts big enough for me to put my heart on top of that. So they just need to be that size. I’m going to expand the appearance of this halftone effect so I’ll choose Object and then Expand Appearance. And then I want to copy it to the Windows clipboard so I’ll select it all and choose Edit and then Copy. So it’s now in the Windows clipboard and I can just tuck it outside out of the way because we don’t need it anymore.
With the heart shape selected I’m going to use the Transparency palette which we can get to by choosing Window and then Transparency. And I’m going to click to make a mask. And because I want this mask to be clipped to the heart shape I’ll click Clip. I’m going to select on the mask here and I’ll just choose Edit and then Paste. And here is the halftone heart shape. And I’m just going to position it into position here. And I want the little hearts to be pretty much up around the top curve of the heart so it’s really quite well defined. So I’m thinking that’s probably going to be about the right position. And then to go back to working with my heart I’ll click on the heart in the Transparency palette. And that’s how the final effect looks.
What I did when I showed it to you earlier was I created a filled, a red filled square that was over the top of the heart. I’m just going to create my square. And this needs to be sent behind so I’m going to send it to the back. And the heart itself instead of being filled with pink was filled with black so I’ll just click the fill color and we’ll fill it with black. Now if the mask is not in exactly the right place we can also just select back on the heart, reselect the mask and perhaps adjust the positioning of the mask by a pixel or two, reselect the heart and we’re back working with the heart itself.
So there are some effects that you can create using this sort of halftone effect which we created this time using halftone hearts rather than halftone dots in Adobe Illustrator.
I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out on this YouTube channel for more of my video tutorials and go to my website at projectwoman.com for more tutorials, tips and tricks on Illustrator, Photoshop, Photoshop Elements, Lightroom and more.
Learn how to make half tone effects with hearts (instead of dots), in Illustrator. Uses the Blend and the Transform tools for this effect. This is part 1 of a two part series on halftone hearts.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can make halftone hearts in Illustrator.
Before we get started creating our halftone heart effect let’s see what it is that we’re aiming for. And this is the effect that we’re going to create by the end of this video tutorial. And if you look at the link below for the next video tutorial in this series I’m going to show you have to create this effect and this one too.
But for now let’s get started on this effect. I’m going to create a new file by choosing File and then New and click Ok. I’m going to view my rulers so that I can drag a guide in that I will use as a guide for drawing my shape. I’m going to grab the Pen tool. I’ll click and drag on the guide. I’m going to add a curve over here, another one here, and one finally back here down on the guide. And I’m just going to Ctrl click outside to disable that Pen tool. And here is my shape. And obviously I need to do something with it before we go any further.
I’m just going to adjust these points so that we get something looking a little bit more like a heart shape. I’m going to get rid of my guides so I’m just going to clear my guide. And let’s go back over, select this shape and let’s give it a stroke. So with the shape selected I’m going to give it a pink stroke, and I’m just going to make that a bit of a larger stroke so we can see it clearly. To flip this shape to make the rest of my heart I’m going to first select the shape and then I’m going to click the Reflect tool which shares a toolbar position with the Rotate tool.
The first thing to do with this tool is to click on the anchor point across which you want to flip it. So that’s going to be either this top point here or this one here. It doesn’t matter which. I’m going to Alt click on it. Now I’m getting that reflected shape sort of across the vertical access and all I want to do is to click Copy to make that a heart shape. And now I’m going to join it together by selecting it and choose Object Path Join. And here is now my heart shape.
Now I want to size this down a bit. Actually I’m going to scale it in proportion. And I’m going to make a duplicate of it so I’m going to hold it as I drag a duplicate away. And I just want to tuck this duplicate out of the way for the minute. I don’t want it around but I’m but I’m going to need it a bit later on. So let’s go and select this one and let’s size it down to be the starting point for our halftone heart. So I’m just going to fill this with pink. And I want another duplicate of this so I’m just going to Alt drag a duplicate away. And this is going to be the top one of my hearts. And I want these to line up, although right now is not the time to line them up. I’m going to size it down first of all. So this is going to be my little heart. This is going to be my big heart. And now I’m going to place it in position.
So I want these to align perfectly to their mid lines. They’re not doing that right now. There we are. This is the line that I want. I want to make sure that they’re perfectly aligned so that the point of this heart lines up with the point of this one. And I’m going to change the color so this one I’m going to make quite a sort of dark crimson color. Only I wanted that for its fill and not its stroke. So we’ve got a dark large heart and a very pale pink small one. What we’re going to do now is to blend these two shapes together so we’re going to blend the little and the big heart together. So we’re going to use the Blend tool here on the toolbar. So I’m going to select it and then I’m going to click on the first of the shapes and click on the second. And that blends these two shapes together.
Well it does such a good job that it looks nothing like what it is that we really want. So I’m going to double click the Blend tool to open the Blend options dialog. First of all I’m going to enable Preview and I don’t really want Smooth Color. I want Specified Steps. At the moment there are 127 steps to blend these two shapes and colors together. And I don’t want that. I want to actually see the shapes. So I’m thinking I’m going to start with something like 25 steps and see how that looks. That’s pretty good. Probably let’s just try down to 20 on this one. The other thing that you can do is you can also use Specify Distance as well as Smooth Color. So we don’t want Smooth Color. We definitely want to see these shapes. And we can either go with steps or distance. But I think that’s pretty good so I’m going to click Ok to accept that.
So now we’ve got the first of our lines of hearts and we just want the rest. And we get the rest with a Transform effect. So I’m going to click Effects and then choose Distort and Transform and we’re going to choose Transform. And here’s the Transform dialog. Again I always want to click on Preview so I can see what’s happening here. And let’s do 15 copies. And what I want to do is to make each copy a little bit to the side of this one. So I’m just going to choose Horizontal Move here. And I’m going to move these apart until they are looking like what I want them to look like. Now I quite like that but I think I don’t have enough copies. So I’m going for 25. What I want here is I want these hearts to run into each other. I made it so that the ones would run into each other in the vertical direction. And I want these in the horizontal direction also to run into each other so that I get this final effect. So I’m just going to click Ok.
And there is my effect that we came here looking for. This is a halftone set of hearts. And they vary from light at the top, very small too dark at the bottom. And if we want to create these so that we can work with them we’ll expand them. So with this line selected I’m going to choose Object and then just Expand Appearance. And these are now grouped but their appearance is expanded so we can work on them a little more time. Here is the Link on working
Learn to make lines thicker or thinner using a Filter in Photoshop. This is useful for adjusting scanned line art images, as well as, for thickening up lines on images which you have converted to a line drawing inside Photoshop.
Transcript:
Hello, I’m Helen Bradley. Welcome to this video tutorial. In this tutorial I’m going to show you how you can easily make lines thicker or thinner on line art images that you either scan into Photoshop or create in Photoshop yourself. In this video tutorial I’m going to show you a really quick technique for making lines a lot thinner or a lot thicker. And this is handy for images where you’ve actually converted it to line art or where you’ve got line art like this that we’ve actually scanned in.
To make the lines thicker choose Filter and then Other and then Minimum. And with Minimum you can then select the minimum radius which is going to make the image lines a lot thicker and you can test these out. Generally just one or two pixels is like all you need to do. And this is the original image and this is the thicker lined image. So let’s perhaps take this up to 4 and I’ll click Ok. And that has just thickened the line. So if that were all we wanted to do we could just save this and be off. But let’s have a look and see how we can make the lines thinner.
I’m going to choose Filter and this time, Other, and this time we’re looking at Maximum. And we’re just going to set the maximum line width. And so we want this down to something that gives us the lines that we’re looking for. So here I have it set to 5. This is what it was. This is what it is now. If I go a bit smaller the lines are going to get thicker. If I get bigger the lines are going to get thinner to the extent where they actually totally disappear. So you need to find this sweet spot here for your particular image. But if you do want to make the lines that are fairly thick right now to be a little bit finer then you can do that here with this tool. And these are again Filter, Other. Maximum allows you to set it so it’s smaller and minimum allows you to set the width so it’s larger.
I’m Helen Bradley. Thank you for joining me for this video tutorial. Look out for more tutorials on my YouTube channel. Please like and comment on this video if you do like it. And look out for more videos, tips, tricks and techniques on my website at projectwoman.com.
Learn how to make an image its own mask using Apply Image in Photoshop.
Here we use an image of a cast iron grill and apply it to itself to show another image through it.
Transcript:
Hello I’m Helen Bradley. Welcome to this video tutorial. In this tutorial we’re going to look at using an image as its own mask in Photoshop. And we’re going to do this using the Apply Image tool.
Before we get started with this tutorial let’s have a look and see what it is that we’re trying to achieve. I have an image here that’s just some oranges and then I have another image here of a grate. And what I want to do is to put the grate over the oranges just as I’ve done here. And I’ve actually got a drop shadow behind it to give it some dimension. And what we’re going to do in this tutorial is see how we can use an image and use itself as its own mask to mask that image and how we can also adjust the mask so that we get this effect that we’re looking for and adding a drop shadow to it. So if you’re ready let’s just get rid of the bits that we don’t want. I’ve now got my orange image and let’s get started.
The first thing I’m going to do is bring in my grill image. So I’ve got these images just floating loose because I find that the easiest way of doing it. And I’m just going to drag this image’s background layer away from it, hold the Shift key and just drop it over the top of this image. Now of course it hasn’t disappeared from its original image. I’ve just dragged a copy away. And I don’t need that any longer so I can just get rid of it. With this image it’s a little bit on the small side, so I’m going to press Ctrl T and Ctrl 0 (zero) to see my handles and to set transform on. I’m also going to enabled this lock so that the ratio between the height and width is fixed. This means that the image is not going to be skewed out of proportion. And now I’m just going to drag it into position and I can place it anywhere I want. So I think this is a pretty good arrangement so I’ll click the checkmark here.
Now right now we’re not seeing through this image because of course it brought its own background with it and it’s got a sort of dark background with some light aspects. We’re going to need to do some work to fix this image up. And in actual fact the work that we’re going to do is in masking so I’m just going to drag this up a little bit. What I want to do is I really want to turn this image into its own mask.
So once I’ve got it in position it’s fairly critical that I actually get it in the right position before I start because I want the mask and the layer to be in the same place. I’m going to add a layer mask to this layer by just clicking the Add Layer Mask icon. But what I want to do is put this image in this mask. And an easy way to do that is to click the mask itself and use Apply Image. It’s up here, Image, Apply Image. And what it lets us do is to apply an image as a mask. So for example layer zero is the oranges themselves so that in this case we would be applying the oranges as a mask. But we can also select layer 1 which is applying this particular grill as its own mask. Now it’s not looking good right now but it is certainly masking it. I could invert it if I wanted to but that’s only going to give me the orange images over the grill work not where I want it. I want it in the bits in between the grill work so I’m going to disabled invert because I don’t want it inverted. If I’ve got that right I’m just going to click Ok.
Now the problem with this mask is that this particular image is not black and white. It’s not. Let’s just turn everything off here. You can see that this is actually really quite gray. And for the mask to really be doing its work it needs to be almost black and white. So I need to boost the contrast up on the mask alone. So I’m going to click the mask to target it so any changes I’m making now are to that mask alone. And I’m going to choose Image Adjustments and Curves because curves will allow me to adjust the mask and have a look here on the mask itself as I work. What I’m doing here is I’m increasing the whiteness of the mask and then I’m increasing the black areas. The whiter and lightest areas are going to ensure that we can see the grill in these places. And the black the darker black areas are going to cope with the areas that we’re seeing through. So I need a fairly sharp change from black to white and I also need to make sure that my sharp change from black to white copes with the fact that there’s a sort of darker gray bar behind the image. And I want to make sure that that dark gray bar goes to the right color. It needs to go to black and not to white. And what I’m looking for here is to make sure that I can really see the image through this grill, and when I’ve got it I’ll click Ok.
Now if I wanted to I can lighten my grill. That’s fine. I need to make sure that my mask is black and white so that the image behind is being shown through and then if I want to change the actual grill itself well then I can add an image adjustment to that. But the two are very different adjustments. One is adjusting the grill color itself and the other is changing it as it appears as a mask over that original grill image. So if I want to make that a bit more light I can do so just to add that extra contrast. And now to add a drop shadow to push the orange image behind that grill I’m just going to click on the grill layer and choose Drop Shadow. And here’s the default drop shadow. Well that’s what you would see as a default drop shadow. And I can add as much or as little drop shadow as I want to push that behind and gave us the sense that there is a dimension or a distance between the grill and the actual orange image itself. And we can make that deeper or less deep as we want to and then click Ok.
So here we’ve used an original image of some oranges. We’ve added an image of a grill and we want to see through the holes in the grill to the image of the oranges behind. And we’ve done that using the image as its own mask so it’s showing us where we want to see through. We’ve added a lot of contrast to this so this mask is almost pure black and white. The image itself can be anything. We just gave it a little bit more of a pop by making it a little bit brighter but it could be anything. And we’ve finished with a drop shadow to add some dimension to the entire scene.
I’m Helen Bradley. Thank you for joining me for that this tutorial. Look out for more tutorials on projectwoman.com and on this YouTube channel. And please if you liked the video click to like it and consider subscribing to this YouTube channel.
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.
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.
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.
Often the secret to a great shot is to stop and wait
I shot this image in London recently. I had stopped at a busy street corner waiting for the lights to change and I saw a double decker bus go past and I caught the reflection in the front window. It was bright and colorful – but before I could do anything the bus motored past.
I had a choice, keep walking or stop and wait. I waited. I stood on that street corner waiting for the next double decker bus to come past in a position where the reflection hit the window nicely and without any distracting vehicles between the bus and me. I also wanted a clean bus so the window would reflect well.
It took a while and I shot quite a few buses until I got this shot. It’s a lucky shot in part because I saw the possibilities, the rest of the shot is pure patience – waiting long enough for the situation to occur again.
Do you stop and wait for things to happen or do you just keep moving on?
If you think you have to ‘go’ somewhere to get great pics, you don’t – you just need to look around you and start shooting – every day
I met this guy in London recently when I was photographing around Brick Lane. That area of London is famous for its graffiti and I had the rare pleasure of meeting some of the graffiti artists there including Stik. But I digress. The reason this guy is so interesting is that he photographs – nearly every day. He works in the area and he heads out at Lunchtime to take photos.
You might be prepared to shrug off his enthusiasm for his craft because of where he lives and works. Let’s face it – he gets to shoot some pretty awesome stuff. But so do any one of us if we look around us. Anywhere you live will give you fodder to shoot – you just have to go looking for it. Some of my best images have been shot within a mile of my house and sometimes just a few hundred feet. I know that because I walk the same route most mornings from Starbucks to my office. I carry my camera and I shoot whatever I see that captures my eye. So too does this guy.
If you feel frustrated you can’t get out to shoot often enough, I challenge you to go out during lunch time. Spend half of it eating and half photographing and you will end up with an hour or more shooting time each week. It’s not hard, it just takes commitment. So that’s why I take my hat off to this nameless London worker/photographer. He’s working a 9-5 but he’s still indulging his passion!
