I basically created the silhouettes of famous cartoon characters in Illustrator and then imported them into after effects.
- Create a Path on a shape layer
Set a keyframe on the path > copy and paste the paths of the Illustrator image on to the AE path and key it
- How to Make Illustrator Paths
Initially when I tried to copy and paste the characters into After Effects, all that was appearing was the outline of the shape and not the filled in version I had in Illustrator. To fix this, I noticed in After Effects the pen tool was used to create the shapes, therefore I used that to create a character (instead of the brush tool I’d been using) then copied & pasted it in. Hey presto! It worked.
I created a background shape and dropped the Colorama effect on it, and then alt+clicked the colour on the fill part of the layer, then dragged the swirl up to the Character’s fill colour. This means that when the colour of the Character layer changes, the Background colour changes as well.
*Make sure there are no gaps on the Illustrator paths
*Group it with the path finder so that its one solid shape
MtMograph. (2014). Summit 55 – 5 Minute Morphs – After Effects.Available: https://www.youtube.com/watch?v=7p_9d7hteY4. Last accessed 13th Oct 2016.
Create a shape > create a mask > Key the expansion of the mask to animate growth
Mask on add mode, displays more of the original shape, and Subtract hides it.
I also, added lines flowing across the screen by myself to see if I had actually learned how to use the repeater function from the previous video, and I think I can count this as a success.
MtMograph. (2014). Summit 49 – 5 Minute Accent Explosions – After Effects. Available: https://www.youtube.com/watch?v=7z58VpFg30k. Last accessed 13th Oct 2016.
When creating a shape (as I have experienced) the anchor points can be all over the show > go to the shape > double click the shape > it will create a shape the size of the comp
Continuing on from above > go to the the (Specified)Shape Path 1 > Size > and then (on a mac) alt + double click the paper clip and it will make the shape a uniform size > then you can simply adjust the size to your needs
Hold down shift whilst dragging an object and it will stay locked on the x or y axis
J – takes to previous keyframe and K – takes you to the next one
(Like with the mouse in First Year, when I was trying to do this, I was clicking in the wrong place)
cmd+c on the keyframe you want copied and have the playhead over where you want the frame to go, then cmd+v
MtMograph. (2013). Summit 1.1 – Intro to Motion Graphics – After Effects. Available: https://www.youtube.com/watch?v=Mtv8QptWNbg. Last accessed 13th Oct 2016.
This is currently in progress and the one before it is uploading
Download plugin file > go to After Effects > UserPresets > Adobe > Drag & drop plugin
Drag and drop Polarise effect onto the layer in question > change setting to “Rect to Pol”
It’s good for making the fractal effect a bit more tendril-like
Ward, C. (2016). Shockwave Tutorial 100% in After Effects! Available: https://www.youtube.com/watch?v=JYbgjCR8PMI. Last accessed 12th Oct 2016.
Drag and drop the “Grid” feature onto the comp and the set it (in my case) to Overlay
- How to Add Preset Effects
Download preset (in this case the VHS flicker effect) > add to project files > bring into comp > if the background is black set it to screen, if the background is white set it to multiply
Go to the effects library > drag and drop the light rays into the comp > you can then animate them racing across the surface of text like I did in this case
Ward, C. (2016). After Effects Tutorial: 1980s Inspired Logo Reveal.Available: https://www.youtube.com/watch?v=jUtbH3D0XPg. Last accessed 12th Oct 2016.
What I learnt:
- Convert audio to bars,waves or dots by using
- Add a glow to layers by using the glow effect
- Create a circular comp by adding the polarity effect
- Make the logo swell by adding bulge effect
VideoCopilot. (2013). Advanced Spin FX Tutorial. Available: https://www.youtube.com/watch?v=-ykJ8NxDMCE. Last accessed 11th Oct 2016.
These are videos showing the different stages of the animated polygons I created following the Video Copilot tutorial.
What I learnt:
- Create a square comp > Add radio waves effect > can then change the number of sides so that it changes from circles to a polygon, in my case a hexagon
- Add a mask to the polygon layer and change the wave type to mask (the mask should originate from the centre of the comp) and this lets you warp the mask and therefore warp the polygon shape
- You can key frame the colour of the radio waves according to it’s lifespan
Adding the displace
- New solid > Layer Styles > Gradient Overlay
- Change gradient form linear to angle
- Pre-compose the gradient layer (turn off visibility)
- Create new adjustment layer > Add time displacement > Change displacement layer to gradient comp
- Change the time resolution to get the sliced effect
- The gradient is the key – white is the beginning and black is the end
- Maybe add a turbulent displace to the gradient layer for some cool effects
Note: If you create more shapes, drop them beneath the displacement layer and they’ll be affected too
- Duplicate comp > add tint to bottom layer (making it black) > Add Scale wipe effect to pull it out > Add linear wipe to add falloff
- Import a textured image e.g. Brick > tweak the contrast and maybe add a tint > change mode to screen and place above background
VideoCopilot. (2015). Animated Polygon Tutorial. Available: https://www.youtube.com/watch?v=uuaBg1agd70. Last accessed 10th Oct 2016.