Adobe XD Masterclass - Designing a Clock Interface

Dive into a comprehensive 57-minute Adobe XD masterclass led by Evangelist Howard Pinsky. Learn essential tips and tricks to enhance your design skills and streamline workflows. Master techniques such as choosing optimal artboard sizes, adding textured backgrounds, and utilizing the 3D Transform tool for depth manipulation. Explore advanced features like the Background Blur tool, shape splitting, and linear gradients for borders. Create a detailed clock design, including AM/PM indicators, shadows, and glows. Discover how to use components for efficient design elements and develop both horizontal and vertical clock layouts. Conclude with creating an animated number counter, elevating your Adobe XD proficiency to new heights.

start
Intro to Today’s Lesson
Choosing an Artboard Size
Adding a Textured Background
Adding a highlight with the Ellipse Tool
Using 3D Transform to Edit Z Axis Depth of Layers
Creating Shapes for the Clock
Background Blur Tool
Creating a Split in a Shape
Using a Linear Gradient to Add a Border to a Shape
Adding Text to Create a Clock
Adding AM and PM Text for Clock
Tweaking Highlight Gradient
Creating a Shadow and Glow on the Clock Face
Creating the Minutes Section of the Clock with Components
Creating a Vertical Version of the Clock
Creating an Animated Number Counter for Clock