Make an iPhone Interface

Hi,

This is my first tutorial, so I will do it as good as I can.. And maybe there is some english mistakes, because my english isn’t perfect.

This is what we are going to make:

So if you follow this tutorial, you should have a complete iPhone interface.

Step 1.
Create a new image with size 320×480.
Step 2.
Find a picture that we will use as wallpaper, and set it as background on the image.
I’m using this picture:

Step 3.
Now we will create the status display. Create a new layer, and create a small rectangle selection with your Rectangular Marquee Tool.

Step 4.
Fill the selection with black, and set the opacity to 50%.

Step 5.
Now we will create the time display, so create a new layer, and draw a rectangle selection with your Rectangular Marquee Tool.

Step 6.
Fill it with black, right click on the layer and go to blending options, then go to Gradient Overlay, and click the gradient preview.

Step 7.
Make a new gradient with these settings:

Step 8.
Then make a 1px black stroke.

Step 9.
Now make an outer glow with these settings:

Step 10.
Press ok, and then set the opacity to 65%.

Step 11.
Now duplicate the layer, and move the new layer to the bottom of the image. This will be the background for the unlock slider.

Step 12.
Go to the Rounded Rectangle Tool (u), and set the radius to 10 pixels. Now draw a rectangle like this:

Step 13.
Now make a selection of the layer by clicking the layer thumbnail while holding CTRL.

Step 14.
Then go to the layer behind (the Unlock background), and press delete. Now we got a hole in the layer, that’s because we don’t want the shine effect on our slider (because we’ll make it transparent).
So if you try to hide (press the eye on the left of the layer) the slider layer, you would see a hole in the background like this:

Step 15.
Show the layer again (press the square where the eye was before), so we can continue making the slider.

Step 16.
Right click on the layer, and choose Blending Options. Then press Gradient Overlay, and make a gradient with these settings:

Step 17.
Then press ok, and set the opacity to 60%. It should now look like this:

Step 18.
Now take the Rounded Rectangle Tool and draw a rectangle like this:

Step 19.
Go to blending options, then Gradient Overlay, and make a gradient with these settings:

Step 20.
Okay… Now we got the backgrounds, now to the icons and the text.

Step 21.
Let’s create the status bar icons. First, we will create the signal icon. Just take the rectangle tool, and create 5 bars (#cfd9d4) like this:

Step 22.
Now write “AT&T” on the right of the bars, with 14pt Arial #cfd9d4, I’ve made my text bold.

Step 23.
Now we will create the IR or Bluetooth icon (doesn’t know what the icon means), the easiest way is to take the Custom Shape tool, and take Bull’s Eye icon:

(If you can’t see it, then press the small arrow on the right of the box, choose “All” in the menu, and press ok.)

Step 24.
Then draw a #cfd9d4 Bull’s Eye in same size and place like the picture.

Step 25.
Then rasterize the layer (right click the layer -> rasterize layer), take the polygonal lasso tool (l) and make a selection like the picture, and then press delete.

Step 26.
Then move the layer so it is the correct place.

Step 27.
Now we will make the padlock icon, so just draw a rectangle with the Rectangle Tool (#cfd9d4) on the top centre, rasterize the layer, and paint the circle with the pencil tool like on the picture:

Step 28.
Now to the battery icon… Create a rectangle for the middle, rasterize the layer, and then draw the border with pencil tool (2px).

Step 30.
Ahh… That was the hardest part… Now we are going to make the text on the clock.

Step 31.
Take the type tool, set the colour to white, and write the time with an 80pt Arial font.

Step 32.
Then go into blending options, and make an Inner Shadow with these settings and press ok:

Step 33.
Now write the date using a 14pt Arial with the colour #bcc7ca.

Step 34.
Yearh! The clock is finished! Now to the slider. We will make an arrow on the slide button, so take the Custom Shape Tool and choose an arrow. I’m using “Arrow 9″. Then draw the arrow like the picture with this colour #8796a3.

Step 35.
Then add an Inner Shadow with these settings:

Step 36.
Now we just need the “slide to unlock” text (yes, it’s only small characters), so write “slide to unlock” with a 24pt Arial colour: #bababa.

Step 37.
Yes! We are finish with the interface! And we got this nice picture:

240_96x96

I hope that you liked this tutorial, and please write a feedback.

Written by Elias Sørensen

Popularity: 100%

355 Responses to “Make an iPhone Interface”

  1. Paragraph writing is also a fun, if you be acquainted wikth afterward you can write if not it is difficult to write.

  2. I aam really inspired togdther with your writing talents and also wih the format for your blog.
    Is this a paid theme or did you customize it yourself?
    Anyway stayy upp the excellent high qualiy writing, it
    iis rare to see a great blog like this one these days..

    My weblog: Munchausen outpatient treatment

  3. Wow, this article is nice, my younger sister is analyzing these
    kinds of things, therefore I am going to let know her.

  4. Good post. I learn something totally new and challenging on sites I stumbleupon everyday.

    It’s always interesting to read through articles from other
    writers and use something from other web sites.

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

    Wonderful, what a weblog it is! This web site presents valuable data to us, keep it up.

  6. Pamper your game interests by logging into one of these websites and you will find yourself in a complete entertainment world.
    You start your adventure as a rookie trainer, collecting all 8 gym badges and
    stop an evil organization. Even kids who do not start with their schooling but are
    capable of holing a pen or a pencil are made to sit with the same.

  7. Nicole says:

    I’ve been made redundant lotto madness slot staff and/or by patients / clients? If tensions or inappropriate interactions exist, related
    vibrant butterflies slot machine common disease common disease states with relative and infrequent or with sophistication

  8. Lillian says:

    I work here spellbound slots The OSD display is assumed to be used for large projection sizes with a projector or the like.
    jungle king slot machine 320 Other Insurance Information Inconsistent

  9. Fabric Scraps ‘ Use leftover fabrics to wear, jars,
    jar lids of homemade preserves or some other goodies.
    Have you ever looked into building your personal Garage or Shed Doors for additional security.
    The entrance on the house on the garage really should be fire resistant in the event of an attached garage.

    Here is my weblog garage door openers

  10. Hello There. I discovered your weblog using msn. This is a very
    well written article. I’ll make sure to bookmark it and come back
    to learn more of your helpful information. Thankk yoou for the post.
    I will certainly return.

  11. Your Desire Z will reboot and start the flashing process. In the simplest form you need
    to write the “Chinese New Year”, “Cambodian New Year”, “Sinhalese New Year, India”, “Tamil New Year”,
    and “Rosh Hashanah (Jewish New Year)” across the top of a poster board,
    you also need to write a characteristic for each of these New Year’s celebrations on an individual note card.
    So pity the Uzbeks and Kyrgyz as they peer suspiciously at one another during a sudden time of scarcity and insecurity.

  12. What Does Universal Health Care Mean?

  13. Elizabet says:

    Yes! Finally something about 7 ways to get your ex back.

  14. Make an iPhone Interface

  15. Hello, i believe thast i nticed you visited my website thus
    i came to return the choose?.I am trying to to fiind issues to improve mmy web site!I
    suppose its good enough to make use of some of your ideas!!

  16. Woah! I’m really digging the template/theme of this blog.
    It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between usability and visual appeal.
    I must say you’ve done a great job with this. Additionally, the blog loads super quick for me on Opera.
    Exceptional Blog!

  17. Your means of telling everything in this paragraph is in fact pleasant, every one be able to easily understand it, Thanks a lot.

  18. Hiya! I know this is kinda off topic but I’d figured I’d
    ask. Would you be interested in exchanging links or
    maybe guest authoring a blog article or vice-versa?
    My website discusses a lot of the same topics as yours
    and I believe we could greatly benefit from each other. If you are interested feel free
    to shoot me an email. I look forward to hearing from you!
    Great blog by the way!

  19. My family members always say that I am wasting my time here at web, except
    I know I am getting familiarity everyday by reading thes fastidious posts.

  20. This is the perfect blog for everyone who wishes to understand this topic.

    You realize so much its almost hard to argue with you (not that I actually would
    want to…HaHa). You definitely put a new spin on a topic which has been written about for decades.
    Excellent stuff, just wonderful!

  21. May I just say what a relief to uncover somebody who really knows what they are
    discussing over the internet. You definitely realize how to bring a problem to light and make it important.
    A lot more people need to check this out and understand this
    side of the story. It’s surprising you aren’t more popular since you most certainly have the gift.

  22. It’s actually a nice and useful piece of info. I’m satisfied that you simply shared this useful information with us.

    Please stay us up to date like this. Thanks for sharing.

    Feel free to visit my website … comment creer un blog

  23. This is very interesting, You are a very skilled blogger.
    I have joined your rss feed and look forward to seeking more of your
    excellent post. Also, I have shared your web site in my social networks!

  24. ???? says:

    I have to admit that this is one nice insight. It surely offers an organization the opportunity to get in on the ground ground and actually take part in creating something special and tailored to their needs.
    ???? http://www.univtel.com/

  25. That is a good tip especially to those new to the blogosphere.
    Brief but very accurate information… Appreciate your
    sharing this one. A must read article!

  26. right away shaving your face your dogs skin in the market allocated for your tattoo design, the very skin icon singer will most likely move the facial skin when on a paper documents napkin as well as putting surface detergent unpick almost any loose he…

  27. Nice post. I was checking continuously this blog and I am inspired!
    Very useful information specially the closing section :) I deal with
    such info much. I used to be seeking this particular information for
    a very lengthy time. Thank you and good luck.

  28. Glenn McGee says:

    So, my advice if you decided to take this book on: Slow down,
    think it through, make it meaningful. Essayist
    Caitlan Flanagan of Atlantic and New Yorker fame teases feminists with candid observations about women’s longing for domestic satisfactions and the self-sacrifice this necessarily entails.
    And regulatory bodies, which include in some cases, legislation, maintain standards within that profession.

  29. Hey! Do you know if they make any plugins to protect against hackers? I’m kinda paranoid about losing everything I’ve worked hard on. Any recommendations?

  30. Hello to all, the contents existing at this site Make an iPhone Interface are genuinely awesome for people experience, well, keep up the good work fellows.
    jordan gamma 11 http://www.hahnlaw.com/galbraith/jordangammablue11.asp

  31. Hey there! I know this is somewhat off topic but I was wondering which blog platform are you useing
    for this website? I’m getting sick and tired of Wordpress because I’ve
    had isues with hackers and I’m looking at options for another
    platform. I ould be fantastic if yoou could point me in the
    direction of a good platform.

  32. Margene says:

    All exchanges during the crash will be rolled back,
    meaning it is like they never happened, and the Bitcoin will magically be worth $17.

    However, when you take the steps to put your spending on a diet, you’ll immediately build your savings and see yourself in a whole new
    light. When the transaction is incorporated into the blockchain, the protocol awards that fee to the miners who created
    those particular coins. Any form of money which has been assigned a greater value than the raw materials it is made from alone is at risk from counterfeiting reducing its value.

  33. That really a fastidious YouTube movie pointed out within this piece of writing Make an iPhone Interface regarding how to write a paragraph, therefore i got clear idea from here.
    jordan 11 concord for sale http://www.diveinrealty.com/resources/images/jordan11concord.php

  34. Great article. I’m facing a few of these issues as
    well..

  35. It is truly a nice and helpful piece of information. I am satisfied that you simply shared this helpful information with us.
    Please keep uus up to date like this. Thanks for sharing.

  36. Sophie says:

    Did you go to university? http://www.aprilborbon.com/writing/ vermox for sale The U.S. and China introduced a new round of sanctions against North Korea at the United Nations that the U.S. said would significantly impede the development of Pyongyang’s nuclear and missile programs, in response to its test last month of an atomic bomb.

  37. fifa55 says:

    Whereabouts in are you from? http://www.funnel.ca/100-acceptance-payday-loans-uk/ framework company consolidation debt loan converted slogan As such, the individual tailoring that is built into the GB Boxing programme militates against such standardisation. Watch Welshman Andrew Selby, another Olympian and a double European champion, spar for a couple of minutes and you see a man with his own mind, his own body, his own quirks and techniques.

  38. Hi!
    Will everyone develop the very same troubles as i complete?
    I can not seem to any more satisfy my own partner in the
    bed room. Soon after getting a few youngsters I’ve shed the actual baby-belly
    extra fat however I can not apparently re-tighten my vagina.
    I can continually accomplish other things to generate him
    content in the bed room simply because oral sex no more excites him.
    Help! I have started off investigating solutions in addition to methods to deal with
    this, may everyone recommend a superb a single?

    Appreciate it!

  39. Good respond in return of this matter with genuine
    arguments and describing everything concerning that.

    Here is my weblog – Fifa 14 Gratuit Pc

  40. B. Mason Pieces of furniture, according to their handle, also will promote the prime outstanding raw wood furniture pieces as a result supplies, with comforters, settings, padded pieces of furniture and in addition decorative accents. The coffee quality certainly is the exact same, yet unfortunately vehicles you should be a lot more of the following, said Kotoski.
    Ted Baker Neckline Tunic Langley Nesse Beaded In Coral http://www.sykeyskills.co.uk/ted-baker-neckline-tunic-langley-nesse-beaded-in-coral-p-14.html

  41. Goral (Naemorhedus goral). This specific petite Far eastern goatlike bovine have slightly back bending rounded horns along with coarse darkish greyish coat. It can be in connection with all of the chamois and then serow (realize in the next paragraphs) yet may be prominent from their site by simply peculiarities located in skull build, including by smaller sized length and width, decreased horns, as well shortage of deal with glands. Gorals are generally indigenous to an extensive spot, starting from the particular Himalayas to assist you to japanese Siberia.
    Christian Louboutin Louis Spikes Orlato Suede Leopard Golden Men’s Flat Sneakers http://www.widexatlanta.com/christian-louboutin-louis-spikes-orlato-suede-leopard-golden-mens-flat-sneakers-p-257.html

  42. I love looking through an article that can make people think.

    Also, thank you for allowing me to comment!

  43. Hi there, I found your sitye via Google at the same tim as
    looking for a similar topic, your web site ggot here up, it appears to
    be like great. I’ve bookmarked it in my google bookmarks.

    Hi there, simply turned into aware of your bloig thru
    Google, aand located that it’s really informative. I am going to be
    careful for brussels. I’ll be grateful if you continue this
    in future. Lots of other folks can bee benefited from yoyr writing.

    Cheers!

  44. I constantly spent my half an hour to rrad this webpage’s
    articles every day along with a cup of coffee.

  45. Hello there I am so excited I found your site, I really found you by accident,
    while I was looking on Yahjoo for something else, Anyways I aam
    here now and would just like to say kudos for a tremenddous post and a all round
    enjoyawble blog (I also love the theme/design), I
    don’t have time to read it all at the moment but I have saved it and also included
    your RSS feeds,so when I have time I will be back
    to read a lot more, Please do keep up the fantastic job.

  46. I think the admin of this site is in fact working hard in favor of his webb
    site, since here every stuff is quality based material.

  47. I was excited to uncover this web site. I wanted to thank you for your time due to this wonderful read!!
    I definitely savored every part of it and i also
    have yoou book marked to see new things on your website.

Trackbacks/Pingbacks

  1. Knight’s Links…

    Get all the latest info from this site…

  2. [...] "Photoshop Tutorial + iPhone Theme" Bekommste zb sowas wie hier ausgespuckt: Make an iPhone Interface – Tutorials 2.0 Ansonsten kann ich mich Lucky soweit nur anschlie

  3. [...] Make an iPhone Interface – Tutorials 2.0 – Como fazer a interface do iPhone no Photoshop [...]

  4. tramadol withdrawal…

    buy tramadol without a prescription. tramadol worse. tramadol 180 tablets. buy generic tramadol no prescription. …

  5. iphone earphones…

    [...]Make an iPhone Interface[...]…

  6. do more with your phone…

    [...]Make an iPhone Interface[...]…

  7. Title…

    [...]we came across a cool internet site that you simply may possibly get pleasure from. Take a appear in case you want[...]…

  8. oakley outlet online…

    right away shaving your face your dogs skin in the market allocated for your tattoo design, the very skin icon singer will most likely move the facial skin when on a paper documents napkin as well as putting surface detergent unpick almost any loose he…

Leave a Reply