Designing Loox Pocket PC
I have prepared for you a nice tutorial that will show you guys how to create an interesting Pocket PC using only Photoshop.
Step 1
Start with a new white document. Mine is 669×669.

Step 2
Using the Pen Tool draw a shape as I did. Also the color I used is: #303030. The shape will automatically create a new layer. Name it Phone Base.

Step 3
Double click on the layer to open up the Blending Options and use these settings:

Step 4
Create a new layer over the Phone base layer and name it noise. Fill it with White, than go to Filter - Noise - Add Noise. Use my settings than click ok.

Step 5
Set the Noise layer to Multiply and Opacity to 15%.

Step 6
Next, we need to mask the Noise layer to cover only the base. To do this, Ctrl + Click on the Phone Base layer to make a selection, but in the same time you must make sure that you don’t select it and have the noise layer selected, than click on the Add layer mask button. This will hide the part of the Noise you don’t want.

Step 7
The base of the phone is finished. We will continue now with the sides of the Phone. Start with the left one.
Using the Pen Tool draw a shape as I did. Again this will automatically create a layer. Name it Left side. Also use this color: #e6e6e6.

Step 8
Double click on the Left Side layer to enter the Blending Options and use my settings.

Step 9
Duplicate the Left Side layer and place it above the first one. For the Blending Options use these settings:

Step 10
What you need to do now is to Right + Click on the Left Side Copy layer and select Resterize Layer. Than simply erase a half of the shape starting from the bottom. Also you need to make sure that your brush is set to 0% Hardness to make a smooth transaction between the first shape and this one.

Step 11
The next step is to duplicate those 2 layers and name them as the others Right Side and Right Side copy. Also move them in the right side of the phone and transform them in place.

Step 12
Now you need to change some settings for the Right Side. Double click on the layer to enter the Blending Options and use these settings:

Step 13
Now I will make some details. Zoom on the top of the phone. Using the Pen Tool, draw a small shape like I did and use this color: #5a6584. Also name it Left Light.

Step 14
Double click on the Left Light layer and this will bring the Blending options up. Use my settings:

Step 15
Now duplicate this layer and move it lower than the first one. It should be named Left Light copy. Also you need to change the Blending Options. Use my settings again:

Step 16
Next duplicate these 2 layers and name them Right Light and Right Light copy as they should be called. Than move them to they’re side and also transform them as they should be using the Transform Tool.
Also you can make a folder and call it Lights and move these 4 layers in there to keep thinks organized.

Step 17
Make a new Folder and move it lower than the Lights folder. Name it Side Lines.
In the next image you will see how I have arranged my layers.

Step 18
Create a new blank layer. Using the Pen Tool make a line like I did. Also before you make the line you need to make sure that you have the Path button selected.
Make sure that the foreground is set to white and the brush to 100% Hardness and 1px Diameter.
Now make sure you have the Pen Tool selected. Right click anywhere on the screen and select Stroke Path. A screen will poop up, don’t select the Simulate Pen Pressure and click ok.
In the end delete the path and set the strip line to 30% Opacity.

Step 19
Make a new layer and name it shadow. Ctrl + Click the Left Side layer to make a selection. Fill the layer you just created with black and move it 5px right.

Step 20
Have the shadow layer selected and go to Filter - Blur Gaussian Blur and use a 4.6 radius.

Step 21
Now you need to make a selection of the base of the phone but still have the shadow layer selected. Than invert the selection by clicking Ctrl + Shift + I than simply erase some of the shadow by clicking backspace.

Step 22
Next make a selection as I did using the Pen Tool than Press Ctrl + Enter to make a selection.

Step 23
Make a new layer. Using the Gradient Tool you need to fill this selection.
Before you start filling you need to have the foreground White and the Gradient Option set to Linear Gradient and Foreground to Transparent.
Than fill the selection as I did and set the Opacity to 30%.

Step 24
Now simply duplicate these 3 layers and move them to the right side and also transform them by holding Shift and Alt keys to make a perfect transformation. It should look like this:

Step 25
Make a new folder and name it Buttons. This will stand for the lower button set.
Make a shape as I did using the Rounded Rectangle Tool. It does not matter the color you use, as we will hide it.

Step 26
Now set the Fill to 0% and use these settings for the Blending Options:

Step 27
Now duplicate the layer and change the Blending Options with these:

Step 28
Make another shape as I did using the same tool.

Step 29
Same as with the shape on Step 26, set the Fill to 0% and use these Blending Option settings:

Step30
Using the Line Tool make 2 (1px) strips in the center of the button from left to right as I did:

Step31
Make a shape as I did again using the Rounded Rectangle Tool, than duplicate it and move it to the other side.

Step32
Set the Fill to 0% for both, and then set the Blending Options as I did for both.

Step33
Make another shape as I did. Also set it to Fill 0% and BLending Options as I did:

Step34
Make another shape as I did. This time use the Rectangle Tool and a Black color. Set it to 50% Opacity.

Step35
In the other side make 2 White shapes as I did and also set the Opacity to 10%.

Step36
Next you need to draw on the buttons. I used the Line Tool to make the complicated ones and the Triangle from the Custom Shape Tool.

Step37
Open up a new layer. Ctrl + Click on the middle button to make a selection.
Using the brush tool set to Black, Hardness 0% and Diameter to 90px, just click once as I did for each side. Last set the Opacity to 46%.

Step38
Making the Screen is next.
Make a shape as I did using the Rounded Rectangle Tool.

Step39
Set the Fill to 0% and the Blending Options as I did:

Step40
Use a nice image you can find on the internet or something you find interesting to use for the screen. I personally made this image that I will show you how to make in the next tutorial.

Step41
Last is the upper button.
Make a shape as I did. Same as with the other buttons set Fill to 0% and use my settings.

Step42
Duplicate the shape. Fill 0% and change my settings for the Blending Options as I did. Also draw the Shutdown sign using the Elliptical Tool and the Line Tool.

Final
Finalize your work with a very nice and interesting background.
Thank you for reading.




Nice tutorial, I like the method you used for making the buttons. Good work.
Wow. It’s awsome. I like it. i wait your next tutorials. :D:D:D
Awesome! The final result looked amazing!
Very nice tutorial. Thank you.
Awesome work.
This was a really interesting idea…and i loved the method that you used for making your buttons =]
Thanks!!
ABSOLUTELY FANTASTIC… I’M ASTONISHED
You rule!!
thanks!
this is the best result I’ve seen ever
whoa! i always thought these were done in Max/Maya etc…
Hi i did this tutorial and this is how mine turned out,se link > http://fc08.deviantart.com/fs26/f/2008/156/2/e/Pocket_PC_My_version_by_stevic123.png, thanks for this tut it was awesome, 5 stars!
This tutorial outlines the same process I went through to duplicate my old cell phone back in 2002 using Photoshop:
http://creativ82.deviantart.com/art/Double-Take-Cell-Phone-v2-333841
Nice to see I wasn’t the only crazy one trying to do it entirely with layer styles. Great tutorial too.
fantastic work and well written tutorial. i like your doble-stroke-technique. pretty advanced.
totally awsum
really stunning tutorial… Thanx a lot.
Like the look of that, really awesome…
5/5 !! Awesome !!
The way you explained is totally amazing as it’s very Nice and Easy tutorial for photoshop freaks.
Thank You.
Woa.. one of the best tutorials ive seen (i have hundreds of bookmarked tutorials!! xD lol)! and its so well explanied i didnt find any problems doing this eventhough im a NOOB at designing loL! thaks a lot!!
[...] Designing Loox Pocket PC [...]
[...] Loox Pocket PC This tutorial shows you how to create an interesting pocket PC using only Photoshop. [...]
..
Wow .. it’s realy realy nice work ^_^
i gonna learn some steps from u ..
Thanx alot
,