Hey YouTube! It’s TechSupportGoneBad. And I’m sure you guys have seen many, many advertisements out there on the web on various web sites. Most web sites have them and there are great thing and they can help you boost your popularity up easily. Now today, Im going to show you, guys, how to make a really nice looking advertisement or banner in using Adobe Photoshop.
So obviously, you want to open up Adobe Photoshop. Now, this is—its an easy tutorial, but there are many steps. So make sure you don’t get lost. And remember, you could always pause the video to catch up with me.
All right, so you want to go to file new and create a new canvas. Now, most advertisements have their width set at 468 pixels and their height set at 60 pixels. Now, that’s the basic banner size right there. So you want to press okay and you should come up with something looking like this.
So the first thing you want to do is double click on the background layer and press okay to whatever pops up, and just to make a normal type of layer. So next, you want to choose two colors: One, the main color you want the banner to be, and two, a black. So, the first color, your foreground color, you want it to be the main color and the background colored black.
Next, you want to choose to the gradient tool. If you click and hold around here, you should find the gradient tool and the paint bucket tool. So you want to choose the gradient tool and up here, you want to make sure that you have your two colors selected. So foreground to background color, it should be your main color. In this case, Im using green. And your background color, which should be black.
So you want to make sure that it has that color selected. Start from the left hand side of the banner and click in hold and drag it to the right hand side. You could hold shift to help you make a straight line. So then, just let go and you should have a gradient that looks like this.
Once you have that gradient set, you want to hold control shift end and make a new layer or you could just go to layer new and click on layer. So once you have done layer set , you want to make sure that its above that gradient layer and then you want to choose your brush tool and choose a darker color than that main color.
So right now, my main color is green, so Im going to choose a darker green, make it around there. That looks good, and you just want to choose the brush tool and just go over the whole banner and brush allover the whole banner or you could just use the paint bucket tool. It doesn’t really matter. And then you want to choose the circular marquee tool or the elliptical marquee tool, and if you right click on it or left click on it and hold, you’re going to see a couple of options. The rectangular marquee tool, the elliptical marquee tool, the single row marquee tool and the single column marquee tool.
You want to choose the elliptical marquee tool, and then you just want to make a little shape that looks like this and if you press the delete button, you should come up to something that looks like this. Now, if I choose the background layer off, it should look something like this. So you want the marquee tool, there elliptical marquee tool to leave something like that and then you just want to press the delete button and in the end, you want a shape that looks like this.
So next, what you want to do is create another new layer and put that layer behind that layer that we just made. And you want to choose the paint brush tool again and just color the whole thing white. Just color the whole thing white and again, you could always just use the paint bucket tool, but I just like using the brush tool. And once you have set the color, the whole thing white, you want to do the same thing. But in this case, you want to leave a little room, so it shows your basic color, the main color and then a little it more and it shows the white color in the background.
So just do that again, delete and you should come up with something looking like this. And once you have done that, if you have an image you would like to insert into that banner, I would suggest opening it now. Now, I have this image of me right there that Im going to put into that banner.
Now, a couple of things I wanted to do to this image before actually putting it in that banner. First of all, I want to make it like way smaller because this thing is huge. You want to go to image and press image size and Im going to make it around lets say 200 width and 150 height. Press okay. so Im just going to zoom in real quick.
Next, Im going to choose the rectangular marquee tool. Remember, I showed you guys the rectangular marquee tool when we were choosing the elliptical marquee tool. So you want to hold on that, the elliptical marquee and choose the rectangular marquee tool, and Im just going to choose this little part where it shows my glasses. And then, Im going to go to image and press crop. And what that does is just choose that part of the image.
So next, Im going to go to filter artistic and click on cutout. Now, this thing is going to pop up and its going to show us how our image is going to look. So right, Im just going to zoom in real quick so you guys could see it better. And right here, this is what our image is going to look. Now, there are many other things that you could do, of example, colored pencil, dry brush, neon glow, film grain, poster edges, stuff like that. But I like cutout just for this special occasion, just for this banner. I like to use the cutout effect. And Im just going to press okay, and then choose the rectangular marquee tool again, and this time, just choose the whole image and choose the pointer tool, the first tool or the move tool and just move it onto the banner or the image.
And then once you have moves it onto the banner, you want to make sure that the layer is behind the two layers, the white layer and the green layer, but not behind the gradient layer. And that looks good right there, and then I'm just going to start typing all the information that I need to type. So right here, this is the basic banner. And so, I'm just going to start typing the basic information, TechSupportGoneBad. We want to make sure that the text layer is above all the layers and I'm going to make it neon green layer or a neon green color, make it a little bigger and put it off to the site.
And that’s basically it, you could change the font, you could add more information, but that’s the basic tutorial and that’s basically how you make a really nice looking banner that you could use for advertisement or you could anywhere and it shows a really great effect and that’s basically it.
Now, from this point on, you just want to add all your information and just save it and then you’re basically done. And that’s it, so I hope you guys enjoyed this tutorial, I hope it helps you guys out and hope you guys can make it look nice and just your imagination. You could come up with a greater effect if you do. And until the next—
Transcription by:
Scribe4you Transcription Services