Cascading Style Sheets Tutorial

Flash animation effects create text beating

  Look at the animation effects: 

pluginspage=’http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash’

type=’application/x-shockwave-flash’ width=500 height=400>

  Text animation, flash animation in the inside more in common with.    In addition to the handbook to tell you that the production method, the more we want to understand is: simple operation, will have to animation!    The key lies in thinking we have to learn and learn to sum up! 

  This tutorial on the software used by the production of flash mx is the main animation on the main parts, namely the production of animated text. 

  Now, we enter the study guide, the Guide to the effect of, and did not use any As procedures, the procedures have fear, can be assured of Read.    Ha ha. 

  In the production, we first analysis, animation characters beating, it is clear that there is a deformation effect, which we thought of "arbitrary deformation tools," word of the beating is a time interval, which is broadcast Time control.    Before the animation in the production of a general analysis will give our thoughts clear, and there purpose, but also allow us to achieve faster we want to effect, the so-called multiplier is such a matter. 

  1 First, we open the flash mx, Ankuaichajian: Ctrl J, the first set of documents what we attribute to our animation creation of a suitable size and frame rate arena.    Specific settings as shown, the frame rate set to 24, so that the animation will be more fluent player, a realistic number. 

Flash animation beating create text effects

  2. According to our needs, the production of text.    Here, we need to create a total of four words, the nature of "video clips", namely "deep", "Autumn", "Feng", "leaves" words.    Ankuaichajian Ctrl F8, the new components "deep" for the "video clip", as shown. 

Flash animation beating create text effects

  3. Click OK and enter "deep" component editing interface, we need to make the goals are: to text with a certain three-dimensional effect, making it more attractive more.    Select "Drawing toolbar," "Text tool" (Shortcuts T), Ankuaichajian Ctrl F3, open attribute panel, the text attribute, as shown.    In actual operation, we can according to their own circumstances, to choose their own preferred font, size, color.    To remember is: Do we need to learn is, this is the most important.    Of course, in principle, the sense of three-dimensional embodiment of colour to light after former deep.    Therefore, we try to choose a darker color. 

Flash animation beating create text effects

  4. Enter text on the stage in "deep," but now, we will add three-dimensional effects for text.    Select text, Ankuaichajian Ctrl B, the words "separation" operation.    Perhaps someone will ask me, why should they be separated ah?    What often separated operation ah?    Can put it this way, when we need to shape graded text animation production, or to change certain parts of the text color, we will have the text "separation" operation, the Text-to-vector shape.    On the text "separation" after the operation, and maintain the selected text state Ankuaichajian Ctrl C, reproduction, and then Ankuaichajian Ctrl Shift V to paste copy of the original text is written above and continue to maintain the election text in the state of the keyboard keys in the direction of the left and upward in the direction of the 2nd key, and the original text of the staggered point position, filling dark red.    Thus, the first words "deep" on the production well.    Making good text as shown. 

Flash animation beating create text effects

  5. According to the above method, producing the "Autumn", "Feng", "Ye" component. 

  6. Now we begin the production of the text of the beating.    Follow me.    By Ctrl F8 keys, a new name for "writing beating" movie clip components, identify entry points "[Bounce" movie clip editing interface.    Because it produced a total of beating the letter words, we three new layers, so that the original, for a total of 4 layers, in order to facilitate identification, we have renamed layers were renamed as "deep", "Autumn , "" Maple "," Ye. " 

  Renamed, we by Ctrl L button, open the panel, we have produced good front four video clips were dragged into the arena, on the respective layer, after which we need to align text, and maintain the choice of words state Ankuaichajian Ctrl K keys, open alignment panel, click the "end alignment" - "the average level spacing," the text alignment, as shown. 

Flash animation beating create text effects

  7. Text in order to beat a good grasp of the high, we need to text positioning.    Ankuaichajian Ctrl Shift Alt R that yardstick, and then we pass on the benchmark hold down the left mouse button, as shown in Figure pulled positioning reference line. 

Flash animation beating create text effects

  8. Select "deep" character layers of 10, click the right button and select Insert key frame.    Select "Drawing toolbar," "arbitrary deformation tools" section 10 "deep" a certain word compression.    We can reduce the number of its own decisions, the compression point, let [point jump.    This step is the operation of the simulation [before beating Squat action, beating some more real.    As shown, before and after comparison is compressed. 

Flash animation beating create text effects

  9. Select "deep" words of 15 layers, the first one of the key frame by clicking the right mouse button, select "copy frame" - "Frame paste" approach to paste No. 15, and In paragraph 15 the deep characters on the keyboard by pressing the upward direction of the bond, moved to the top of the vertical reference line above.    As shown. 

Flash animation beating create text effects

  10. Adopted after the "frame-copy" - "Frame paste" approach, we have "deep" character layers of paste to 10 "deep" words of 20 layers.    For 

  Article 1, Section 10, Section 15 of the campaign completed animation, so that on completion of a text from jumps to the fall cycle.    It must be noted that on Earth objects, due to the effects of gravity, there will be an acceleration of gravity of the problem.    Therefore, we have to consider the text of the gravitational effects of the beating.    Let text in the process of beating up the pace of slow decline, faster.    The realization of this effect, 

  In the flash, through the adjustment "inter-action animation," attributes the "easy" to achieve.    Therefore, the "deep" character layers of 10, 15 corresponding "simple" were 100, -100. 

  11. Animation in the course of testing, we discovered that the text of beating or some blunt.    So, if the text in the fall, with a little bit of give it rebound effect is not that good will?    Guannamache not, try it first.    Select "deep" 24 layers of the "deep" character layers of a copy, paste it into the first 24, then [vertical upward movement, not too much distance.    As shown. 

Flash animation beating create text effects

  12. Select "deep" words of 26 layers of the "deep" character a layer of paste to 26, and a little bit of text compression, is a bit of attention to compression, compression is not too much , compressed before and after contrast as shown. 

Flash animation beating create text effects

  13. Select "deep" words of 27 layers of the "deep" character layers of paste to a section 27, on the keyboard by the upward direction of a button, 27 "deep" character upward Mobile point.    Select 28 of the "deep" character a layer of paste to the first 28.    Select "deep" character layers of 20, 26, add "inter-action animation," Of these, the 20 simple set to 100.    In this way, "deep" character animation beating on the production well.    Its time frame as shown. 

Flash animation beating create text effects

  14. According to the above method, producing the "Autumn", "Feng", "leaves" beating the text animation. 

  15. Text according to allow a certain amount of time, there are rules and spacing of beating, we let the words beat stagger some time.    The time frame set as shown in the picture.    This text animation production is complete.    Note that the choice of method for a number of frames: click to choose the beginning frame, according Shift on the keyboard, click on the end frame to choose, we can, according after the left mouse button can be, we drag Select frame to a suitable place. 

Flash animation beating create text effects

  16.    Oh, almost forgot, there are characters reflection, this is.    We can by Ctrl F8 keys, a new name for "writing reflection" movie clip components, we have made good "[Bounce" movie clip into the arena, and then choose "text beating" component, Ctrl C, Ctrl v, to the implementation of "modifications" - "deformation" - "vertical flip," to reproduce the transparency of the text can be located to the right.    Here, I set as 31%.    As shown, reflection on OK. 

Flash animation beating create text effects

  The next task is to set up a text beating broadcast environment to attain the purpose of performance, to this step, we can free play, Xiangzenmazuo, how do! 

  Beating on the text This is the end of the tutorial. 

  Learning through this tutorial, I would like to tell you that, in the production of animation, the "careful" and "patient" is essential, however, usually have to observe, practice more, and more accumulation, so that in doing animation, be able to speak, leisurely manner. 

  After reading, and tired?    Coffee.    Ha ha. 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Tags: css effects firefox, div effects, Text Alignment, Text Decoration, Text Indentation, Text Transformation

Releated Posts

  • Spring Festival Party to achieve phone numbers were randomly selected text effects
  • Making light of the text effects
  • Effects: Home production of mobile text of several techniques
  • Web site "status bar" special effects text Destination
  • Fireworks to create text effects dilapidated texture

This entry was posted on Thursday, October 4th, 2007 at 12:00 am and is filed under Css+Div Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Flash8 bitmap rotation after eliminate jagged approach
MovieClipLoader introduced »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial