banner



How To Add Glow In After Effects

Adding glowing lighting effects to your cartoon animations can help brighten an area of your scene and add together emphasis. Thoughtful lighting is besides a way to stylize a compositon. In this tutorial, you will acquire how to create subtle areas of light within a cartoon projection using Adobe Afterward Effects.

What You'll Larn in This Tutorial

After Effects has many different tools that allow you to create lights in your composition. Using a ready made project from Envato Elements,we'll show you step-by-pace how to using lighting to enhance the scene. You'll learn:

  • How to create a low-cal in Adobe After Effects
  • How to apply and edit lighting and glows to a scene
  • How to utilise glow lights for different light sources (e.chiliad. laptops and lamp)
  • How to enhance the animation even further using Adobe Afterward Effects, controlling lighting furnishings and how it effects different objects in the scene

What Yous'll Need

To follow along with this tutorial you will need your ain version of Adobe After Effects installed on your computer. If y'all've been following our character animation series and want to swap out or adjust the characters further, you might also want Cartoon Animator installed. Check out our tutorial on how to rig characters for blitheness for that part of the workflow.

You will need a scene. We used the following blithe scene from Envato Elements. Click on the link below to download it:

  • Animated Scene Situation

i. Preparing The Limerick

Step 1

We'll start past choosing the limerick that nosotros want to work in. The project from Envato Elements have 9 scenes that you can choose from. Double click on each composition to open them up and to run into an image preview of what they all look like. Try and pick a scene that has a few dissimilar low-cal sources.

After Effects comps After Effects comps After Effects comps

Step 2

For this tutorial we will exist usingScene 08.Notice that information technology has three different light sources in the scene. This includes:

  • 1x Ceiling Lamp
  • 2x Laptop Screens
open scene 08 open scene 08 open scene 08

Step 3

Next we volition demand to create a background for the image.

To exercise this we must open theGroundwork Elements Sceneby double clicking on the layer with your mouse.

double click the background comp double click the background comp double click the background comp

Step iv

This will open theBackground Elementscomposition in a new tab for you to explore.

Click on theShy Switchbutton to reveal the hidden layers inside the composition.

click the shy switch click the shy switch click the shy switch

Step 5

Now nosotros need to create the colour for our background. To do this we demand to create a new solid by going to Layer > New > Solid.

new solid new solid new solid

Step 6

Rename the solid toBackground

rename the solid layer rename the solid layer rename the solid layer

Footstep 7

To change the colour of the background, click on the colour box at the lesser and cull a suitable colour. For this tutorial we will be using the colour with lawmaking 3F3061.

choose a background colour choose a background colour choose a background colour

Stride 8

We can besides alter the color of the background by adding aFill Consequence. You can practise this by going toEffect > Generate > Fill. This will apply a fill upshot to the solid layer which will allow you to modify the colour of the background whenever you like.

apply a fill effect apply a fill effect apply a fill effect

Step nine

Next we volition demand to change the color of the shadow so that it suits the rest of the image. Find the layer for the shadow by investigating each layer. In this instance, the shadow is represented byLayer 9.

select layer 9 select layer 9 select layer 9

Step 10

Make sure that the Layer nine is still selected past clicking on it with the mouse. Add a fill result to the shadow layer by going to Effect > Generate > Fill. This will allow you to modify the colour of the background layer easily by going to theEffect Controls Console.

open the effect controls panel open the effect controls panel open the effect controls panel

Footstep 11

Navigate to the Upshot Controls Consolewhich is usually located on the upper left of the screen. You tin can besides open up information technology past going toWindow > Issue Controls.

In the Effect Controls Consolechange the colour of the shadow so that it is slightly darker than the colour of the background. In this example we will utilise the colour 332554

change the colour change the colour change the colour

2. Creating a Light

OK, nosotros've created our setup, at present let's get-go adding some illumination.

Step 1

Return to the main limerick (called Scene 08) and so that we can employ the light to the whole scene. This volition ensure that the lite volition issue everything within the scene.

Now that nosotros have our scene set upwards, allow'southward create a light for it. In the drop-down menu at the meridian of the screen select Layer > New > Low-cal.Yous tin also create a new light by using the keyboard shortcutShift + Control + Alt + 50.

create a light create a light create a light

Step 2

Once we've done that, the Light Settings Windowshould appear. This will allow you to command what kind of light it is besides as what features it will have.

light settings window light settings window light settings window

3. Applying a Light to the Scene

Stride i

Brand sure that the layers you want affected past the light is a 3D layer, otherwise the lighting effects will not piece of work.

To practice this, simply cheque the 3D Layer box next to the layers that you lot want affected. This includes:

  • Daughter Layer
  • Man Layer
  • Background Elements Scene Layer
check 3D layer options check 3D layer options check 3D layer options

Step ii

In theLight Settings Windowchoose the following options:

  • Intensity:100%
  • Colour: FEFFE1
  • Falloff: Smooth
  • Radius: 800
  • Falloff Distance: 600

You can besides cheque thePreview Boxso that yous can see how the different options change the look and feel of the scene.

light settings light settings light settings

Step iii

In one case you are happy with theLite Settingsclick the OK push and a light will now be created in the scene.

Employ the arrows to move the light into place on top of the ceiling lamp.

move light to position move light to position move light to position

Pace 4

You tin can as well add anAmbience Litewhich will help soften and alloy the shadows. To do this go toLayer > New > Lightand choose the following:

  • Intensity: 40%
  • Colour: FEFFE1
create an ambient light create an ambient light create an ambient light

4. Applying a Glow to the Scene

Step 1

Make certain you are nonetheless in the principal composition (called Scene 08). Create a new Shape Layerby going to theEllipse Tool (Q)at the elevation bill of fare bar and clicking on it.

create a new shape layer create a new shape layer create a new shape layer

Step 2

Click and drag to create a circle and and then use theSelection Tool (V)to arrange it if necessary.

create a circle create a circle create a circle

Step 3

Remove the stroke by clicking on the stroke options located on the elevation bill of fare bar and selecting None.

Change the fill color to F8FA75 by clicking on the fill options located on the height menu bar.

adjust the circle properties adjust the circle properties adjust the circle properties

Step four

Motion the circumvolve so that it is positioned in a higher place the lamp.

position circle above lamp position circle above lamp position circle above lamp

Step v

Create a new mask for the shape layer by going toLayer > Mask > New Mask.

create new mask create new mask create new mask

Footstep 6

Open up the Ellipse Optionsand then netherTransform (Contents > Ellipse > Transform) increment the size of the shape. Then subtract theOpacity to l% to make information technology see through.

ellipse options ellipse options ellipse options

Step 7

Open up up the Mask Optionsand click on Shape then at the bottom choose Reset to Ellipse.

reset mask shape reset mask shape reset mask shape

Pace 8

Increase the Mask Feathervalue to your liking (Mask > Mask 1 > Mask Feather).

mask feather options mask feather options mask feather options

5. Applying Laptop Screen Low-cal

Stride 1

To employ the laptop screen glow we demand to commencement open up one of the character compositions. Let'southward start with theGirl Compand open up it upwardly by double clicking on it.

double click character layer double click character layer double click character layer

Step two

With theGirl Composition open, the showtime thing y'all need to do is to click on theShy Switchpush to reveal the hidden layers.

click on the shy switch click on the shy switch click on the shy switch

Pace 3

To ensure the lite will effect the layers we need to make them 3D layers. Practice this past selecting all the layers within the composition and checking the 3D Layer box.

activate 3D layers activate 3D layers activate 3D layers

Footstep four

Locate theLaptop Layerpast going through the layers inside the composition. In this instance it is made up of several layers, each one namedPCand tagged with the color greyness.

PC layers PC layers PC layers

Step five

Open up up theTransform Optionsfor all the PC layers and move it forrad forth theZ Axisso that it is in front of all the other layers.

You tin can open up up the4 Viewslayout option to get a greater sense of the layers inside a 3D space.

4 views 4 views 4 views

Step 6

This will make the laptop appear larger because it is closer to the camera. Open up the transform options and adjust the size of the layers so that they announced smaller again.

resize the laptop resize the laptop resize the laptop

Step 7

Now create a new lite by going to Layer > New > Light or past using the keyboard shortcutShift + Command + Alt + L.

And so use the following options:

  • Proper noun:PC Light
  • Light Type:Spot
  • Colour: FEFFE1
  • Intensity:150%
  • Cone Angle:100
  • Cone Feather:l%
  • Falloff: Smooth
  • Radius: 800
  • Falloff Distance: 600
create a new pc light create a new pc light create a new pc light

Step 8

Employ theTransform Optionsto movement the light so that it is between the PC layers and the grapheme. You can also experiment with thePoint of Interestvalues to bespeak the lite towards the characters face.

use the transform options to point the light use the transform options to point the light use the transform options to point the light

Step nine

Create a new ambient light with the post-obit options:

  • Light Type: Ambient
  • Colour: FFFFFF
  • Intensity: 80%
ambient light options ambient light options ambient light options

6. Create a Laptop Screen Glow

Footstep 1

Brand sure you are nevertheless in the character composition (we are using Daughter). Create a new Shape Layerby going to theEllipse Tool (Q)at the acme menu bar and clicking on it.

Click and drag to create a circle and change the fill colour to 75DCFA by clicking on the fill options located on the superlative bill of fare bar.

Move the circumvolve so that it is positioned between the laptop and the grapheme. Yous tin can use the 4 views option to help with this.

create a blue circle create a blue circle create a blue circle

Step 2

Open up up the Ellipse Optionsand so underTransformincrement the size of the shape. Then decrease theOpacity to l%.

edit the ellipse options edit the ellipse options edit the ellipse options

Step iv

Create a new mask for the shape layer by going toLayer > Mask > New Mask.

Open upwards the Mask Optionsand click on Shape and and so at the bottom cull Reset to Ellipse.

reset to ellipse reset to ellipse reset to ellipse

Footstep 5

Increase theMask Feathervalue to your liking.

increase the feather increase the feather increase the feather

Step half dozen

Echo the to a higher place steps for theMan Layeras well and then return to the primary comp (scene 08) to view and return the last animation.

final animation final animation final animation

Crawly! You're Finished!

Congratulations! And that's how y'all can add lighting and glow effects to an blitheness project in Adobe Afterwards Furnishings. Feel free to experiment with the unlike control options such as intensity and opacity to edit the look of your project. Using light requires some trial and error to figure out the best settings to use so make certain to experiment.

In the meantime, I promise you lot've institute this tutorial useful and I'll see you adjacent fourth dimension, on Envato Tuts+!

How To Add Glow In After Effects,

Source: https://photography.tutsplus.com/tutorials/how-to-add-glow-effects-animation-in-after-effects--cms-37077

Posted by: yuenbegamseley.blogspot.com

0 Response to "How To Add Glow In After Effects"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel