We will give you a detailed analysis of the photoshop software and share with you the tutorial on creating an adjustment switch icon.
Tutorial sharing:
Create a new gradient adjustment layer and perform a 45-degree linear gradient from # a1a5ae to # eef2f3.
It's just a gradient background. If you feel a little bad, add a texture. Copy a gradient layer, convert it to a smart object, and add a color.
Execute "filter-style-embossed effect" to add an embossed effect.
Change the layer blending mode of this layer to "overlay", and our background is complete.
Draw a rounded rectangle and add a layer style.
Copy the rounded rectangle of a layer, move it to the lower layer, change the layer fill to 0, and add a projection layer style to increase the shadow layering.
Load the selection area of the rounded rectangle, create a new layer in the bottom layer of the main shadow, fill the black area, and execute a dynamic blur. With the mask, we make a long projection, change the blending mode of the layer to "front stacked bottom", and the opacity of the layer to 33%.
Next, let's make the middle box. Here we need to note that the roundness of the rounded rectangle needs to be aligned, otherwise it looks ugly. Change the fill of the layer to 0 and add a layer style.
Use an elliptical tool to draw the subject of the knob and add a layer style.
Just like shadow the rounded rectangle, copy a layer, move it to the lower layer, change the layer fill to 0, and add a projection layer style.
Similarly, just like the previous one, you can use dynamic blur to make a long projection and adjust the opacity properly.
Next, use an elliptical tool to draw a small circle in the middle and add a layer style.
Add our LOGO and a layer style, black inner shadow, and white projection.
Below, we will draw a scale. Draw a rectangle and use Ctrl + Alt + Shift + T to get a circle scale. (I don't want to explain this.) according to our settings, the scale should be at the bottom of the knob, because we have set a projection for the knob, and the shadow should also work for the scale, so I placed the scale at the bottom of the knob projection, and the scale color is # cececf. I added a style that is the same as the layer style we just set for the LOGO, a black inner shadow, and a white projection, with our own transparency, our results are as follows:
Use an elliptical tool to draw a small circle and mark the indicated position of the rotation. The color is as you like. The color I use is # 77e4ff. I also add a black inner shadow and a white projection.
Next, add the text, which is nothing to say. I suggest you use a text layer, because the text in the shadow position is affected by the spin shadow, it looks like, the corresponding values should be deeper. For example, the values of MIN, 0, and 1 in the graph should be deeper than those in the others.
Final effect:
All right, the above information is the detailed design of a production tutorial for adjusting the switch icon for users of photoshop, I believe that the production method is very clear, now, users can follow the tips shared by Alibaba Cloud to create the switch icon.