Flash MX make animated cartoon characters

Source: Internet
Author: User
Tags file size modify range
Photoshop is a familiar graphic processing software, flash as an essential tool for network animation design, although in the graphics processing than the relevant software slightly less than a chip, but in the Web animation production, the realization of interactive has a clear advantage, coupled with its support for the pressure pen, vector drawing is also very convenient. In terms of style, its coloring basically belong to fill, gradient flat coating category, close to the Japanese-style comics, but as one of the elements of the site, can beautify the Web page, at the same time because of the characteristics of flash itself, can be combined with txt,access,asp, and the browser can be a good interactive function, if the transformation Can make a lot of people's heart effect to:

OK, go to the point, first look at the entire production process: drafting (hand-painted-scan or pressure pen drawing)-photoshop processing lines-in flash for each part of the color-combined into animation, add action-Insert page.

1. Pencil in the A4 paper to draw a sketch, the character size slightly larger, the line rough some indifferent, the line painting is heavy, obvious some, convenient next to the pen tracing.

2. Use a new piece of paper to sketch the contour line on the basis of a draft. Black pen to tick on the line, do not need any shadow and decoration, hair is so, do not have to fill ink (in fact, eyes are also so ...) )。 When finished, scan to the computer, DPI as much as possible (I am using 500, grayscale). The following figure:

PS: If you use a pressure sense pen, in the painter Pen tool, the effect is very good.

3. Open the image in Photoshop, either in RGB or grayscale mode. Adjust brightness/contrast to the appropriate value, remove the gray point (because the picture is larger, the speed may be a bit slower).

A reformed, much cleaner:


In addition to the line draft, the RGB value in the blank space should be 255.

4. Draw the line out and build another layer. You can select it by Channel, or select the white section with "Select-color range", and then ctrl+shift+i the selection (which is better if the picture is very white). New layer, CTRL + V.

5. You can now remove the background layer, to RGB mode. again to index mode (@#$$ ^^) ... Remember to keep the transparent layer properties (the following figure). Save as a GIF picture.

6. Turn Photoshop off!! There were too many windows open, and the machine was half dead: (

7. Create a new file in Flash. CTRL+R Import gif:

It's a lot more ... No scaling is done first. Select Modify-trace Bitmap to break the bitmap into vector graphs.

Ps:color refers to the tolerance value of the color (from 0-500), slightly selected large points. Minimum area refers to the range of pixels that are included. Can be understood by the parameters of the magic wand in Photoshop. If I understand wrongly, it is ... Bungled the Netizen.

Said so much, finally converted ... If it is a color map, you have to write a few more lines PS:)

The effect is fine. PS: If the burr is obvious, it is best to break it again, the value of a little more.

8. The following to modify the seemingly abrupt lines, so that both smooth lines, but also reduce file size. Select-modify-optimize, optimize the nodes, and let the whole picture reduce the weight first. Then select the segment to be locally modified, click Smooth, more than a few times, satisfied to let go!

It's much smoother! Change other areas of dissatisfaction.

9. Press Ctrl+g to reduce the image to the appropriate size by grouping all the lines (so that you don't have to select all when you move).

Although the theoretical vector drawing software graphics scaling will not affect the shape of the change, but in practice, the reduced graphics will ignore some details, so the number of bytes will be much smaller!

10. Because the final effect is to have a certain animation effect, so the picture should be layered processing. Use the Lasso tool to circle the head, then cut it in another layer.

Continue--one layer of your hands, one layer of your body, one layer of your eyes ... Note that when you select a smooth boundary, you try not to produce redundant nodes. Action is a layer of empty, specially built keyframes, store behavior action.



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.