The beautiful Crystal icon making method

Source: Internet
Author: User
Tags add reflection
In fact, the glass transparent texture of small icons made very fast, basically do not use what techniques, use your layer properties can achieve results, it is estimated that after reading this tutorial will be very easy to make a small glass icon or even a large picture.

Preparation Tool Photoshop 5.0+ (more than 5.0 version meaning)
Note Unlike the tutorials I've written in the past, this technique can be used on a machine that can use Photoshop 5.0+ without needing to be abused by your machine.
The tutorial uses the software for the PHOTOSHOP7.0.1, this method also may apply in the FIR Eworks or other design software (but must have the Layer attribute setting software), actually grasps the method in the flash may also realize this small icon production, the so-called ingenious, Are not necessarily made into circles, other shapes can also be used in this way. Tutorial take a round example.

First step:

1. Create a new document, the size of their own (how large no one will be fined);
2. Add a layer



Step Two:

1. Use the regional tool to hold down SHIFT and draw a positive circle
2. Click to select the new layer that you just created,
3. Edit > Fill with fill command to make circle fill #0066cc color (fill in other colors also can)
Remember that this step is done on the newly created layer (do not populate the background layer, otherwise you cannot perform the following procedure).



The third step (very important):
1. Double-click the new layer you just filled the circle to call Out Layer Style dialog box
There are two ways to find a layer style
Layer layer style in menu bar
There is also a button in the Layer tool panel
2. The projection, the interior shadow, the stroke carries on the hook selection respectively


Step three-------->

The first section:
First set your projection properties, set by legend


Section II:
Set the inner shadow property to set the inner shadow part to make your small icons more permeable.


Section Three:
Stroke property settings, strokes are to ensure that the edge contrast effect settings, can be based on the actual need to not adopt.


Get effect


Fourth Step

Add the layer style you just finished to the Photoshop style sheet for later modification or action
Create a new Layer 2 and add a selection area of the same size as the circle (hold down the ctrl point and just set the style of the circle layer)



Fifth Step

Now start making small icons for high light reflection
Pull a gradient in the new Layer 2 and have a selection area that is the same size as the established circle, with only a black and white gradient (for later modification),
Cancel a selection (ctrl-d)


Sixth step

Using your layer properties will get you an unexpected effect, setting the Layer property of the just-created black and white gradient layer to the ' screen '
Now that your specular reflection is out of the way, does it feel different from downloading? There's one last step.


One last step

In the layer point that is just set to ' screen ', press C rtl+t to make the transform settings. Adjust to the end you need to look on it, it is so simple, it is not difficult.




Of course, the color of this kind of small icons is very important, the technique is only the second, but also need their own long-term training of the basis of art and color sense to make their own and others are satisfied with the work.



The final product is like this.
Increase the small picture you need (overlay layer properties) between the Black-and-white gradient of screen properties and the rounded layer of the set style.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.