Illustrator to create a 3D font combination effect Example tutorial

Source: Internet
Author: User
To give you illustrator software users to detailed analysis of the production of 3D font combination effects of the example tutorial.
Tutorial Sharing:
01 Put your ideas on paper first, which will help you achieve the desired results in the software. In this tutorial I only talk about a font-making method, and it's easy for us to make other more complex effects.

02 There are many ways to make raster gridlines. But for me, this is the easiest way: first, use a line tool in Illustrator, draw a horizontal line through the page and copy it several times until you have a sufficient number of lines. Now select all and double-click the tool panel's cut icon. Enter Angle 30 and click on the vertical axis.

03 Copy and paste above (Ctrl/cmd + F), select Reflection tool. Hold down SHIFT and use the mouse to flip the clipping line.

04 now draw a set of vertical lines to make the lines cross until you get the effect shown above. Once you have your own gridlines, select all, convert all the lines (Ctrl/cmd + 5) to create the complete grid.

05 If you're not ready, turn off the Smart Wizard (ctrl/cmd+ U) and press (Ctrl/cmd +alt +) to help you get a precise positioning. To create these letters, we'll build a series of cubes along a 30-degree line. Each side of the cube is drawn separately, and no padding is required.

06 after each edge, combine them to build your first cube. Make sure you have hidden faces, and maybe you want to use them later, depending on the font effect you want. At this point, you need to add some basic material to define a light source. I choose the light from the bottom of the left, so my top is dark, the right is the gradient, the left is the most shallow.

07 Create your first letter by copying the cube. Smart wizards can come in handy here.

08 After you create the shape of the letter, start adding some colors. We are not here to find the perfect real effect, you can break the routine for aesthetic effect. For example, I added a medium color to a light gradient for each cube.

09 Now, make the font have more architectural sense. First, remove some of the front faces, showing the back section. The colors on the back are slightly darker to show a stronger sense of depth. You can also add a blue gradient, try to create a window with different transparency, and add a green gradient at the bottom to create a lawn area. Arbitrarily try different colors and textures to create the soil, the road, the paving, and other elements you think of.

10 after completing your base letter, draw some shadows along the 30-degree grid line to show the height. It is best to draw a shadow with a color grayscale to a transparent gradient instead of a simple gray to a transparent gradient. You will get a more natural effect, and in the next step adding background color is no problem. Remember that the shadow is not black, if there is a shadow projected to 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 to the scene. Draw some rough outlines, match the shadows, and draw on the 30-degree grid line.

Add the characters to your scene after 12. Once again, make sure that your shadow matches the color.

13 Draw another letter in the same way.

14 Draw all the fonts and place them neatly. Add some light sources to spice up the atmosphere.

15 put the letter position according to own liking. Finally add a faint beige gradient to the background. Complete.

Well, the above information is small set for you illustrator of this software users brought to the detailed production of 3D font combination effects of the example tutorials to share the full content of the You see the users here, small knitting believe that you see here is very clear the way to draw the bar, Then everyone will go to follow the small series on the above tutorial to make a try.

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.