Create 3D design mockups to showcase your products | Blender tutorial

IconScout · Beginner ·🛠️ AI Tools & Apps ·3y ago
Showcase your products or designs in stunning 3D ✨In this Blender tutorial, learn how to create a design mockup to show off your website. Use these free and premium 3D illustrations 👉https://iconscout.com/3ds Follow along this tutorial by downloading this 3D illustration: https://iconscout.com/3d/typing-on-computer-4416349 Timestamps: 00:00 How to create 3D design mockups 00:32 Download a 3D illustration from IconScout 00:48 Inspect the materials panel in Blender 01:27 Inspect the UV layout in Blender 02:26 Separate the screen from the rest of the object 03:17 Fix the round edges 03:48 Dissolve the edges separating the screen’s faces 04:13 Edit the UV map 04:48 Preview in render view 05:22 Preview from camera view 05:31 Edit material properties 06:27 Add a website design as an image 06:57 Fix the orientation of the image 08:02 Show the entire image in the screen 09:02 Change the color of the sleeves Follow #IconScout on social media: YouTube: https://www.youtube.com/c/Iconscout Instagram: https://www.instagram.com/iconscout Twitter: https://twitter.com/iconscout Facebook: https://www.facebook.com/theiconscout LinkedIn: https://linkedin.com/company/iconscout #IconScout #DesignAssets #DesignTutorial #3DTutorial #3D #Download3D #3DIllustrations #3DGraphics #3DAssets #3DDesigns #Blender #BlenderTutorial #Blender3D #3DComposition #3DGraphicDesign #DesignMockup #3DDesignMockup
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from IconScout · IconScout · 25 of 43

1 Best Sketch Plugins for UI/UX Designers in 2018 | iconscout.com
Best Sketch Plugins for UI/UX Designers in 2018 | iconscout.com
IconScout
2 Milestone: Celebrating 800,000+ Icons
Milestone: Celebrating 800,000+ Icons
IconScout
3 Icondrop for Adobe Xd
Icondrop for Adobe Xd
IconScout
4 Create stunning PowerPoint Presentation using Icondrop
Create stunning PowerPoint Presentation using Icondrop
IconScout
5 Free Illustrations - Indian Doodle library | Royalty-free | Vector | Figma | Adobe XD
Free Illustrations - Indian Doodle library | Royalty-free | Vector | Figma | Adobe XD
IconScout
6 Iconscout API in Ludus
Iconscout API in Ludus
IconScout
7 Lottie Animations are now available on Iconscout 🎉
Lottie Animations are now available on Iconscout 🎉
IconScout
8 Iconscout Plugins for Figma, PowerPoint
Iconscout Plugins for Figma, PowerPoint
IconScout
9 Iconscout Premium
Iconscout Premium
IconScout
10 10,000+ Lottie Animations available on Iconscout
10,000+ Lottie Animations available on Iconscout
IconScout
11 How to create 3D perspective mockups with Vectary and Iconscout
How to create 3D perspective mockups with Vectary and Iconscout
IconScout
12 Introducing IconScout’s new look | Rebrand video
Introducing IconScout’s new look | Rebrand video
IconScout
13 How to boost your design workflow with the IconScout plugin
How to boost your design workflow with the IconScout plugin
IconScout
14 How to install the IconScout Desktop App for Windows and Mac
How to install the IconScout Desktop App for Windows and Mac
IconScout
15 IconScout plugin’s new features for Mac, Canva, Figma, Sketch, Adobe XD
IconScout plugin’s new features for Mac, Canva, Figma, Sketch, Adobe XD
IconScout
16 How to customize your settings in the IconScout plugin
How to customize your settings in the IconScout plugin
IconScout
17 How to install the IconScout plugin for Canva, Figma, Sketch and Adobe XD
How to install the IconScout plugin for Canva, Figma, Sketch and Adobe XD
IconScout
18 How to Set 3-Point Lighting in a 3D Scene #shorts
How to Set 3-Point Lighting in a 3D Scene #shorts
IconScout
19 How to download 3D illustrations from IconScout
How to download 3D illustrations from IconScout
IconScout
20 How to modify 3D illustrations from IconScout - by changing colors and texture in Blender
How to modify 3D illustrations from IconScout - by changing colors and texture in Blender
IconScout
21 How to export IconScout’s 3D illustrations from different angles with Blender
How to export IconScout’s 3D illustrations from different angles with Blender
IconScout
22 How to create 3D illustrations with Blender by combining multiple 3D assets
How to create 3D illustrations with Blender by combining multiple 3D assets
IconScout
23 How to use the IconScout Color Editor to edit icons, illustrations and Lottie animations!
How to use the IconScout Color Editor to edit icons, illustrations and Lottie animations!
IconScout
24 How to turn 3D illustrations into Lottie animations
How to turn 3D illustrations into Lottie animations
IconScout
Create 3D design mockups to showcase your products | Blender tutorial
Create 3D design mockups to showcase your products | Blender tutorial
IconScout
26 IconScout desktop app Overview | Add icons, illustrations, 3D, & animation to your projects!
IconScout desktop app Overview | Add icons, illustrations, 3D, & animation to your projects!
IconScout
27 A Complete Guide on how to use Unicons by IconScout
A Complete Guide on how to use Unicons by IconScout
IconScout
28 IconScout plugin for Figma | Access icons, illustrations, 3D and Lottie animations within Figma
IconScout plugin for Figma | Access icons, illustrations, 3D and Lottie animations within Figma
IconScout
29 All-in-one design assets plugin within Adobe XD | IconScout plugin for Adobe XD
All-in-one design assets plugin within Adobe XD | IconScout plugin for Adobe XD
IconScout
30 IconScout plugin for Adobe XD | Add icons, illustrations, 3D & Lottie animation to your projects
IconScout plugin for Adobe XD | Add icons, illustrations, 3D & Lottie animation to your projects
LottieFiles
31 Welcome to IconScout’s Ecosystem of Creativity
Welcome to IconScout’s Ecosystem of Creativity
LottieFiles
32 IconScout app for Canva | Design like a pro with Icons, 3D Illustrations, Lottie animations & more
IconScout app for Canva | Design like a pro with Icons, 3D Illustrations, Lottie animations & more
LottieFiles
33 Supercharge your presentations with IconScout for Google Slides
Supercharge your presentations with IconScout for Google Slides
LottieFiles
34 Design like a pro with IconScout plugin for Figma | Icons, illustrations & animations made easy!
Design like a pro with IconScout plugin for Figma | Icons, illustrations & animations made easy!
LottieFiles
35 Spark your creativity with Unicons | Unveiling 3D and animated icons
Spark your creativity with Unicons | Unveiling 3D and animated icons
LottieFiles
36 Illustration Kit | Quick guide to creating endless visual combinations
Illustration Kit | Quick guide to creating endless visual combinations
LottieFiles
37 Illustration Kit | Mix, match and shuffle till it's yours
Illustration Kit | Mix, match and shuffle till it's yours
LottieFiles
38 Reverse Image Search | Discover design assets with the power of AI
Reverse Image Search | Discover design assets with the power of AI
LottieFiles
39 How to add IconScout design assets to your PowerPoint
How to add IconScout design assets to your PowerPoint
LottieFiles
40 Illustration Kit | Mix, match and shuffle till it's yours
Illustration Kit | Mix, match and shuffle till it's yours
LottieFiles
41 IconScout for Figma: Create stunning designs in just a few clicks
IconScout for Figma: Create stunning designs in just a few clicks
IconScout
42 How to use IconScout for Figma
How to use IconScout for Figma
IconScout
43 My favorite websites ad a designer ‼️ #graphicdesign #graphicdesigner #freelancedesign #uidesign
My favorite websites ad a designer ‼️ #graphicdesign #graphicdesigner #freelancedesign #uidesign
IconScout

Related AI Lessons

AI Meeting Notes Taker: Build or Choose the Right Tool
Learn how to build or choose the right AI meeting notes taker tool to capture decisions, owners, and deadlines reliably
Dev.to AI
Why AI Document Tools Like DeskribAI Are Changing the Way We Work
Discover how AI document tools like DeskribAI are revolutionizing the way we work with documents, increasing productivity and efficiency
Medium · AI
Your Browser Is Becoming a Tool Factory
Learn how Chrome's new 'Skills' feature is revolutionizing AI interaction by turning prompts into one-click tools, increasing productivity and efficiency
Dev.to AI
How I Built a Full-Stack .NET + React App in a Weekend Using AI Tools
Learn how to build a full-stack .NET + React app in a weekend using AI tools, and discover the possibilities and limitations of AI in app development.
Medium · AI

Chapters (15)

How to create 3D design mockups
0:32 Download a 3D illustration from IconScout
0:48 Inspect the materials panel in Blender
1:27 Inspect the UV layout in Blender
2:26 Separate the screen from the rest of the object
3:17 Fix the round edges
3:48 Dissolve the edges separating the screen’s faces
4:13 Edit the UV map
4:48 Preview in render view
5:22 Preview from camera view
5:31 Edit material properties
6:27 Add a website design as an image
6:57 Fix the orientation of the image
8:02 Show the entire image in the screen
9:02 Change the color of the sleeves
Up next
How To Use Colossyan AI Voice (Quick Guide)
Harry Helps You
Watch →