PS to teach you to draw a materialized crystal button

How to draw lifelike high light? How to create a stereo feeling? Today to share a simple crystal button tutorial, only the use of layer styles and brushes can draw a beautiful high light +3d sense, the most suitable for UI design novice students, practice to constantly think about the relationship between the light and shadow, as well as the physical state, So that you can make rapid progress in the short term yo!

Perhaps the entry-level PS apprentices have tried to create designs for things like a drop of water, a balloon or an apple. What is usually confusing is why do we have to draw an apple instead of taking a picture of an apple and then digging it out? My answer is that there is no shortcut to learning. The quicker way of course can also achieve the effect, but it brings the harvest is far less than you draw the heart of an apple more.

Today we're going to make a crystal-like button, it's a fitting sensation, you need to constantly think about the relationship between high light and shadow in the process of learning, as well as the state of physical, this is the content of art class, but as you are proficient in the PS, the same basic knowledge needed to enhance your design.

1. New File

Turn on PS, create a new file (w:800px,h:600px), fill the background color with a dark gray #242424, and then slightly add a radial gradient to the backdrop to make the center look brighter. Then add a circle to the background layer, which is the "body" of the button. The color of the circle with everyone's liking, I choose is green.

2, Layer Style

Next, we will use the layer style for the "body" of the button. The use of layer style, relying on the constant attempt, and each time to use as a cumulative, to better understand and master it. So what are the styles we're going to use today?

Because we want to make the button stereo, we can try to use the inner shadow. In the process, you have to have a piece of your brain that you want to achieve after you have done it, and you'll be able to get closer to your goal when you're constantly debugging it.

Not familiar with the shadow of the classmate, right stamp learning, bag you will! PS Tips Learn! help you understand the inner shadow function quickly and thoroughly

This is my panel value, and the layer effect under this value.

I'm going to use the inner glow to make the edges of it crystal shiny.

Use glossy layer style to make it more shiny

The image above looks close to the effect I want, and then adds a little bit of projection and stroke to the button.

Classification:

• PS Mouse Painting Tutorial