How to create your own ads in Photoshop

Sanjay KhemlaniWeb and Graphic Designer

2Last month I was given a task, I need to create a 200x200 ad for my client. After spending some time on resesarch and looking for tutorials, I end up with nothing. And I wonder what about those people who wanted to know how to do it by themselves?

Today, I will show you how to create your own ad. Using the size 200x200 and you’ll understand the process behind.

If you want to read this tutorial on my site just follow the link here.

This tutorial is intended for beginner, but if you’ve use Photoshop before that’ll be great, I will provide the resources that you’ll need.

By the way, this is my first tutorial so please bear with me. I will try to explain every step, if you have some questions you can do so by com-menting on the article.

Sanjay Khemlani Web & Graphic Designer

How to create your own ads in Photoshop

Before we begin, here are the things we need:

•Download this font CollegiateBlackFLF, and install it onto your computer.

•Download this image from HP Envy 17 3D.

3

Sanjay Khemlani Web & Graphic Designer

Let’s begin

We will select our ground color which is #a0c754. Select your Bucket paint tool (G) to fill the canvas.

4Make sure your background color is #ffffff. Then, we will add some gradients to it. Right click onto your layer and select Blending options > Gradient Overlay and select gradient, after that just copy the settings below.

Now, create a new layer (Ctrl + Shift + N) and select Marquee tool (M). Then, set your foreground color to #fd6e01 and your background color to #fe9701. Use your Bucket paint tool (G) to fill the selected layer.

Sanjay Khemlani Web & Graphic Designer

5

Sanjay Khemlani Web & Graphic Designer

Now double click the layer and select Gradient overlay, follow the settings below.

You should have an image exactly like this, (if not, please read the tutorials carefully). Select new layer (Ctrl + Shift + N) and Marquee tool, right click and select Single Row Marquee Tool.

6

Sanjay Khemlani Web & Graphic Designer

Select 1px from above of the image. Your foreground color should be #ffffff, Brush (B) and color the canvas. Change the opacity to 70%.

End up something like this; notice the white line we did before? It creates a detailed effect.

7

Sanjay Khemlani Web & Graphic Designer

This is the ad that we will create, the new HP ENVY 17 3D with glasses. Take note, with 3D Glasses!

Now we want to clean the whitespace in the image. Select Polygonal Lasso Tool (L) and select the edges of the laptop. After that press delete in your keyboard.

8

Sanjay Khemlani Web & Graphic Designer

After that, we can now position the laptop in canvas. Follow the image below.

We will add some shadows to the laptop, to make it pop up on the canvas. Follow the setting below.

9

Sanjay Khemlani Web & Graphic Designer

Now we will create our own text, this will attract the attention of your readers. Select our Text tool (T) in the top select Tahoma and Bold, 26pt will be the size of the text.

Select your foreground to #667344, and type Get a Free.

10

Sanjay Khemlani Web & Graphic Designer

Change your foreground to #373135. With your text tool in hand, select Colle-giateBlackFLF as your font and 26pt for the size type in "HP ENVY 17". For the "3D" word the size is 41pt.

Select your foreground to #a04a09, and type “Claim your prize now!”.

Our final image! It’s been a long tutorial and I hope you’ve learned a lot. All of the tech-niques we’ve used is basic and you can apply them to any design that you were working on.

11

Sanjay Khemlani Web & Graphic Designer

Using simple tools and a little bit of imagination we can create our own ads. Small space isn't a problem either, and the ad looked simple and eye-catching. We've used two kinds of font to make it more interesting; we also used an image as a subject.

Most of the ads have some sort of animation to gather more attention; I didn't cover that because I want to see how far your imagination will go. Hope you enjoy this tutorial as I did.

If you like the tutorial tha I made, there’s plenty of resources in my website sanjaykhemlani.comand don’t forget to subscribe to my Feeds to get the latest updates!

You can share this tutorial to your friends and post about it in your blog as long as the links will be intact.

Sanjay Is a Web & Graphic Designer from Philippines. I am hungry to learn everything about Web Design, Wordpress and Photoshop.