Photoshop makes exquisite layers of blue crystal icons

Source: Internet
Author: User

The author's icons are made very fine and there are a lot of layers to use. Process: First the structure of the icon to break out, and then from the bottom to start making, first draw the graphics of each layer, and then use the layer style to make texture.

  Final effect


1, a new 1000 * 1000px canvas, background filled with #808b5e1, with rounded rectangle tool to create a * 400px, rounded 60px shape placed in the middle of the canvas, named "backplane", add layer style as shown below.

2, Ctrl + J Copy the backplane layer, and on the layer right select "Clear Layer Style", renamed "thickness Layer", moved to the lower floor layer, with the selection tool down 10 pixels down, and modify the layer style as shown below.

3, Ctrl + J copy "thickness layer", renamed "Light-emitting Layer", and right click on the layer to select "Clear Layer Style", move to the lower level of thickness layer, change the fill of layer style to 0%, and modify the layer style as shown below.

4, on the "backplane" layer on the new layer named "High Light", the foreground color is set to #4dc9f0, select the Brush tool to draw a point with a side hardness of 0%, then CTRL + T will flatten the circle, while the selection tool removes half of the circle, CTRL + T adjusts the high light layer to the appropriate position, and the carriage return confirms that the adjustment opacity is 60 %, the effect is shown below.

5, the floor of the layer composed of a group, named "Backplane", with an elliptical tool to draw a 205 * 205 positive circle on the Backplane Group and center, named "Extrude effect" and add layer style.

6, Ctrl + J Copy the Extrude effect layer, right Select "Clear Layer Style", and named "Smooth outer glow layer", modify color to #80b5e1, add layer style as follows.

7, Ctrl + J Copy the Extrude effect layer, keep the layer style of smooth outer glow layer, and named "Large gradient layer", add the layer style as follows.

8, CTRL + J copy large gradient layer, right select "Clear Layer Style", named "Small gradient layer", Ctrl + T, and then ALT + Shift, and so on in the proportion of the small gradient layer to 195 * 195, add layer style as follows.

Classification:
  • PS Getting Started Tutorial
  • PS Icon Production Tutorial

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.