Flash imitation to create a cartoon example of the effect of brush writing tutorial

Source: Internet
Author: User
Tags set background

1. First create a new flash document, modify the document size, width 500, high 350, set background color for #006666. Then make the required components:

Production Reel:

Click Insert menu-select "New symbol", in the pop-up dialog box name: Fill in the "axis", Behavior: Select "Graphics" and then determine,

Using the Rectangle tool, turn off the border of the Color tool, select the paint cartridge, turn on the color mixer on the right to set the colour state to linear, and set the linear gradient as shown in the diagram.

Draw the main part of the scroll with a rectangular tool, adjust its shape with the freeform tool, align the Center small circle with the small cross, and then use the same method to draw the black axis at the upper and lower ends.

The scroll is done, back to the scene.

The production of the brush:

New symbol, Name pen, behavior: graphic. Method similar to the production method of the scroll, except to hang the rope on the top, the lower end with any deformation tool, hold down the CTRL key to adjust the width of the narrow, the nib using a circular tool to fill the linear gradient, and then use the solid selection tool (arrow) to adjust the brush tip shape.

When the brush is done, return to the scene.

The production of calligraphy fonts:

New symbol, Name: Word. Behavior: Graphics. Select the appropriate font to hit the word. The author uses the font of his own handwriting, removes the background and imports it into the library. Make use of the menu-modify-Bitmap-Converts a bitmap to a vector graph.

2. Make reel unfold. Open-Window-Library, drag the symbol "axis" in the library into the scene, and name the layer: Left axis. Create a new layer, named: Right axis. Drag the component axis back into the layer and adjust the axes in the two layers to be tied and in the central position.

Click on the first frame of the left axis layer, right-select Create motion Tween, right-click on frame 5th-insert KeyFrames, select Scrolls in the scene, and move them to the left of the document. In the same way, move the right axis of the right axis layer to the far right of the document.

3. Make paper spread out. Create a new layer at the bottom, name: paper. Draw the light yellow side of the paper as the scroll expands, note that there is no gap between the paper and the scroll, and then draw the white Paper on the yellow sheet, where the size is appropriate. Create a new layer on layer paper, named: Matte. Draw a very narrow rectangle with casual colors, be sure to be the same height as the paper, right click on the layer 1th frame-Create a motion tween, right-click on the 5th frame-insert keyframes, use the free Transform tool, change its width to document width, right-click mask Layer-select mask, as shown.

4. Make writing animation. Create a new layer on the right axis layer, named: Word. Insert a keyframe at the 6th frame of the layer (you can choose from the right-click menu) and keep the frame selected, drag the symbol Word from the library to the scene, and adjust it to the appropriate size and position using any of the transform tools.

Using the Eraser tool, the text in the reverse order of the strokes, backwards to erase the text, every time you press the F6 key (that is, insert a key frame), each wipe how much determines the speed of writing.

All the calligraphy fonts have been wiped out. Then on the "word" layer, starting from frame 6th to the last frame all selected, right click on the right button in the menu click "Reverse Frame", the order is all reversed.

5. Make brush animation. Create a new layer above the word layer and name the pen. Insert the keyframe at the 6th frame of the layer, adjust it to the appropriate size and the position of the pen by using any of the transform tools,

Press F6 to insert the key frame, and move the brush, so that the brush always follow the final position of the stroke,

If you have a line stroke, you can use a motion tween to go straight to the last frame,

Which is the final completion

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.