Network TV ID's are usually a 5 or 10 second piece that pleasantly announces the channel's logo. In this tutorial you will learn how to create this real-world, network ID-style scene for your logo or type treatment using After Effects, Trapcode Particular, and stock images.
Some techniques covered will be:
- using the layer emitter and custom particles in Particular to create growing leaves
- using "wiggle" and "random" expressions to create wind movement in leaves
- simple 3D AE camera use with Depth of Field (DOF) and wiggle for handheld feel.
- using a "length" expression to tie the DOF Focus point to a NULL for easy animation
- color grading with blend modes and overlay effects
Preview
RSS readers: click post title to view preview video at Aetuts+.
Download Preview .flv
File size 1.9MBDownload iPhone Preview
File size 1.8MBTutorial
Download Tutorial .flv
File size 316MBRelated Posts
Keep reading with more great tutorials and articles!
Enjoy this Post?
We'd love your vote!
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all Tuts+
sites in one subscription.
User Comments
( ADD YOURS )fu July 15th
sick
( )jim August 4th
idiot
( )Mortn Ernoksn August 15th
Pleasure to meet you, Mr. idiot.
mr:swish August 15th
why ?
( )its an amazing work..
you know who is the sick now !!
william September 17th
LOL….when he said sick….it means (cool, amazing, awesome)…
LOL..Jim=idiot.
Aponwao July 15th
Very professional… Good work!
( )adam July 15th
awsome
( )caishiyao August 26th
good
( )Magik July 15th
awesome, thanks
( )vijay July 15th
awesome great work greetings frm india
( )Arun July 15th
this is coool! you are crazy!
( )philippe July 15th
joli !
( )Steve Mullen July 15th
Nicely done and very practical. Thank you!
( )IANH - BR July 15th
Congratulations =D
( )jim hines July 15th
Dude that was awesome! Thanks, I learned a lot of new things. Easy to follow presentation.
( )alex July 15th
beautiful
( )Adam Everett July 15th
Nice execution! I like the concept and way you used some simple effects to generate a realistic feel.
( )Jacky July 15th
Such a great tutorial. Great speed, great tips. Thanks for staying up late for this one.
( )Matthew Carlin July 15th
Brilliant.
( )Vantremo July 15th
Bryan Thank you Man Very useful!!!!!!!!!!!!
( )JACK July 15th
GREAT TUTORIAL MAN.THNX.
( )Argama July 15th
Prob the best tut I have seen on this site
( )bigbill July 15th
very nice …thanks
( )Rev65 July 15th
Excellent! Great laid back presentation style. Clear directions. Tons of tips. Very nice end results.
( )Bryan Clark July 15th
Wow! Thanks everyone! I’ve never really done a full tutorial, so I was pretty anxious to see how it would translate for viewers. Thanks so much for the feedback!
( )alex July 17th
It really is a great tutorial. The concept of the piece is fantastic, your delivery is engaging but calm, and you throw in a lot of your own techniques which can be applied to any project. Awesome.
( )JD July 15th
Excellent Tutorial.
I wish more were like that.
Very, very well done.
( )dia July 15th
very nice one thank you
( )Rom July 15th
Just perfect! As said above me – great presentation style. Very easy to listen and follow. Great tips and the results. Thanks.
( )Loay July 15th
Thanks
( )Andy July 15th
Awesome tut! Great tips!
( )M.Mohanna July 15th
thank you
( )Oliver July 15th
Consider my waitress tipped.
Great Tut! There are some really nice ideas in there and I really liked the Fast Blur/Overlay layer, it’s a really nice touch and I am definitely going to use that in the future.
Also I really liked the animated titles as transitions in the tutorial, it broke it all up and made all of the information much easier to digest [they also looked awesome].
Can’t wait to watch the next one.
( )Littlefrankie July 15th
Best tutorial on this site!
( )Props!
Fritz Schneider July 15th
Good stuff. I learned a lot from this tutorial. Keep up the good work!
( )illd July 15th
Great Tutorial, Perfect 10! Nice tips on CC and Bluring. I hope we see in the future more from you.
( )EffectsGroup July 15th
Didn’t see that coming… Great job!!!
Surprised it’s not an actual TV logo design introduction!
( )Maddy July 15th
its awesome !!! thks for sharing with us
( )James July 15th
Wow and wow! So much packed into one tut. I am now officially on my way to becoming a wigglin’ fool. Best tutorial I have ever seen. Loved the transition title animations. Nice way to break it up. Added large text for the expressions was helpful also.
( )kojhkk July 16th
Why do people say thats so “sick?” IDK, nice tut though
( )Abi August 6th
because that means..Its cool, wicked.. !
( )Skellie July 16th
Looks great! I see this kind of stuff on the networks all the time, so it’s very practical.
( )Jayesh kumar July 16th
Thanks for sharing this tutorial with us…
( )estibaliz July 16th
I like very much the effect of desaturation to color, bringing an explosion of life with the leaves, the tree and blu sky
thanks 4 the tutorial
( )角度 July 16th
为什么看不了
( )Chaithanya Y July 16th
Nice One…
( )johan July 16th
yeah great
( )like the trick with the Null for DOF
Binggeba July 16th
Really, really, really clean. Nice
( )navid July 16th
thanks man
( )Modisana July 16th
Awesome!
Nice and clean and subtle and simple and everything that explains Awesomeness
Great work dude!
( )Hooper July 16th
Most excellent!
( )Alex C. July 16th
Awesome tutorial!
Will definitely use this somewhere!
Thanks for sharing!
( )Sal July 16th
Bryan,
Great Tutorial. I picked up alot. Awesome!
( )Satya Meka July 16th
Clean Presentation!
( )aalex July 16th
wow thats a really nice tutorial
( )is it somehow possible that you can do that with the regular CC Particule World ?
Joe Clay July 16th
By the way, the pan behind tool will work without having the anchor point selected in the timeline.
( )Bryan Clark July 17th
Uh, yeah, I know…I was just testing you.
( )Jk. That’s good to know! Guess I’ve never tried it. Thanks!
Nic July 16th
That IS truly a great tut, man. I put you up there along with Andrew Kramer. Looking forward to more stuff from you!
( )Mel July 16th
I’m a little dizzy from all the details, but I really want to try this out! Great tut; keep it up! ^_^
( )Blomat July 16th
GREAT TUTORIAL!! A+
( )rehmat hadi July 17th
very nice. we present our cordial thank
( )Jackkiller July 17th
very nice
( )Kestelia July 17th
*Tips Waitress*
Sir, I must congratulate you. That tutorial was sincerely EPIC.
You’ve explained so much in so few words. Especially that trick with the Depth of Field expression. It is now my new best friend.
*bows*
I give my thanks.
( )Raoul July 17th
Just make my day better…
(like your “Elijah” promo too ! )
Best from north east Paris \o/
( )R.
kamal98 July 17th
hmmmm very usable
( )PIYUSH July 17th
THIS IS GREAT AS BEFORE
( )mike July 17th
Very inspirational. Please keep making more.
( )Darin July 18th
Very nice, straight-forward tutorial, one of the better ones I have read on this site. If at all possible, could you include a download link for those pictures because I have tried searching for those same pictures and I am coming up short.
( )erplav July 26th
I am also looking for this any willing to het a premium account with tuts+ for the source file????
( )fidget July 18th
very cool, bryan. I enjoyed the focus distance/null expression tip very much. Thanks!
( )Alex July 25th
Agreed, that is an excellent tip. Great tutorial!
( )edk July 18th
Thank you so much, I found this tutorial brilliant.
I’ve learned so much more in this last tut about ae than countless in the past!
Congrats and please do make more!
Ed
( )Logi July 18th
“I don’t tip.”
Just kidding. Great tutorial. I liked that retro feel.
Good job!
( )Nawaz Alamgir July 20th
Cool video, learnt a lot of good tips and tricks, thank you
( )Gerberman July 20th
Very Impressive, nice work
( )Madhu Chander July 21st
Superb! First impression is the best impression. I am blown away and will try it tonight.
( )Jurgen Corte July 21st
hello my name is Jurgen
Thank you for this tutorial it really helped me a lot to where i want to go with Motion grapgics.
My question is. How can i get random leaves (2 different types) to do the same on 1 branche.
Really hope you can help!
Hope you post more of these helpfull AEtuts
( )Bryan Clark July 21st
Hmm…
You could…
a) just use 3 different leaves instead of 3 of the same one
b) set up two different emitters with about half the number of particles each, both using the branch as a layer emitter
c) set the particle’s time sampling to “Split Clip” and split your “pre-leaf” comp into sections (a little more involved)
hope that helps!
( )eric Kristin July 22nd
OWWW!!!! parabéns magnifico!
( )yo July 22nd
es de lo mejor…. soberbio.
( )pizzaroll slaughter July 22nd
this is awesome,
( )But why do I have some particals that are transparent.
I have the opacity up 100%, the random opacity down to 000 and the opacity over life is up 100%
?
Bryan Clark July 22nd
You’ve probably got some semi-transparent areas in the image that’s being used as your layer emitter. Particular is using the image’s alpha channel as a map, so if it sees a pixel that is 50% transparent, it will create a particle at 50% transparency.
If you touch that up, it should fix it.
( )JAI August 29th
and even you can use levels effect’s alpha to improve the particles brightess/contrast…
i saw a tutorial on it that’s why i am telling you…
- GuiX - July 23rd
Maybe said already (I haven’t read all the posts) but with particular #2 the problem with the random orientation of the leaves is fixed! This parameter is included.
And, well, very good tutorial!
( )LD July 23rd
Very helpful. Awesome tutorial. Thank you!!!
( )Nicolae July 23rd
What a fantastic tutorial. Very well presented, great tips and shortcuts. The color part was awesome.
Many thanks
( )One question Tim? What image have you used for the branches? I cant find one to match.
Nicolae
Nicolae July 23rd
Sorry Bryan not TIm…
( )Muhammad Asghar Qureshi July 23rd
Thank Fo Ar Nice Tutorial
( )Rahat Ali July 24th
hey guys check this out….
http://www.youtube.com/watch?v=oGWqMPnKKsk
( )erplav July 25th
How can i get the raw file for this? tuts+ ?????
( )Vishal Gupta July 27th
pheww!! That is cool. Thanks for this awesome tutorial
( )Nicolae July 27th
Hi
One of the leafs disappear like each two frames on and two frames off. Have I done something wrong?
( )Fantastic tutorial by the way. The shortcut and color tips were awesome.
Any more?
http://www.youtube.com/watch?v=cFbwnFNN5pY
kareem karawia July 27th
nice work man
( )Nicolae July 27th
Thanks. thanks to Brian and another tutorial found on http://www.maxafter.com/butterfly.htm . This is a fantastic site. Still cant work out why one of the leaves disappear and re appear. on the second branch.
and I can t find the right branch on sxch… 
not that I want to copy the animation exactly but the branch I found is not that good.
( )Gerjan July 29th
Your problem is described around 15:30
Leoul July 28th
can you please upload or give the link of the pics u used? That would be nice
( )Bryan Clark July 28th
Hey everyone.
Here are the links to the images I used:
landscape: http://www.sxc.hu/photo/1151976
tree1: http://www.sxc.hu/photo/1195970
tree2: http://www.sxc.hu/photo/1186400
leaf: http://www.sxc.hu/photo/1195849
clouds: http://www.sxc.hu/photo/1173256
clouds: http://www.sxc.hu/photo/1180756
And, like most of you, I was no longer to find the branch that I used. Sorry about that. Here’s one that’s similar…
branch: http://www.sxc.hu/photo/349438
( )Joe July 29th
Hi could we get the resources for this tut please
absolutely great tut but whats th use if we don have the resources 
( )Alex July 29th
Good job Mate!
Thx!
( )Max August 2nd
GREAT TUTORIAL
I have been playing with it and all works fine.
I have a question though: i noticed that some of the leaves are always semi or more transparent. I had a look at every setting in Particular and nothing seemed to affect this random opacity. Can anyone help?
Thanks a lot in advance.
( )Hari Karam Singh August 11th
See his reply above to someone who had a similar issue (your branches’ edges need cleaning up)
( )s August 8th
thank
( )Matt Rogers August 10th
Thanks for this great tutorial. There are many techniques in here that are of great use. Thanks again for a stand up job!
( )Hari Karam Singh August 11th
Wow, that was incredible! My first real dip into AE and I feel like you’ve saved me hours of wading through boring intro tutorials to get some of workflow techniques and shortcuts you use.
And the last 5 minutes with the adjustment layers was awesome… You obviously know how to add the professional touch.
When’s the next tutorial??
( )Jal August 12th
Aesthetically awesome!
( )coolyh August 12th
Thanks for this great tutorial
( )Harry August 13th
this video is very cool. prod the best tut I have seen on site .very nice one thank you
( )Tomm August 16th
Reminds me of Eureka opening credits
( )adv August 18th
cool and simply tehnique with particular:) thx
( )Amp August 20th
Thanks for awesome tutorial.
( )Foxoo7 August 23rd
very good. thanks.
( )marrietcara August 24th
I want to thanks for the great tutorial for the above person those like his product of the resveratrol.
( )Lukus September 2nd
Hey I was going through the tutorial and realized that Particular 2 is much different than 1.5. I was able to figure out that they changed custom particle to sprite… but can’t figure out how to attach the particles to the branch. any ideas?
( )Gerberman September 3rd
i have a problem with expression aperture!!
appears me an error masage, when i try to put ….lenght(position,)
what can i do to fix it?
( )Frederik September 7th
You’re not a big scripting fan, are you? Makes copy paste a lot more effective if you just alt click the stopwatch of your wiggled effects and type wiggle(.5,14) copy paste that to every attribute and change the values .5 and 14
( )Alex September 7th
Great tut man!
( )prabhakar September 15th
hey man thanks for the tuts
( )CC September 22nd
I can not see this material, please solve what, thank you share
( )Leo September 27th
5/5
( )Stephen Curry October 10th
Anyway to download the project files for this tutorial….such as the images and what-not
( )Stephen Curry October 10th
never mind….didnt see the earlier post
( )PRADIP J SARKATE October 12th
Hello… So I have no words to say more than ‘thank you’ for this …
( )panda October 25th
great job
( )Ton October 27th
good~thanks O(∩_∩)O
( )pekz October 30th
from thailand said i like it.
( )jason November 1st
i cant download ae will someone pleasee create a smilar effect for me pleassse :/
( )Mike Wilday November 10th
Thank you, I learned some great tips in this tutorial that I am anxious to try out! Good Work
( )Fabien Lesbordes December 4th
Hello mister Clark,
( )A great thank for all these explainaition. Very useful method for the depth of field. I am getting better, here is my last animation.
Best regards fron Paris, France.
http://www.dailymotion.com/video/xbd6df_happy-christmas_creation
tao December 6th
nice tutorial! i am a new learner from Hong Kong.
( )i like videocopolit.net, but the mood and tone of thieir work is too cool for me….
i like your warm tone work!!!
hope you can bring me more tutorial lesson.
really great
Henry December 13th
Great tutorial! The DOF trick would be very useful only i’m my scene it doesn’t work. When i animate my camera from right to the left the focus differents in the Z-axis. The Z-axis value of the FOCUS layer is constant. Any options to solve this problem?
( )Henry December 13th
Nice tutorial! The DOF trick is very useful but doesn’t work fine in my scene. When the camera is moving from right to left the focus is not constant but the z-position of the focus layer is. Any suggestion to solve this problem?
( )kristjanfreyr December 18th
Very nice – just the thing I needed – good job!
( )Jose January 29th
Excellent tutorial. Thank you so much.
( )CEHD February 3rd
Awesome, excellent tut! Great use of in-depth instructions, too!
( )