How to plot special effects of vector 3D font combinations in Illustrator

Source: Internet
Author: User
I will give you a detailed analysis of the Illustrator software and share with you the tutorial on how to design the special effects of vector 3D font combinations.
Tutorial sharing:
01 first, outline your ideas on paper, which will help you achieve the desired results in the software. In this tutorial, I will only talk about how to create one font. It is easy for you to achieve other complex effects.

 

02 there are many ways to make the same-distance gridlines. But for me, this is the easiest way: first, use the line tool in Illustrator to draw a horizontal line throughout the page and copy it several times until you have enough lines. Select all now and double-click the cut icon on the tool panel. Enter the angle 30 and click the vertical axis.

 

03 copy and paste (Ctrl/Cmd + F) above and select the reflection tool. Hold down Shift and use the mouse to flip the clipboard.

 

04 draw a vertical line until you get the effect shown in the figure above. After you have your own gridlines, select all and convert all lines (Ctrl/Cmd + 5) to create the grid.

 

 

05 if you are not ready, close the Smart Wizard (Ctrl/Cmd + U) and press (Ctrl/Cmd + Alt + ") to help you locate it accurately. To create these letters, we will create a series of cubes along 30-degree lines. Draw each side of the cube separately without filling.

 

06 after drawing each side, combine them to build your first cube. Make sure you have hidden faces. Maybe you want to use them later, depending on the font effect you want. At this point, you need to add some basic materials to define a light source. I select a light source from the bottom of the left, so the top is dark, the right side is gradient, and the left is shortest.

 

07 create your first letter by copying the cube. Smart Wizard can be used here.

 

08. After creating the letter shape, add some colors. We don't want to look for perfect real results here. You can break the conventions for aesthetic effects. For example, I added a gradient effect of moderate to pale colors to each cube.

 

09 now, make the font more architectural. First, remove some of the preceding faces to display the following parts. The color on the back is a little darker to show a stronger vertical depth. You can also add a blue gradient, try to use different transparency to create a window, and add a green gradient at the bottom to create a lawn area. Try different colors and textures to create soil, pavement, paving, and other elements you think.

 

10 after completing your basic letters, draw some shadows along the 30 degree grid lines to show the height. It is best to use a gray color with a color to a transparent gradient instead of a simple gray to a transparent gradient. You will get a more natural effect. There is no problem in adding background colors in the next step. Remember that the shadow is not black. If a shadow is projected onto the lawn, it should be dark green to white rather than black to white.

 

11 now we need to add another element. In this case, because we create a building, it is necessary to add people in the scenario. Draw rough outlines, match shadows, and draw with reference to 30-degree grid lines.

 

After 12, add the characters to your scenario. Once again, make sure that your shadow color matches it.

 

13 draw another letter in the same way.

 

14 draw all the fonts and place them neatly. Add some light sources to add atmosphere.

 

15. Place letters as you like. Add a light beige gradient to the background. Complete.

 

All right, the above information is the detailed tutorial for designing the special effects of 3D font combinations of vectors for the users of Illustrator, users now see that the rendering method is very clear here, so you can follow the small series of tutorials to create a special effect of vector 3D font combination.

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.