Adobe XD: Hover Animations

Matt Ward, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
11 Lessons (37m)
    • 1. Hover Effects Introduction

      1:05
    • 2. Hover Effects Basics

      0:54
    • 3. Auto Animate Basics

      4:26
    • 4. Creating a Hover State (component)

      4:40
    • 5. Utilizing Layer Masks

      5:01
    • 6. Hover Effects for Text

      3:42
    • 7. Hover Effects for Images

      2:48
    • 8. Prototyping with Hover Effects

      1:37
    • 9. Copying and Pasting Hover Effects

      4:46
    • 10. Creative Hover Effects

      6:30
    • 11. Recap

      1:17
23 students are watching this class

Project Description

For this class project start with the beginning animation file and follow along until you've replicated the animations we've gone over in the video.

Beginning filehttps://drive.google.com/open?id=1FZKTW7fIveJOTSQEsmBkoraswzIXbEo9

End Filehttps://drive.google.com/open?id=1rleQGviX-FleHRa3_28VXgQ_JCwVw-ho

dbb320c8

Student Projects