Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on Twitter
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS FeedTraining DVDs

Growing Design Elements in After Effects

COW Library : Adobe After Effects Tutorials : Jayse Hansen : Growing Design Elements in After Effects
Growing Design Elements in After Effects
A Creative COW After Effects Video Tutorial

Making Things Grow
Jayse Hansen
www.xeler8r.com, Las Vegas, Nevada USA


©2005 CreativeCOW.net. All rights reserved..


Article Focus:
In this video tutorial, Jayse Hansen demonstrates how to create graphic elements that will grow in After Effects. This question comes up in the forums all the time. Now we have a step by step tutorial. More experienced users are welcome to skip around using the included menu.


Download Source Files Here

Click graphic to launch video tutorial


Please visit our forums at CreativeCow.net if you arrived at this page from a direct link.

  View 23 Comment(s)

  Adobe After Effects Tutorials   •   Adobe After Effects Forum
Reply   Like  
+2
Comments

Re: Growing Design Elements in After Effects
by Jayse
Hey motion-designers - I totally appreciate all the comments and I'm glad so many of you found it useful. I made the tutorial long, long ago so I think many of the links have died and the write on effect has changed positions in the menu etc. But y'all figured that out.

The biggest question I see is where to get the exact font/character I used. I'd say - don't use the exact font. I've already seen this exact animation copied and repeated more times than you know. Of course I know where they got it from. ;-)

But you'll learn a lot more if you use something new. When I did the tutorial finding these illustrations were hard - but now it's easier than finding a friend on facebook. Do a google search for "free filigree vector" or "flourish vector" and you'll be amazed at how much you find - many much more gorgeous than what I worked with.

If you use something new, when you finish the tutorial you'll have something that's completely yours. Try to never copy a tutorial - but always make it your own. Change as much as you can. That's just my advice.

I get bored of stuff really fast so I dumped xeler8r long ago and started designer4play.com for a while - updated as infrequently as I can. ;-)

Hope that helps guys and gals - and may your motion designs get funkier and fancier.

Cheers,

// jayse

http://www.jayse.us
http://www.designer4play.com
Re: Growing Design Elements in After Effects
by Iain de Somerville
A few pointer for anyone who is struggling with this tutorial: If your flash player isn’t working use the 32bit version of Internet explorer. There is only a beta version of flash for 64bit web browsers. If you view the tutorial carefully you can see Jayse uses the ‘Designer Mix II’ font’ Here is the link for ‘Designer Mix’: http://www.eaglefonts.com/designer-mix-ttf-66219.htm I can’t get designer Mix II to download. Yes the write on effect is in ‘generate’ and not stylize. I’m curious to why the text needs to be copied from one file to another in photoshop to stop it being pixelated? It rescales in Illustrator perfectly. The reason for not creating paths and copying them over from illustrator is that the leaves will not animate on in the same way. This is a great tutorial, keep up the good work. Wonder how I can animate the glyph that’s on the w key in the designer mix font from the centre so it spreads out?
Re: Growing Design Elements in After Effects
by Iain de Somerville
Xeler8r.com does not work well at all. Can't find the link to fonts. I already have the Fillegree font though but its true type and pixelates when I enlarge it. i'm sure I'll find a decent font to follow the tutorial sooner or later but wht I thought would be simple is now taking a long time to get started.
-1
Re: Growing Design Elements in After Effects
by Sil Kie
<3 your voice - easy to understand even if english isn't your mothertounge ^^

Thanks for the tutorial ^^
Re: Growing Design Elements in After Effects
by Ross Ashton
Hi,

I was really enjoying your tutiorial until I tried the write on effect.
I am running CS5. When you paste the mask parameters into the "write-on" effect, the positions of the action line of the effect seem to be all offset to one side in comparison to thye mask. So the line of action is well off the thing I am trying to reveal. Also I cannot see the white brush as shown in your demo.
Re: Growing Design Elements in After Effects
by Scott Coldwell
Dear, Jayse Hansen or CreativeCOW webmaster, I seen this video a year or so back and it was awesome. I never got the chance to put it to use. But I sure could use a refresher now to help with a project I am working on. I have seen other tutorials that simple reveal the image making it look like it grows, but that way does not let the leaf grow and snap into place like this video showed. To me that was and is what separated this vide from all the rest. However it would seem that this video will absolutely not load with the latest version of flash. Does this come on any of your DVD by chance?
@Scott Coldwell
by Abraham Chaffin
The video tutorial has been updated and it should play again with the newest version of Flash Player.

Abraham
Re: Growing Design Elements in After Effects
by Rob Rhodes
This video will absolutely not load. Latest version of flash. Firefox, IE, Chrome. Not working. DL'd the project files, seems neat.
Re: Growing Design Elements in After Effects
by Robert Capps
This tutorial is not loading for me- yes, I have the most current version of Flash.
Re: Growing Design Elements in After Effects
by Ivan Flores
I'm getting the same viewing error as Wally. Says I need Flash even though it's already installed on both Firefox and IE.
Re: Growing Design Elements in After Effects
by Wally Garcia
I can't view the video. It says I need flash, but...I already have flash? What's going on?
+1
Growing Design Elements in After Effects
by Margaret Col
I would really like to know how to put the dings from the site onto a PSD
Growing Design Elements in After Effects
by Margaret Col
great tutorial except, for us newbies. How do put the dings on PSD. I went and downloaded them where you said, then what do I do with them, as you can't copy and paste into a PSD lol
My "Write-on" is in the Generate
by Rodri Valente
My "Write-on" is in the Generate effects too, like Joe DeMauro said, so thanks.
Growing Design Elements in After Effects
by Lisette Aguilar
Amazing tutorial...I was wondering how can I do that...you´ve just answered my question
Growing Design Elements in After Effects
by Christophe De Backer
Great tutorial Jayse.

It took me a little time to figure it all out. But I did it, the write-on effect was a bit lost in my version (CS3) of AE.

I made a animation, but after 3 seconds the main vine was gone. Don't know how, but it was gone. Is it possible that after the write on effect he just forgot that layer?
Growing Design Elements in After Effects
by Cris Barbosa
That's a great tutorial. It really helped me a lot.
Thanks
Cris
Growing Design Elements in After Effects
by graham proctor
this is a great tutorial...
Growing Design Elements in After Effects
by Lyndon Alvarez
All i gots ta say is sick tutorial. thx man, helps a big one. don't know when ill use it but im sure ill find an excuse ;)

thx again
Growing Design Elements in After Effects
by Joe DeMauro
My Write On is found in the Generate effects. Hope this helps
Growing Design Elements in After Effects
by Bret Williams
Folks, the designs are just fonts like wingdings which everyone has and the write-on plugin is part of After Effects.

Growing Design Elements in After Effects
by Thorsten Miess
you can do it also with the stroke effect.

This tutorial was so usefull. But where i can find those fonts with the cool designs? i know the techique now but im not able to apply it to things that i dont have
Growing Design Elements in After Effects
by mikey navarrete
hi ive just recently watched your tutorial but when i tried to do it i found that i dont have the write-on plug-ins..can i ask you to mail it to me..tanks (mikey_hellish69@yahoo.com)..thanks for the tutorial


Related Articles / Tutorials:
Adobe After Effects
Virtual 3D Sets with After Effects

Virtual 3D Sets with After Effects
  Play Video
Rob Mize demonstrates techniques for creating a virtual set in 3D space. He shows how you can build sophisticated, detailed environments, where your actors appear to interact with their 3 dimensional surroundings. Build the set of your dreams using nothing more than After Effects, a few textures and your creativity.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: The Tilt Shift Effect

Lite Bite for After Effects: The Tilt Shift Effect
  Play Video
In this tutorial, Martin Ainsworth will demonstrate the "Tilt Shift" effect also known as "Toy Town Look" using Abobe After Effect. This simple yet very power technique can add an extra dimension to an opening introduction.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I use 8 or 16 bpc effects on 16 or 32 pbc projects?

Lite Bite for After Effects: How do I use 8 or 16 bpc effects on 16 or 32 pbc projects?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this next AE Lite Bite tutorial, Andrew Devis shows how to use 8 or 16 bpc effects safely on 16 or 32 bpc projects.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I animate Text on a Path?

Lite Bite for After Effects: How do I animate Text on a Path?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this next AE Lite Bite tutorial, Andrew Devis shows how to quickly and easily animate text on a path.

Tutorial, Video Tutorial
Adobe After Effects
You Ask....I Answer: Masking vs Track Matting Part 2: Adobe After Effects

You Ask....I Answer: Masking vs Track Matting Part 2: Adobe After Effects
  Play Video
In this tutorial, Kevin P McAuliffe takes a look at doing the same viewer requested track matting technique he showed in Motion 5, but the time he demonstrates the technique inside of Adobe After Effects.

Tutorial, Video Tutorial
Adobe After Effects
Lite Bite for After Effects: How do I create a simple Light Wrap?

Lite Bite for After Effects: How do I create a simple Light Wrap?
  Play Video
"Lite Bites" are short no-frills tutorials giving quick answers for busy people. In this first AE Lite Bite tutorial, Andrew Devis shows how to make a quick 'light wrap' effect for a keyed item so that the edge or alpha channel of the keyed item includes some of the pixels from the background element so that it starts to look as if the two items really belong together.

Tutorial, Video Tutorial
Adobe After Effects
Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects

Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects
  Play Video
Weißabgleich nachträglich ändern ein Quicktip in Adobe After Effects von Lucas Pfaff: lernen die Grundlagen der Weißabgleich.

Tutorial, Video Tutorial
Adobe After Effects
Using the Scribble & Stroke Effects

Using the Scribble & Stroke Effects
  Play Video
The "Scribble" and the "Stroke" effects are often overlooked due to the fact that it isn't immediately obvious how they work as they won't work unless applied in a very particular way. In this in-depth tutorial, Andrew Devis explains how to apply these effects and then goes through the many options in each effect which can make them very powerful and able to produce a surprisingly large variety of results.

Tutorial, Video Tutorial
Adobe After Effects
Character Design and Animation in AE: Part One

Character Design and Animation in AE: Part One
  Play Video
Rob Mize demonstrates the process of designing, creating and animating a character entirely in After Effects. Part 1 focuses on the design and creation of the character using nothing more than AE shapes.

Tutorial, Video Tutorial
Adobe After Effects
Adobe Creative Cloud Offers Applications, Services, Community

Adobe Creative Cloud Offers Applications, Services, Community

With Creative Cloud, Adobe is switching from a model of software as a product to Software as a Service (SaS). By early 2012, Adobe Creative Cloud is expected to include such applications as After Effects, Premiere and Photoshop. Creative Cloud includes a hub for viewing, sharing and syncing of files, and a subscription with 20GB of cloud storage.

Feature, People / Interview
MORE


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2012 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]