Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop 3D Effects 3D Chat Icon
rss

3D Chat Icon

Author: xTutorials.net More by this author


OK! Let's get started. First of all make a new document. Transparent background. size 250x250

Now, Using the Custom Shape Tool image 1 create the chat sign. Make it a little bigger because we will scale it after that.

Now go to Edit->Transform Path->Skew. Make it like in this image:

image 2

Now go to Edit->Transform Path->Scale and make it less high.

Now go to Filter->Stylize->Emboss and use these settings:

image 3

Now comes the tricky part. Duplicate this layer and move it up just one pixel. Repeat this step about 6-8 times. Remember always to duplicate the most top layer. The result is this:

image 4

Now merge all the layers, except the top one. Press Ctrl+U and click on colorize. Play with the colors. I used these settings:

image 5

The result is this:

image 6

Now hold Ctrl and click on the top layer so you have the shape selected. Using the Gradient Tool apply a gradient to it. I used:

image 7

After that change the layer Blend Mode to Color.

The result is this:

image 8

Now ad a background to the image. I suggest a white back ground...actually I used #ededed.

The final touch is to ad a drop shadow. I used these settings:

image 9

The final result:

3D Chat Icon Tutorial: Final Result



Author's URL: xtutorials.net

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "3D Chat Icon"