Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

XP Style Mobile Phone Icon

Filed under: Web Graphics — Fiery Darts @ 7:40 pm

XP Style Mobile Phone Icon

Create a rounded rectangle using rounded rectangle shape tool.

Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get the shape as shown.
Duplicate the layer. Scale down and change the color to lighter shade.
Duplicate the layer again . Scale down and change the color to white.
Create a rectangle using rectangular shape tool. Enable add to shape area form the top bar. Create an ellipse using elliptical shape tool.
Press Ctrl+T. Right Click and select distort. Adjust the settings as shown.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Create a rectangle using rectangular shape tool. Press Ctrl+T. Right Click and select distort. Adjust the settings as shown.
Create an ellipse using elliptical shape tool. Enable subtract form shape area form the top bar. Create a rectangle using rectangular shape tool.
Create an ellipse using elliptical shape tool. Rotate and place as shown.
Double click the layer to open layer style window. Apply layer style with the settings shown.
Similarly create buttons of the mobile.
Insert an image or a company logo and place over the mobile screen.
Select and merge all the layers. Double click the layer to open layer style window. Apply layer style with the settings shown.
« Designing Star Sign Symbols - LIBRA   Golf Club Site Navigation Header »

3 Comments »

  1. nice;) keep up the good work

    Comment by Ovidiu — July 21, 2006 @ 2:25 am

  2. cool output

    thanks

    Comment by kory — July 21, 2006 @ 2:23 pm

  3. Hey great job. I hope you do more “XP Style” icons soon.

    Comment by zach — August 10, 2006 @ 5:30 pm

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .