Video icon 64
Want to learn graphic design? Start your free trial today.
Advertisement

Add a Particle Emitter to Different Parts of a Logo Based on Its Color Range

by
Student iconAre you a student? Get a yearly Tuts+ subscription for $45 →

In this tutorial I will show you how to use a color from a logo as a particle emitter. I will be using the same technique as my previous tutorial to extract colors from a logo. I will then use Trapcode Particular to fake a fire effect on a specific section of the logo with a single click.


1. Creating Background for the Project

Step 1

Create a New Composition. Composition > New Composition

image001

Step 2

Insert the Texture file

image003

Step 3

Apply the following effects on the texture file ( Tint, Curves & CC Glass ) and use the following settings as shown in the picture below.

image004

Step 4

Create a New Light. Layer > New > Light and use the settings below

image005

Step 5

Create a new Adjustment Layer. Layer > New > Adjustment Layer.

Step 6

Apply CC Glass effect with the settings below on the adjustment layer

image006

Step 7

You should see something like this

image007

2. Creating Emitter File For Particular

Step 1

Create a new 250x250 Composition

image008

Step 2

Insert your Fire stock Footage in the composition (available in the Project Files download)

image009

Step 3

Apply Color Range Effect on the Stock file, Effects > Keying > Color Range and select the background blue color.

image011

Step 4

Apply Hue/Saturation effect on the stock file and use the following settings for Red channel.

image012

Step 5

Now switch to Yellow channel and use the following settings

image013

Step 6

Switch to Green channel and use the settings below

image014

Step 7

Apply Curves effect on the stock footage

image015

Step 8

Apply Simple Choker effect on the Stock Footage

image016

Step 9

You should see something like this

image018

3. Separating Colors Of The Logo For Particle Emitter Layer

Step 1

Create a new composition & insert your Aetuts+ Logo in it.

image019
image020

Step 2

Create another composition

image021

Step 3

Insert your logo composition in this composition and make a few copies if it.

image022

Step 4

Apply Color Range Effect on the 1st Layer and Select White Color

image024

Step 5

Select Alpha Inverted on the 2nd layer. You will see only white colors. Pre Compose the top layers and name them as White.

image025

Step 6

Apply the same effect ( Color Range ) on the Logo layer under White but this time select the Black color. Since there is no black color in the Aetuts+ Logo I will use 3DOcean's logo just for this and the next step.

image027

Step 7

Select Alpha Inverted and Pre Compose the Two Layers. Name it Black.

image028

Step 8

For this step we can use both the logos because we are going to select booth the colors Black & White for this step.
Apply Color range effect on the next layer under Black and select both the colors black and white.

image030

Step 9

Select Alpha Matte on the bottom layer and Pre Compose these two layers. Name it Colors.

image031

4. Setting Up All The Comps For Final Effect

Step 1

Insert all the Comps we just created. "Background, Emitter, White, Black & Color." Put Background and Emitter Layer at the bottom.

Make Black, White & Color Layers 3D

image034
image032

Step 2

Make a New Solid for Particular. Layer> New > Solid >.

image035

Step 3

Apply Trapcode Particular on this layer

Step 4

Use the following Emitter settings and select layer black as the Emitter.

image036

Step 5

Use the following settings for Particle

image037

Step 6

Use the following settings for Physics

image038

Step 7

Use the following settings for Rendering

image039

Step 8

Apply CC Vector Blur Effect on this Particular layer as well

image040

Step 9

Make another Particular layer and apply the following settings. This will be used for small emitting particles. Use the settings from previous Particular layer but change the settings so they are different like in the Pictures below.

image041
image042

Step 10

Make Two copies of both the Particular layers and change their names to Black, Color & White. This step is important because we would like to emit particles only from our desired colors of the logo.

image043

Step 11

Now change the layer settings in both the Color layers as shown in the picture below.

image044

Step 12

Again, do the same for both the White Layers

image045

5. Settings Up Optical Flares For More Depth

Step 1

Make a new Solid

image046

Step 2

Apply Optical Flares and use the following flare settings

image047

Step 3

Use these settings for the preview

image048

Step 4

Make another Optical flares layer and use these settings from the menu

image049

Step 5

And these settings from the preview

image050

Step 6

Make a third layer for the Optical Flares and Select Cool Flare from the Motion Graphic Presets

image052

Step 7

Use these settings

image053

6. Setting Up Shadow, Camera & Color Correction

Step 1

Insert a copy of the logo composition under the previous logo Layers. Rename it to Shadow Logo

image054

Step 2

Apply Fill and CC Radial Blur effect on the Shadow Logo layer.

image055

Step 3

Alt+ Click on Amount Stop Watch and type Wiggle(5,10)

image056

Step 4

Create a new Camera. Layer > New > Camera.

image058

Step 5

Add an Adjustment layer and Apply Photo Filter Effect on it.

image060

Step 6

You should see something like this before we get to the final step of this tutorial

image059

7. Controlling Fire On the Logo

Step 1

Make a new Adjustment layer. Name it Fire Control and apply Check Box Control on it Three Times. Effects > Expression Controls > Checkbox Control.
Rename them as Fire On Black, Fire On White & Fire On Color.

image061

Step 2

Remember the Particular layers we named Black, White and Color? 1st Select Both the Black Particular Layers one by one and Press "T". This will bring Opacity Options. Alt+Click on the stopwatch and type this expression.
c =thisComp.layer("Fire Control").effect("Fire On Black")("Checkbox")


if (c==1){
opacity=100
}else if (c==0){
opacity=0}

image063

Step 3

Now select both the Color Layers one by one. Press "T" and Alt+Click on the stopwatch and type this expression.


c =thisComp.layer("Fire Control").effect("Fire On Color")("Checkbox")
if (c==1){
opacity=100
}else if (c==0){
opacity=0}

image065

Step 4

Now select both the white layers one by one. Press T and Alt+Click on the stopwatch and type this expression.


c =thisComp.layer("Fire Control").effect("Fire On White")("Checkbox")
if (c==1){
opacity=100
}else if (c==0){
opacity=0}

image067

Step 5

Once you have done all the above steps, you can click one by one on each checkbox to see Fire Emitting from different colors.

image069
image071
image073

Remember to switch on the Particular layers if you have switched them off.


Note: The steps in which you made the background and emitter composition, you might want to use different settings if you use different files.


Conclusion

So this is basically it for this tutorial in which we were trying to achieve Fire effects. We created a realistic looking background then created a good looking fire emitter and finally emitted Fire from the different colors of the logo. I hope you learned something useful during this tutorial. We'll see you soon with a new tutorial! Thanks.

Advertisement