Let's give you a detailed analysis of the examples getting started webpage button creation tutorial.
Tutorial sharing:
When browsing webpages and using multimedia software, we often see exquisite buttons for interaction. In particular, some three-dimensional buttons add a lot of colors to web pages and multimedia software. As a professional plotting software, Illustrator can help us make beautiful buttons. To make your homepage beautiful, you need to carefully learn how to press the buttons :)
Let's see how the first circular three-dimensional button is made. In fact, a careful analysis shows that it is only composed of two circles filled with gradient. It's not as complicated as you think! Now let's learn how to do it step by step. First, use the circular tool
Draw a circle. When we draw a circle, isn't it easy to draw a positive circle? Here is a skill. When we draw a circle, we can easily draw a standard circle by holding down the Shift key. Then adjust a Middle White (you can also use its own color) edge Blue radial Gradient on the Gradient floating panel, and then fill the circle with the Gradient tool.
Then copy the drawn circle. Then use the deformation tool
Reduce it to a proper size. Then rotate to an appropriate angle (refer to the figure below)
Finally, move the circle to the center of the circle (tip: you can use the arrow keys on the keyboard for exact movement.
The second type of buttons is actually the first type of flexible use. Replace the circle with the rectangle of the rounded corner, and fill it with a radial gradient with a blue middle white edge (make sure to select a proper position when filling, place the filled midpoint on a corner of the rectangle)
Copy a rectangle and then zoom it down to the left and right. Put it in the center of the large rectangle.
The third button is also a rectangle button, but the creation method is very different from that of the second rectangle. It uses graphics and color gradient tools
Created. First draw a rounded rectangle. Then draw a small rounded rectangle and place it in the center of the large rectangle. The larger rectangle is filled with a deeper color, and the smaller rectangle is filled with a lighter color.
Color gradient tool
Or object blends make can create a beautiful button.
All right, the above information is the detailed tutorial for creating the instance entry page button for the users of this software of Illustrator to parse and share all the content, you can see the users here. I believe that everyone knows the production method well now, so let's make it by yourself according to the tutorial of the small editor.
