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

Tham khảo tài liệu flash after effects sự kết hợp chuyên nghiệp phần 8, 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 8 Creating 3D Environments In the previous exercise you explored the 3D views available in the Composition panel. The default view is the Active Camera. The first two projects dealt with animating layers in 3D space. What if you want to animate the Active Camera? Well, you can’t. Instead, After Effects allows you to add your own camera as a 3D layer in a composition and animate it in 3D space. This exercise provides a step-by-step tutorial on adding a camera, positioning it in your 3D world, and finally setting keyframes to animate the camera through a 3D environment. The environment you will build out of 3D layers. The com- position will be rendered as a Flash Video file for Web delivery. You will then use ActionScript to add interactivity to the 3D world. To see what you will build, locate and launch the HauntedHallway.swf file in the Completed folder inside the 03_3DEnvironment folder in Chapter_06. Position the cursor over the arrow on the floor (Figure 6.33). As you proceed down the hallway, other animations are triggered to play based on cue points set in the FLV file. Figure 6.33: The final SWf file is an interactive 3D environment. Let’s deconstruct how the artwork was created for this project. Open the layered Photoshop file in the 03_Footage folder. The Photoshop file contains six layers. These layers will be imported and converted into 3D layers in After Effects. Each layer will be oriented in 3D space to create the final hallway scene.156 Chapter 6: The Third Dimension Figure 6.34: The artwork was created in Photoshop on separate layers. The dimensions of the hallway are 2500 x 500 pixels at a resolution of 72 dpi. In Adobe After Effects, select File > Open Project. Open the 03_3DEnvironment1. folder inside Chapter_06. Select 03_HauntedHallway.aep and click Open. The Project panel contains footage of each layer in the Photoshop file. Select Composition > New Composition. You need to make the composition2. the same size as the Flash Stage you will be importing the 3D animation into. Make the following settings: 3 Composition Name: HauntedHallway 3 Width: 550 3 Height: 400 3 Pixel Aspect Ratio: Square Pixels 3 Frame Rate: 30 3 Duration: 0:00:10:00 Click OK. The new composition opens in the Composition panel. Click and drag the floor/HallwayScene.psd footage file from the Project panel3. to the Timeline. Turn on the 3D Layer switch for the layer. Type P on the keyboard to display the layer’s Position property. Hold down the Shift key and type R to open the Rotation property as well. 157Creating 3D Environments Set the X Rotation and Z Rotation to 90.4. Set the Position property to 275.0, 450.0, and 0.0.5. Figure 6.35: Rotate and position the floor layer in 3D space. Click and drag the wall/HallwayScene.psd footage file from the Project panel6. to the Timeline. Position it on top of the previous layer. Turn on the 3D Layer switch for the layer. Open the Position and Rotation transform properties. 3 Set the Y Rotation to 90. 3 Set the Position property to 525.0, 200.0, and 0.0. Figure 6.36: Rotate and position the wall layer in 3D space. Duplicate the wall/HallwayScene.psd layer. Select the layer and press7. Command + D (Mac) or Control + D (Windows). 3 Set the Y Rotation to 270. 3 Set the Position property to 25.0, 200.0, and 0.0. Figure 6.37: Rotate and position the duplicate wall layer in 3D space. Click and drag the ceiling/HallwayScene.psd footage file from the Project panel8. to the Timeline. Position it on top of the previous layer. Turn on the 3D Layer switch for the layer. Open the Position and Rotation transform properties. 3 Set the X Rotation and Z Rotation to 90. 3 Set the Position property to 275.0, –50.0, and 0.0. This sets up the basic structure of the hallway. Next you will add the doorframe, door, and chandelier to the 3D scene.158 Chapter 6: The Third Dimension Click and drag the doorframe/HallwayScene.psd footage file to the Timeline.9. Position it at the top of the layers. Turn on the 3D Layer switch. 3 Set the Position property to 275.0, 200.0, and 1245.0. Figure 6.38: Position the doorframe layer in 3D space. Click and drag the door/HallwayScene.psd footage file to the Timeline.10. Position it at the top of the layers. Turn on the 3D Layer switch. Type A on the keyboard to display the layer’s ...