Creating an iPhone Poster Advertisement in Photoshop

AD

iPhone is undoubtedly a thundering invention, one of the finest by Steve Jobs. I can’t create an iPhone but I can create an outdoor advertisement for it. Today we’ll learn to design a poster or billboard design for the new iPhone.

By following this tutorial, you can make a design for any mobile phone or tech gadget, I used iPhone as a subject you can use anything else if you want.

This is my first tutorial of the kind, from now on, I’ll try to focus more on advertisement and commercial designing tutorials.

Final Result

Making an advertisment in adobe photoshop latest tutorials

Resources I used

Ground Work

We’ll kick-off by opening the stars background and Desaturating it. You can do this by striking CTRL+Shift+U. Desaturation means to remove all the colors from the image and it leaves a black and white (gray-scale) photo.

Making an advertisment in adobe photoshop latest tutorials

Then I placed the image of my favorite planet Moon and Transformed it enough to take 95% of the total width.

Making an advertisment in adobe photoshop latest tutorials

Time to place the iPhone now. I placed it right on top but you can also try to put on an angular direction… just like in the thumbnail of this post. (Scroll up to see the thumbnail again)

Making an advertisment in adobe photoshop latest tutorials

3D Graphics

At this point I added some 3D shapes and Transformed them randomly. I just created a blank layer below the iPhone layer and placed these shapes there so they don’t overlap the phone.

Making an advertisment in adobe photoshop latest tutorials

Some more shapes.

Making an advertisment in adobe photoshop latest tutorials

And some more.

Making an advertisment in adobe photoshop latest tutorials

Another 3D stock image here but this time, it is on a layer above the iPhone layer.

Making an advertisment in adobe photoshop latest tutorials

At this point, you need to intelligently Erase off of some part of the shape to make it look like it’s emerging from the backside of the iPhone. You should choose Soft Eraser for this operation.

Making an advertisment in adobe photoshop latest tutorials

Coming out of Moon

I wanted the make the iPhone look like it’s coming out the ground of the moon. Here’s a simple little tweak to do that.
Just Duplicate the Moon Layer and place it over iPhone, then erase unnecessary parts, as I did as you can see in the images below.

Making an advertisment in adobe photoshop latest tutorials

Select Eraser.

Making an advertisment in adobe photoshop latest tutorials

And here’s the result after erasing.

Making an advertisment in adobe photoshop latest tutorials

And as a little finishing touch, I added a bit of Outer Glow on the Moon.

Making an advertisment in adobe photoshop latest tutorials

Bubbles

I don’t know why, but I thought let’s add some bubbles here… so I did. I used bubble brush with the settings in the image below.  The settings window opens if you press F5 and have Brush Tool selected.

Making an advertisment in adobe photoshop latest tutorials

I added bubbles of two colors.

Making an advertisment in adobe photoshop latest tutorials

Planet Earth

While I was making this tutorial, Tayyab kept on saying it doesn’t look like outer space. I said than what should I do then? He said about adding stars in the background (earlier I had a solid black background) and he said to place the earth in the background.  I hate to admit it but the result did improve and while designing, you should keep getting feedback from the professionals.

Making an advertisment in adobe photoshop latest tutorials

And here I’m doing the same thing we did earlier on the moon.

Making an advertisment in adobe photoshop latest tutorials

Vectors

The poster was still looking a little empty so I decided to add some vectors.

Making an advertisment in adobe photoshop latest tutorials

Here are the color and opacity settings for vector brush.

Making an advertisment in adobe photoshop latest tutorials

Same brush with another color.

Making an advertisment in adobe photoshop latest tutorials

To end with, another vector brush in another color.

Making an advertisment in adobe photoshop latest tutorials

Final Result

Making an advertisment in adobe photoshop latest tutorials

create free website wix below post

Further Related Readings

Comments
  1. nandarmgmg February 23, 2012 at 9:23 pm

    i love ur site 🙂

    1. Tayyab February 24, 2012 at 1:07 am

      ^_^ thank you ^_^

  2. Badrul Alam May 18, 2012 at 2:01 pm

    Awesome design in Photoshop. Nice looking and helpful, user friendly tutorial. Thanks for share it.

    1. waseem May 22, 2012 at 11:01 pm

      We share such tutorials on every Monday,
      Thanks for the comment.

Comments are closed.

Copyrights © 2016 - Designzzz. All Rights Reserved