Registrieren  (Anmelden)
 

Erstelle ein 3D Phone mit Photoshop

By Vasily Zaitsev on Montag, 4th Januar 2010 Erstelle ein 3D Phone mit Photoshop thumbnail
  • Create the following shape with the help of Rounded Rectangle Tool.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Correct the form of the shape using Convert Point Tool.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Click Ctrl + Enter or Choose Select > Load Selection to load selection.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Fill selection with any color.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Apply the following layer style settings to this layer.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Ctrl + Click on Layer1 to load selection (or Choose Select > Load Selection).
  • Create a new layer.
  • Fill the selection with any color.
  • Reduce the size of this form by 8 – 10 % using Free Transformation. Edit > Free Transform.
  • Apply Gradient Overlay to this layer.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Create a new layer.
  • Ctrl + click on the previous layer to load selection and fill it with any color.
  • Draw a shape, just like in the example below using Pen Tool and Convert point Tool.
  • Click Ctrl + Enter.
  • Go to Edit > Clear to remove superfluous areas of the shape.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Apply the following layer style adjustments to this layer.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Make a new shape in a new layer. Fill it with any color and apply Gradient Overlay.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Create a new layer.
  • Make a rectangular selection using Rectangular Marquee In the bottom part of our phone.
  • Fill selection with a pattern which consists of a small circle and a transparent background.
  • Create a round selection and cut central part of the shape with pattern.

Creating and managing patterns

  • Use Rectangle Marquee tool  on any open image to select an area to use as a pattern. Feather must be set to 0 pixels. Note that large images may become unwieldy.
  • Choose Edit > Define Pattern.
  • Enter a name for the pattern in the Pattern Name dialog box.
  • Apply Opacity 40% and the following layer style adjustments .

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Load selection to the layer located before the pattern layer.
  • Fill it with any color in a new layer and cut top part of the shape.
  • Apply Gradient Overlay to this layer

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Make rectangle shape for the phone screen and apply the following adjustments.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Insert any image into a new layer to create phone screen.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Load selection (Ctrl + Click) to Layer2 (large black rectangular).
  • Fill it with Linear White/ Transparent Gradient.
  • Create rectangular selection, transform it and cut the part of the white gradient shape. Adjust Opacity 25%.
  • Load selection to Layer6( rectangular for sreen), return to white gradient shape, cut selected area and paste it into the new layer. Adjust opacity 20%.

Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Make a new form using the tool and apply layer style adjustments just like in the example below:
  • Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Choose Ellipse Tool and draw the following shape. Adjust the layer style effects.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Create a new circle in a new layer.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Create another circle in a new layer.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Sony Ericsson S500 Cell phone interface. Photoshop Tutorial
    • Make a small circle and apply the following adjustments:

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Create a metal circle and apply the following adjustments to this layer.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Make small rectangles for buttons using Rounded Rectangle Tool.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Make small rectangles for the buttons using Rounded Rectangle Tool. Apply the layer style settings, just like in the example below.
    • Load selection with button shape to the layer.
    • Fill it with white color (Opacity 20%) in a new layer. Erase part of the white rectangle using Soft Eraser Tool.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    • Draw a button using Rounded Rectangle Tool.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

    Creation of reflection.

    • Merge all layers.
    • Duplicate created layer.
    • Go to Edit > Transform > Flip Vertical. Move it down. Opacity 30%.
    • Add Vector Mask, fill it with White/Black Gradient.

    And here is the result! The phone should look like this.

    Sony Ericsson S500 Cell phone interface. Photoshop Tutorial

  • Tags:

    readers views
    related stories
    • No Related Post
    latest news
    Photoshop: Zoombare Bilder thumbnail Photoshop: Zoombare Bilder
    Zoomify ist in der Lage aus
    How to Create Explosive Typographic Effects in Cinema 4D thumbnail How to Create Explosive Typographic Effects in Cinema 4D
    In this tutorial I will walk through
    How to Create a Nuclear Disaster Landscape – Basix thumbnail How to Create a Nuclear Disaster Landscape – Basix
    As designers we are often asked to
    Freistellen mit Kanälen thumbnail Freistellen mit Kanälen
    Jeder kennt das lästige und zeitaufwändige Freistellen
    Decorating-Text thumbnail Decorating-Text
    Creating text and then decorating it is