Hey guys, I tried to use Quartz Composer to emulate some iOS 7 effects in my spared time. Here comes a simple chatting view interaction with three iOS 7 effects: scrolling with bounce effect, translucent navigation and toolbar, and depth interaction(the whole screen zoom in or zoom out).
GIF's quality sucks so please check the demo video here. Or if you have 20 seconds to waste, I strongly suggest you to play with the demo app on you Mac.
What's more, I'd like to share the source file with you if you want to learn some Quartz skills. The .qtz file includes following components:
- An iPhone 5 template with a screen view.
- Momentum Scrolling patch with additional patches for that bouncing effect .
- Translucent backgrounds.
- Zoom in and Zoom out effects.
- Some single patches inside like "Button", "Delay", "Switch", "Offset from Left Top" might be helpful for your own Quartz work.(you can search these names in the file to locate them in second)
Download the Quartz file.
Discussion and feedbacks are welcome. :)
8 months ago
Thanks so much! I can't wait to dig into this later on. Only thing about this is the lack of attention to the zooming in on a photo. Should that also have some sort of a quick little bounce when growing? Also, I still don't understand why nobody has created a program like after effects but for motion/interactive design. I'd love to see adobe come up with something.
Amazing work. Thanks for the source!
Thanks for posting this to QC Designers!
Wow! Great work! Thanks for sharing :)
This is wonderful, love the scrolling bounce animation.
Amazing! I've started playing around with quartz for demos. How do you get the big dot, rather than the cursor in your .mov?
3 months ago
Awesome but the quartz is not opening correctly on my mac...
about 1 month ago
@Vasil Enchev Yeah, it won't work if you installed Facebook Origami because it contains some conflict patches... Sorry about that.
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.