Illustrator to make cool font long shadow effect Chart tutorial sharing

Source: Internet
Author: User
To the users of the illustrator software for detailed analysis to share the production of cool font long shadow effect Chart tutorial.
Tutorial Sharing:
Step 1
Of course, create a new 500x500px document, with RGB or CMYK color mode as you like, screen 72PPI, others do not move, point OK.

Step 2
Use the Star tool to create a radius of 1:160px, radius 2:80px, angular points: 8 star anise. (You want to use the Rectangle tool, the Ellipse tool, the polygon tool creation all has no problem, as long as you like, really naughty child).

Step 3
Open the Appearance panel and remove the star anise stroke. Then add a new fill. Next, change the following white fill to k=40 gray.
Then the children's shoes attention, I will be deformed. Click Effect > Distort and Transform > transform, pop the transform effect panel.

In the transformation effect of the move below the horizontal and vertical each increment of 0.5px, copy plus 500, click OK. The effect is shown below.

Step 5
You may think I'm teasing you, and it's the fifth step to draw this (BI) sample (Yang). But I did not deceive you, Ah, the title is written 5 steps to draw a long shadow effect AH. It does have a long shadow effect. Well, back to the point, the above proficiency can be grouped into one step. Go on.
Do you know what the effect is, by dragging this long shadow shape into the graphic style? This style can become your exclusive graphic style, you draw a five-pointed, round, what shape, and then apply this graphic style, immediately long shadow out, there is no, as long as 2 dollars there is no, can't buy fooled, Can not afford to suffer.

Step 6
Next we want to use a gradient effect on the fill that is just filled with gray. how cheap. You're a cheap little. Open the gradient panel with an angle of 135°, a white on the left, and a k=40 gray on the right. Get the effect as shown. You can also adjust the gradients and angles you like.

Step 7
Open the Appearance panel, select a positive overlay for this gray gradient opacity, and add an addition effect. Effect > Path finder > Add, Ignore Pop-up dialog box directly point OK. Then replace the Add and transform the position, as shown in the diagram, the transformation on the top, add in the next. Then drag the graphic into the graphics style.

Step 8
Next, use the Rectangle tool to add a 500x500px square to the artboard, c=70,m=15 the sky-blue, place it on the bottom (shift+ctrl+[), and then copy (Ctrl + C > ctrl+f) the rectangle to the top (shift+ctrl+)), Press Ctrl + A to select all and make clipping masks (ctrl+7). This simple flattened long shadow effect is done. But the fact is far from simple, and then look down.

Step 9
You think this is over, not a bit of technical content. It's all about clicking and focusing. Yes, that's exactly what I did. The final effect of the picture has not been completed, no matter how tired to continue. A mouthful of rice is not.
Click on the Text tool, play a long SHADOW, choose a good font, line up the version. Applying the graphic style we just saved, is the effect coming out? The effect is there, but how is not the same as yours AH. Was con again, big recruit must stay to finally put, you saw the landlord in the beginning to fry king?

Step 10
Turn the font to the curve (Ctrl + Shift + O), cancel the group, then apply the graphic style, and then group. Isn't it a little close, but it's not over yet. Looks like the shadows are too strong, right? The last 2 cards, I'll blow the king. Select the transparency panel and tick the knockout group. Haha, give money to pay.

The final effect is as follows

Well, the above information is the details of the detailed production of the super Cool font long shadow effect graph that the users of this software illustrator have brought to you, you see the users here, small knitting believe that everyone is very clear in the production of the tutorial, Then everyone will go to follow the small part of the tutorial to share the production of 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.