Illustrator Create a fashion colorful website logo production Tutorials

Source: Internet
Author: User
To you illustrator software users to detailed analysis to share the creation of fashion colorful website logo production tutorials.
Tutorial Sharing:
This logo design from the most common geometric positive circle, due to the smooth shape of the English alphabet, through some modification, you can use the circle to create a unique text marking effect.

(Hint: the end of the article provides the final effect of the image of the EPS document download)
I. Drawing of sketches
In general, before the logo design, in addition to the first to convey the message to understand thoroughly, but also on the draft paper, repeatedly try various forms. I call this process "find the feeling." We have no way to design the best version, then the process of trial and error is particularly important.
Second, draw a linear diagram
The sketch is actually a preliminary conceptualization process, the details are put into the actual production process to performance. At this point, I omitted the sketch drawing process.
Open the AI software, create a new document, 800px*600px. Because it is a vector graphic, the size can be arbitrary.
Using the Ellipse tool, draw a 80px*80px positive circle. Click here to select the Ellipse tool, double click on the brush can pop the Oval tool dialog box, height and width set to the corresponding number, click OK. Then this circle, hold down the ALT key, copy 7 copies, arranged in the shape of the following figure.

Using the Scissors tool, first cut off the part of the circle curved edge. The use of scissors tool is very simple, select the appropriate path, click on the end of the section to cut off, and then select the curved edge, delete.

Using the Pen tool, add some paths to some parts of the existing circular path, making the circle more inclined to the letter shape.

Select all the paths, and then expand the Strokes to 20pt.

Third, color matching
That's why I haven't been teaming before, so I'm going to paint this logo at this point. Many people will already have a color scheme before making it. You can also go to a professional color-matching website pltts (http://pltts.me), pick a color you think fit, or you can come to my Favorites Color series (www.ifeiwu.com) to see if other color sites have your favorite way of matching. The following figure is the color I chose in the color-matching site.

When you start coloring, you will split the existing curved edges, and then you can still choose the scissors tool, just don't delete it again. In addition, it is necessary to adjust the sequence of letters and letters, the faster way is to hold down ctrl+[to stack. The effect of color modification is as follows.

Four, the fine repair
Perhaps this arrangement is not special enough, so let's try to keep these letters tight and make them feel crowded. Even some can cross each other, creating a kind of interwoven state. Select the letter, and then use the keyboard to control the left and right keys to move around, this process, you may encounter letters between the parts of the stacking sequence will also be inconsistent, this does not matter. I'll cut out the extra parts with the scissors tool, and you can also refer to my practice.

Once we've identified the position, we'll select the entire graphic, go to Object > expand, and make our strokes a fill.
At this point, I want to change the two-letter (yellow-green) color of the above image to a gradient fill. At this point, you will find that because this part has been split into a lot of small parts, stacking order is not the same, if they are grouped directly, the stacking order becomes consistent, and the change in stacking order will make our graphics change. But if you don't group, it's also very difficult to add a gradient fill to the graphic.
Here, I offer my solution, of course, your approach or more ingenious. I will select the entire graphic, using CTRL+SHIFT+F9 to pull up the path finder, click "Split", that is, the lower left of the small icon. So, I'm going to split this graph, in this section where we want to add the gradient, we discard the stack to the shaded part of the bottom, select the visible part, then group, group the graph, and click the merge in the Pathfinder (that is, the third small icon on the left of the next row). This way, adding a gradient fill is a cinch.

Add a gradient fill and we go into the façade panel. Add a new fill to the palette and select the gradient swatch.

To modify the defect of the edge of the graph, we use the direct selection tool. At this point, you can use the Pathfinder to trim the entire shape and then merge it, and the contour of the shape will be smoothed.

And then make some shadow decorations on the part of the graph. Select the part of the shape that you want to add a shadow to, and then copy it. Enter the "Effect > Blur > Gaussian Blur", the fuzzy parameter I set is 3.5, depending on the size of the graph will be different values. After blurring, place the shadow below the shape.

I've done the other part, but since I've already merged the graphic, I can make a copy of it and trim the original shape with a rectangle. Let it only retain the shadow of the part. After the shadow is done, you can also change the transparency or shape, and rotate slightly.

Finally, the effect map is complete and there are other elements that you can continue to add.

Well, the above information is small make up to you illustrator this software users to bring the details of the creation of a stylish colorful website logo production tutorials 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 you will go to the small series to share the production of their own.

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.