Origami Studio Basics - UI Overview and your first prototype!
Prototype Assets:
https://www.dropbox.com/s/eyt0611hx6k...
--
Phew, consider this more of an hour long workshop! From scratch to your first prototype using states, animation, masking, and more.
This is a simple idea but it'll help teach foundational concepts of how Origami Studio works differently than some other tools.
—
00:00 Intro
00:10 Overview
02:04 UI Overview
10:34 Prototyping Layout
17:00 First Interaction
21:05 First Animation
25:08 Animating Colour
27:29 Interaction down state
30:38 Organizing Patches
31:02 Darkening mask
33:55 Designing the Popover
34:20 Quick Experiments
36:06 Anchors and Pivots
36:56 Circular Mask
42:24 Final clean-up
43:10 Using Variables
46:46 Haptics and Sound
50:03 Tip: Lazy repetition
50:57 Using your phone
51:55 Wrapping up
53:26 Outro
—