[Craig Hellen]

made the video tutorial as promised here:
https://vimeo.com/2582317

enjoy

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

Some contents or functionalities here are not available due to your cookie preferences!

This happens because the functionality/content marked as “Vimeo framework” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

[Craig Hellen]

ah yes a nice little work around, i will play with it later on,

cheers steve

Craig

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

Hi,
this is a blend of different animation types.
Where the letters reveal themselves its a simple keyframed mask but where parts of the letters rotate as they do so is done between illustrator & after effects.

if you wanna do that:

In illustrator

Type the text in illustrator and go to objject>expand, and choose object

This will leave you with outlines in a group in illustator, seeing as though after effects can only deal with layers and paths you have to build a layer sequence for the text.

Select the group created by the expand you have just done.

There is a little drop down box in the layer palette, in there click “release to layers sequence”

This will put all the letters on different layers, however they will currently be nested in the main layer so jus select them and drag them above that layer in the layer-tree.

So now you have all the characters in separate layers.

On the example you showed us the characters that were split were on the m’s and u’s.
Select the letters you feel best suited and use the knife tool to cut the segments out you wish to animate.

Place the “chopped” path on a new layer and label appropriately.

Once you are happy with the bits you have chopped out, save the file.

In after effects

Import the AI file you have made as a comp with cropped layers.

Now comes the laborious process of keyframing the masks and movement. Depending on the final effect you may need to move the anchor point around for each of the layers you have “chopped” and the position them again (this bit will kill your eyes after a while!)

Mask in the letters in the time scale you are aiming for.

Add in the rotation of the “chopped” bits, combined with some opacity keyframing for these so they blend in nicely.

Possibly add some movement keyframes to the lettering so they mask in and move to align at the same time ( i think i saw some of that in the original video)

Bingo that should just about be it.

Hmm i might make a tutorial on this one.. if i do i will PM you to say where to pick it up. 🙂

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

Youtube has jus (well inthe last few months) sarted allowing high quality videos on the site.

It uses flash players new capability to use .mp4’s as a source (much better quality) I did a test upload here: https://uk.youtube.com/watch?v=g4smHmXYh3o
You will notice that using these settings you can get the “view in high quality button”
That was rendered as an H264 .mp4

hope this helps

Craig

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

you have been both an inspiration and a help to me, you and he rest of the creative cow team have enabled me to setup my video online business with no formal training. Dealing with AE to final cut. When i make my millions I will be putting back financially to this wonderful community you have spent countless hours fostering….

But for now I’ll chip in with answer to questions.
Once again many thanks and I aspire to the levels that you work at!

Craig Hellen

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

use simple masking then animate a line of particles generated by a particle generator (i use particular) tweak the settings to look like sparks and bingo!

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

hi there,, i havent done what you are asking but… i think trapcodes particular would be the best way forward. i found this bit of footage that uses this plugin that is kinda doing what you are after (I think)

https://www.trapcode.com/gallery/zen_images.mov

there are loads of tutorials on it, its probably similar to creating clouds, just with more evolution.

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

if i was doing this i would…
use the write on tool to reveal the image as it was being drawn ( though you may need to split up the paint layer a bit more and do it in seqence)

Make one comp for each part of the drawing (ie outer triangle, inner triangle etc) on each put the hand layer on the comp as well ensuring that the anchor point is at the tip of the brush. (paste the hand layer from the 1st comp onto the different ones to make sure the anchor point remains in the same place)

Twirl down the expressions for position on the hand and pickwhip to the write-on position
assemble all the comps together in a final comp adding additional animated “hands” where needed to join all the comps up….

DONE

Dunno if this is the best way to do it but its how i would start out.

Hope this helps

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

this isnt too difficult just will take time. If i was doing this i would

1.do the flourishes in sepparate comps.

2.bring them all in to the main comp

3. Mask out the parts where you want the subject to come in front of the elements

4. and set yourself down for an hour or so of keyfraing the masks.

you may want to duplicate up some layers and use them at different times is the masks will vary loads, some times helps in my head

Hope this helps!

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net

[Craig Hellen]

hmm it sounds like a tricky tracking job.
if you can do a 4 point track you should (maybe with some tweaking) you might be able to preserve perspective.

If the track points go out of the shot you can track on nulls and parent them. and then parent the parent the composite element to the null that moves for the duration of the shot.

(probably not the best explanation but i did it on a tutorial and the memory is hazy, i think i saw it on video co-pilot

Cheereo!

Co-Director Podchains Ltd
Video Producer / Motion graphics designer https://bexmedia.net