To the users of the illustrator software to the detailed analysis to share the creation of a stylish bevel relief production tutorial.
Final Effect Chart preview
Here is the final effect chart after completing this tutorial, this is my logo! but when you try to complete this tutorial, you will soon find that you only have a few steps. I have a persistent belief in analyzing and exploring other people's articles and learning from them. This is an AI article (ai CS3)
Software: Adobe Illustrator CS3
Estimated time of completion: 10-15 minutes
0. Examining the topic: Let's take a look at what we created first. Wait, what is it? Only a few 2 shapes with subtle differences? That's right. The highlight of this tutorial is that it's simple and teaches you how to use transparent styles and simple shapes to create lighting, shading, and depth techniques.
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 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), execute object menu > Compound path > Build or press shortcut key ctrl+8 directly. 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 stroke, set 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 the 2 objects blend (ctrl+alt+b), transparency panel, set opacity: 75%, multiply the bottom 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 Path Finder point to subtract from the shape area. Transparency panel settings 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!
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 set for you illustrator of this software users brought to the detailed creation of a stylish bevel relief production tutorials to share the entire content of the you see the users here, small knitting believe that we are now very clear the method of making it, So let's go to the tutorial to make your favorite bevel relief icon.
