The tutorial of making the icon of jeans effect

Tutorials Shared by the Internet Community

Advertisements


The tutorial of making the icon of jeans effect

According to their own understanding of how to make denim texture icon.

Statistics

  • Total Hits - 32935

  • Total Votes - 104 votes

  • Vote Up - 46 votes

  • Vote Down - 58 votes

  • Domain - 4-designer.com

  • Category - Photoshop/Textures & Patterns

  • Submitted By - wuhui

  • Submitted on - 2013-04-23 01:21:37

Description

According to their own understanding of how to make denim texture icon.<br />This is final effects:<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/Final-effects.jpg"><img class="alignnone size-full wp-image-25924" title="Final-effects" src="http://4-designer.com/wp-content/uploads/2013/04/Final-effects.jpg" alt="" width="512" height="512" /></a><br />Step 1, Create a file which is used to make the icon file and a small file used for copying the texture of jeans.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-1-1.jpg"><img class="alignnone size-full wp-image-25897" title="step-1-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-1-1.jpg" alt="" width="471" height="369" /><br /></a><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-1-2.jpg"><img class="alignnone size-full wp-image-25898" title="step-1-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-1-2.jpg" alt="" width="471" height="369" /><br /></a><br /><br />Step 2, Use the 1px pencil to draw the oblique line in the 5*5 file and make the fill pattern be with the transparent bottom.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-2.jpg"><img class="alignnone size-full wp-image-25899" title="step-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-2.jpg" alt="" width="214" height="141" /><br /></a><br /><br />Step 3, Define the background color in the icon document and I use such dark blue color of #072041<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-3.jpg"><img class="alignnone size-full wp-image-25900" title="step-3" src="http://4-designer.com/wp-content/uploads/2013/04/step-3.jpg" alt="" width="643" height="578" /></a><br />Step 4, Create a new blank layer on the 'background' and use the defined black oblique line to fill the document. You need to change the color of the oblique line here and there is no special requirement to the color only lighter than that of the background.<br /><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-4.jpg"><img class="alignnone size-full wp-image-25901" title="step-4" src="http://4-designer.com/wp-content/uploads/2013/04/step-4.jpg" alt="" width="568" height="540" /></a><br /><br />Step 5, Denim is not so smooth, so we need to add the basic effect to the background. First of all, we add 'Noise' to the 'background' and then add 'Dust &amp;amp; Scratches<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-5-1.jpg"><img class="alignnone size-full wp-image-25902" title="step-5-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-5-1.jpg" alt="" width="591" height="603" /></a><br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-5-2.jpg"><img class="alignnone size-full wp-image-25903" title="step-5-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-5-2.jpg" alt="" width="593" height="595" /></a><br />Step 6, We move on to deal with the texture of the oblique after completing the 'background' and we add 'Film Grain' effect to the 'line' layer.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-6-1.jpg"><img class="alignnone size-full wp-image-25904" title="step-6-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-6-1.jpg" alt="" width="588" height="540" /></a><br /><br />Next, we create a new black layer named 'shade' with the filling value is '0%' .<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-6-2.jpg"><img class="alignnone size-full wp-image-25905" title="step-6-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-6-2.jpg" alt="" width="584" height="599" /></a><br /><br />And add a 'Gradient Overlay' layer styles to the 'shade'.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-6-3.jpg"><img class="alignnone size-full wp-image-25906" title="step-6-3" src="http://4-designer.com/wp-content/uploads/2013/04/step-6-3.jpg" alt="" width="638" height="366" /></a><br />Step 7, We start drawing the icon after finishing the background part and firstly use the rounded rectangle tool to draw a box which is also the pocket of the jeans<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-7-1.jpg"><img class="alignnone size-full wp-image-25907" title="step-7-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-7-1.jpg" alt="" width="577" height="594" /></a><br /><br />filling value is '0%'. We begin to set the layer styles and you can do as you wish to use the straw to gain the color value.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-7-2.jpg"><img class="alignnone size-full wp-image-25908" title="step-7-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-7-2.jpg" alt="" width="643" height="2346" /></a><br />Step 8, After drawing the 'bag' on the bottom of the pocket, we copy one layer named "bag 2" as the outer of the pocket and use pen tool to adjust the shape to build up the overall shape of the pocket.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-8.jpg"><img class="alignnone size-full wp-image-25909" title="step-8" src="http://4-designer.com/wp-content/uploads/2013/04/step-8.jpg" alt="" width="536" height="529" /></a><br />Step 9, Begin to draw the special suture of the jeans. Let's set the 'Brush' and adjust the size to 2px. The other parameters are as shown in the picture:<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-9-1.jpg"><img class="alignnone size-full wp-image-25910" title="step-9-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-9-1.jpg" alt="" width="739" height="485" /></a><br /><br />Next, adjust the shape tool into the path mode and draw a smaller rectangle than the border of the pocket. Set the foreground color into yellow gray and we can adjust the color later.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-9-2.jpg"><img class="alignnone size-full wp-image-25911" title="step-9-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-9-2.jpg" alt="" width="538" height="524" /></a><br /><br />Then, move to "stroke path" and select the brush in the panels to find the dashes effect.<br />Use the same way to draw another line.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-9-3.jpg"><img title="step-9-3" src="http://4-designer.com/wp-content/uploads/2013/04/step-9-3.jpg" alt="" width="522" height="523" /></a><br /><br />The middle horizontal line. To draw a line means to stroke.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-9-4.jpg"><img class="alignnone size-full wp-image-25913" title="step-9-4" src="http://4-designer.com/wp-content/uploads/2013/04/step-9-4.jpg" alt="" width="525" height="1036" /></a><br /><br />Create a new layer and use the same color pencil to draw the crossing part of the heads of the lines. There is no need to be meticulous and it is not the jeans style of being meticulous.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-9-5.jpg"><img class="alignnone size-full wp-image-25914" title="step-9-5" src="http://4-designer.com/wp-content/uploads/2013/04/step-9-5.jpg" alt="" width="522" height="521" /></a><br />Step 10, Begin to add the texture of the jeans to the pocket and copy the 'line' layer to name it 'line background' as well as drag it under the suture on the 'bag 2' and gain the selective part of the 'bag' layer. Narrow the selective part to 2px.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-10-1.jpg"><img class="alignnone size-full wp-image-25915" title="step-10-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-10-1.jpg" alt="" width="582" height="525" /></a><br /><br />Make a mask to get the texture which just covers the pocket as well as change the mixed model into "screen" and the effect needs to be different from the background.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-10-2.jpg"><img class="alignnone size-full wp-image-25916" title="step-10-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-10-2.jpg" alt="" width="586" height="525" /></a><br /><br />At this time, if you feel the suture is too dark, you can simply adjust the color.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-10-3.jpg"><img class="alignnone size-full wp-image-25917" title="step-10-3" src="http://4-designer.com/wp-content/uploads/2013/04/step-10-3.jpg" alt="" width="583" height="526" /></a><br />Step 11, Let’s put something into the pocket, for example, put an iphone into it.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-11-1.jpg"><img class="alignnone size-full wp-image-25918" title="step-11-1" src="http://4-designer.com/wp-content/uploads/2013/04/step-11-1.jpg" alt="" width="603" height="518" /></a><br /><br />Turn to the selective part of the layer 'bag 2' and make an inverted mask to the iphone. The preliminary effect that put the iphone into the pocket is finished.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-11-2.jpg"><img class="alignnone size-full wp-image-25919" title="step-11-2" src="http://4-designer.com/wp-content/uploads/2013/04/step-11-2.jpg" alt="" width="525" height="526" /></a><br /><br />Next, move to make the stereo effect of the pocket and copy the 'bag 2' layer as well as make it rasterized and we use the rasterized layer to make procession.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-11-3.jpg"><img class="alignnone size-full wp-image-25920" title="step-11-3" src="http://4-designer.com/wp-content/uploads/2013/04/step-11-3.jpg" alt="" width="596" height="528" /></a><br /><br />We use the 'Burn Tool' sized 50px and adjust the exposure lower. Reverse to the iphone and dark the edge of it to get the stereo effect.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-11-4.jpg"><img class="alignnone size-full wp-image-25921" title="step-11-4" src="http://4-designer.com/wp-content/uploads/2013/04/step-11-4.jpg" alt="" width="594" height="529" /></a><br /><br />I need to explain it here that when we make the layer rasterized, the layer effect is not rasterized. The method I used is creating a new blank layer and merge it with the copy layer to keep the layer effect.<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-11-5.jpg"><img class="alignnone size-full wp-image-25922" title="step-11-5" src="http://4-designer.com/wp-content/uploads/2013/04/step-11-5.jpg" alt="" width="526" height="521" /></a><br />Step 12, Add a soft shadows between iphone and jeans<br />At last, make a small logo as a decoration to finish it..<br /><a href="http://4-designer.com/wp-content/uploads/2013/04/step-12.jpg"><img title="step-12" src="http://4-designer.com/wp-content/uploads/2013/04/step-12.jpg" alt="" width="527" height="1570" /></a><br /><br />Anyone is welcomed to redistribute and quote the content only if he or she notes its origin. <a title="The tutorial of making the icon of jeans effect" href="http://4-designer.com/2013/04/the-tutorial-of-making-the-icon-of-jeans-effect " target="_blank">http://4-designer.com/2013/04/the-tutorial-of-making-the-icon-of-jeans-effect </a>    More detail...


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

Advertisements