Apple animation After Effects tutorial

posted in: Intro, Motion graphics, Templates, Tutorials | 19

apple animation after effects

Hey guys, today we will make an Apple animation, to be precise some part of it. In 2013 Apple designed a really cool minimalistic animation “Intention”. You can easily find it in YouTube. They made some effects which interested me, especially their effects with dots and lines at the first part of the video. I decided to create this animation in After Effects and I successfully made it. So check out my After Effects tutorial about Apple animation.

You also can check my tutorials about Adidas animation or Android animation.

In this tutorial I created three different shapes: square, hexagon, circle. Of course I just showed how it works and you can make triangles, stars, rectangles and any objects with different animations of lines and dots. Here I prepared some additional examples which I did using the same technique.

aplle intention


apple animation


Apple lines

Only one thing I want to notice here. I work in After Effects CC 2015 and in this version I can convert all shapes(rectangles, stars, hexagons, circles etc.) to bezier paths. After that we can copy the path and paste it to position of another layer. But if you work in CS6 for example, you can not convert shapes. So here you have two choices. First – you should not use shapes primitives, use only pen tool and draw all figures you need manually. And the second – just install one of the recent versions, from cc 2014 and next.

Also check out other tutorials about apple animation: part2, part3, part4

After Effects template for apple animation: Apple animation tutorial

19 Responses

  1. your file version is too new… cannot open

  2. Thank’s so much on the tutorial and templates, that really good !
    I work with css6 is there any way I can use your templates on this version ? Can you save your templates so we can open it with the css6 ?
    Thank’s again and sorry for my bad english (i’m french ^^)

  3. Irina Kolesnikova

    Thank you!
    Are you planning to show tutorial for all video from Apple? 🙂

  4. Hi! I would like to know where can I get your templates?
    I cannot see them here in your website.. thank you very much!

  5. Where is the template download, I don’t get it??

  6. Xinyu Xiao

    Could you please kindly convert this project in cc 2014? Thanks !
    my Email:

  7. could you please convert this template to cs6.

  8. can i ask something ?
    Why when I make a rectangle, polygon and triangle when I turn it to 90 degrees suddenly change size? But I’ve followed the tutorial you provide on youtube

  9. Shervan

    Awsome !!!
    Thanks you so much for theese beautiful templates !!!

  10. Hi Igor, thank you very much for your tutorial! it’s really amazing!
    I have a question. for the hexagon shape animation, I copy the path to the dot’s position, but the dot’s animated path is not the same as the hexagon’s. it’s smaller. do you know why? wait for your kindly reply, thanks 🙂

  11. Manoj Kumar

    how can i get this template? please answer

  12. Muchas gracias por tomarte el tiempo y compartir tu trabajo

  13. nice work man !!
    I loved it !
    +1 like +1 subscriber

Leave a Reply