iOS 7 Chat View Interaction (Animation and Freebie)

12 Responses

  1. Neway Lau Neway Lau

    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. :)


    9 months ago

  2. Mitchell Bernstein Mitchell Bernstein

    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.


    9 months ago

  3. Mantou Lee Mantou Lee


    9 months ago

  4. iTu ☺ iTu ☺


    9 months ago

  5. Riley Donelson Riley Donelson

    Amazing work. Thanks for the source!

    9 months ago

  6. Hans van de Bruggen Hans van de Bruggen

    Thanks for posting this to QC Designers!

    9 months ago

  7. Jordan Borth Jordan Borth

    Wow! Great work! Thanks for sharing :)

    9 months ago

  8. Eric Puigmarti Eric Puigmarti

    This is wonderful, love the scrolling bounce animation.

    9 months ago

  9. jason jason

    Amazing! I've started playing around with quartz for demos. How do you get the big dot, rather than the cursor in your .mov?

    5 months ago

  10. Vasil Enchev Vasil Enchev

    Awesome but the quartz is not opening correctly on my mac...

    2 months ago

  11. Neway Lau Neway Lau

    @Vasil Enchev Yeah, it won't work if you installed Facebook Origami because it contains some conflict patches... Sorry about that.

    2 months ago

  12. Stephen Meszaros Stephen Meszaros

    This is great, thanks for sharing!

    about 1 month ago

keyboard shortcuts: previous shot next shot L or F like