Adobe XD Masterclass - Designing a Clock Interface

Adobe XD Masterclass - Designing a Clock Interface

Adobe Creative Cloud via YouTube Direct link

Creating Shapes for the Clock

7 of 17

7 of 17

Creating Shapes for the Clock

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Adobe XD Masterclass - Designing a Clock Interface

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

  1. 1 start
  2. 2 Intro to Today’s Lesson
  3. 3 Choosing an Artboard Size
  4. 4 Adding a Textured Background
  5. 5 Adding a highlight with the Ellipse Tool
  6. 6 Using 3D Transform to Edit Z Axis Depth of Layers
  7. 7 Creating Shapes for the Clock
  8. 8 Background Blur Tool
  9. 9 Creating a Split in a Shape
  10. 10 Using a Linear Gradient to Add a Border to a Shape
  11. 11 Adding Text to Create a Clock
  12. 12 Adding AM and PM Text for Clock
  13. 13 Tweaking Highlight Gradient
  14. 14 Creating a Shadow and Glow on the Clock Face
  15. 15 Creating the Minutes Section of the Clock with Components
  16. 16 Creating a Vertical Version of the Clock
  17. 17 Creating an Animated Number Counter for Clock

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.