@Prathyush Have you tried to create this animation in flash?
More people criticize me because I like Flash for this animation but believe me for this type of animation is perfect.
@Andrea Cau Flash is definitely great for creating animations like these. Never heed others criticism on anything if you really feel what you are doing is the right way ;) They might be taking the sides for the wrong reasons. Be thorough in your research and if you feel that it fits the context and the process is efficient, you should take that course. In my case, these don't just remain as animations, they are going to be interactive. Hence the app of choice.
@Mac Tyler Searching for a bulge patch, still can't find it.
@Manuel The resources on learning Quartz Composer is very minimal and the elites who knows it, only teaches in their circle. So, I think we should disrupt the scene and build a community for it. As a first step, we are trying to push our blog online at http://prabros.com and start writing on QC.
@Kamil Khadeyev Quartz Composer is actually relatively easy to self-teach, if you are willing to put in the time. Apple has a ton of sample compositions you can look at, and the UI is reasonably friendly. It's a very valuable skill to know.
Favorite part is the steam from the cup. These look insanely smooth.
You should throw one of the frames from the middle of the animation in the beginning of the shot so there's a better preview for those browsing through the thumbnails. Much more attractive than a black square ( even though I still clicked :) )
Edit: Not sure why you changed your original reply..., but I doubt a frame at the beginning of this would compromise the quality of it.
@Areus Wade But wouldn't that make the animation not seamless ? I think Dribbble should be setting a middle frame from the animation shots as the thumbnail.
I don't see many books about it, but even so, I hate learning from books. I become quickly uninterested. Can't wait to see what tutorials you guys come up with!
I've heard Mike Matas has created some great Quartz Composer resources but as @Prathyush Pramod mentioned, it seems as though they're reserved for the inner circles :/
And in terms of compilations, tutorials, etc, I've come across a few, but none tailored towards User Interface Design.
A book (that Mike Matas tweeted about ages ago) is now available on Amazon. But again, not too much about UI/Animations/interaction design specifically.
It would be great if we could help build out this QC resource!
@Prathyush Pramod Have you tried Apple Motion? I found it is much easier to learn and also perfect to create such animation demo. Comparing Motion to QC, do you think QC is still better?
@Jordan Borth I have read that book but I had learnt most of it by experimenting in QC on projects like these. Also, it barely has any stuff geared towards interactive prototyping as you mentioned. They lean in towards Video DJing, which I think is because it's author's are profession-wise VJs.
@Neway Lau No, I haven't tried Apple Motion. But from what I form, it's about video effects. Quartz Composer enables you to do interactive designing as well as data visualisation which makes all the difference. As a demonstration, you can import some weather data into QC, visualise it with type and icons and use multitouch on your device to interact with that data. Pretty much every dimension of visualising data and interacting with it can be handled in Quartz Composer.
32 Responses (page 1 of 2)
Pro
Prathyush
Taking my baby steps in animating things.
9 months ago
Pro
Andrea Cau
Which software have you use for this animation?
Btw, I like it.
9 months ago
Pro
Bilal
Really smart & clean! good job.
9 months ago
Pro
Prathyush
@Andrea Cau It's Quartz Composer.
9 months ago
Pro
Dennis Covent
Baby steps? I really like this! Looks pro.
9 months ago
Pro
Philip Clark
What would you use if you wanted this to be visible on mobile?
9 months ago
Pro
Andrea Cau
@Prathyush Have you tried to create this animation in flash?
More people criticize me because I like Flash for this animation but believe me for this type of animation is perfect.
9 months ago
Pro
Dhiren Adesara
PRO !
9 months ago
I'm disappointed in your flat earth ;)
9 months ago
best site to learn Quartz? Good job btw :)
9 months ago
Pro
Prathyush
@Bilal Khettab @Dennis Covent @Dhiren Adesara Thanks guys :)
@Philip Clark JS Canvas
@Andrea Cau Flash is definitely great for creating animations like these. Never heed others criticism on anything if you really feel what you are doing is the right way ;) They might be taking the sides for the wrong reasons. Be thorough in your research and if you feel that it fits the context and the process is efficient, you should take that course. In my case, these don't just remain as animations, they are going to be interactive. Hence the app of choice.
@Mac Tyler Searching for a bulge patch, still can't find it.
@Manuel The resources on learning Quartz Composer is very minimal and the elites who knows it, only teaches in their circle. So, I think we should disrupt the scene and build a community for it. As a first step, we are trying to push our blog online at http://prabros.com and start writing on QC.
9 months ago
Yes! Teach us Quartz Composer please. I tried to dig into it few times, but without any nice results :(
Amazing animations btw, love earth rotation.
9 months ago
Pro
Prathyush
@Kamil Khadeyev Yes, learning a CMS at the moment to start the blog. If you notice – sorry for breaking the illusion – the earth is not rotating :P
9 months ago
Pro
Ollin
@Kamil Khadeyev Quartz Composer is actually relatively easy to self-teach, if you are willing to put in the time. Apple has a ton of sample compositions you can look at, and the UI is reasonably friendly. It's a very valuable skill to know.
9 months ago
Pro
Timothy Whalin
You nailed it. Well done :)
9 months ago
Pro
Areus Wade
Favorite part is the steam from the cup. These look insanely smooth.
You should throw one of the frames from the middle of the animation in the beginning of the shot so there's a better preview for those browsing through the thumbnails. Much more attractive than a black square ( even though I still clicked :) )
Edit: Not sure why you changed your original reply..., but I doubt a frame at the beginning of this would compromise the quality of it.
9 months ago
Pro
Prathyush
@Areus Wade But wouldn't that make the animation not seamless ? I think Dribbble should be setting a middle frame from the animation shots as the thumbnail.
9 months ago
Pro
Mitchell Bernstein
I don't see many books about it, but even so, I hate learning from books. I become quickly uninterested. Can't wait to see what tutorials you guys come up with!
9 months ago
Pro
Jordan Borth
I've heard Mike Matas has created some great Quartz Composer resources but as @Prathyush Pramod mentioned, it seems as though they're reserved for the inner circles :/
And in terms of compilations, tutorials, etc, I've come across a few, but none tailored towards User Interface Design.
A book (that Mike Matas tweeted about ages ago) is now available on Amazon. But again, not too much about UI/Animations/interaction design specifically.
It would be great if we could help build out this QC resource!
9 months ago
Pro
Neway Lau
@Prathyush Pramod Have you tried Apple Motion? I found it is much easier to learn and also perfect to create such animation demo. Comparing Motion to QC, do you think QC is still better?
9 months ago
Pro
Prathyush
@Jordan Borth I have read that book but I had learnt most of it by experimenting in QC on projects like these. Also, it barely has any stuff geared towards interactive prototyping as you mentioned. They lean in towards Video DJing, which I think is because it's author's are profession-wise VJs.
@Neway Lau No, I haven't tried Apple Motion. But from what I form, it's about video effects. Quartz Composer enables you to do interactive designing as well as data visualisation which makes all the difference. As a demonstration, you can import some weather data into QC, visualise it with type and icons and use multitouch on your device to interact with that data. Pretty much every dimension of visualising data and interacting with it can be handled in Quartz Composer.
9 months ago
Pro
Kaushik V. Panchal
awesome @Prathyush Pramod Keep up the good work :)
9 months ago
Pro
Andrea Cau
@Prathyush Pramod Thanks for the great answer :) I wait another amazing animations like these budddy!
9 months ago
Pro
Sam Jones
Really slick, nice work @Prathyush Pramod
9 months ago
Ah! Stellar @Prathyush Pramod
9 months ago