4
Create a fireworks effect using After Effects Table of Contents Introduction (www.adobe.com/designcenter/aftereffects/articles/aftcs3it_fireworkseffect.html) Create a fireworks effect (www.adobe.com/designcenter/aftereffects/articles/aftcs3it_fireworkseffect_02.html) Create a fireworks effect To add some sparkle to your composition, follow these steps: 1. Choose File > New Composition in After Effects to create a new composition in whatever resolution you’d like to work in. 2. In the Composition Settings dialog box (Composition > Composition settings if you closed the window), set the Duration to 4 seconds (0;00;04;00). 3. Create a new solid layer in your composition by choosing Layer > New > Solid. In the Solid Settings dialog box, select Make Comp Size and then click OK. 4. Choose Effect > Simulation > CC Particle Systems II. 5. Select Composition > Preview > RAM Preview to do a RAM preview (see Figure 1). Check out the sparks! Adobe (www.adobe.com/go/gnav_adobe_logo_en_us) Products (www.adobe.com/go/gnav_products_en_us) Industries (www.adobe.com/go/gnav_industries_en_us) Learning (www.adobe.com/go/gnav_learning_en_us) Help (www.adobe.com/go/gnav_help_en_us) Downloads (www.adobe.com/go/gnav_downloads_en_us) Company (www.adobe.com/go/gnav_company_en_us) Store (www.adobe.com/go/gnav_store_en_us) Adobe Store (www.adobe.com/go/gnavtray_store_en_us) for home and home office Education Store (www.adobe.com/go/gnavtray_store_education_en_us) for students, educators, and staff Business Store (www.adobe.com/go/gnavtray_store_business_en_us) for small and medium businesses Other ways to buy (www.adobe.com/go/gnavtray_store_otherwaystobuy_en_us) Info (www.adobe.com) Sign in (www.adobe.com/cfusion/membership/index.cfm?loc=en_us&nl=1) My cart (www.adobe.com/go/gnav_mycart_en_us) My shipments (www.adobe.com/go/gnav_myshipments_en_us) My support (www.adobe.com/go/gnav_mysupport_en_us) 11/9/2010 Adobe - After Effects CS3 tutorial : Crea… adobe.com/…/aftcs3it_fireworkseffect_… 1/4

Adobe - After Effects CS3 Tutorial _ Create a Fireworks Effect Using After Effects

Embed Size (px)

Citation preview

Page 1: Adobe - After Effects CS3 Tutorial _ Create a Fireworks Effect Using After Effects

Create a fireworks effect usingAfter Effects

Table of Contents

Introduction(www.adobe.com/designcenter/aftereffects/articles/aftcs3it_fireworkseffect.html)

Create a fireworks effect(www.adobe.com/designcenter/aftereffects/articles/aftcs3it_fireworkseffect_02.html)

Create a fireworks effect

To add some sparkle to your composition, follow these steps:

1. Choose File > New Composition in After Effects to create a newcomposition in whatever resolution you’d like to work in.

2. In the Composition Settings dialog box (Composition > Compositionsettings if you closed the window), set the Duration to 4 seconds(0;00;04;00).

3. Create a new solid layer in your composition by choosing Layer >New > Solid. In the Solid Settings dialog box, select Make Comp Sizeand then click OK.

4. Choose Effect > Simulation > CC Particle Systems II.

5. Select Composition > Preview > RAM Preview to do a RAM preview(see Figure 1). Check out the sparks!

Adobe (www.adobe.com/go/gnav_adobe_logo_en_us)Products (www.adobe.com/go/gnav_products_en_us) Industries (www.adobe.com/go/gnav_industries_en_us) Learning(www.adobe.com/go/gnav_learning_en_us) Help (www.adobe.com/go/gnav_help_en_us) Downloads(www.adobe.com/go/gnav_downloads_en_us) Company (www.adobe.com/go/gnav_company_en_us)Store (www.adobe.com/go/gnav_store_en_us)Adobe Store (www.adobe.com/go/gnavtray_store_en_us) for home and home officeEducation Store (www.adobe.com/go/gnavtray_store_education_en_us) for students, educators, and staffBusiness Store (www.adobe.com/go/gnavtray_store_business_en_us) for small and medium businessesOther ways to buy (www.adobe.com/go/gnavtray_store_otherwaystobuy_en_us) Info (www.adobe.com) Sign in (www.adobe.com/cfusion/membership/index.cfm?loc=en_us&nl=1)My cart (www.adobe.com/go/gnav_mycart_en_us) My shipments (www.adobe.com/go/gnav_myshipments_en_us) Mysupport (www.adobe.com/go/gnav_mysupport_en_us)

11/9/2010 Adobe - After Effects CS3 tutorial : Crea…

adobe.com/…/aftcs3it_fireworkseffect_… 1/4

Page 2: Adobe - After Effects CS3 Tutorial _ Create a Fireworks Effect Using After Effects

Figure 1: Create some sparks with CC Particle Systems II.

We don’t need to do much to make this look really pretty. What wehave now is a constant stream of sparks. Let’s set some keyframesfor the Birth Rate of these particles to give us a single “pop.”

6. Drag the current-time indicator (CTI) in the Timeline to the beginning ofthe comp and then set an initial keyframe for Birth Rate by clickingthe stopwatch to the left of its name in the Effect Controls panel (seeFigure 2).

Figure 2: Set the initial keyframe for the Birth Rate effect.

7. Set the Birth Rate to 40 in the Effect Controls panel, and then movethe CTI ahead 5 frames and set the Birth Rate to 0. Do a RAM previewagain and you’ll now see that “pop,” but we still have some work to doto make this more convincing.

8. In the Effect Controls panel, twirl open the controls for Physics andset Gravity to 0.2, which will keep the particles from falling away soquickly. Set the Resistance to 10 to keep the particles from travelingtoo far away from their point of origination (also known as theProducer).

9. Twirl open the controls for Particle and set Max Opacity to 50%.

Duplicate layers and create a sequence

Now we’ll duplicate the effect a few times to create a short sequence thatincludes multiple fireworks.

1. First, make the Solid layer 2 seconds long. Click and drag the right-hand edge of the clip to the left until it lines up with the 2-second markon the Timeline (see Figure 3).

Figure 3: Make the Solid layer 2 seconds long.

2. With the Solid layer selected, choose Edit > Duplicate to duplicatethe layer, and then change the position of the Producer by firstselecting the CC Particle Systems II effect in the Effect Controlspanel. Then click and drag the Producer in the Composition Viewer toa new location (see Figure 4).

11/9/2010 Adobe - After Effects CS3 tutorial : Crea…

adobe.com/…/aftcs3it_fireworkseffect_… 2/4

Page 3: Adobe - After Effects CS3 Tutorial _ Create a Fireworks Effect Using After Effects

Figure 4: The Producer is a small circle with a cross inside it.

3. Repeat step 9 three more times until you have five copies of the layer,each with its Producer in a different location.

4. Now to have these fire off in a sequence, select all five of the layers,and then choose Animation > Keyframe Assistant > SequenceLayers.

Figure 5: Sequence the layers.

5. In the Sequence Layers dialog box, select Overlap. Each layer shouldfire 10 frames after the previous layer, so this is basically a mathproblem that depends on your frame rate:

If you’re working in 30fps, enter a duration of 1:20 (0;00;01;20).

If you’re working in 25fps, enter a duration of 1:15 (0;00;01;15).

If you’re working in 24fps, enter a duration of 1:14 (0;00;01;14).

6. Click OK, do a RAM preview, and then sit back and watch the show.

Where to go from here

To customize further, try changing the colors of the particles as well asplaying with the different Physics parameters.

For more information on working with After Effects, see the followingresources:

11/9/2010 Adobe - After Effects CS3 tutorial : Crea…

adobe.com/…/aftcs3it_fireworkseffect_… 3/4

Page 4: Adobe - After Effects CS3 Tutorial _ Create a Fireworks Effect Using After Effects

After Effects Design Center(www.adobe.com/cfusion/designcenter/search.cfm?product=After+Effects&go=Go)

Encore Design Center (www.adobe.com/cfusion/designcenter/search.cfm?product=Encore&go=Go)

Adobe Video Workshop(www.adobe.com/designcenter/video_workshop/about.html)

Create After Effects comps with Encore DVD(www.adobe.com/designcenter/encore/articles/enc2am_aecomps.html) , byChad Perkins

Choose your region (www.adobe.com/go/gfooter_choose_region)Security (www.adobe.com/go/gfooter_security) Contact Adobe (www.adobe.com/go/gfooter_contact_adobe) Reportpiracy (www.adobe.com/go/gfooter_report_piracy) EULAs (www.adobe.com/go/gfooter_eulas) Permissions andtrademarks (www.adobe.com/go/gfooter_permissions_trademarks) Careers (www.adobe.com/go/gfooter_careers)Copyright © 2010 Adobe Systems Incorporated. All rights reserved.

(www.adobe.com/go/gfooter_truste_logo)Use of this website signifies your agreement to the Terms of Use (www.adobe.com/go/gfooter_terms_of_use) and OnlinePrivacy Policy (www.adobe.com/go/gfooter_privacy_policy) (updated 07-14-2009).

11/9/2010 Adobe - After Effects CS3 tutorial : Crea…

adobe.com/…/aftcs3it_fireworkseffect_… 4/4