To you photoshop software users to detailed analysis of the common Web page to share the effects of the production of the picture projection tutorial.
Did you notice anything in common after reading? Yes, all these pictures have one thing in common is the exquisite shadows that adorn the entire interface.
This is the latest big hot design technique that this tutorial has to share with you: "Diffuse shadows." I'm sure you've seen these cases before, but have you really tried them? A 60-point, traditional flat UI interface, plus the shadow effect can become a great God of the work of the second.
Let's start with a three-step tutorial, first by taking a recent case of shame and shame (because it's an example, I've added some weight to the shadow):
The first step, here with the interface of the rounded rectangle button to do a demonstration, first draw a 230*60 rounded rectangle, color value #ff4683, to get a rounded rectangle
(Novice friends to remember to use diffuse shadow, do not use the right angle, a few pixels of rounded corners or direct rounded rectangle to make the effect of better look)
Second step, ctrl+j shortcut key copy rounded rectangle a get rounded rectangle B, transparency set 30%, and Move Down 10px (remember to move B layer below a layer)
The third step, the Point Open PS Toolbar Filter-fuzzy-Gaussian blur function, set the fuzzy radius of 6, clatter ~ One of the simplest diffuse shadow is done!!!
And so on, we can play the creative, use the diffuse shadow techniques to design more interesting widgets, and perfect use ~ ~
Well, the above information is small compiled to you photoshop this software users brought the detailed web page common picture projection effect of the production of the entire content of the tutorial share, you see the users of Photoshop software here, and now you are very clear about the tutorial, So now you guys go to the small series to share to make it.
