LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

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.

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
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

Tutorial
Tobias Gleissenberger
Adobe After Effects
After Effects 2015.3 - My Favorite Features

After Effects 2015.3 - My Favorite Features

Learn why you should upgrade to After Effects CC 2015.3 - 13.8.1 - a close and detailed look at the latest release of After Effects (August 2016). Roei Tzoref will be focusing on his favorite features that set this release apart from previous versions: Performance, Queue in AME, Lumetri Color new features, and more.

Tutorial
Roei Tzoref
Adobe After Effects
Advanced Masking in Adobe After Effects

Advanced Masking in Adobe After Effects

Some of the coolest stuff you can do inside of Adobe After Effects is only possible once you unlock the power of masks. Join After Effects whiz Tobias Gleissenberger of Surfaced Studio to learn about mask animation and interpolation, using the variable width feathering tool, managing mask modes and ordering, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Fixing Common After Effects Problems and Mistakes

Fixing Common After Effects Problems and Mistakes

Got problems using Adobe After Effects? Exported files too large, Expressions not working, mixing shapes and makes, modes/switches, selecting previews for layers vs. comps - Surfaced Studio's Tobias Gleissenberger shows you fast fixes for these and more!

Tutorial
Tobias Gleissenberger
Adobe After Effects
mocha AE Planar Tracker for Absolute Beginners

mocha AE Planar Tracker for Absolute Beginners

Want to learn how to create advanced visual effects? Learn how to use mocha AE to track your shot and add advanced visual effects to live action footage inside Adobe After Effects. mocha can help you track shots that would be hard to track using traditional 2D point or feature trackers because it is a PLANAR TRACKER. A planar tracker uses planes and textures to track as opposed to points or groups of pixels. This allows the tracker to stay on track even if your shot contains motion blur or a very shallow depth of field. mocha AE comes included with Adobe After Effects and is available since CS3 and there is no reason for you not to use this awesome tool to make it easier for you to track your shot, replace screens or rotoscope!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Make After Effects Faster with Proxies

How to Make After Effects Faster with Proxies

Learn how to make Adobe After Effects faster by using PROXIES! A proxy is a placeholder that stands in place for a very large video file or image sequence in your project. You can easily create proxies for the large source files that you are using and After Effects will automatically link them to the item in your project panel.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Imagineer Systems and Boris FX product specialist Mary Poplin shows you how to stabilize with the new mocha Pro 5 plug-in inside of Avid Media Composer, Adobe Premiere Pro and After Effects. This tutorial covers artistic stabilization, such as smoothing out camera movements or stabilizing around moving objects, completely locking down shots, and automatically replacing edge fill on planar backgrounds.

Tutorial
Mary Poplin
Adobe After Effects
Adobe After Effects Puppet Tool

Adobe After Effects Puppet Tool

Become a puppet master by learning how to use the Puppet Tool in Adobe After Effects! This intermediate-level tutorial from After Effects guru Tobias will show you how the Puppet Tool allows you to add joints and animations to bring life to any static image!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Spawn A Clone in Adobe After Effects

How to Spawn A Clone in Adobe After Effects

Want to learn how to create a cool clone spawn effect in Adobe After Effects? Follow along with After Effects whiz Tobias from Surfaced Studio in this exciting new visual effects tutorial that combines green screen using Keylight, CC Vector Blur, the Liquefy Effect, CC Particle World, and much more, delivered in Tobias' inimitable style!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Creating A Flame on Your Finger with After Effects

Creating A Flame on Your Finger with After Effects

It is easy to do some motion tracking and attach a basic stock footage element of fire onto your hands, but there is a little bit of work involved if you actually want to make it look good. In this intermediate tutorial by After Effects expert Tobias, you'll see how to use a fire stock footage element to set your thumb on fire! There are lots of useful tricks for null objects, expressions, and more in this tutorial that will help you create all sorts of other cool visual effects -- or set even more things on fire!

Tutorial
Tobias Gleissenberger
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]