Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US :: FAQ
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS Feed

Growing Design Elements in After Effects

COW Library : Adobe After Effects Tutorials : Jayse Hansen : Growing Design Elements in After Effects
Share on Facebook
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
Share on Facebook
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
Zero VFX: Why Some Effects Are Better Unseen

Zero VFX: Why Some Effects Are Better Unseen

Kyle and Gerard Andal, lead compositors at Zero VFX, bring invisible post-production magic to several films - including 2014 Academy Award-winning "American Hustle," in which the team helped transform 2013 Boston to 1978 New York - and also several commercial shots with mocha Pro.

Editorial, Feature, People / Interview
Adobe After Effects
LightGrid Script and Demo Tutorial Part TWO with New Feature

LightGrid Script and Demo Tutorial Part TWO with New Feature
  Play Video
LightGrid Script creator Brian Charles demonstrates his newly modified After Effects script for rigging lights in grids and circles. The modified script with the new feature, which adds the ability to enable individual light colors through a checkbox in the effect control panel, is available as a free download in the Project Files folder.

Tutorial, Video Tutorial
Adobe After Effects
Green Screen Billboard Compositing

Green Screen Billboard Compositing
  Play Video
This After Effects tutorial demonstrates how to simulate augmented reality centered around a city billboard by compositing green screen footage and editing it into the scene.

Tutorial, Video Tutorial
Adobe After Effects
After Effects Handwriting Tutorial

After Effects Handwriting Tutorial
  Play Video
This tutorial will show you how to create an animation of a marker writing out a logo or a few words, followed by a slick reveal to an actual logo.

Tutorial, Video Tutorial
Adobe After Effects
LightGrid Script and Demo Tutorial

LightGrid Script and Demo Tutorial
  Play Video
LightGrid Script creator Brian Charles demonstrates his After Effects script for rigging lights in grids and circles. The script is available as a free download in the Project Files folder.

Tutorial, Video Tutorial
Adobe After Effects
mocha Tracks The Wolf of Wall Street

mocha Tracks The Wolf of Wall Street

With multiple VFX Oscars (Hugo and Titanic, plus a nomination for Apollo 13) plus a couple of Emmys (Star Trek: The Next Generation and Star Trek: Deep Space Nine) under his belt, the most remarkable thing about Rob Legato's latest VFX extravaganza is that it doesn't appear to have any VFX at all! Martin Scorsese's The Wolf of Wall Street is a masterpiece of what has become known as invisible effects, and this article from our friends at Imagineer, highlighting Rob's work with mocha, is a real eye-opener.

Editorial, Feature
Adobe After Effects
Klip Collective Pushes Film Into New Spaces At Sundance

Klip Collective Pushes Film Into New Spaces At Sundance

Projection mapping installation relies on Adobe Creative Cloud tools to create stunning visuals for the Sundance Film Festival entry, "What's He Building in There."

Editorial, Feature, People / Interview
Adobe After Effects
Joseph Kosinski’s Film “Oblivion” Showcases Elegant Effects

Joseph Kosinski’s Film “Oblivion” Showcases Elegant Effects

World‐class user interface designers, graphic artists, and animators create crisp, timeless visual elements for the sci-fi film starring Tom Cruise and Morgan Freeman, Oblivion. Kosinski turned to Bradley G. Munkowitz (GMUNK), whom he'd previously worked with on Tron Legacy. As lead interface graphic designer, GMUNK then pulled a team together that included Interface Graphic Designers Joseph Chan (Chanimal) and Jake Sargeant, and Interface Animators Alexander Perry (AP), Navarro Parker (Nav), and David Lewandowski (D-Lew). They were happy to reunite to share how much fun they had creating the 2D effects for the film using an Adobe workflow.

Editorial, Feature, People / Interview
Adobe After Effects
VFX & Motion Graphics on Star Trek: Into Darkness

VFX & Motion Graphics on Star Trek: Into Darkness

Andrew Kramer of Bad Robot and author/owner of the site Video Copilot was tapped to create more than 30 title sequences for the resurrection of the classic science fiction franchise with Star Trek: Into Darkness, while the OOOii team created stunning graphics and heads-up displays for the blockbuster film. OOOii CEO Kent Demaine, Lead Designer Jorge Almeida and Andrew Kramer shared their great experiences working on the latest seminal Star Trek film.

Editorial, Feature, People / Interview
Adobe After Effects
Delivering Content for TV's Top Shows

Delivering Content for TV's Top Shows

Delivering content for some of television's top shows, including House of Lies, Grey's Anatomy, and, of course The Walking Dead, Stargate Studios continues to break the mold of how feature films, television series, electronic games, and commercials are generated. In this article, read how Adobe Creative Cloud and automation create a competitive edge for the iconic production studio, Stargate Studios.

Editorial, Feature, People / Interview
MORE


FORUMSTUTORIALSFEATURESVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

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

[Top]