Home > Photo Effects, Tutorials, Wallpapers > Create a vibrant camera ad in Photshop

Create a vibrant camera ad in Photshop

Colors has always been a best friend of a designer. Vibrant colors, mixed with layer styles brings out a new dimension of amazement. I have always been wanting to create an advertisement for a camera. You can seek inspiration from different directions. In this tutorial, I shall guide you through the basics of glow lines and adjustment layers. Once you start experimenting with colors, your interest in digging deep will just escalate to a different level. The vibrant look and a remarkable message it gives out will definitely appear appealing. So, Lets start off creating the Ad.

Step 1

Open Photoshop and create a New File with a resolution ofΒ  1920 x 1200. I personally prefer creating designs on a widescreen resoltion because most of the newer computers come with a widescreen display. The 4:3 and other proportionally sized screen are silently creeping into obscurity.

Step 2:

OK, after you have created the canvas, the next thing to do is search for a stock image of a camera. Make sure you select the perspective view, like I have used. I found mine on Google Images here (coutesy FujiFilm). Next Paste it on the canvas as shown below.

Step 3:

Now, If you can observe, the camera seems to get an invisible source of light. We need to darken some of the surface of the camera so that it appears as though we are creating this ad in a dark region. We need to add 2 Adjustment layers.

Go to Layer>Adjustment Layer>Curves and change the settings as shown below:

Now, Go to same adjustment layer option and click on Levels and change the settings as shown below. These adjustment layer increases the contrast of the dark pixels and decreases that of the light ones, giving the image a dark, authentic look.

After applying the above adjustments, the image will look like this:

Step 4

Now, we need a floor to place the camera on. Search for a grunge texture background. I downloaded mine here. Paste the texture layer onto the canvas we are working on. Rotate it clockwise 90 degrees and using the Transformation Tool (CTRL + T) or Edit>Transform>Perspective, resize the image as shown below.

Step 5

So far, so good. Now with the texture in the background, the camera looks a bit separated. So, create a new layer (underneath the camera layer) and using soft brush create a shadow for the camera as shown below:

Now, we need to darken the edges of the camera. We shall use the Burn Tool (it appears as a Hand icon on the left taskbar, with sponge tool and dodge tool).

Using the burn tool and a brush of size 50px and 0% harness, darken the edges of the camera. This might take a little bit of experimenting to get the final image right. It must look similar to the one shown below, notice the difference from the above picture.

Step 6

Now, let us add a curves adjustment layer to the background texture.Select the background layer in the layer’s palette and go to Inage>Adjustment>Curves and change the settings as shown below:

I suggest you to create groups and name the layers and placing them in these groups, just to make sure you don’t face any problems later πŸ™‚

Now, the image after all the above modifications should look similar to this:

As you can see, there is a crack (on the texture) beside the camera. I didn’t quite like its presence. So, using the clone tool, I removed it. If you don’t know how to use the clone tool, No problem. The crack wont damage much of the appearance of the final image.

Step 7:

Now comes the important part, Adding vibrant glow lines to the tutorial. Before starting this off, I suggest you check my previous article on How to Create Glow lines and then come back to this. Doing this would make your job easier.

Create a New layer and name it glow-green. Click on the brush tool and select a soft brush of green color and size… of say, 5px and press F5 to bring up the brush panel. Now tick the following settings:

Step 8:

Select the pen tool (make sure, the paths option is selected on the taskbar above – use the below pic for reference) . Now, create a path as shown below.

Step 9:

Right Click on the path and select Stroke Path and select Brush as the option and make sure ‘Simulate Pressure’ is ticked.

Now go on creating different paths by using different brush sizes. This time, untick the simulate pressure option. This will create a bold line. Use the below image as reference.

Step 10:

Now, we need to add glow to those lines. Double click on the glow-green layer and select Outer Glow options and change the settings as shown below. You can experiment as you desire at this point.

The glow on the lines will appear more or less like in the image below. Its left to you keep experimenting πŸ˜€

Step 11:

From here on, its all about repeating the above couple steps. Using different brush sizes and colors, and creating new layers for each color, draw different paths and apply stroke as you wish.

Step 12:

To my final image, I added a few more color strokes and then using a brush tool of a bigger size, I redrew the paths using the respective colors in a new layer and changed the blending mode of that layer to Softlight/Overlay.

Then, i downloaded a sunlight picture (shown below) and placed it above the camera layer. Then, I changed the blending mode to screen and erased the unnecessary areas.

At this point of time, My layer palette looks something like this. This is just for your reference. It might change depending upon how you have followed the process.

The final image looks like this: You can click on it for a larger size and to download it.

I have tried my best to keep the tutorial as detailed as possible. If you get stuck at any step, feel free to ask. I am more than glad to answer. Good Luck!

  1. daru nu kasep
    December 26, 2009 at 11:28 AM


  2. O'ksy
    February 23, 2010 at 7:10 AM

    Great job! Thank you for the ideas!*

  3. April 22, 2010 at 8:48 PM

    Where do I get the camera that shoots freaking laser beams!!

  4. pakpervaiz
    July 9, 2010 at 6:18 AM

    I like it.

  5. Anna
    July 15, 2010 at 4:43 AM

    Hi Richie,
    I am a beginner, and this is my first image I wanted to create myself but I seem not to be able to move past step #4. After I add grunge background and bring camera image forward, the camera is still on white background. How do I get rid of it? I could cut camera out but seems to me there might be easier way. Please get back to me if you can. I’d really appreciate that. Thanks.

  1. December 25, 2009 at 2:11 AM

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: