Create an icon of the short message in several simple s

Tutorials Shared by the Internet Community

Advertisements


Create an icon of the short message in several simple s

You can create an icon of the short message in several simple steps in the Photoshop and the decomposing step is to introduce the idea of making icons

Statistics

  • Total Hits - 32653

  • Total Votes - 114 votes

  • Vote Up - 48 votes

  • Vote Down - 66 votes

  • Domain - 4-designer.com

  • Category - Photoshop/Web Graphics

  • Submitted By - wuhui

  • Submitted on - 2013-01-26 13:05:23

Description

You can create an icon of the short message in several simple steps in the Photoshop and the decomposing step is to introduce the idea of making icons. Hope this tutorial can help you.<br /><br />The rendering of the icons and the decomposition map of the main elements<br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-1.jpg"><img class="alignnone size-full wp-image-5906" title="create-an-icon-of-the-short message-1" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-1.jpg" alt="" width="865" height="513" /></a><br />Step 1, Use the rounded rectangle tool to draw the rounded rectangle and adjust to the inner bevel in the Bevel and Emboss, moreover, add and adjust the gradient overlay.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-1-1.jpg"><img class="alignnone size-full wp-image-5907" title="create-an-icon-of-the-short message-step-1-1" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-1-1.jpg" alt="" width="308" height="183" /></a><br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-1-2.jpg"><img class="alignnone size-full wp-image-5908" title="create-an-icon-of-the-short message-step-1-2" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-1-2.jpg" alt="" width="717" height="458" /></a><br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-1-3.jpg"><img class="alignnone size-full wp-image-5909" title="create-an-icon-of-the-short message-step-1-3" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-1-3.jpg" alt="" width="459" height="246" /></a><br /><br />Step 2, Use the pen tool to draw the bubbles of the short message and adjust the Bevel and<br />Emboss style<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-2-1.jpg"><img class="alignnone size-full wp-image-5910" title="create-an-icon-of-the-short message-step-2-1" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-2-1.jpg" alt="" width="369" height="178" /><br /></a><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-2-2.jpg"><img class="alignnone size-full wp-image-5911" title="create-an-icon-of-the-short message-step-2-2" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-2-2.jpg" alt="" width="714" height="462" /></a><br /><br />Step 3, Copy and shrink the bubbles of the short message and adjust the layer style.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-1.jpg"><img class="alignnone size-full wp-image-5912" title="create-an-icon-of-the-short message-step-3-1" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-1.jpg" alt="" width="385" height="200" /></a><br />Gradient overlay<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-2.jpg"><img class="alignnone size-full wp-image-5913" title="create-an-icon-of-the-short message-step-3-2" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-2.jpg" alt="" width="465" height="264" /></a><br />Bevel and Emboss<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-3.jpg"><img class="alignnone size-full wp-image-5914" title="create-an-icon-of-the-short message-step-3-3" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-3.jpg" alt="" width="484" height="460" /></a><br />Projection<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-4.jpg"><img class="alignnone size-full wp-image-5915" title="create-an-icon-of-the-short message-step-3-4" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-3-4.jpg" alt="" width="487" height="366" /></a><br /><br />Step 4, Use the ellipse tool to draw 4 small circles and adjust the layer style.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-4-1.jpg"><img class="alignnone size-full wp-image-5916" title="create-an-icon-of-the-short message-step-4-1" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-4-1.jpg" alt="" width="371" height="186" /></a><br />Inner shadow<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-4-2.jpg"><img class="alignnone size-full wp-image-5917" title="create-an-icon-of-the-short message-step-4-2" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-4-2.jpg" alt="" width="497" height="354" /></a><br />Color overlay<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-4-3.jpg"><img class="alignnone size-full wp-image-5918" title="create-an-icon-of-the-short message-step-4-3" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-4-3.jpg" alt="" width="496" height="170" /></a><br /><br />Step 5, In the end, add the part of the projection and the highlight of the bubbles, and then it is finished.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-5.jpg"><img class="alignnone size-full wp-image-5919" title="create-an-icon-of-the-short message-step-5" src="http://4-designer.com/wp-content/uploads/2013/01/create-an-icon-of-the-short-message-step-5.jpg" alt="" width="825" height="222" /></a><br /><br />Anyone is welcomed to redistribute and quote the content only if he or she notes its origin. <a title="create an icon of the short message in several simple steps" href="http://4-designer.com/2013/01/create-an-icon-of-the-short-message-in-several-simple-steps-original-tutorial" target="_blank">http://4-designer.com/2013/01/create-an-icon-of-the-short-message-in-several-simple-steps-original-tutorial</a>    More detail...


Broken  |   Tweet  |   Facebook  |     |   Save  |   Liked  |   Down

Advertisements