PS: 3D crystal buttons with realistic highlights-PS tutorial

This tutorial describes how to use PS to draw a realistic high-gloss 3D crystal button. the crystal button is very beautiful and the tutorial is relatively simple, new friends can come and learn. I hope you will like how to draw realistic highlights in this tutorial? How to create a three-dimensional feeling? This tutorial shows you how to use PS to draw a realistic, high-gloss 3D crystal button. The tutorial is simple but practical, only the layer style and paint brush can be used to draw a beautiful highlight + 3D sense. this is the most suitable for students who are just getting started with uidesign. they should constantly think about the relationship between highlights and shadows during exercises, and the physical status, so that you can make rapid progress in the short term! We recommend it and hope it will help you!

Or the entry-level PS apprentices have tried to make designs for something like a drop of water, a balloon, or an apple. What is often confusing is, why do we need to draw an apple instead of taking a picture of it and then pull it out? My answer is that there is no shortcut to learning. The faster method can certainly achieve the same effect, but it brings far more gains than just drawing an apple with your heart.

Today we want to make a crystal button, which is like a thing. you need to constantly think about the relationship between highlights and shadows and the state of objects in the course of learning, this is the content of the art class, but when you are skilled in PS operations, you also need such basic knowledge to enhance your design.

The procedure is as follows:

1. create a file

Open PS, create a new file (W: 800px, H: 600px), fill the background color with dark gray #242424, and then fill the background with a radial gradient slightly to make the center look brighter ". Add a circle on the background layer, which is the "body" of the button. The circle colors are as you like. I chose green.

2. layer style

Next, we will apply the layer style to the button's "body. The use of layer styles relies on constant attempts, and each application must be used as an accumulation to better understand and grasp it. So what styles do we use today?

To make the buttons three-dimensional, we can try to use the inner shadow. In this process, your brain must show the effect you want to achieve after the completion of a pair of works, and you will be able to gradually approach your goal as you continue to debug it.

If you are not familiar with the inner shadow, right-stamp learning. you will! Learn PS skills! Help you quickly understand the inner shadow function

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

I want to use inner light to make the edge of it shine crystal.

Use the glossy layer style to make it more appealing

It looks like I want the effect. Next, add a projection and stroke for the button.

3. add highlights

In order to make the buttons look more stereoscopic, it is obviously not enough to apply the layer style. In this case, we also need to manually add the corresponding shadow and highlight effects to it. In all the drawing processes, when you want to make an object more stereoscopic and realistic, the best way is to add highlights and shadows to it.

Create a new layer, use the oval box selection tool, pull an oval shape above the button, and then use the gradient tool. the gradient settings are as follows: