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
Description:
Dive into a comprehensive 57-minute Adobe XD tutorial led by Evangelist Howard Pinsky, focusing on advanced design techniques and workflow improvements. Learn about the latest XD features before exploring the creation of skeuomorphic dials through layering, subtle shadowing, and blend modes. Master the art of crafting realistic button and dial containers using ring elements, angular gradients, and inner shadows. Discover how to efficiently duplicate effects by copying and pasting appearances. Enhance designs with fabric textures and experiment with shadows for added depth. Create intricate 3D-looking dials by manipulating shapes, gradients, and shadows. Perfect the art of texturing dial edges, adding bounce light, and crafting LED lights with glows. Conclude by fine-tuning lighting effects to achieve professional-quality skeuomorphic designs in Adobe XD.