How to create 3D perspective mockups with Vectary and Iconscout

Published: 30 March 2022
on channel: IconScout
1,712
34

Ever wonder how to create beautiful perspective mockups? Here’s how to do it with Figma, Iconscout and Vectary ✨You’ll learn how to create a token in Figma (so you can copy and paste Figma frames into Vectary!), add lighting, background color, import 3D assets and more.

Try Vectary Studio Beta 👉 https://www.vectary.com

Follow along the tutorial with these design assets👇

Figma exercise file: https://www.figma.com/community/file/...

Iconscout assets: https://iconscout.com/3ds/abstract

Clone the Vectary project: https://app.vectary.com/p/6HORZisjIed...

All assets (Adobe After Effect files, Figma files, Iconscout assets and Lottie Animations): https://drive.google.com/file/d/12vKr...


Timestamps:
00:00 How to create 3D mobile app mockups with Vectary and Iconscout
00:29 Create a Vectary token to connect to your Figma file
01:23 Copy your design link in Figma
01:49 Create a new project in Vectary
02:38 Import your Figma frame in Vectary
03:27 Edit the elements in Vectary
03:57 Add backdrop in Vectary
04:20 Get 3D illustrations from Iconscout
05:01 Import Iconscout’s 3D elements in Vectary (drag and drop)
05:47 Edit the 3D elements
06:42 Add color to the 3D elements
07:38 Add reflection and light to the 3D scene
08:43 Take a screenshot (download image) and import in Figma (drag and drop)

#3DGraphicDesign #3DDesign #Iconscout #3DTutorial #Vectary #3DIllustration #Figma #3DMockup #PerspectiveMockup #3DModels


Watch video How to create 3D perspective mockups with Vectary and Iconscout online without registration, duration hours minute second in high quality. This video was added by user IconScout 30 March 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,712 once and liked it 34 people.