Illustrator a small icon tutorial to quickly create a bevel relief effect

Source: Internet
Author: User
For your illustrator software users to detailed analysis of the quick to create a bevel relief small icon tutorial.
Tutorial Sharing:
1. Shape a cube: Use the Rounded rectangle tool to draw a rounded rectangle. Be sure to hold down the SHIFT key to constrain the constraint. Press the UP or DOWN ARROW keys to change the radius of the fillet before you release the mouse. To fill this shape with 30% black (in the color panel, k=30) to the 60% black gradient, use the gradient tool (g) in the toolbox to pull the gradient from the top down.
Sets a 1px black stroke. Select this beautiful new shape, copy (Ctrl + C), paste it in front (ctrl+f), then this copy is still selected, execute the Object menu > Path > Offset path, Displacement:-3 (must be 3). Now you should see a new rounded rectangle inside the shape you created earlier.
Select the top 2 rounded rectangles (replicas and offset rectangles, excluding the original), perform the object menu > Compound path > Build or press the shortcut key ctrl+8. The new shape is still selected, the stroke is removed, and the transparency panel is set to "multiply". Now look at the picture below it should look like this.

2. Go further: We repeat the previous steps to create another inner bevel. Select the original rounded rectangle, displacement: -3px, then do not click on any object, and then shift -3px again. Select the 2 shapes, and then create a compound path. Remove the stroke, set the Transparency panel filter, opacity: 25%. Next, add 1 simple shadows. Create a white oval, copy it, paste it in front, change the color to black, and reduce the deformation. Select these 2 objects to mix (ctrl+alt+b), transparency panel, set opacity: 75%, multiply-stack mode. Place the shape at the bottom (shift+ctrl+[) and place it underneath the icon. If you want, you can resize it again.

3. Icons: Take the time to search for interesting material, draw a simple shape (even letters), copy, paste in front, and then paste in front. Now we have 3 of these shapes, and the last 1 are selected. Press the DOWN Arrow several times (the last 1 selected objects), then select the top 2 objects and open the Pathfinder point to subtract from the shape area. The transparency panel is set to multiply, opacity: 75%. Now select the original shape, offset: 3px (this is positive 3px), fill the shape with a black and white gradient, pull the gradient from the top down, white at the bottom position. The transparency panel is set to color filter. (Translator Note: I think it would be more natural to add some opacity here, I set up 75%). It's finally done!

End
In illustrator, using some of the techniques and tools we don't normally use, we might be able to create some amazing effects. Using several steps to add subtle details to the image creates the perfect high light and shadow. I believe that this style has attracted your attention in many other online drawing designs, in the field of printing and in web design. Now you know how it was created! I hope you like it!

Well, the above information is small to give you illustrator of this software users of the detailed rapid production of bevel relief small icon of the tutorial to share the entire content of the you see the users here, small series believe that you see here is very clear the way to draw it, Then everyone will go to follow the small series of the tutorial themselves to draw a bevel relief effect of the small icon bar.

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.