Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Adobe XD Masterclass - Designing a Clock Interface

Adobe via YouTube

Overview

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.

Syllabus

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

Taught by

Adobe Creative Cloud

Reviews

Start your review of Adobe XD Masterclass - Designing a Clock Interface

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.