Send A Happy 2011 New Year Card

Send A Happy 2011 New Year Card

Tutorial Details
  • Requirements: After Effects and Trapcode Particular
  • Difficulty: Intermediate
  • Run Time: About 45 min
Download Source Files

Final Product What You'll Be Creating

Twice a month we revisit some of our reader’s favorite posts from back in the archives of Aetuts+. Today we’ll look at a festive post from Alex Kononets. This tutorial was originally published last year in 2009 on this same day to welcome in the new year… Enjoy!


In this holiday season, it’s always fun to send cards to each other, well in this tutorial we are going to make a lovely animated New Year card that you can post on Facebook and tag all your friends in or whatever else you might wanna do. Enjoy and we’ll see ya next year!

Tutorial

Step 1

First we create new compilation.

Step 1

Step 2

Menu -> Layer -> New -> Solid…

Step 3

Menu -> Layer -> New -> Solid…

Step 4

Draw equilateral triangle using "Pen Tool" on layer "Tree".

Step 5

Menu -> Layer -> New -> Light…

Step 6

Animate "Position" parameter of the level "Motion Path 1"

Step 7

Open view in two dimensions, top view window to the right "Top", "Active Camera" to the left. Using "Convert Vertex Tool" and "Selection Tool" fix curves in animation.

Step 8

In the "Top" view window using "Convert Vertex Tool" and "Selection Tool" we make rounded spiral.

Step 9

Switch right window to "Front" view. Arrange curves in both windows.

Step 10

Select all animating points of "Position" parameter, and move all points to the middle of the "Top" window.

Step 11

Select all animating points of "Position" parameter and, holding down "Alt", click on the last point and drag it to 15th second.

The point is to stretch animation points proportionally in this time segment.

Step 12

Hide layers "Motion Path 1" and "Tree". Add effect "Particular" to the layer "Tree Particular". Select "Tree Particular" layer and go Menu -> Effect -> Trapcode -> Particular. Here are the settings of this effect. Thoroughly check them all:

Step 13

If you have done everything right, you must see this picture:

Step 14

Now let’s change balls on our fur-tree to snowflakes. Create new composition. Menu -> Composition -> New composition…

Step 15

Find a vector snowflake in the Internet, clip-arts or draw yourself. Add .eps file with snowflake to composition "snowflake".

Step 16

Make the snowflake larger.

Step 17

The snowflake needs to be white. Menu -> Effect -> Color Correction -> Hue/Saturation

Step 18

Insert "snowflake" composition into "New Year Card" composition, turn it off and lock.

Step 19

Open "Particular" effect settings of the "Tree Particular" layer.

If your computer began to work slowly, you should switch "Particle Type" parameter back to "Sphere", so calculations would take less time.

Step 20

Add camera to the project: Menu -> Layer -> New -> Camera…

Step 21

Camera adjustment is very creative task, you can do everything up to your imagination. Here are my camera’s settings:

Step 22

Let’s add a reflection to our fur-tree. It wolud not be correct, but it doesn’t matter for the time being. Select "Tree Particular" layer, Menu -> Edit -> Duplicate… Rename it to "Tree Particular reflection". Change "Scale" and "Position" parameters and make this layer to start from 0:00:10:05.

Step 23

Add Menu -> Effect -> Transition -> Liner Wipe… effect to the reflection. Also add transparency animation points: in first point it equals 0, in last – 100.

Step 24

Add more snow to the background. Menu -> Layer -> New -> Solid…

Step 25

Add "Particular" effect to "Snow" layer. Select "Snow" layer and go Menu -> Effect -> Trapcode -> Particular. Here are the settings for this effect:

Step 26

Add background. Menu -> Layer -> New -> Solid…

Step 27

Color background, add "Ramp" effect to it. Menu -> Effect -> Generate -> Ramp… Also add animation to the effect, so background color would change with camera motion. Don’t forget to move layer to the bottom of our composition. Here are the settings:

Step 28

Add black margins. Menu -> Layer -> New -> Solid…

Step 29

Add mask to "Black field" layer with "Rectangle Tool" and invert the mask.

Step 30

Add the name of this wonderful site "AE TUTS". Menu -> Composition -> New Composition…

Step 31

Select "Horizontal Type Tool" and write "AE TUTS" in the middle of the screen.

Step 32

Add "Text" composition into "New Year Card" composition, then turn it off and block.

Step 33

Now let’s make our text to appear vividly. Menu -> Layer -> New -> Solid…

Step 34

Add "Particular" effect. Menu -> Effect -> Trapcode -> Particular… Settings:

Step 35

"AE TUTS" layer animated parameters settings:

Step 36

If you did everything correctly, you should see this:

Step 37

Lesen a bit "AE TUTS" text. To do so, move text a little in depth on Z-axis and a bit move up:

Step 38

Add a glow to "AE TUTS" and "Tree Particular" layers. Select "AE TUTS" layer. Menu -> Effect -> Stylize -> Glow… You can leave the settings default.

Step 39

Repeate Step 38 for "Tree Particular" layer. Menu -> Effect -> Stylize -> Glow… You can leave the settings default.

Step 40

With "Horyzontal Type Tool" add "Happy New Year!" text and turn it a little.

Step 41

The last touch. Add a star to the fur-tree. Menu -> Layer -> New -> Solid…

Step 42

Using "Pen Tool" draw small star on "Star" layer. Don’t forget to put it where it would appear.

Step 43

Make that layer to start from the moment, the star would appear and add "Shine" effect to the layer. Menu -> Effect -> Trapcode -> Shine… Carefully setup all parameters of effect.

Step 44

"Shine" effect animated parameters

Step 45

That’s all. The project is ready to final render. Attention! If after Step 19 you switched particles from snowflakes back to circles, then before the final render repeat Step 19 and switch particles back to snowflakes.


Add Comment

Discussion 63 Comments

  1. Momo says:

    Yes, Je suis the first !!!

  2. freed says:

    very kool. Glad you could share

  3. Hayfa says:

    great video but the tutorial is sh!t. A site like Ae Tuts+ shouldnt even let you post this

  4. Rafael Braga says:

    Just fantastic …. I’ll try it for sure…. thank you

  5. JC says:

    Great tutorial…and pretty simple looking to pull off. THX!

    http://resourcehive.com

  6. Billy says:

    I like this alot. I like it more and more each time I have watched the preview. Simple yet elegant. Very nicely done, Alex! Can’t wait to work through the tutorial!

  7. Very cool, love the outcome and overall atmosphere of the project. A nice tip I will try to implement is to maybe add some fireworks in the BG, it should look good too. Very useful in this time period, thanks!

  8. will says:

    very good

    its a shame this was not out a few weeks ago for xmas

    10/10 for me

    • Alex says:
      Author

      Thanks. This lesson was written for Christmas, but I’m just a little did not have time to prepare it, so I had to upgrade it before the New Year. :)

  9. Richard Williams says:

    Nicely done… looks a lot like one of Harry Frank’s holiday Trapcode presets. =)

  10. Weeha! Great for my holidays presents :D

  11. empyrium says:

    i like your style.. simple, clean and nice ^^

  12. IANH - BR says:

    MAKE A VIDEO TUT MAN!

    • Alex says:
      Author

      I made a video tutorial but the problem is that I am not fluent in English to explain

      • fab_thefab says:

        not important…if the after effects version is in english, it may be more effective…post it too dude and thanks for the effort :)

  13. timino says:

    Really Awesome ! I’m Going to try that for sure ! Thanks a Lot man

  14. jim josef good says:

    this is great!but im having a problem with the 12th image,it wont fully load.ive tried reloading it several times yet it wont still show >_< happy new year guys.cheers from the Philippines :)

  15. jim josef good says:

    has anyone of you experienced problem loading the 12th image?thanks.happy new year!:)

  16. AETutLover says:

    I was trying to comment on the contest post (Day 11) but it isn’t appearing. I’d thought I’d test with this post to see if my comment appears.

  17. Alan says:

    I was lost at step 6. I am very new to this.

    • zli says:

      Me too,don’t know how to hell am I supposed to transfer to “dual view window” and the pics are confusing to say the least : no layer names are used properly, no consistency and no flow in the first 10 steps. The rest is good I guess but how to hell am I supposed to finish this tutorial when I’m stuck on step 6/7?!

  18. krishclv says:

    nice tut…. love 2 cee more…

  19. Boblenain says:

    Very good tut! Clear, simple and efficient. What else?

  20. charleszyz says:

    could repost the setting of step 25? I can’t see the setting picture thanks

  21. K@rin says:

    hi thanks for sharing! …

    I’m lost at step 6, please repeat, do not understand how you arrive at this result.

    thanks!

  22. dipu says:

    wawwwwwwwwwww………………….
    so sweet of u…………..share such a waw tute wid us………..thanks

  23. Steph says:

    please up the video of this tutorial….you have made some assumptions in this tutorial that people know what tool you used or how you laid things out…when sometimes that is not the case….so either explain in more detail or do a video tutorial….

    thanks

  24. Steph says:

    if anyone can explain what tool and how it was manipulated for step 6 can you share it for those who are not sure whats going in this part of the tutorial…

  25. Steph says:

    I found this video tutorial that might help some of you with step 6….

    http://www.henrythejedi.com/tutorials/tut_05_watch.php

  26. Steph says:

    eh… didn’t help ENOUGH…so since I’m not an expert with AE I’ll have to bypass this one as there isn’t enough info to duplicate the steps in this tutorial.

  27. Ermir says:

    Woooooow that is just fantastic….
    But a video tutorial will be better Thanks…

  28. PiT says:

    I delighted!All genius – simple!
    Я в восторге! Всё гениальное – простое!

  29. ME says:

    i like it very much!hope better and better

  30. Ratan says:

    on step 12 when i add effect trapcode particular to layer Tree particular i get a warning under Air- Motion path 1 about light setting….i ignored it….still not getting the final result….can any1 help me out where i am going wrong…..after trying it for more than thrice time…..i am still not able to figure the problem.

  31. Ratan says:

    Thanks…:D found where i was going wrong….:) relieved and happy…..Christmas is and i loved this project….thanks!!!!!

  32. Trent says:

    Umm….Im having trouble with step 12 – 13.
    I did everything it said, double check all the particular settings and i still dont get that tree look after all settings have been input.

  33. richard says:

    Im stuck on step six, how do put the motion path on the tree…i am newbie here.

    and i don’t see the ruler on my composition how do i put that. thanks.

  34. richard says:

    Can anybody help me me how to do step 6…please.

    Thanks.

  35. BuBi says:

    here is mine! :)
    few bugs … im still noob … especially with camera!
    http://www.vimeo.com/17690504

  36. diego says:

    Pass 12 not play :(

  37. Pierre Lavigne says:

    Nice project but I have a problem at step 8 to make rounded spirale. At each time I change the bezier it comes back to his last stage as soon I click on another keyframe.
    I would appreciate a bit more explanation.
    Thank you
    Pierre

  38. wow….Excellent…This is a great tutorial. Thank you

  39. philjohnson says:

    mmmm…….this tutorial wasn’t useful at all. he didn’t explain how to make the spiral in detail. just like pierre said two comments back. i’m a beginner and i wanted to do this. still can’t do the spiral. now i have to go finds something else to make. this isn’t helping at all.

  40. Vadim says:

    Алекс, день добрый,
    убился, но не выходит как на 13 картинке, проверил установки – всё с точностью до запятой, но результат совсем другой. По-че-му? :)

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.