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.
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
kloe
your file version is too new… cannot open
admin
I use After Effects cc 2015. What’s your version?
zulfikar
admin After Effect cc 2017 can use?
anais
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 ^^)
Irina Kolesnikova
Thank you!
Are you planning to show tutorial for all video from Apple? 🙂
Rjay
Hi! I would like to know where can I get your templates?
I cannot see them here in your website.. thank you very much!
I dont get it
Where is the template download, I don’t get it??
Xinyu Xiao
Could you please kindly convert this project in cc 2014? Thanks !
my Email: xiaoxinyu123@gmail.com
saurav
could you please convert this template to cs6.
Wiranda
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
Shervan
Awsome !!!
Thanks you so much for theese beautiful templates !!!
admin
You are welcome!
Felix
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 🙂
Manoj Kumar
how can i get this template? please answer
admin
Look at the on of the post, there is a link
Jenn
could you share the template
noe
Muchas gracias por tomarte el tiempo y compartir tu trabajo
xiaowuc2
nice work man !!
I loved it !
+1 like +1 subscriber
admin
Thank you