Flash after effects sự kết hợp chuyên nghiệp phần 7

Tham khảo tài liệu flash after effects sự kết hợp chuyên nghiệp phần 7, công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
Flash after effects sự kết hợp chuyên nghiệp phần 7 // import Flash package import flash.display.LoaderInfo; import flash.net.URLRequest; // define new loader object and URL request var myLoader:Loader = new Loader(); var myFile:URLRequest = new URLRequest(“JPEG/image1.jpg”); myLoader.load(myFile); // create event listener myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadImage); // create event handler function loadImage(event:Event){ text_mc.visible = false; addChild(myLoader); } To simulate the file download, select Control > Test Movie. In the new SWF window that opens, select View > Download Settings. Make a selection from the different bandwidth profiles in the popup menu. Select View > Simulate Download to preview how fast the image will load under the chosen bandwidth. The text animation loops until the image is completely loaded. Figure 5.34: In Flash you can simulate file download for different bandwidths. 135Using Text Animators The break is over. Let’s get back into After Effects and explore another advanced technique using text selectors. In this next part of the exercise, you are going to focus on animating the original text layer that is currently hidden. Turn off the visibility of the duplicate text layer by clicking on its video switch.16. Turn on the visibility of the original text layer (DOWNLOAD). Double-click on the text to select all. Change the text color to a bright green.17. Increase the font size so that the text fills the width of the Comp Window (Figure 5.35). For this exercise, the font size was set to 104 pixels. Figure 5.35: Change the text color and increase the font size. In the Timeline, twirl open the text layer to display the Text and Transform18. options. Click on the arrow next to the word Animate and select Position. In the Range Selector 1 section, scrub through the Position value and set it to19. 0.0, 500.0. This changes the vertical position of the text in the Comp Window. On the Animator 1 layer, select the popup menu next to the word Add. Select20. Selector > Wiggly. A new Wiggly Selector appears underneath the Range Selector 1 in the Timeline. The letters appear at different vertical locations in the Comp Window (Figure 5.36). A Wiggly Selector adds randomness to the overall text animation. You can control its affect through the Wiggly properties. Figure 5.36: Apply the Wiggler Selector to the text layer. Twirl open the Wiggly Selector 1. Change the Wiggles/Second value to 20.0.21. The text now “wiggles” much faster in the Comp Window. To enhance the mo- tion, let’s activate the motion blur for this layer.136 Chapter 5: Type in Motion Turn on the Motion Blur switch for both text layers in the Timeline. Click22. on the Enable Motion Blur button at the top of the Timeline. Whenever this button is activated, any layer with the Motion Blur switch enabled will display the blur in the Comp Window (Figure 5.37). Turn on the visibility of the duplicate text layer (DOWNLOAD 2) by clicking23. on its Video switch . Click on the RAM Preview button. Your motion graphics project is starting to24. look like it belongs in the opening credits to “The Matrix.” Save your project. Figure 5.37: Enable the Motion Blur switch and button to enhance the animation. Press the Home key to move the CTI to the beginning of the composition.25. Deselect all text layers in the Timeline. Make sure nothing is highlighted. Go to26. the Effects & Presets panel. Twirl open the Backgrounds folder. Double-click on Circuit. A new solid layer is added to the Timeline and Project panel. In the Timeline, move the Solid 1 layer to the bottom of the stack. Type the27. U key to reveal all its keyframed properties. The Scale and Evolution properties appear. Click and drag both keyframes to the beginning of the composition. Type T on the keyboard to display the layer’s Opacity property. Set its value28. to 40%. This provides better contrast between the text and the background. Click on the RAM Preview button to see the final results. 137Using Text Animators Figure 5.38: The final composition includes an animated background preset. The composition is done. The project has evolved from a Flash preloading29. animation to a title sequence. Since you added motion blur to the text layers, ex ...