Master a new skill.

Do you want to learn Sketch today?
  • After Effects

    44 Episodes
  • Swift

    37 Episodes
  • Sketch

    35 Episodes
  • Framer

    22 Episodes
  • Origami

    14 Episodes
  • Flinto

    14 Episodes
  • Kite Compositor

    13 Episodes
  • Experience Design

    5 Episodes
  • Principle

    5 Episodes
  • Cinema 4D

    5 Episodes

Episode Library

Page 9 of 20
Back to Episode Home
  • Functional Forms

    Functional Forms

    Functional Forms
    • 4:52
    • Free
    Launchpad can even generate functional forms. Explore the few options for how you can set them up, and soon you'll be collecting actual user data from your design!
    • 4:52
    • Free
  • Link Up Your First Website

    Link Up Your First Website

    Link Up Your First Website
    • 4:04
    • Free
    At it’s most basic, Launchpad is a really easy way to hook together sample user flows with links. That’s going to be the first thing we do with this app.
    • 4:04
    • Free
  • 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
    • Free
    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
    • Free