Adobe XD Masterclass - Fitness App Design and Animation Techniques - Episode 38

Adobe XD Masterclass - Fitness App Design and Animation Techniques - Episode 38

Adobe Creative Cloud via YouTube Direct link

Finding a Work-Around to Add a Gradient to Progress Bar

18 of 20

18 of 20

Finding a Work-Around to Add a Gradient to Progress Bar

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Adobe XD Masterclass - Fitness App Design and Animation Techniques - Episode 38

Automatically move to the next video in the Classroom when playback concludes

  1. 1 start
  2. 2 Going Over XD Update and Intro to Today's Project
  3. 3 Creating New Artboard with Dark Background
  4. 4 Creating a Header
  5. 5 Using Toy Faces Plug-In
  6. 6 Adding a Border to a Profile Picture
  7. 7 Creating a Container for Fitness App Info
  8. 8 Adding a Border to Main Container
  9. 9 Adding in Text Layers
  10. 10 Creating a Call to Action Button
  11. 11 How to Find a Main Component
  12. 12 How go Create a Hover State
  13. 13 Adding More Text Info
  14. 14 Creating a Progress Bar Circle for Fitness App
  15. 15 Using Auto Animate on Progress Bars to Animate
  16. 16 Creating a Progress Bar Overlap
  17. 17 How to Enlarge Something by One Pixel at a Time
  18. 18 Finding a Work-Around to Add a Gradient to Progress Bar
  19. 19 Percentage Text Layer for Progress Bar
  20. 20 How to Create Animated Reel for Social Media

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.