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
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
Star Trek Into Darkness: Main Titles, Graphics & Displays

Star Trek Into Darkness: Main Titles, Graphics & Displays

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
Adobe After Effects
Adobe Ups Creative Cloud and Adobe Anywhere

Adobe Ups Creative Cloud and Adobe Anywhere

Adobe has updated its Creative Cloud with 150 new features, including numerous video tools for Premiere Pro, After Effects, SpeedGrade and other components. In addition, the company has also planned significant updates to Adobe Anywhere Video, the "modern collaborative workflow platform" that allows Adobe pro-video solutions benefit from centralized media and assets across standard networks.

Editorial, Feature, People / Interview
Adobe After Effects
Fans OCCUPY Conan With Self-Produced Parodies

Fans OCCUPY Conan With Self-Produced Parodies

Lead editor Dan Dome and editors Robert Ashe, Jr., Chris Heller and David Grecu all put together OCCUPY Conan, a fan-sourced episode of the popular late night show. It's harder than it sounds, and that's why the Conan Editing Team is now up for an Emmy for Outstanding Multicam Editing for a Comedy Series.

Editorial, Feature, People / Interview
Adobe After Effects
Advanced AECC Techniques: Hollywood VFX - Michael Bay Look

Advanced AECC Techniques: Hollywood VFX - Michael Bay Look
  Play Video
In this lesson, Kevin P McAuliffe breaks down how to create the cool lens filter effect that Michael Bay uses in almost all of his movies. Although in most cases this effect is created "in-camera", there are reasons you would want to do the effect in post. Once you see how to create this effect, it will become a "go-to" effect you can keep in your back pocket for those clients whose footage needs that extra boost!

Tutorial, Video Tutorial
Adobe After Effects
Advanced AECC Techniques: Hollywood Visual Effects - AvP ONE

Advanced AECC Techniques: Hollywood Visual Effects - AvP ONE
  Play Video
In this lesson, Kevin P McAuliffe creates a Hollywood-style effect to simulate the end tag of a big budget trailer. The techniques in this lesson can be transferred over to creating bumpers and endtags for television, as well as elements for DVD and Blu-ray releases.

Tutorial, Video Tutorial
Adobe After Effects
Advanced AECC Techniques: Hollywood Visual Effects - AvP TWO

Advanced AECC Techniques: Hollywood Visual Effects - AvP TWO
  Play Video
In this lesson, Kevin P McAuliffe builds on lesson one by not only showing you how to break down a title treatment and animate it on the screen, but also how to use the Adobe Bridge to your advantage to take animations that might take you minutes or hours to create, and be able to drop them on in seconds.

Tutorial, Video Tutorial
Adobe After Effects
Advanced AECC Techniques: FIVE - Advanced Paths

Advanced AECC Techniques: FIVE - Advanced Paths
  Play Video
In this lesson, Kevin P McAuliffe takes you through paths right from the most basic, all the way up to advanced Motion Sketching. Although technically not a path, the advanced Motion Sketching part of the lesson will really help add realism to your work, and take it to the next level.

Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSFEATURESVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

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

[Top]