Master a new skill.

What could you learn with our 148 episodes?
  • Swift

    37 Episodes
  • Sketch

    33 Episodes
  • After Effects

    15 Episodes
  • Kite Compositor

    13 Episodes
  • Framer

    10 Episodes
  • Flinto

    10 Episodes
  • Origami

    9 Episodes
  • Game Design

    6 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 4 of 15
Back to Episode Home
  • Exporting for Sharing

    Exporting for Sharing

    Exporting for Sharing
    • 4:56
    • Pros
    Exporting your work to share is important. Filesize and quality are also important! To wrap up, we'll check out the ins and outs of the export methods in After Effects, as well as creating GIFs from the full quality renders.
    • 4:56
    • Pros
  • Switching UI States

    Switching UI States

    Switching UI States
    • 5:44
    • Pros
    The top of this map interface is a selector for different locations. In this episode we'll handle changing the UI for the multiple states.
    • 5:44
    • Pros
  • Animate With Expressions

    Animate With Expressions

    Animate With Expressions
    • 6:43
    • Pros
    Expressions are one of the most powerful tools in AE. On this project, you'll use the built-in scripting to power the animations for all the little elements on the map.
    • 6:43
    • Pros
  • Custom Transition Masks

    Custom Transition Masks

    Custom Transition Masks
    • 6:26
    • Pros
    After Effects gives us the power to do something more interesting than just fade or wipe. Learn to make a custom transition that looks like a cool pixelated UI building up.
    • 6:26
    • Pros
  • Working With Lines

    Working With Lines

    Working With Lines
    • 8:39
    • Free
    Lines are some of the most useful and subtly expressive things you can use in your animations to signal intent or motion, or highlight something. In this episode, we'll cover how to animate them in different ways to achieve a high tech feel.
    • 8:39
    • Free
  • Revealing List Elements

    Revealing List Elements

    Revealing List Elements
    • 5:14
    • Free
    The first thing to tackle on this particular UI is the top row of locations that serves as a menu. Applying our UI animation principles, we'll make a smooth and interesting reveal animation
    • 5:14
    • Free
  • Principles of UI Animation

    Principles of UI Animation

    Principles of UI Animation
    • 16:09
    • Free
    Motion design for UI is influenced by the 12 animation principles, but has a unique set specific to functional interfaces. Before moving things around for real, we'll check out what these principles are and how they relate to our project.
    • 16:09
    • Free
  • Bonus Sketch Secrets

    Bonus Sketch Secrets

    Bonus Sketch Secrets
    • 9:46
    • Pros
    There are a few tips left to cover, but they just don't fit neatly in a category. Bonus time! Learn about interface customization, time-savers, and organization ideas!
    • 9:46
    • Pros
  • Resizing Layers in Sketch

    Resizing Layers in Sketch

    Resizing Layers in Sketch
    • 9:31
    • Pros
    Effectively resizing layers in Sketch is all about being intentional with your settings. Knowing the ins and outs of the different resize modes is the key to success.
    • 9:31
    • Pros
  • Sketch Keyboard Shortcuts

    Sketch Keyboard Shortcuts

    Sketch Keyboard Shortcuts
    • 6:53
    • Pros
    Let's briefly touch on a number of time-saving keyboard shortcuts. Soon, you'll be a master at manipulating the Sketch interface without your mouse. Learn how to make your own custom shortcuts, too!
    • 6:53
    • Pros