Adobe Photoshop CC - Essentials Training

How to create the Dotted Halftone Poster Effect in Photoshop

Daniel Walter Scott

Download Exercise Files



We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

Hello, Halftone lovers, it's Halftone dot Poster Effect time where we take an image like this, add some cool colors and some dots. We do a similar sort of thing with some lines. We even add some gradients, and dots, and terrible gradients. It's a nice simple effect in Photoshop, let's get going. 
All right, it is Halftone time, let's go to 'File', let's go to 'Open'. And in your 'Exercise Files', in '06 Filters' there's two files, called 'Halftone 01' and '02'. Thank you, Barret Ward and Ben O'Sullivan. We're going to start with this one here, and if you're following along with me, which you should be, just double check that your-- yours is probably set to black and white as default, if it's not, click this small icon here, it'll change them back.. I'm on my 'Move tool' for no good reason really, there's no effect on this tutorial. And what we want to do is go up to 'Filter', let's go to 'Filter Gallery'. In here, what you're looking for is the Sketch drop down. Look for Halftone pattern, and we're nearly there. 
My pattern type is set to 'Dot'. Size and contrast really depends on the image, and the look you want. So really depends here, it's time to kind of mess around. When you finish, click 'OK'. And that is Halftone dots. Now those aren't very exciting Halftone dots. So what we're going to do is add a little bit of extra. So I'm going to go 'Edit', 'Step Backward'. There's two things we're going to do. One is, we're not going to destroy our layer because we did that before, on the background layer which just means that it can never be changed back. So I went to 'Edit', "Undo' and before I do it I'm going to go to 'Filter', 'Convert for Smart Filters'. Click 'OK', and it just means that it's going to apply like a topical cream that we can take off and our image is going to be perfect underneath. 
What we're also going to do is add a couple of colors. You do that by making your foreground and background color sit as a color. At the moment black and white is what we got from that first go. So if you click the foreground color once you can pick a color from in here. I'm going to pick one of my Swatches, if you can't see your Swatches up there click 'OK', go to 'Window', and go to 'Swatches' or just pick a color, any color. There they are, the Swatches. 
Now I want my foreground color so I'm just going to click the white thing in the background there. I'm going to pick one of my other colors in here. I used these earlier for Gradient in one of the other tutorials. Click 'OK'. So now with a foreground and background color ready to go, go to 'Filter', 'Filter Gallery' again, and back to our 'Sketch'. 'Halftone Pattern', and you see we get this kind of a little bit more exciting view. Now again, you can mess around with these, if you click 'OK', the big difference between this and last time is, it gets colorful. Can you see down here, this can be turned on and off plus I can double click on the 'Filter Gallery' to go back and make an adjustment to it, crank the size of the dots up, and the 'Contrast', click 'OK'. 
That's the better way of working. You can, over here as well, can you see this little arrow, it's switched them around. So what I'm going to do is click my 'Smart Filters' and drag them into the trash. With them around the other way, 'Filter', 'Filter Gallery'. You get the inverse, where the shoes are the magenta and the background is more of that yellow color. If you want to apply it just to the shoes, you'll have to do a Mask first. So you go all the way back to the beginning and use the Quick Selection Tool. Add a Layer Mask, like we did in a previous tutorial. Let's go a little bit deeper. 
So the second example from Ben O'Sullivan, I'm going to show you how to add a gradient to it because I love gradients. I'm going to show you how to do the lines version of it. So I've clicked this little icon, makes it black and white again, which is what we need to get started for the gradient. With the Layer selected, don't forget to go to 'Convert to Smart Filters', click 'OK'. Now go to 'Filters’, go to 'Filter Gallery' and back in here, in 'Sketch, in 'Halftone' we're going to change it from the dot to-- I'll show you a circle. I don't really use it, you might find a good use for it. Line's kind of cool though. Size and Line, Contrast and Line, all depends on what you are going for. I'm liking that. Let's click 'OK'. 
So it's black and white, we can turn it on and off, which is pretty cool, but what I'd like to do is add a bit of a Gradient effect but I want to keep the black, whereas in this example here, it was just one or the other, we had two colors whereas this one here, I want a bit of a medley. Basically, we've done Gradients before, so with 'Layer 0' selected, I'm going to click on 'fx' and I'm going to go to 'Gradient Overlay'. Mine remembers what I did last. Yours is going to look a little bit more boring like this. So yours might look like this. What we need to do is, first pick colors, so click in here. Now just so you know, there are some pre-determined ones and I've hated all these for years, I'm like, "Who needs that color?" But then I was like, "Hey, was that always in there? It's kind of like Instagram." Did Instagram just click the button? I don't know but these two are working for me, that one was so much.
If you want to adjust the colors, you click on them, so click on this color bar here, and just double click the bottom house. Move the sliders around until you get a color you like. Not that one, cancel, Dan, cancel. Then it's all about blending it. We've looked at this before, it's the way this gradient blends with the images attached to with the thing underneath. In this case it's going to be, no Dissolve, do nothing. We're just going to work our way through, Darken, pretty cool, all of a sudden but don't be afraid to kind of work your way through. Multiply, Color Burn, not very cool, Linear Burn, one of these is really cool. 
Now there's no right or wrong you just work your way through until you find something, and you're like, "Man, that's the cool stuff there." If you want to watch me, I'm just going to click on them all because we're at the end of the tutorial, so I am clicking. Maybe save you the clicking experience. You can just decide which one you want to jump to. Vivid Light, oh, Vivid Light's kind of cool. It's kind of put it on parts of the black, but not in the white parts. So many different effects. Wow! That's pretty cool, it's flipped the inverse. If you were getting bored, like I am now, you can move on to the next video. 
The one I liked the most was, I can't even remember. Not Multiply, but you can play around with which way this goes. You can inverse it like we did with the gradients earlier; 'Scale', you can turn right down. I have totally wrecked mine now, but you get the idea, right? So that is various uses of the Halftone effect in Adobe Photoshop. I'll see you in the next video.