The linen background in the iphone and ipad looks very delicate and textured, giving people a soft feeling of humanity. This kind of material can not only appear in the UI, of course, can also be applied to the web design, so in this article I will explain how to create such a background material in Photoshop.
First look at the final effect:
The next step is to implement the steps:
One, CTRL + N Create a new document, 680 pixel wide, 390 pixel high, background white, the rest remain the default, click OK. The size of the new document is larger than the size you want, basically left 50 pixels up and down, I will eventually create a width of 580 pixels, high 290 pixels of the picture, so I give width and height each added 100 pixels. Then select layers in the menu bar > Create a new fill layer > Solid Color command, choose a darker gray, my color here is #303030.
Second, create a new layer, named "Dark Stripes", fill it with white, select Filter > Noise > Add Noise command on the menu bar, quantity 99%, average distribution, tick monochrome, click OK. Then apply filter > Blur > Motion blur command, angle 0 degrees, distance 25 pixels, click OK. Finally, change the layer's blending mode to overlay. Create a new layer again, named "Dark Vertical", apply the same method as the above layer, but set the motion blur angle to 90 degrees. Finally, change the opacity of the two layers to 25%. After the completion of the effect of the following figure:
Then you can see why we're setting up the document a little bit larger, and we can look at the edges of the document as if it were ripped off some fiber, and it looks thin. So in the end we're going to cut off the edge part.
[1] [2] Next page