This example from a foreign customer's real case, very cool, the focus is to help students learn to draw this kind of effect when the idea, want to learn the specific operation of the students can directly right poke >>>
First, the construction sketch
First of all, we draw a sketch of the login box, the image below is the other side has been painted, the customer said want this shape. If the client doesn't specify it, it's going to draw it yourself.
Two, solid color filling
After the sketch is finished, my next action is to use the pen tool to outline the various parts of the login box, and then fill it with a solid color block. Here the grid tools can help you well, the spacing of gridlines can be set in preferences (CTRL+K), and the following is a process diagram
Third, add texture
Next, add texture to the login box.
My usual practice is that the material map combined with the layer style to achieve the effect, the following take the frame of the login box for example to explain the specific operation, the other parts of the same do not do detailed explanation. First of all, I found a lot of texture scratch material to fuse and then to the bottom of the box to add a simple stereo effect layer style, and finally for its overlay material, the specific operation as follows
Background fusion:
Layer Style:
Then create a clipping mask, import the footage, and add a texture effect to the bottom box, where you can try a lot of layer mode and reduce the opacity appropriately.
Inside the box in the same way, then the layer style will add the effect of the inner shadow, patiently adjust the material and layer effect.
Add an input box and some text hints, the effect of the input box can change the shadow mode to normal in the layer style settings, change the color to white, and then adjust the position and size appropriately.
Make the login button, the same as the bottom frame production principle.
button making decomposition diagram
Four, the overall decoration
The overall effect has been completed, and finally we are doing some finishing work. For example, I put a few small screws in the upper part of the Login box, the page has a border effect, of course, this is only my practice, you can add other effects.
Note : More wonderful tutorials Please pay attention to the triple triple tutorial Channel
Classification:
- PS Getting Started tutorial