Tuesday, 28 December 2010

after effects experimentation

xplorative ideas made in After Effects to familiarise myself with the program and explore potential properties to use for my three words. I have used random text to experiment.

A few e

Be seeing you!

Monday, 27 December 2010

silent movie storyboards - stretch, click, explode

Be seeing you!

Wednesday, 15 December 2010

lorraine session framing exercises

Be seeing you!

Tuesday, 14 December 2010

after effects workshop 3


There are two options to create text.

  1. Layer > New > Text
  2. The type tool



Then you can format the text by going to Window > Character and using the window that pops up to format:

When you are happy with the text you can begin to alter it. You may change the anchor point so you can rotate the text in the composition how you like. You can press 'A' as a shortcut to get the Anchor Point Transformation option up. You can alter the values to move the anchor point on the text:

You can also use the PAN BEHIND TOOL to just click on the anchor point and freely move it:

Now you can scale and rotate around the anchor point.

Another way to alter text is in the actions menu. You need to expand the actions menu for 'Text' in the selected layer:


The first property you can change is 'Source Text'. This is a property that can be changed over time. It can be animated with Key Frames. This property animates the text to make certain letters or words appear at relevant points.

To alter you need to enable key framing (right click > add keyframe)

Then position the key frames where you want text to appear. Edit the text how you feel appropriate on the relevant key frame.

There are other ways of animating the text. You can do this by clicking on the 'Animate' arrow and then choosing your style of effect:

To edit how the text comes into position you can select 'Position' from the above menu and animate how each letter of the text comes into the frame:

You can also choose whether then text animates with each character or by each word or even by each line. This is under the 'Advanced' drop down menu in the text layer:

And this is what happens when you animate the 'word' as opposed to the characters. A pretty basic animation to be honest:


The same can be done with opacity of the text object:

This is the result:

Here is the result of this session after playing with other properties such as scale.

Here are some experiments working with masking:

I also played with the process of masking here in order to make the mountains move:

Be seeing you!

Tuesday, 7 December 2010

typeface decision making

Type ideas for 'Click'

Type ideas for 'Explode'

Type ideas for 'Stretch'

Be seeing you!

flip books

Be seeing you!

after effects session 2



Open Photoshop and select a new document. Set the preset to Film & Video.

  • Make sure that the preset is set to the same as you are working in After Effects (PAL D1/DV Widescreen Square Pixel)
  • Make sure you are in RGB as you are working for screen.
  • Make sure the Pixel Aspect Ratio is 'Square Pixels' This is all set below:

The new document can be set up now. You see a document with grids. The first innermost grid represents the TITLE SAFE ZONE. This is because text will definitely be safe in this area. You should work with text here. If text goes over it it runs the risk of being cut out the screen. Here is the document.

The outer blue grid represents the ACTION SAFE ZONE. This is the zone where all actions will definitely be safe in the composition in After Effects.

The blue lines that represent said zones are below on the document:

  • When saving Photoshop document for After Effects, save it as either a PSD or a TIFF file. Although if you are considering taking advantage of the Photoshop layers in After Effects, use PSD.
When putting together the images in Photoshop you must think about which individual elements you want to work with. You need to make sure that each element of the image (or text as below) is on a separate layer:


Set up the document just as in Photoshop. Being sure to select the Film And Video Document profile:

This is the screen to work with. The grid works in the same way as the Photoshop grid:

Work with layers just as in Photoshop if you want to work with separate elements in After Effects:

Contrary to this above screenshot, each individual layer must be on a saperate layer, NOT grouped.
  • Save the file as an Illustrator AI document.


Add a photoshop or and illustrator file by going File > Import > File  and selecting the document:

To retain the layers you need to import the file as a COMPOSITION and not Footage:

Click OK on the next screen.

You are faced with this in the Project Window:

DOUBLE CLICK on the composition in the Project Window to work with the file and the layers within it:

And now each of the layers/characters can be manipulated with Key Frames as described in session 1.

You can also import WITHOUT THE PHOTOSHOP LAYERS if you don't want to work with them. This can make things simpler.
  • What you have to do is import the file as FOOTAGE and not Composition:

  • In order to make sure that each individual character can rotate with its own anchor point, open the file as FOOTAGE as above, but select COMPOSITION (RETAIN LAYERS) when setting up the document:

The 'E' has it's own anchor point which it can be rotated on. It works as more of a separate entity now:

Here is the video that I produced after playing around:

You can relatively change the speed of the animation and keep everything in proportion by selecting all the key frames you want, holding the ALT key, and dragging either the first of last key frame to make it shorter or longer:

Holding ALT you can drag it:


You can make an animation ease in, ease out, ease in then out and other ways of decelerating and accelerating.

Select the first key frame of the basic animation:

Select Animaion > Key Frame Assistant > Ease In

You can do the same for rotation etc. Here is a basic animation with these effects in play that I created:

Be seeing you!