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
Adobe After Effects Reverse Stabilization

Adobe After Effects Reverse Stabilization

You're going to be blown away by how you can power up your After Effects workflow with reverse stabilizing your footage! By separating your tracking from your compositing, you can focus on each step, and in addition, overcome the render order complexities when match moving elements and effects on a moving shot.


Roei Tzoref
Adobe After Effects
After Effects Content Aware Fill: When It Doesn't  Work

After Effects Content Aware Fill: When It Doesn't Work

There’s a new artificial intelligence-powered feature in Adobe After Effects called Content-Aware Fill that allows you to remove anything from your shots fairly easily! It's powerful, but if you’ve tried it you know that it doesn’t always work perfectly. So what do you do when it doesn’t work as well as you'd hoped? Filmmaker Cody Pyper is here to show what to try next!


Cody Pyper
Adobe After Effects
VFX in Adobe After Effects: An Artists Panel (NAB)

VFX in Adobe After Effects: An Artists Panel (NAB)

Join panelists Andrew Kramer of Video Copilot, Jayse Hansen, and Mary Poplin of Boris FX, along with moderator, Victoria Nece of Adobe, as they discuss the world of visual effects from an artist’s perspective.


Adobe Creative Cloud
Adobe After Effects
Scars, Tattoos & Digital Makeup: After Effects & Mocha Pro

Scars, Tattoos & Digital Makeup: After Effects & Mocha Pro

How do you add SCARS, TATTOOS or DIGITAL MAKEUP to a person's face? Learn how to use Mocha Pro's planar tracker and the Mesh Warp tool to insert a flat image/video on a (non flat) human face! Join VFX guru Tobias G from Surfaced Studio for a closer look!


Tobias G
Adobe After Effects
Compositing Secrets Everyone Can Use, Pt 5: Brightness

Compositing Secrets Everyone Can Use, Pt 5: Brightness

The first challenge to understanding the nature of brightness in compositing starts with remembering that we're not actually seeing color at all, but rather something of an illusion that appears to us as color! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 5 of the best look behind the technology of compositing that you've ever seen, as he takes a look at the math behind brightness, and how to apply that to the compositing toolsets in your favorite editing, compositing, and color grading applications.

Tutorial
Simon Ubsdell
Adobe After Effects
60 Second Tutorial: Alien Invasion in Adobe After Effects

60 Second Tutorial: Alien Invasion in Adobe After Effects

Here's a fast, fun one! Sixty seconds to create and animate an alien using the 3D and Track Camera tools to animate your character in Adobe After Effects. Use the included files, or bring your own!

Tutorial
Adobe Creative Cloud
Adobe After Effects
What Are Adobe Motion Graphics Templates?

What Are Adobe Motion Graphics Templates?

A Motion Graphics Template, referred to as a MOGRT, is an animated sequence that is self-contained and can be used in Adobe Premiere Pro, Adobe Premiere Rush and Adobe After Effects, combining graphics, text, audio and video files, as well as vector or still images (including logos), to create a still or animation that can then be customized by the MOGRT user. The result is a dynamic creative tool that provides design freedom and is consistent to its users across apps and devices. Reuse, share, and even sell them!


Rod Harlan
Adobe After Effects
Compositing Secrets Everyone Can Use Pt. 4 - Advanced Alphas

Compositing Secrets Everyone Can Use Pt. 4 - Advanced Alphas

When most people hear the words "alpha channels", they think "transparency", but that's not exactly accurate. The truth is more complex, and a quite bit more interesting! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 4 of the best look behind the technology of compositing that you've ever seen, packed with practical advice for applying the secrets of alpha channels that's simply not possible before understanding these underlying principles. No matter which applications you're using for editing, compositing, or visual effects, this one is a must-see!

Tutorial
Simon Ubsdell
Adobe After Effects
Compositing Secrets Everyone Can Use: Pt. 3 - Alpha Channels

Compositing Secrets Everyone Can Use: Pt. 3 - Alpha Channels

When most people hear the words "alpha channels", they think "transparency", but that's not exactly accurate. The truth is more complex, and a quite bit more interesting! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 3 of the best look behind the technology of compositing that you've ever seen, packed with practical advice for applying the secrets of alpha channels that's simply not possible before understanding these underlying principles. No matter which applications you're using for editing, compositing, or visual effects, this one is a must-see!

Tutorial
Simon Ubsdell
Adobe After Effects
Compositing Secrets Everyone Can Use 2: Advanced Blend Modes

Compositing Secrets Everyone Can Use 2: Advanced Blend Modes

Whether you're a full-time compositor and VFX artist, an editor working in one of the many NLEs that supports Blend Modes (including Adobe Premiere, Apple FCP and FCPX, Avid Media Composer, DaVinci Rsolve, and VEGAS Pro), or whether you just want the additional graphics power that comes with insight into the secret world of pixels, this is the tutorial for you! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for Part 2 of the best look behind the technology of blend modes that you've ever seen, with some practical steps you can start taking today to make your work look better than ever.

Tutorial
Simon Ubsdell
MORE
© 2019 CreativeCOW.net All Rights Reserved
[TOP]