Designing a 3D NFT Card Using Adobe XD

Overview

Explore the process of designing and animating an NFT-style card with a built-in infinity mirror using Adobe XD's 3D Transforms. Learn to create artboards, add background images, implement borders and gradients, utilize repeat grids, apply blur effects, work with components and masks, incorporate 3D effects, and add text and highlights. Gain insights into creating visually striking NFT card designs through this comprehensive tutorial, which covers various Adobe XD techniques and features.

Syllabus

Intro
Viewer Shoutouts
Artboard
Base Card
Background Image
Border Image
Outline Border
Add Border
Add Gradient
Add Repeat Grid
Duplicate Repeat Grid
Background Blur Settings
Creating a Component
Greetings from Germany
Using a mask
Text support
Creating a mask
Mask with shape
Mask dots
Adding 3D effect
Gradient
NFTs
Shading
Additional Masks
Adding Text
Adding Highlights
Adding a Border
Outro