After Effects for Graphic Design

** NOTE: Download the exercise files from this video **

We are always being asked to create some unique imagery for articles, blog posts and advertisements — and a lot of times we try to tell a story with the image. In this example, we’ll use the shatter effect for a sports blog post. I got this basketball from Adobe Stock... and I’d like to thank the Stock Team for giving us written permission to include a watermarked version of this photo in the exercise files for you to use in this course.

The Light Rays effect allows you to add, or enhance, the lighting in a graphic or photograph. We discussed the various import options from Photoshop in more detail in the introduction chapter. Now you can try this effect with any image or photograph... to see what kind of dramatic effects you can create. For my final photo, I added levels and hue saturation in addition to light rays to create this final image.

In this example, we’ll create a page curl effect. This effect allows you to simulate a physical page being curled, or turned, over as you flip pages in a printed booklet. We’ll use this effect to show the rich content that is contained in a printer catalogue that is being made available through a website.

In this lesson we'll take a look at the Light Burst effect — which works a little differently than the Light Rays effect we looked at earlier. And we’ll apply this effect to a text layer — so that’ll give us a chance to work with text in After Effects as well. We used this technique in two different social media advertisements. And in each case, we changed the center point of the light burst to match the background photo.

At our design company, we’re always masking and silhouetting images and photographs. In this lesson, we’ll take a look at a very fast way to remove a solid background color from an image. Now while this is possible to do in Photoshop, After Effects makes this really quick and easy. Once you have created your key, save the composition as Photoshop layers to incorporate the final transparent graphic into your layout.

It can be difficult to cut items out of a photo that are transparent, like glass or water. And even with the keying tools in After Effects, we can’t always get the perfect settings — so we’ll key this image twice, in two layers, in After Effects — then blend them together in Photoshop using layer masks. In this first part, we’ll create our two keyed versions in After Effects

It this lesson, we’ll continue from the previous lesson by combining the two keyed versions of the almonds photo in Photoshop. So if you’ve been following along, you have the almonds.psd file opened in Photoshop. We used this more advanced technique so we could use this image on an poster to promote healthy snacking at the beach.

In this lesson, we’ll create a repeating pattern from an image using the CC Kaleida effect. Now, if you’re following along, I’ll be starting my kaleidoscope from the amsterdam.jpg file located in folder 1 of the Chapter 2 folder in the exercise files... however, I would encourage you to use any image file you have — since this effect can make a great kaleidoscope from just about any image

Now we’ll take a look at an effect that is similar to the kaleidoscope effect in the previous lesson, however, this one has some interesting options. So, if you’re following along, we in Folder 2 of the Chapter 2 folder of the Exercise Files. Now just like with the kaleidoscope patterns we made earlier, there’s almost no limit to the number of unique textures you can create from a single image.

Some effects allow you to create patterns from the contents of the photo. The CC Plastic effect allows you to create, and stylize highlights based on the bright areas of your image. If you’re following along, we’ll start in folder 3 of the Chapter 2 folder in the Exercise Files. Now since lighting will vary in most photographs, and the effect may not be perfectly uniform across the image — however, this image gave me enough of a consistent pattern that I was able to use it in my project.

In this lesson, we’ll create a line art pattern with a star shape using the Radio Waves effect. And for this lesson, we’ll create a serial plane effect using only After Effects. We used this technique to create a pattern for the cover cover of a brochure — which helped add some texture to the design.

In this lesson we’ll take a look at the CC Jaws effect — which allows us to create a zig zag pattern that's fully adjustable. If you're following along, we’ll start in folder 5 in the Chapter 2 folder of the exercise files. And at this point, I saved this composition to Photoshop, then imported it into InDesign to create this posted to promote a local art show.

There are lots of effects in After Effects that can generate artwork from nothing but a blank layer. In this example, we’ll add some lightning to an illustration. If you’re following along, we’ll be in Folder 1 of the Chapter 3 folder of the Exercise Files. Here I have two After Effects project files. The AEP file is for those using the 2018 Creative Cloud version of After Effects... and the AEPX file can be imported into earlier versions of After Effects.

In this lesson, we’ll use the CC Rainfall effect to add rain to this illustration. Now if you’re following along from the previous lesson, you can keep working in that same file where we added the lightning. However, if you’re just joining us, I’ll be starting from Folder 2 of the Chapter 3 folder of the Exercise Files. Here I have two After Effects project files. The AEP file is for those using the 2018 Creative Cloud version of After Effects... and the AEPX file can be imported into earlier versions of After Effects.

For this next effect, we’ll create a water surface texture by blurring and stretching some fractal noise, applying the CC Glass effect... then adding a color gradient over top of the texture — creating this graphical effect. And we’ll complete this technique  over the next three videos... so here in part 1, let’s begin with a new project in After Effects.

This is part 2 of creating a water surface texture... we’re continuing from the previous lesson where we nested the fractal for water composition into the water composition. Now that we have something that looks more the surface of water... in the next lesson we’ll add some color to the overall effect.

This is part 3 of creating a water surface texture lesson... and all we have left to do is apply a color gradient to our texture. So we’ll be continuing with our nested, 3d enabled composition layer. I used this technique when creating a design element for a conference — we used this artwork on a 38 inch by 58 inch poster of the event schedule that was displayed at the venue.

In this lesson, we’ll use a similar technique as with creating the water surface, but with a radio wave pattern instead of fractal noise. So with our base pattern created, next we’ll add this composition to the main composition, and apply CC Glass and a 4-color gradient to complete the effect.

This is part two of creating melted chocolate. We’ll be continuing from the last video with our 3d enabled solid containing our radio wave pattern. We used this technique to create a chocolate texture for an advertisement... we composited the texture with a photo, made some color adjustments to the texture to match the color of the chocolates in the photo, then set the text.

In this two part lesson, we’ll take a look at using a particle system to create bubbles for a glass of champagne. We’ll start by creating particles in After Effects... then we’ll bring our particle artwork over to Photoshop to apply masking and 3D effects. Particle systems allow you to create very intricate and amorphous textures.

This is part 2 of creating bubbles for champagne. If you've been following along, we've completed creating a particle system in After Effects, and now we're ready to mask and apply special effects in Photoshop. By the end of this lesson we’ll have added bubbles to our glass of champagne by making use of a particle system in After Effects, and some masking and layer effects in Photoshop.

I hope you found some of the examples in this course inspiring, and I hope they motivated you to create your own unique artwork with After Effects. And don’t limit yourself to only the Effects and settings that I used in this course — experiment with different effects and settings on your own photos and artwork. And remember to add enough pixels to your Compositions so that you can use your artwork for any medium.