4
The Blur & Sharpen Effects

The effects in the Blur & Sharpen category all soften (blur) an image, or make it more crisp and detailed (sharpen). There is a little skew in the balance here, as only 2 of the 13 effects in this category deal with sharpening (and only one of those is any good). The remainder all apply some degree of blur.

Blurring is useful in After Effects for a whole host of reasons. It can soften an image, or parts of an image to create a focal point for the viewer. Blurs are frequently used with motion graphics to create wispy or glowing elements. Blurring is also commonly used with particle effects such as Particle Playground or Radio Waves, when creating objects like snowflakes or glowing sparkles. Blur can be used in compositing, as when you’re trying to composite something very pristine (such as objects rendered from a 3D program) with something a little more rough (like live action footage). Blurs (particularly motion blur and the Directional Blur effect) can be used to simulate and suggest motion. Blurs can also be used to smooth out textures that are to be used as maps to control effect properties. And these are only a few of the many things that blurs can be used for. Because there is such a diversity of purpose, it makes sense that there are 11 different blur effects in After Effects. No matter what you use After Effects for, chances are being a master of these blur effects will help.

The Bilateral Blur Effect

The Bilateral Blur effect, introduced in After Effects CS4, is a unique blurring effect. It is similar to the Smart Blur effect that has been in After Effects for a while. Both blur effects attempt to keep edges crisp while blurring surface details, which is also similar to the way that the Surface Blur filter works in Photoshop. But the Bilateral Blur effect allows a slight amount of edge blur, which creates a real dreamy appearance that still appears natural. Like the Smart Blur effect, Bilateral Blur can also be used to smooth out compression artifacts and other surfaces, while keeping edges sharp. Also, contrary to its intimidating name, it’s a very simple effect to use and master.

Open the Bilateral Blur.aep project from the Chapter 4 folder of the exercise files. This project contains a photo I took of a ferry in Seattle.

Figure 4.1 The ferry image from the Bilateral Blur.aep project. Interesting fact: this is the first photo that I took that I actually liked.

Figure 4.1 The ferry image from the Bilateral Blur.aep project. Interesting fact: this is the first photo that I took that I actually liked.

Apply the Bilateral Blur effect to the ferry image layer. Thankfully, the defaults for this effect have changed to enable Colorize. But if it gets turned off, you’ll have a grayscale image, as seen in Figure 4.2.

Figure 4.2 The results of the Bilateral Blur effect with the Colorize check box unchecked.

Figure 4.2 The results of the Bilateral Blur effect with the Colorize check box unchecked.

The Bilateral Blur effect adds an interesting misty effect. The effects are particularly noticeable in the details (or, lack of them) in the clouds.

Figure 4.3 After selecting the Colorize option, the color in the image returns.

Figure 4.3 After selecting the Colorize option, the color in the image returns.

The default results create a misty, dreamlike haze over our image. This is great for ethereal dream sequences, or for simulating fog. If we reduce the Radius value, we reduce the amount of blur. Let’s take the Radius value to 5. This eliminates the overall hazy look, and just blurs surface textures. You’ll notice the grungy texture of the side of the ferry clean up quite a bit, while the edges around the ferry windows remain sharp. Unfortunately, you’ll also probably notice how this effect takes forever and a day to render! You’ll have to weigh the benefit of the effect’s results with the lengthy render time to determine if this effect will work for you.

We know that the Bilateral Blur effect mostly blurs surfaces, while leaving edges intact. But what qualifies as an edge? The Threshold parameter specifies what surfaces are considered edges. For a more blurry image, increase the Threshold value. To keep the images on small details, lower the Threshold value. Using a lowered Radius value of 10 (which localizes the blur) and an increased Threshold value of 10 (which preserves fine details), we get a cartoon-like stylized effect. I actually prefer these results to many of the results from the actual Cartoon effect.

Figure 4.4 After reducing the Radius value to 5, the blur becomes more localized.

Figure 4.4 After reducing the Radius value to 5, the blur becomes more localized.

Figure 4.5 The image with a Radius value of 10 and a Threshold value of 10. The boat looks especially cartoonish.

Figure 4.5 The image with a Radius value of 10 and a Threshold value of 10. The boat looks especially cartoonish.

As we’re seeing, the Bilateral Blur effect has more looks than Derek Zoolander. We’ve previously covered the Radius parameter, which can blur the colors of layers, while keeping edges intact. We get an edgy desaturated look when we set the Threshold value at 15, and take the Radius value to a ridiculously high value of 2000. Who would’ve thought that we could create more intensity with a blur effect?

Figure 4.6 The result of setting Radius to 2000 and Threshold to 15.

Figure 4.6 The result of setting Radius to 2000 and Threshold to 15.

Sometimes, with “unusual” blur effects such as Bilateral Blur and Smart Blur, it is helpful to compare the results to those of other blur effects. First, let’s take a look at this same image blurred with the Fast Blur effect. Take particular notice of what is happening to the edges. Blur effects like Fast Blur universally blur every pixel the same amount, so the edge details are immediately lost.

Figure 4.7 The same image blurred with the Fast Blur effect, with a Blurriness value of 7.

Figure 4.7 The same image blurred with the Fast Blur effect, with a Blurriness value of 7.

Finally, let’s look at this same example blurred by the Smart Blur effect, which is closely related to the Bilateral Blur effect. Notice how the results seem more stylized and artificial than what we’ve seen with the Bilateral Blur effect.

Figure 4.8 The same image blurred with the Smart Blur effect.

Figure 4.8 The same image blurred with the Smart Blur effect.

The Box Blur Effect

The Box Blur effect is perhaps the most advanced of the standard blur effects (e.g., Fast Blur and Gaussian Blur). This effect gets its name because all pixels within the Blur Radius get equal weighting, as opposed to something like Gaussian Blur, where each neighboring pixel gets a unique weighting. This basically just means that the blur calculates faster. And as we’ll see, this effect can actually achieve smoother results than Fast Blur or Gaussian Blur as well.

Open the Box Blur.aep project from the Chapter 4 folder of the exercise files. This project contains a comp with a simple shape layer that will help us to see what’s really happening with the Box Blur effect. Then we’ll look at another example of the Box Blur effect using a comp in this project that contains a still image. First, go to the shape layer comp and apply the Box Blur effect to the shape layer.

The default settings of the Box Blur effect don’t do very much. Increase the amount of blur by increasing the Blur Radius parameter. If you take this value to small amounts (<5), the blur will seem somewhat similar to a generic blur. Take the Blur Radius value to 50 to see the boxiness of this blur effect.

Figure 4.9 The shape layer in the Box Blur.aep project. This simple example will help us to see what the Box Blur effect is doing.

Figure 4.9 The shape layer in the Box Blur.aep project. This simple example will help us to see what the Box Blur effect is doing.

Figure 4.10 Taking the Blur Radius value to 50 allows you to see the boxy results of the blur.

Figure 4.10 Taking the Blur Radius value to 50 allows you to see the boxy results of the blur.

This type of boxy blur can create interesting results with motion graphics. But what if you wanted a smoother blur? One of the paradoxes of the Box Blur effect is that it can create blurs that are both boxier and smoother than standard blur effects like Fast Blur and Gaussian Blur. This is all thanks to the Iterations parameter, which determines how many copies of this blur is applied to the layer. So, if we use an Iterations value of 3, it would be like duplicating the effect three times. This creates a very smooth blur.

Figure 4.11 The result of taking the Iterations to 3.

Figure 4.11 The result of taking the Iterations to 3.

Next, let’s see what the Box Blur effect looks like on an image. Hop on over to the not intimidated comp, which contains a photo of my daughter going toe to toe with a llama. She really has no fear of animals, even ones 10 times her size.

Figure 4.12 The not intimidated comp.

Figure 4.12 The not intimidated comp.

Apply the Box Blur effect to this layer. The boxy results of the effect are much more difficult to see when applied to actual footage. But the Box Blur effect does create a signature halo around objects. This could be great for creating a dazed and confused POV shot.

Just by way of comparison, I’m going to apply the Fast Blur effect to this layer (making sure to turn off the visibility of the Box Blur effect). I’m also going to take the Blurriness value to 25.

Figure 4.13 I took the Blur Radius value to 25 here. I’ve zoomed in so you can more clearly see the details.

Figure 4.13 I took the Blur Radius value to 25 here. I’ve zoomed in so you can more clearly see the details.

Notice that the halo created by the Box Blur effect is much more pronounced. The Fast Blur effect smoothes out the blur results more. There isn’t a right or wrong way to blur, just different methods that you might prefer in different circumstances.

Figure 4.14 The results of applying the Fast Blur effect with the Blurriness value at 25.

Figure 4.14 The results of applying the Fast Blur effect with the Blurriness value at 25.

Horizontal and Vertical Blur

Many blur effects in After Effects have a Blur Dimensions drop down that allows you to create only horizontal or only vertical blur. This creates the illusion that the object is moving left and right (horizontal) or up and down (vertical). If you want more control over the precise direction of the blur, use the Directional Blur effect.

The nature of the Box Blur effect creates the most unique results when isolating the blur to a specific dimensions. In Figure 4.15, I took the Blur Radius value to 30, left the default Iterations value at 1, and changed the Blur Dimensions drop down to Horizontal. This only creates blur along the X axis (left and right).

Figure 4.15 The results of changing the Blur Dimensions value to Horizontal.

Figure 4.15 The results of changing the Blur Dimensions value to Horizontal.

If we changed the Blur Dimensions value to Vertical, the blur would be along the Y axis (up and down). Again, notice the way that the Box Blur effect makes a boxy blur. This causes the edges of the star to overlap, creating new geometric patterns. You could not achieve this boxy result with other blur effects, although you can alter the blur dimensions in other effects.

Figure 4.16 The results of changing the Blur Dimensions value to Vertical.

Figure 4.16 The results of changing the Blur Dimensions value to Vertical.

The Camera Lens Blur Effect

The Camera Lens Blur effect is an upgrade from the venerable Lens Blur effect, and is the most powerful and complex of all effects in this chapter. It can be viewed as a cross between the 3D Channel effect, Depth of Field, and Compound Blur. I use this effect because its style of blur resembles true camera blur much more than any other blur effect, especially the way it causes highlights to bloom.

Figure 4.17 shows a clip that I shot that just didn’t turn out the way I wanted it to. The colors all kind of blend together, and the subject doesn’t really pop. I also spent a lot of time trying to make the background beautiful with all of the glass, mirrors, lights, and reflections in the background. But it just fell flat. You can find this clip and the accompanying project in the Camera Lens Blur.aep project in the Chapter 4 folder of the exercise files.

Figure 4.17 The original shot. Swing and a miss.

Figure 4.17 The original shot. Swing and a miss.

So, I did some initial color correction, made some selective adjustments using masks, and I like this much better now. However, the background still doesn’t have the magical quality that I was looking for.

What’s missing here is more separation between subject and background. In times past, I might have grabbed for the Fast Blur effect (or something similar). But if we apply Fast Blur (to the CAMERA BLUR ADJ LAYER layer—which already has a rough background mask created for you), taking the Blurriness value to about 15 pixels, we do get more separation between the girl and the bottles, but it still falls flat and doesn’t have the same realism that would be there if we shot this with a shallow depth of field.

No, this won’t work. What this is missing is bokeh, which is a common term for the blooms created in camera by blurry highlights. Bokeh is just magical—in motion graphics and visual

Figure 4.18 The image after some light correction. Background still sucks though.

Figure 4.18 The image after some light correction. Background still sucks though.

Figure 4.19 Applying Fast Blur to the background isn’t going to get us there.

Figure 4.19 Applying Fast Blur to the background isn’t going to get us there.

effects. It’s like fog and backlighting in cinematography, or magic wands in Harry Potter land, or pizza to elementary school parties. It just makes everything better.

So, I’m going to delete the Fast Blur effect and apply the Camera Lens Blur effect. The default settings here can be pretty mild, so let’s turn up the Blur Radius value to 15. Ooh. That’s interesting. We’re now seeing some of that beautiful bokeh in the bottles in the background. To make that pop even more, I’m going to increase the Gain value (in the Highlight section) to 60. To increase the amount of stuff that gets that “pop” applied to it, I’m going to decrease the Threshold value to 120 (assuming that, like me, your current project is in 8 bpc mode). These settings are very strong so that you can see them noticeably in Figure 4.20. You may want to dial them back a little to taste. Note that you can also increase the Highlight>Saturation value if you’d like more color in your bokeh.

But all in all, this is amazing. Fast Blur (and other blurs) have a tendency to wash out highlights which, again, is not how things work in a camera. And also, as you increase the blur, the edges of the bokeh (the highlight blooms) will still remain sharp, as they do when recorded with real world optics.

Figure 4.20 Those little hexagons are called bokeh. Notice the realistic way that the blooms overlap each other.

Figure 4.20 Those little hexagons are called bokeh. Notice the realistic way that the blooms overlap each other.

By default, the shape of the bokeh is a hexagon. But you can change this to triangles, diamonds (squares), or other shapes by changing the Shape drop down value in the Iris Properties section. I don’t have extremely expensive lenses, and the shape of the bokeh is determined by the components of the lens. So most of my lenses just make circles, as opposed to other shapes. In order to make this lens blur to composite better with footage I’ve shot, I change the Shape value to Decagon, which creates round blooms in the highlights, just what I’m used to from my camera

Figure 4.21 The final image with round (decagonal) highlights. I’ll take it.

Figure 4.21 The final image with round (decagonal) highlights. I’ll take it.

and lenses. Now my image looks significantly more beautiful than it did initially, the subject just pops of the screen, and the background is all sparkly and beautiful.

The Camera Lens Blur effect also allows you to create blurred areas on a layer based on the grayscale values of another layer (like Compound Blur). But the controls are based on camera terminology (like depth of field). If you are interested in using depth of field to tell your stories (and who isn’t?), then you may find the Camera Lens Blur effect the most efficient and flexible way to do that.

I’m going to import the KS103.mov clip from the Artbeats folder in the Media folder in the exercise files.

Figure 4.22 The KS103.mov Artbeats clip.

Figure 4.22 The KS103.mov Artbeats clip.

Next, I’m going to duplicate this layer and double click it to open it in the Layer panel. I’m then going to paint a depth map using grayscale values. I’m going to paint the objects furthest away with black, the kids in the middle with 50% gray, and the part of the image closest to the camera in white. It doesn’t have to be pretty or accurate. You’ll then need to precompose this layer so that it can be used as a map by the Camera Lens Blur effect. Once you’ve precomposed this layer, turn off its visibility. As is usually the case with maps, they do not need to be visible to be used as maps, and it’s usually preferable that they are not seen.

Now apply the Camera Lens Blur effect to the unpainted layer of the kids in the Artbeats clip. Change the Depth Map Layer drop

Figure 4.23 The depth map I painted in After Effects.

Figure 4.23 The depth map I painted in After Effects.

down to the nested comp that you painted the depth map on. The default results don’t give us what we want, but you can still see how we’ve created natural looking depth of field from scratch.

Figure 4.24 After changing the Depth Map Layer to the depth map we painted, we have realistic lens blur.

Figure 4.24 After changing the Depth Map Layer to the depth map we painted, we have realistic lens blur.

The Camera Lens Blur effect kept the areas sharp where we painted black, and blurred the bright areas. If you’re looking for the opposite results, you can check the Invert Depth Map value in the Effect Controls panel. This will change the way that the map is interpreted, making the bright areas crisp and the dark areas blurry.

Figure 4.25 The result of choosing Invert Depth Map.

Figure 4.25 The result of choosing Invert Depth Map.

These results look spectacular, but this isn’t what we’re looking for here. This footage is not about grass or trees—it’s about kids. Won’t someone please think about the children? The way that we shift the focus through this image is by adjusting the Blur Focal Distance parameter. And truthfully, it is the Blur Focal Distance property that really makes this effect so powerful. I deselected the Invert Depth Map option, and took the Blur Focal Distance value to about 0.53. This leaves the children in focus, and blurs the foreground and background.

Figure 4.26 By adjusting the Blur Focal Distance, we can adjust the depth of the area that is in focus.

Figure 4.26 By adjusting the Blur Focal Distance, we can adjust the depth of the area that is in focus.

These results are nothing short of spectacular, especially considering how easy it was to set this project up. But the real power here is in the ability of the Camera Lens Blur effect to animate the Blur Focal Distance property. This can create shifts in the focal plane that are animated, the same way a camera’s lens might shift. This effect cannot be created with the Compound Blur effect. The Camera Lens Blur (which, again, is also now found for the most part in the controls of AE cameras) is simply one of the greatest tools in After Effects for creating photorealistic optical blur.

The Channel Blur Effect

The Channel Blur effect is really useful, and for multiple purposes. First, we’ll examine how to use it creatively, then we’ll use it for a great utilitarian purpose.

Open the Channel Blur.aep project from the Chapter 4 folder. We’re going to start out in the Static Logo for AE comp. This comp contains a logo I created in Adobe Illustrator. Apply the Channel Blur effect to the Bkgrd layer. The isolated Bkgrd layer is seen in Figure 4.27.

Figure 4.27 The Bkgrd layer in the Static Logo comp. Apply the Channel Blur effect to this layer.

Figure 4.27 The Bkgrd layer in the Static Logo comp. Apply the Channel Blur effect to this layer.

The Channel Blur effect is easy to understand, although its practical uses may not be as readily apparent. This effect can individually blur each channel—red, green, blue, and also the alpha channel. Increase the Red Blurriness value, for example, to blur only the red channel. This creates some interesting color variations. In Figure 4.28, I took the Red Blurriness value to 100. This dissipates the red in the image, and seems to add green to the result as more cyan is added on top of the yellow background. Note that in this figure, all of the logo elements have their visibility turned back on, and the blur is only applied to the background layer seen in Figure 4.27.

Blurring the Composition Channels

fig00079.jpg You might have noticed that even though the red in the Background layer was blurred, the red in the text remained crisp. You could blur it by applying the Channel Blur effect to the text layer. Or, you can create an adjustment layer, then apply the Channel Blur effect to the adjustment layer. Then, all of the changes that you make to the effect will adjust the composite color and alpha channels of the entire composition.

Figure 4.28 The result of increasing the Red Blurriness value to 100.

Figure 4.28 The result of increasing the Red Blurriness value to 100.

Likewise, having a Green Blurriness value of 100 blurs the green, which in effect, adds magenta.

One of the most unique aspects of this effect is that you can also use it to blur the edges of a layer’s alpha channel using the Alpha Blurriness property. This creates a soft transparency around the outer edges. In this example, the added transparency creates a dark falloff effect that adds to the feel of the piece.

Figure 4.29 The result of increasing the Green Blurriness value to 100.

Figure 4.29 The result of increasing the Green Blurriness value to 100.

Figure 4.30 Increasing the Alpha Blurriness to 100. This reduces opacity, but it only fades the edges of the layer.

Figure 4.30 Increasing the Alpha Blurriness to 100. This reduces opacity, but it only fades the edges of the layer.

I’m going to create a new solid behind the Bkgrd layer and apply the Checkerboard effect (discussed in Chapter 9). Now it might be easier to see the effects of the Alpha Blurriness parameter.

Figure 4.31 After creating a textured background, the results of the Alpha Blurriness property are more clearly visible.

Figure 4.31 After creating a textured background, the results of the Alpha Blurriness property are more clearly visible.

Now that we’ve seen the Channel Blur in action for creative purposes, let’s turn our attention to using the Channel Blur effect for a more practical purpose. Switch over to the paavo balancing comp. This comp contains some green screen footage that has been severely compressed.

Figure 4.32 The footage in the paavo balancing comp.

Figure 4.32 The footage in the paavo balancing comp.

In the case of most video, noise is stored in the blue channel. To see the various color channels separately, click the lengthily named Show Channel and Color Management Settings drop down at the bottom of the Composition panel. Its icon looks like a little Venn diagram, with three interlocking circles.

Figure 4.33 View channels independently by changing the options here, in the Show Channel and Color Management Settings drop down at the bottom of the Composition panel.

Figure 4.33 View channels independently by changing the options here, in the Show Channel and Color Management Settings drop down at the bottom of the Composition panel.

From the Show Channel and Color Management Settings drop down, I’m going to change the value from RGB (which is the default composite view of all color channels with alpha) to Green. This will show us a visual readout of the green light used to make this image. I’m going to also zoom in to about 800% so that we can get a better look at the noise and compression artifacts in this channel.

Figure 4.34 The green channel of the paavo balancing layer.

Figure 4.34 The green channel of the paavo balancing layer.

The green channel looks pretty clean. Now let’s change the view to the blue channel and see the difference.

Figure 4.35 The blue channel of the paavo balancing layer. Yuck.

Figure 4.35 The blue channel of the paavo balancing layer. Yuck.

Wow. What a difference in the two channels! The green channel is mostly clean, and the blue channel is extremely noisy. We can use the Channel Blur effect to smooth out the blue channel only, which will result in a cleaner end composite. And as long as we’re at least fairly conservative in our channel blurring, the results in the composite should still look sharp.

Figure 4.36 The blue channel after being cleaned up by the Channel Blur effect.

Figure 4.36 The blue channel after being cleaned up by the Channel Blur effect.

Apply the Channel Blur effect to the paavo balancing layer. Take the Blue Blurriness to 2. This will clean up the ugliness in this channel significantly.

At this point, you might be worried about the crispness of our final composite. After all, this was a pretty obvious blur. However, if you’re only blurring 1 or 2 channels conservatively, it’s enough to remove noise while maintaining quality. Change the value in the Show Channels and Color Management Settings drop down back to RGB to see the composite result of all channels.

Figure 4.37 The final result is still crisp, even after blurring the blue channel. Image shown here at 200%.

Figure 4.37 The final result is still crisp, even after blurring the blue channel. Image shown here at 200%.

The Compound Blur Effect

The Compound Blur effect blurs a layer based on the luminance of another layer. In Chapter 23, we’ll look a little closer at using layers as maps to control effect properties. If you’re unfamiliar with this concept, the Compound Blur effect is the best place to start.

Open the Compound Blur.aep project from the Chapter 4 folder of the exercise files. The comp we’ll be working with here is the Lioness with map comp.

Aside from this lioness photo, this comp also contains two grayscale layers that we’ll use as controllers to determine where the lioness layer will be blurred. First we’ll look at the layer called blur map. This is a grayscale map that I painted in Photoshop, based on the lioness image. Notice how I painted with white

Figure 4.38 The lioness image in the Lioness with map comp.

Figure 4.38 The lioness image in the Lioness with map comp.

where the face of the lioness is, black in the background, and with different shades of gray around the body of the lioness. I realize that it looks really rough, but when using maps to control layer properties, you typically want them soft and free of small details.

Figure 4.39 The blur map layer that I painted in Photoshop.

Figure 4.39 The blur map layer that I painted in Photoshop.

Apply the Compound Blur effect to the Lioness layer. The default results resemble a bad Photoshop filter. This is because the Compound Blur effect needs to be controlled by the gray-scale values of a layer in order to work. By default, the effect uses the layer it was applied to as a map to determine how to blur it.

Figure 4.40 The default results of applying the Compound Blur effect.

Figure 4.40 The default results of applying the Compound Blur effect.

Change the Blur layer selection to the blur map layer. This will use the luminance values of the blur map layer to control the areas of the Lioness layer that will have blur applied to them. Note that layers used as controllers (i.e., in the Blur layer drop down) do not need to be visible to be used as the Blur layer. In this case, selecting the blur map layer gives us the opposite of the results we were looking for. The face of the Lioness is blurred, and the background remains sharp.

Figure 4.41 Using the blur map layer as the Blur layer in the Compound Blur effect blurs the face of the lioness, but does not blur the background.

Figure 4.41 Using the blur map layer as the Blur layer in the Compound Blur effect blurs the face of the lioness, but does not blur the background.

The good news is that most effects that use grayscale maps as controllers have a fix for problems like this. Click the Invert Blur checkbox to change the rules. Now, the dark areas on the map will correspond to blurry areas on the Lioness layer. Bright areas will correspond to areas less affected by the blur.

Figure 4.42 After selecting Invert Blur, the blur is inverted.

Figure 4.42 After selecting Invert Blur, the blur is inverted.

The results are getting close now that our map is setup properly. However, the default Maximum Blur value of 20 is just too much blur in this case. So, let’s complete this look by reducing the Maximum Blur (blur amount) value to 7.

Figure 4.43 Our final results look much better with the Maximum Blur level lowered to 7.

Figure 4.43 Our final results look much better with the Maximum Blur level lowered to 7.

There is another layer in this comp that I want to try out as a Blur layer here. This is a fiery grayscale pattern created with the Fractal Noise effect (discussed in Chapter 11).

Figure 4.44 The Fractal Noise comp layer in the Lioness with map comp.

Figure 4.44 The Fractal Noise comp layer in the Lioness with map comp.

When we apply this fiery noise layer as the Blur layer, the luminance of the fire pattern is used to control where (and how much) blur is applied to the layer. This creates a more interesting pattern when the Maximum Blur value is increased to 100. Note that this fractal fire pattern animates. Preview this comp to see the blur pattern move around as the fractal fire pattern changes.

Figure 4.45 Applying the Fractal Noise comp as an animated Blur layer, with the Maximum Blur value set to 100.

Figure 4.45 Applying the Fractal Noise comp as an animated Blur layer, with the Maximum Blur value set to 100.

You could use such maps to create shockwave-type blur effects, or the wavy distortion that appears over flames.

The Directional Blur Effect

Like the horizontal and vertical blurs we looked at earlier in this chapter, the Directional Blur effect allows you to blur pixels at an angle. The difference is that the Directional Blur effect allows you to specify exactly which angle that is. This effect is similar to the Motion Blur effect in Photoshop. This effect is usually used to simulate or suggest motion.

Open the Directional Blur.aep project from the Chapter 4 folder of the exercise files. This project contains a comp with a rocket image I created in 3DS Max.

Figure 4.46 The rocket image from the Directional Blur.aep project.

Figure 4.46 The rocket image from the Directional Blur.aep project.

Apply the Directional Blur effect to the ROCKET tiny.tga layer. There are only two properties in this effect. The Blur Length parameter determines the size (distance) of the blur, and the Direction parameter determines the angle of the blur. I’m going to start out taking the Blur Length value to 40. The default Direction value causes a vertical blur.

We can get a similar result from many blur effects. The real power with the Directional Blur effect is that we can specify the exact angle of blur. Take the Direction value to 40 degrees, which is something other blur effects can’t do.

Figure 4.47 With a blur length of 40, we can see the vertical blur here.

Figure 4.47 With a blur length of 40, we can see the vertical blur here.

Figure 4.48 The Directional Blur options and results. Notice that the notch on the Direction controller displays the angle of the blur.

Figure 4.48 The Directional Blur options and results. Notice that the notch on the Direction controller displays the angle of the blur.

This effect would look much better if it were underneath a copy of this layer that did not have the effect applied to it (which will only work because the object has an alpha channel that isolates the subject). Most of the time when I use the Directional Blur effect, I use it on copies of a layer that are beneath it in the layer stack in the Timeline panel. So, I’ll duplicate this layer by selecting it in the Timeline panel and pressing Ctrl+D(Win)/Cmd+D(Mac). Then, I will remove (delete) the effect from the copy on top. Then, I might change the angle to about 85, so it looks like it’s horizontal, but slightly tilted upwards on the right-hand side. Then, I’ll move the blurred layer to the left a little bit. Finally, I’ll reduce the Opacity value on the blurred rocket layer to about 60%. All of these steps create the illusion that the rocket is moving.

Figure 4.49 The result of duplicating the rocket layer and adjusting the blurry rocket on the bottom.

Figure 4.49 The result of duplicating the rocket layer and adjusting the blurry rocket on the bottom.

The effect here is quite subtle. For a more intense, “warping through time” effect, increase the Opacity value of the blurred rocket layer back to 100%, and drag it on top of the rocket without the blur to reorder the layers in the Timeline panel.

Figure 4.50 Placing the blur on top creates a more intense effect.

Figure 4.50 Placing the blur on top creates a more intense effect.

Even if you’re not recreating objects in motion, you can still use the Directional Blur effect to add pizzazz to text, logos, and other graphic elements. Figure 4.51 contains a logo that is similar to something that we’ll be creating in Chapter 17.

Figure 4.51 The Directional Blur effect applied to the copies in the background helps to enhance our logo here.

Figure 4.51 The Directional Blur effect applied to the copies in the background helps to enhance our logo here.

The Fast Blur Effect

The Fast Blur effect is probably the blur effect that I turn to most often. It renders incredibly fast (hence the name), and it is a simple, predictable blur. It’s great for everything from softening particles to adding a bit of soft defocus to background elements (although for realistic camera blur, the Camera Lens Blur effect is your best bet, if you have the extra render time for it). As an added bonus, it also functions at 32 bits per channel.

I think (and hope) it’s fairly apparent at this point in the chapter what blur does. So, I want to show you how to set up HDR (High Dynamic Range) text that can be blurred with the Fast Blur effect.

Let’s start by going to File>New>New Project. Then click the Create a new composition button at the bottom of the Project panel to create a new composition. Use the NTSC DV preset and click OK. Next, press the finger-tangling keyboard shortcut Ctrl+Alt+Shift+T(Win)/Cmd+Opt+Shift+T(Mac) to create a new text layer and place the cursor in the center of the composition. Now type your name. With the text selected (highlighted), increase the size of your text in the Character panel. Also in the Character panel, click the upper left swatch and choose a white color for your text. White is created by using the value 255 for the red, green, and blue channels. You can use the font of your choice. When you’ve completed your adjustments, accept your changes by selecting the Selection tool in the toolbar, or by pressing Enter on the numeric keypad.

Figure 4.52 My white text thus far.

Figure 4.52 My white text thus far.

Next, apply the Fast Blur effect. As you can see, it’s another simple effect. We can control the amount of blur with the Blurriness parameter. We can also change the blur dimensions as we talked about earlier in this chapter. Taking the Blurriness value to about 20, we see the expected results.

Figure 4.53 Our text, blurred with the Fast Blur effect.

Figure 4.53 Our text, blurred with the Fast Blur effect.

Now we want to turn this into HDR text. To do that, we must be working in a project that operates at 32 bits per channel. To change my project over, I’m going to go to the bottom of the Project panel. In the area that displays 8 bpc, Alt(Win)/Opt(Mac) click this twice, until it displays 32 bpc.

Figure 4.54 Alt/Opt click this display at the bottom of the Project panel until it displays 32 bpc.

Figure 4.54 Alt/Opt click this display at the bottom of the Project panel until it displays 32 bpc.

This puts our project into 32 bits per channel mode, which allows for HDR color. HDR color allows us to create whites that are whiter than white and blacks that are blacker than black. With our project in 32 bpc mode, go back to the Character panel. Click the Fill Color swatch in the Character panel to open the Text Color dialog. In 32 bpc mode, white is created by a value of 1 for the red, green, and blue channels.

Note that you’re able to change the way colors are displayed throughout After Effects by going to the flyout menu of the Info panel and choosing a different color display format. Many colorists and compositors choose to change this option in the Info panel flyout to Decimal, even when working in 8 bpc mode. So then, you’ll only have this “0-1” color model working for you if Auto Color Display or Decimal is chosen as the color display format from the Info panel flyout menu.

Figure 4.55 In 32 bpc mode, white is created by a value of 1, instead of 255.

Figure 4.55 In 32 bpc mode, white is created by a value of 1, instead of 255.

The magic of this HDR stuff is that we can now take these values above white; whiter than white. You will see the value of this momentarily. For now, take the Red value to 3, leave the Green value at 1, and take the Blue value to 2. This is like adding more intense white light from the red and blue channels. Because the Fast Blur effect processes in 32 bits per channel, it responds to this extra light, and blurs accordingly. The results behave more like light does in the real world.

Figure 4.56 Blurring our HDR text with Fast Blur creates a realistic lighting effect.

Figure 4.56 Blurring our HDR text with Fast Blur creates a realistic lighting effect.

The Repeat Edge Pixels Option

Earlier in this chapter, we looked at the Blur Dimensions property that several blur effects have. Many blur effects in After Effects also have a Repeat Edge Pixels option, which is also quite helpful.

When blurring layers, the edges will also blur, which creates transparency in the edges. I’m going to import the beautiful baby. tif file from the Images folder in the Media folder of the exercise files.

When I blur this image with Fast Blur, the edges become blurred and transparent, showing through to the layers beneath.

Figure 4.57 The beautiful baby .tif image.

Figure 4.57 The beautiful baby .tif image.

Figure 4.58 shows the result of blurring the beautiful baby image with the Fast Blur effect. I placed a checkerboard pattern behind the image so you can see where the transparency is created.

Figure 4.58 When an entire layer is blurred, the edges are usually blurred as well, creating transparency.

Figure 4.58 When an entire layer is blurred, the edges are usually blurred as well, creating transparency.

If we select the Repeat Edge Pixels option, the pixels on the edge will be allowed to be blurry, but not transparent. However, it should be noted that enabling this option does prevent the blur from going outside of the layer boundaries, which could cause obvious, hard edges.

Figure 4.59 With the Repeat Edge Pixels option selected, the edges of the layer are duplicated so that there is no transparency at the edges.

Figure 4.59 With the Repeat Edge Pixels option selected, the edges of the layer are duplicated so that there is no transparency at the edges.

The Gaussian Blur Effect

Those of you familiar with Photoshop probably have a special reverence in your heart for the Gaussian Blur filter. For many years, it was the only way to control how much blur you added to a layer. Because of this, After Effects users that started out as Photoshop users often come first to the Gaussian Blur effect. However, in After Effects, the Gaussian Blur effect is exactly the same thing as the Fast Blur effect, except for one major difference. The Gaussian Blur effect does not have the Repeat Edge Pixels option that we just looked at. I hate to break your heart (and loyalties) Photoshop users, but the Fast Blur effect makes the Gaussian Blur effect obsolete—in After Effects, anyway. It also seems like the Fast Blur effect renders a bit faster (with the same level of quality) on top of that.

The Radial Blur Effect

The Radial Blur effect is one of my favorites. It can take boring textures and make them spring to life. This effect also functions similarly to the filter of the same name in Photoshop.

The Radial Blur effect has two very distinct blur modes: Spin and Zoom. Let’s look first at the default Spin blur. Open up the Radial Blur.aep project from the Chapter 4 folder. This project contains a pattern I created using Fractal Noise (from Chapter 11), the Levels effect (from Chapter 6), and Glow (from Chapter 17).

Figure 4.60 The texture from the Radial Blur.aep project.

Figure 4.60 The texture from the Radial Blur.aep project.

Apply the Radial Blur effect. The default settings apply a spin blur. This creates a circular (i.e., radial) blur around the edges. It reminds me of what a freeze frame from video of this texture in a dryer might look like.

Figure 4.61 The Fractal Noise texture after applying Radial Blur at the default settings.

Figure 4.61 The Fractal Noise texture after applying Radial Blur at the default settings.

The first change I’d like to make here is to change the Antialiasing setting at the bottom of the effect in the Effect Controls panel. Change it from its default Low to High. This will help smooth out a little of the nasty little bits of noise that we often get with this effect.

Other than the blur type and the Antialiasing settings, there are really only two parameters here: Amount (as in blur amount) and Center. We haven’t seen a Center value in any other blur effect. This allows you to move the blur around, because both

Figure 4.62 Moving the Center value of the effect changes where the center of the blur occurs. Here the Center is moved to the upper left hand corner.

Figure 4.62 Moving the Center value of the effect changes where the center of the blur occurs. Here the Center is moved to the upper left hand corner.

spinning and zooming need a center point. If you wanted to create a quick sun effect, this would be idea.

Now let’s look at zoom blur. Hit the Reset button at the top of the Radial Blur effect in the Effect Controls panel to start over again. Now change the Antialiasing back to High again, and change the Type drop down from Spin to Zoom. This creates the jump to warp speed look.

Figure 4.63 The Radial Blur effect with the Type set to Zoom.

Figure 4.63 The Radial Blur effect with the Type set to Zoom.

I probably use Zoom far more often than Spin because I love how Zoom makes things so much more intense. Zoom blur creates the illusion that things are flying towards you, which is great in a variety of motion graphics settings. However, the default Amount value is far too small for my taste when using zoom blur. I’m going to increase this value to about 80.

I absolutely love what this zoom blur is trying to do. Hey, I’m a nerd to the core. This effect brings out my inner Hans Solo and my inner Captain Kirk at the same time. But this effect is severely limited by all of the ugly noise introduced when you crank up that Amount value. Here’s a solution that might work in some cases. Try keeping a lower Amount value (low enough to avoid the ugly, aliased noise), and then selecting the effect in the Effect Controls panel, and then pressing Ctrl+D(Win)/Cmd+D(Mac) to duplicate the effect several times. The results are similar in intensity, but usually look much better.

We’ll be coming back to the Radial Blur effect occasionally throughout this book. For example, there’s another great trick using the Radial Blur effect in Chapter 7, when we look at the Polar Coordinates effect. The Radial Blur effect really is a

Figure 4.64 The result of taking the amount of blur to 80.

Figure 4.64 The result of taking the amount of blur to 80.

Figure 4.65 The results are much cleaner when using an Amount value of 20, and duplicating the effect multiple times.

Figure 4.65 The results are much cleaner when using an Amount value of 20, and duplicating the effect multiple times.

great way to breathe life into a texture. If you have the Cycore set of plugins that have shipped with the recent versions of After Effects, you can also try the CC Radial Fast Blur effect, which renders faster, and looks cleaner in many cases.

The Reduce Interlace Flicker Effect

Interlace flicker is often caused by horizontal stripes appearing in interlaced footage. The result is an undesirable moire pattern that appears to flicker on video. The Reduce Interlace Flicker effect attempts to right such wrongs by adding a slight blur to striped patterns.

To test this effect, open up the Flicker.aep project from the Chapter 4 folder. This project contains the type of high-contrast horizontal stripes pattern that you really want to avoid when creating interlaced video.

Figure 4.66 The interlace nightmare pattern.

Figure 4.66 The interlace nightmare pattern.

Apply the Reduce Interlace Flicker effect to the interlace nightmare layer. The only property you can adjust here is Softness. Increasing the Softness value will add a slight blur that will reduce the contrast between the lines, which will in turn reduce flickering when interlaced and broadcast.

Figure 4.67 Taking the Softness value to 3 reduces contrast by adding a slight blur.

Figure 4.67 Taking the Softness value to 3 reduces contrast by adding a slight blur.

The Sharpen Effect

The Sharpen effect is the first non-blur effect we’ve looked at in this chapter. While the blur effects in this chapter remove details, sharpen effects enhance them. Sharpen effects are essentially the opposite of blur effects. The Sharpen effect is the most simple way to sharpen a layer, but Unsharp Mask is definitely a more powerful choice for sharpening.

Let’s open up the Sharpen.aep project from the Chapter 4 folder of the exercise files. This comp contains a simple video clip.

Figure 4.68 The Sharpen.aep project.

Figure 4.68 The Sharpen.aep project.

This footage has a good amount of clarity, but we can enhance it further with the Sharpen effect. Apply Sharpen to the Ventura Fountain layer. Sharpening effects usually work their mojo by detecting edges, and then lightening the light side and darkening the dark side. But sharpening is like an addiction: you often get in over your head before you even realize that you have a problem.

In Figure 4.69, I took the Sharpen Amount value to 50. This is an excessively high value that probably should not be used in most cases. I used such a high value here so that you could see the result of the effect, but also so that you could see the artifacts that excess sharpening can create. These artifacts (“halos” as they’re called) are to be avoided at all costs. While the Sharpen effect does enhance details, it doesn’t give you the control that the Unsharp Mask effect does to avoid such problems. Also remember that as you enhance good details with sharpening (such as the cool brick texture in the background here), you also enhance bad details, such as noise and compression artifacts.

Figure 4.69 The result of increasing the Sharpen Amount value to 50. It’s too much, folks.

Figure 4.69 The result of increasing the Sharpen Amount value to 50. It’s too much, folks.

The Smart Blur Effect

The Smart Blur effect is a lot like the Bilateral Blur effect introduced in After Effects CS4. I actually prefer the look of Bilateral Blur, but the Smart Blur effect is similar and renders much faster. Depending on your hardware and deadlines, you may prefer one to the other.

Both effects attempt to keep edges intact while blurring surfaces. I think it also works well as an effect to stylize a layer like a cartoon or a painting.

Let’s open up the Smart Blur.aep project from the Chapter 4 folder. This project has a composition (called Smart Blur) that contains a nested composition with a few layers (a vector logo on top of an Artbeats video clip). It’s important to note that this is all on one layer.

Apply the Smart Blur effect to Pre-comp 1 layer here. The default results blur some of the windows and surfaces of the buildings, but the hard edges of the logo have not been affected by this intelligent blur in the slightest.

As with Bilateral Blur, we have a Radius value to determine the amount of the blur. We also have the Threshold value that specifies what constitutes an edge. If I take the Threshold value up to 100 for example, I get a result that only vaguely resembles the original buildings. And still, the edges of the logo are razor sharp.

Figure 4.70 The Smart Blur.aep project. Remember that all this stuff is on one layer.

Figure 4.70 The Smart Blur.aep project. Remember that all this stuff is on one layer.

Figure 4.71 Increasing the Threshold value to its maximum value (100) allows Smart Blur to blur more edges.

Figure 4.71 Increasing the Threshold value to its maximum value (100) allows Smart Blur to blur more edges.

One of the things that I don’t quite get about this effect is the Mode drop down. You can change it to Edge Only to create a black image with white edges. I suppose that this could be useful in analyzing how the Smart Blur is calculating the edges, based on the Threshold value. The Overlay Edge Mode leaves the colors intact, but adds a white overlay of the edges.

Figure 4.72 The results of using the Edge Only Mode.

Figure 4.72 The results of using the Edge Only Mode.

Figure 4.73 The results of using the Overlay Edge Mode.

Figure 4.73 The results of using the Overlay Edge Mode.

As I mentioned, this effect can also be great to create an artistic, stylized look. Importing the fountain video that we looked at with the Sharpen effect, I applied the Smart Blur filter with the default settings. The results seem to create a painting out of this video.

Figure 4.74 Applying the Smart Blur effect can create painterly effects.

Figure 4.74 Applying the Smart Blur effect can create painterly effects.

The Unsharp Mask Effect

Out of the two sharpening effects in After Effects (Sharpen and Unsharp Mask), Unsharp Mask is definitely the more powerful of the two. Unsharp Mask is more powerful because it has more controls. It has the same parameters that the Unsharp Mask filter in Photoshop does. If you don’t have a Photoshop background, you might be surprised to know that After Effects’ best sharpening effect is actually called “unsharp.” Long story.

To give the Unsharp Mask effect a test drive, open up the Sharpen.aep project again. Apply the Unsharp Mask effect to this layer. As opposed to the Sharpen effect, the default results make a subtle but noticeable difference.

I’m going to increase the Amount value to 100 so that the results are more obvious on the printed page. I’m also going to duplicate this layer and apply a Linear Wipe transition so that you can see the sharpened version and unsharpened version side by side.

The effect is a subtle one, mostly noticeable in the brick pattern and shrubbery. But that’s kinda the point with the Unsharp Mask effect. We want to enhance details, but we don’t want that enhancement obvious.

You can increase the intensity of the sharpening the Radius effect, with the disclaimer that it’s usually a bad idea to take this value above 2. If the results are too intense, you can lessen the sharpening by increasing the Threshold value.

Figure 4.75 The left half of the image shows sharpening with the Unsharp Mask effect. The right side shows the original image.

Figure 4.75 The left half of the image shows sharpening with the Unsharp Mask effect. The right side shows the original image.

Again, I prefer this effect to the Sharpen effect because of the extra parameters (Radius and Threshold). But not only that, the Amount value (that controls the amount of blur in the Unsharpen Mask effect) produces more refined results than the Sharpen Amount property in the Sharpen effect does. It’s also far easier to get those ugly sharpening artifacts with the Sharpen effect, while the Unsharp Mask effect generally produces more subtle enhancements.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset