The tutorial of making the icon of jeans effect

Tutorials Shared by the Internet Community

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Detail

The tutorial of making the icon of jeans effect

According to their own understanding of how to make denim texture icon.
http://4-designer.com/2013/04/the-tutorial-of-making-the-icon-of-jeans-effect/
  • Total Hits: 14008

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 150 votes

  • Category: Photoshop/Textures & Patterns

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

  • Submitted By: wuhui

  • Set as Favorite

Description:

According to their own understanding of how to make denim texture icon.
This is final effects:


Step 1, Create a file which is used to make the icon file and a small file used for copying the texture of jeans.






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.




Step 3, Define the background color in the icon document and I use such dark blue color of #072041


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.



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 & Scratches


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.


Next, we create a new black layer named 'shade' with the filling value is '0%' .


And add a 'Gradient Overlay' layer styles to the 'shade'.

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


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.

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.

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:


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.


Then, move to "stroke path" and select the brush in the panels to find the dashes effect.
Use the same way to draw another line.


The middle horizontal line. To draw a line means to stroke.


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.

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.


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.


At this time, if you feel the suture is too dark, you can simply adjust the color.

Step 11, Let’s put something into the pocket, for example, put an iphone into it.


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.


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.


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.


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.

Step 12, Add a soft shadows between iphone and jeans
At last, make a small logo as a decoration to finish it..


Anyone is welcomed to redistribute and quote the content only if he or she notes its origin. http://4-designer.com/2013/04/the-tutorial-of-making-the-icon-of-jeans-effect     More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 37.33%  56
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.67%  16
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 12%  18
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 11.33%  17
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.67%  43

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.






Advertisements