Illustrator Instance Starter Page button making tutorial

Source: Internet
Author: User

To give you illustrator software users to detailed analysis to share the introduction of the example page button production tutorial.

Skill Sharing:

Let's take a look at how the first round three-dimensional buttons are made. In fact, it's just a two-filled, gradient-changing circle that is carefully analyzed. It's not as complicated as it seems to be! Now let's learn how to do it step-by-step. First, use a circular tool.

Draw a circle. When we draw a circle is not very easy to draw a positive circle, here is a technique, in the drawing of the circle while holding down the shift button can easily draw a standard circle. Then, in the gradient floating panel, tune a middle white (you can also use a different color) to the edge of the blue radial gradient, and then fill the circle with the gradient tool.

Then copy the drawn circle one. And then with the warp tool

Reduce it to the appropriate size. Then rotate to a proper angle (refer to the figure below)

Finally, move the small circle to the center of the Great Circle (tip: You can use the arrow keys on the keyboard for precise movement), and the key is done.

The second button is actually the first kind of flexible application. The circle is rounded to the rectangle, the same with a middle white edge of the blue radial gradient fill, (fill the time must choose the appropriate position, the fill of the midpoint of the rectangle in a corner)

Also copy a rectangle, and then zoom it out, and then turn it upside down. Finally, it is done by placing it in the center of the large rectangle.

The third key is also a rectangular button, but the method is very different from the second rectangle. It is the use of graphics and color gradient tools

Made. First draw a rounded rectangle. Then draw a smaller rounded rectangle and place it in the center of the large rectangle. The larger rectangle fills the darker color, and the smaller rectangle fills the lighter color.

Use the Color gradient tool

or object blends make to create a beautiful button.

Well, the above information is small compiled to you illustrator of this software users of the detailed example of the introduction of the Web button to create a tutorial to explain the entire content of the share, you see the users here are small series believe that we are now very clear method of making it, Then you should go to the small part of the above share to try to draw it.

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.