The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Create Contact Icon

Create Contact Icon


Create a new file (File>New), having 350x350 px and 72 dpi and select the Rectangle Tool (U) to represent the background of the next picture we want to create.

image 1

The layer's parameters:

Blending Options>Gradient Overlay

image 2

Gradient's parameters:

image 3

image 4

We have to select one more time the previous tool to represent the primary layer of the icon, colored in #BA3526.

image 5

The layer's parameters:

Blending Options>Drop Shadow

image 6

Blending Options>Bevel and Emboss

image 7

Blending Options>Stroke

image 8

Gradient's parameters:

image 9

image 10

Create a new layer and then take a brush of white color, Brush Tool (B) and picture out several flares on the icon's surface.

image 11

image 12

Press on the Alt button and make a mouse's click between the flare's layers and the icon's one for the flare to be applied in the limits of the icon.

image 13

image 14

Select after that the Custom Shape Tool (U) to represent the symbol of the icon and then press on the Shift button to fix a circle on the lowest part of the symbol. Its color should be white.

image 15

image 16

image 17

The layer's parameters:

Blending Options>Stroke

image 18

Gradient's parameters:

image 19

image 20

Press on the Alt button and make a mouse's click between the layers.

image 21

image 22

Create a new layer and select the previously used brush to represent a shadow, colored in #C8C9C9.

image 23

Press on the Alt button, make a mouse's click between the layers.

image 24

image 25

The layer's parameters:

Blending Mode-Darken

Create Contact Icon Tutorial: Final Result

The final result!



Author's URL: Adobetutorialz.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Create Contact Icon"

Only registered users can write comment

No comments yet...