Illustrator to build a flat long shadow effect of the production of a tutorial

Source: Internet
Author: User
To you illustrator software users to detailed analysis to share a flat long shadow effect of the production of the 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 really has a long shadow effect! Wow hahaha ... 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 .... Oh, it's far!

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 one. 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, and then tired again how to continue! Rice is not a mouthful.
Click on the Text tool, play a long SHADOW, choose a good font, line up the version. Using the graphic style we just saved, is the effect coming out? The effect is there, but how different from yours Ah! was con again ... Do you ever see a landlord who blew up the king at the very beginning?

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 the money!

The final effect is as follows

Well, the above information is small to give you illustrator this software users of the detailed to create a flat long shadow effect of the production of a tutorial to share the entire content of the you see the users here, small series believe that we see here is very clear the production method of it, Then everyone will go to the small series to share the tutorial on their own to make 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.