Taking my baby steps in animating things.
9 months ago
Which software have you use for this animation?
Btw, I like it.
Really smart & clean! good job.
@Andrea Cau It's Quartz Composer.
Baby steps? I really like this! Looks pro.
What would you use if you wanted this to be visible on mobile?
@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.
I'm disappointed in your flat earth ;)
best site to learn Quartz? Good job btw :)
@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.
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.
@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
@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.
You nailed it. Well done :)
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.
awesome @Prathyush Pramod Keep up the good work :)
@Prathyush Pramod Thanks for the great answer :) I wait another amazing animations like these budddy!
Really slick, nice work @Prathyush Pramod
Ah! Stellar @Prathyush Pramod
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter