Completed
Giving the dial a 3D look - shapes, gradient, and shadow for depth
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Adobe XD Masterclass: Skeuomorphic Dial Design Techniques - Episode 56
Automatically move to the next video in the Classroom when playback concludes
- 1 Start
- 2 New features in XD
- 3 Skeuomorphic dials
- 4 Creating buttons/dials - layering elements
- 5 Making subtle shadows - using blend modes
- 6 Creating a ring element for the button/dial container
- 7 Ungular Gradients
- 8 Applying an Inner Shadow - applied with Overlay blend mode
- 9 Copy and pasting appearances to duplicate effects
- 10 Adding a fabric texture - applying blend modes
- 11 Tweaking previous layers - experimenting with shadows for added depth
- 12 Creating a dial - creating bevels
- 13 Adding a texture and inner shadows to the dial
- 14 Giving the dial a 3D look - shapes, gradient, and shadow for depth
- 15 Texturing the edge of the dial
- 16 Adding a bounce light under the dial
- 17 Creating the led light for the dial
- 18 Adding a glow for the led
- 19 Experimenting with lighting for the dial
