PSDFan Extra

  • FanExtra Network
  • PSDFan Extra
  • BlogsFan Extra
Design a Space Inspired Iphone Advert

FanExtra Membership:

Sign up today for a FanExtra membership, and get access to hundreds of PSDFAN tutorial source files, weekly members-only tutorials, vectors, icons and design-related discounts.

>> Sign up to FanExtra Today

Promote this Post:

We'd really appreciate it if you took a moment to help promote this post. Your efforts help keep this site running.

Final Image

As always, this is the final image that we’ll be creating:

Step 1

Create a new document (600X700px).

Create a new layer called ‘stars’ and fill your entire canvas with black:

Step 2

Now go to filter>noise>add noise, and add 10% amount.

Step 3

Go to image>adjustments>brightness/contrast and reduce your brightness to -40 and increase your contrast to +50. This should leave you with a stars background effect.

Step 4

Using a large, soft paintbrush draw out a cross, consisting of four lines. Each line should be a different very bright color:

Step 5

Go to filter>blur>motion blur. Apply a motion blur strength: 600, angle: 25 degrees.

Then change this layer’s blend mode to ‘hard light’ and reduce it’s opacity to 40%.

Step 6

Use your radial gradient tool to create a white to transparent gradient in the center of your canvas. Create this gradient on a new layer called ‘light spot’.

Then change this layer’s blend mode to ‘color dodge’ and reduce it’s opacity to 50%:

Step 7

Paste a picture of an Iphone into the center of your document.

You can download the .psd for the Iphone image here: http://joelatlas.deviantart.com/art/iphone-3g-PSD-HD-94206586

Step 8

Apply an outer glow blending option: mode: color dodge, opacity: 100%, size: 20.

Step 9

Now create a layer beneath your Iphone layer called ‘wavy lines’. Download the brush set: Abstract Lines Vol 1. Apply many white brush strokes around the edges of your Iphone. Then change your layer mode to ‘color dodge’ and reduce your layer opacity to 30%.


Step 10

Now download this awesome moon brush set:

Moon Brush Set

Make your brush color white, and apply several moons to your piece, each on a different layer. Make sure that your layers are below your Iphone layer, but above your ‘wavy lines’ layer.

Step 11

Now reduce the opacity of your moon layers. Go to layer>add layer mask>reveal all. On each moon layer add a layer mask, and then drag a black to transparent gradient. This should fade away part of each moon.

Step 12

Add some text to the bottom center of your document. And apply the outer glow settings shown below:

Step 13

Add an Iphone icon and some very small text to the top right of your advert.

Step 14

Go to layer>new adjustment layer, and apply a new top layer adjustment layer with a gradient map ranging from 004D79 to 00E4FF to 004D79. Reduce this layer’s opacity to 10%. This should give a subtle blue tint to your advert.

And We’re Done!

I really hope that you enjoyed this tutorial and would love to hear your feedback!

If you want to view the full sized final image, then click here:

Download Source File for this Tutorial


About the Author:

Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

FanExtra Membership:

Sign up today for a FanExtra membership, and get access to hundreds of PSDFAN tutorial source files, weekly members-only tutorials, vectors, icons and design-related discounts.

>> Sign up to FanExtra Today

Promote this Post:

We'd really appreciate it if you took a moment to help promote this post. Your efforts help keep this site running.

Related Posts

Leave a comment

22 Comments:

  1. Arif says:

    good… tutorial…

  2. will says:

    I’m following your steps but when i’m supposed to set the gradient to color dodge, nothing happens.

  3. Tom says:

    Will: Did you create the radial gradient on it’s own layer? Also does it just stay looking like a white light spot for you?

  4. Dal says:

    Nice tutorial. Btw, there are some issue with blending modes. Color dodge not always fits quite right, and I think because of noise filter at space layer.
    For everybody: just keep trying and found a blend, that looks good.

  5. ???? ????? says:

    Wonderful and good

    Thank you

  6. Anil says:

    Awesome tutorial. Thanks!

  7. Mitchell klein says:

    I did it and i’m very happy with the result, have alook at it and some of my other stuff http://www.facebook.com/album.php?aid=45280&id=1065186104&l=f18c59c1be
    the albums not very big- ive only been shopping for like a week.

  8. Tom says:

    Dal: What kinds of issues are you having with color dodge? It seems to work fine for me.

    Mitchell: I really like your result! Nice work :)

  9. Midori says:

    Looks good with Zune too

  10. Great and very easy to follow tutorial. The end result looks really good and there are some nice techniques used to achieve the finished image. Can’t wait to try this out for myself. Thanks for sharing this with us.

  11. Tom says:

    Thanks guys!

    Oliver: Please feel free to post here once you’ve tried the tutorial, I’d love to check out your outcome.

  12. nishant says:

    Wonderful tutorial.

  13. Candy says:

    Great tutorial, but i got some trabel finding the brushes after i downlode them. I ilke it and i will came back and finish it, later. ;)

  14. e11world says:

    Fairly simple but really nice. I like this tutorial a lot.. Thanks!

  15. indra adrianus says:

    funtastic ! it’s make me easy ! but i have diffrent with STEP 6 . why ?

  16. Dhanuka says:

    This Tutorial is valuable Lesson. I like it !! Thanx for u !!!

  17. Jared says:

    I’ve tried this on multiple versions of Adobe, as well as multiple computer. Every time I get to the radial gradient step, and change to color dodge. All it looks like is an extremely crappy and pixelated white blob in the middle with the colors over it. It looks like it has a lot of noise going on. What is my problem?

  18. anand says:

    nice site the best tutaral

  19. Joel says:

    Thanks for featuring my iPhone stock in this tutorial!!

  20. Gino says:

    Amazinly easy thats what you have made me to belive……Life gets better with your tutotials…I love it.

  21. sourabh says:

    Good tutorial, helped me learn about photoshop a lot.
    Check out my outcome!
    http://www.facebook.com/photo.php?fbid=10150105966401683&set=a.10150105966356683.286852.635566682

  22. Amanda says:

    The color dodge isn’t working. If tried with different blending modes but i dont get the result what you have.

    This is the result that i get:
    http://i585.photobucket.com/albums/ss291/Amoravel/Untitled-2.jpg

Leave a Comment:

FanExtra Membership

Join our FanExtra membership community today expand your learning. Just $9 for access to advanced members-only tutorials and thousands of design resources.

Learn more & Signup Login

Write For Us:

Are you a talented writer or designer? We’re always on the look out for quality authors, and we pay great money for any articles or tutorials accepted! Please get in touch if you’d like to join the FanExtra team.