What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Phone with pen tool (Photoshop)


Aviorrok

Well-Known Member
Messages
92
Likes
8
Hi

I try to draw Phone (like in iOS 8) but fails. Someone can write a guide step over step how to draw phone like in iOS 8 with pen tool?


Thanks!
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Like this?

1413111681-mac_and_ios_phone_icon_2x.png

How are you failing?
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Not a problem.

Create a document
Fill the background with white.
Set two guides to the center of the document.

Screen Shot 2014-12-08 at 4.29.23 PM.png

Select your Pen Tool. Set to path.
Create a new layer.
Starting at the top of the phone begin drawing the phone.
End where you started.

Screen Shot 2014-12-09 at 12.21.50 PM copy.png

When the Path is closed, right click and choose 'make a selection'.

Screen Shot 2014-12-09 at 12.22.21 PM.png

You will now have a selection.

Screen Shot 2014-12-09 at 12.22.37 PM.png

Fill the selection with black (you can always change it later).
Hit Cmd/cntrl + D to deselect.

Screen Shot 2014-12-09 at 12.22.54 PM.png

Duplicate the half phone layer.
Highlight the duplicated layer, then Go to EDIT > TRANSFORM > FLIP HORIZONTAL.

Screen Shot 2014-12-08 at 4.31.44 PM.png

Select your move tool and move the duplicated phone half into position.

Screen Shot 2014-12-08 at 4.32.04 PM.png

You can now highlight the two phone half layers, duplicate them, then merge them.
 
Last edited:

Aviorrok

Well-Known Member
Messages
92
Likes
8
WOW thanks but I mean how to draw the phone tube (the phone in the green circle) I don't want to download phone image from Google and change the size of the phone.
 
Last edited by a moderator:

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Aviorrok said:
WOW thanks but I mean how to draw the phone tube (the phone in the green circle) I don't want to download phone image from Google and change the size of the phone.

You don't have to download the phone image and change the size. You are only using it as a template!

Once you have made your own............you can make it any size or color you wish.

Screen Shot 2014-12-09 at 12.47.56 AM.png
 
Last edited:

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
I don't think you understand what I have shown you. I have shown you how to draw the phone.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
In the hope that you might understand it a little better, I have re-done the tutorial and removed the phone icon template.

I was only using the green and white phone icon as a template to trace over.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Once you have created the phone.
Make it any color you wish.
Use the transform function to rotate the phone.
Use your Move Tool to position the phone.

Screen Shot 2014-12-09 at 12.52.29 PM.png

Create a new layer BELOW the phone layer.
Use the Ellipse Tool set to shape or......
use the Elliptical Marquee Tool to create a circle around the phone.
Use the shift + the alt/opt key to center and constrain the ellipse.

Screen Shot 2014-12-09 at 12.41.10 PM.png

Fill the ellptical selection with the color of choice.
Hit cmd/cntrl + D to deselect.

Screen Shot 2014-12-09 at 12.44.00 PM.png

Clear your guides.
Add a drop shadow layer style to the phone.
Add a gradient overlay layer style to the circle.

Screen Shot 2014-12-09 at 12.51.23 PM.png
 

Top