• home
  • forum
  • my
  • kt
  • download
  • Create an iPhone related website

    Author: 2009-07-02 09:43:28 From:

    Hello my friends. Today I will show you how to create a website for a iPhone business.
    Let’s say you create iPhone apps and you want to promote yourself. I will create a dark PSD layout with simplicity in mind. It is very important to let your users to see faster what your services are.

    Preview full size layout

    Do not forget to subscribe to our RSS feed or Follow us on Twitter

    Let’s start as usual with a new document, with the following size : 960 pixel wide, and 900 pixels height. I will use the following color for the background : #232323
    With Rounded Rectangle Tool, I will create some shapes.

    1

    For the blue shape i will add the following layer styles

    2

    3

    4

    5

    This is my result

    6

    For the second shape ( the white one ) I will add the following layer styles.

    7

    8

    9

    This is my result so far

    10

    For the shapes from the bottom of my layout I will add the following layer styles

    11

    This is my result

    12

    I will select Pencil Tool. I will set my brush size to 1 pixel

    13

    I will create a horizontal Line on the Navigation bar

    14

    I will select Eraser Tool, and I will choose a smooth round brush

    15

    I will delete the extremities of this line

    16

    With Rounded Rectangle Tool, I will create a button

    17

    I will Rasterize this button, by right clicking on the Layer, then I will Choose Rasterize Layer.

    18

    I will select Rectangular Marquee Tool, and I will create a selection like in the following image.

    19

    I will hit the Delete key from my keyboard, then I will press on CTRL+D to deselect. This is how it looks so far my button.

    20

    I will add the following layer styles. Please note that you can download our VIP layer styles. I am sure you will speed up the work flow by using our layer styles.

    21

    22

    23

    This is my result so far

    24

    On the bottom part of the layout I will create another shapes.

    25

    For all these white shapes I will add the following layer styles.

    2

    3

    4

    5

    This is my result

    26

    Now I will add some text over my layout

    27

    Then I will add some images

    28

    On the right side I will add some circles, and I will add some Photoshop layer styles from this set
    I will use different layer styles for each shape, then I will write some text

    29

    Between the text blocks I will write also some minus signs with Horizontal Type Tool

    30

    With Ellipse Tool, I will create a round shape.

    31

    Then I will add another one with a white color.

    32

    I will rasterize this shapes, and with Doge Tool and Burn Tool i will add some shadows and highlights

    33

    I will write also some text

    34

    I will create a new layer ( press CTRL+SHIFT+ALT+N ) and with Brush Tool I will create some points over the layout.

    35

    Then i will change the blending mode to Overlay

    36

    This is my final result.

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (119)
      Effects (772)
      Animation (248)
      Photo Effects (1166)
      Automation (21)
      Photo Retouch (404)
      Basics (501)
      Photography (350)
      Brushes (55)
      Scripting (7)
      Buttons (209)
      Text Effects (904)
      Color (93)
      Textures and Patterns (198)
      Digital Art (239)
      Web Graphics (821)
      Drawing (1047)
      Web Layouts (301)

    New

    Hot