{"id":34885,"date":"2024-11-28T19:03:53","date_gmt":"2024-11-28T13:33:53","guid":{"rendered":"https:\/\/mockey.ai\/?p=34885"},"modified":"2024-11-28T19:03:55","modified_gmt":"2024-11-28T13:33:55","slug":"how-to-make-3d-mockup-in-illustrator","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-make-3d-mockup-in-illustrator\/","title":{"rendered":"How to Make 3D Mockup in Illustrator &#8211; Complete Guide"},"content":{"rendered":"\n<p>Ever wondered how to make 3D mockup in Illustrator? This guide will show you how! Plus, you&#8217;ll learn about an easy-to-use 3D mockup tool that works even if you have no design experience.<\/p>\n\n\n\n<p>Still want to design 3d mockups now, upload your images in the Mockey <strong><a href=\"https:\/\/mockey.ai\/3d-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">3d mockup generator<\/a><\/strong> and customize it in minutes.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/mockey-3d-mockup-generator-to-make-3d-mockups-1024x538.webp\" alt=\"mockey 3d mockup generator to make 3d mockups\" class=\"wp-image-34500\" style=\"border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/mockey-3d-mockup-generator-to-make-3d-mockups-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/mockey-3d-mockup-generator-to-make-3d-mockups-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/mockey-3d-mockup-generator-to-make-3d-mockups-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/mockey-3d-mockup-generator-to-make-3d-mockups-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/mockey-3d-mockup-generator-to-make-3d-mockups.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/mockey.ai\/3d\/\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Make 3d Mockups Now<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><li><a href=\"#is-it-good-to-use-illustrator-for-3-d-mockups\">Is It Good to Use Illustrator for 3D Mockups?<\/a><\/li><li><a href=\"#why-should-i-use-illustrator-for-3-d-mockups\">Why Should I Use Illustrator for 3D Mockups?<\/a><\/li><li><a href=\"#how-to-make-3-d-mockup-in-illustrator-step-by-step-guide\">How to Make 3D Mockup in Illustrator &#8211; Step-by-step Guide<\/a><\/li><li><a href=\"#limitations-of-using-illustrator-for-3-d-mockups\">Limitations of Using Illustrator for 3D Mockups<\/a><\/li><li><a href=\"#make-3-d-mockups-in-mockey-ai\">Make 3D Mockups in Mockey AI<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#fa-qs\">FAQs<\/a><\/li><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-it-good-to-use-illustrator-for-3-d-mockups\">Is It Good to Use Illustrator for 3D Mockups?<\/h2>\n\n\n\n<p>Adobe Illustrator is great for making simple 3D mockups, especially when you need clear, sharp designs using vector graphics. It has a &#8220;<strong>Mockup<\/strong>&#8221; feature that lets you put your designs on 3D objects like boxes, t-shirts, or mugs. <\/p>\n\n\n\n<p>But if you need to create really detailed or complicated 3D scenes, a special 3D design program would work better.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-should-i-use-illustrator-for-3-d-mockups\">Why Should I Use Illustrator for 3D Mockups?<\/h2>\n\n\n\n<p>Using Adobe Illustrator for 3D mockups:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mockup Panel<\/strong>: Import images or pick templates (like clothes or boxes) to preview designs.<\/li>\n\n\n\n<li><strong>Model Settings<\/strong>: Adjust settings in the Model Settings menu.<\/li>\n\n\n\n<li><strong>Blending Modes<\/strong>: Mix designs with photos for a realistic look.<\/li>\n\n\n\n<li><strong>AI Mockup Tool<\/strong>: Auto-detects 3D details and keeps designs sharp.<\/li>\n\n\n\n<li><strong>Handles<\/strong>: Resize and rotate designs easily.<\/li>\n\n\n\n<li><strong>Intelligent Features<\/strong>: Automatically adjust to match a photo&#8217;s 3D look.<\/li>\n\n\n\n<li><strong>Import 3D Models<\/strong>: Use File &gt; Import to add 3D objects.<\/li>\n\n\n\n<li><strong>Repositioning<\/strong>: Move, rotate, and resize without extra tools.<\/li>\n\n\n\n<li><strong>Create 3D Shapes<\/strong>: Draw, then turn lines into 3D using the 3D panel.<\/li>\n<\/ul>\n\n\n\n<p>Now, let&#8217;s dive in on how to make a 3d mockup in Illustrator.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-make-3-d-mockup-in-illustrator-step-by-step-guide\">How to Make 3D Mockup in Illustrator &#8211; <strong>Step-by-step Guide<\/strong><\/h2>\n\n\n\n<p>Here is a guide on how to make 3D mockup in Illustrator in a step-by-step manner.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-creating-the-shape\">Step 1: Creating the Shape<\/h3>\n\n\n\n<p>We have used the Can for our tutorial.<\/p>\n\n\n\n<p>This is a 3D mockup using <strong><a href=\"https:\/\/illustrator.adobe.com\/home\" target=\"_blank\" rel=\"noreferrer noopener\">Illustrator<\/a><\/strong>&#8216;s native 3D tools. It\u2019s not a photograph. To make this, we started by designing half of a Can shape and then used the 3D tool to complete the model.<\/p>\n\n\n\n<p>In the &#8220;<strong>3D and Materials<\/strong>&#8221; panel, we applied the &#8220;<strong>Revolve<\/strong>&#8221; effect. This revolved around the half-can shape to form a full 3D Can.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-revolve-effect-in-3d-and-material-1024x538.webp\" alt=\"use revolve effect in 3d and material\" class=\"wp-image-34909\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-revolve-effect-in-3d-and-material-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-revolve-effect-in-3d-and-material-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-revolve-effect-in-3d-and-material-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-revolve-effect-in-3d-and-material-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-revolve-effect-in-3d-and-material.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-adjusting-presets-and-perspective\"><strong>Step 2: Adjusting Presets and Perspective<\/strong><\/h3>\n\n\n\n<p>We adjusted the &#8220;<strong>rotation<\/strong>&#8221; to display the Can straight-on. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/adjust-presets-option-on-how-to-make-3d-mockup-in-illustrator-1024x538.webp\" alt=\"adjust presets option on how to make 3d mockup in illustrator\" class=\"wp-image-34911\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/adjust-presets-option-on-how-to-make-3d-mockup-in-illustrator-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/adjust-presets-option-on-how-to-make-3d-mockup-in-illustrator-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/adjust-presets-option-on-how-to-make-3d-mockup-in-illustrator-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/adjust-presets-option-on-how-to-make-3d-mockup-in-illustrator-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/adjust-presets-option-on-how-to-make-3d-mockup-in-illustrator.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&#8220;<strong>Perspective<\/strong>&#8221; tweaks allowed for subtle rounding on the top and bottom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/modify-perspective-in-illustrator-1024x538.webp\" alt=\"modify perspective in illustrator\" class=\"wp-image-34913\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/modify-perspective-in-illustrator-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/modify-perspective-in-illustrator-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/modify-perspective-in-illustrator-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/modify-perspective-in-illustrator-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/modify-perspective-in-illustrator.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-adding-metallic-texture\"><strong>Step 3: Adding Metallic Texture<\/strong><\/h3>\n\n\n\n<p>Under &#8220;<strong>Materials<\/strong>&#8220;, we added a metallic finish to achieve the aluminium look. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/under-materials-add-metallic-finish-1024x538.webp\" alt=\"under materials add metallic finish\" class=\"wp-image-34918\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/under-materials-add-metallic-finish-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/under-materials-add-metallic-finish-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/under-materials-add-metallic-finish-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/under-materials-add-metallic-finish-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/under-materials-add-metallic-finish.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The Lighting settings enhanced realism by simulating light from the top-left. We also added a second light source on the right for more depth.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/change-in-light-settings-on-how-to-make-a-3d-mockup-in-illustrator-1024x538.webp\" alt=\"change in light settings on how to make a 3d mockup in illustrator\" class=\"wp-image-34928\" style=\"border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/change-in-light-settings-on-how-to-make-a-3d-mockup-in-illustrator-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/change-in-light-settings-on-how-to-make-a-3d-mockup-in-illustrator-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/change-in-light-settings-on-how-to-make-a-3d-mockup-in-illustrator-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/change-in-light-settings-on-how-to-make-a-3d-mockup-in-illustrator-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/change-in-light-settings-on-how-to-make-a-3d-mockup-in-illustrator.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-applying-a-custom-label\">Step 4: <strong>Applying a Custom Label<\/strong><\/h3>\n\n\n\n<p>To add a label, we converted the Can design (in vector format) into a symbol by clicking &#8220;<strong>New Symbol<\/strong>&#8220;. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-new-symbol-to-convert-can-design-1024x538.webp\" alt=\"click new symbol to convert can design\" class=\"wp-image-34944\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-new-symbol-to-convert-can-design-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-new-symbol-to-convert-can-design-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-new-symbol-to-convert-can-design-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-new-symbol-to-convert-can-design-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-new-symbol-to-convert-can-design.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Back in the &#8220;<strong>3D and Materials<\/strong>&#8220;, under &#8220;<strong>Graphics<\/strong>&#8220;, we applied this &#8220;<strong>New Symbol<\/strong>&#8221; as a texture. Adjustments were made to the label\u2019s size and position to align it perfectly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/apply-texture-in-new-symbol-in-illustrator-1024x538.webp\" alt=\"apply texture in new symbol in illustrator\" class=\"wp-image-34950\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/apply-texture-in-new-symbol-in-illustrator-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/apply-texture-in-new-symbol-in-illustrator-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/apply-texture-in-new-symbol-in-illustrator-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/apply-texture-in-new-symbol-in-illustrator-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/apply-texture-in-new-symbol-in-illustrator.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-fine-tuning-the-3-d-mockup\"><strong>Step 5: Fine-Tuning the 3D Mockup<\/strong><\/h3>\n\n\n\n<p>We reduced the Can\u2019s shininess by increasing the &#8220;<strong>Roughness<\/strong>&#8221; value.<\/p>\n\n\n\n<p>These steps show how to make 3d mockup in Illustrator with the flexibility of Illustrator\u2019s 3D and Materials toolbox, allowing you to create realistic mockups from a single shape. We took the idea from <strong><a href=\"https:\/\/youtu.be\/BAxd4d0PKBc?feature=shared\" target=\"_blank\" rel=\"noreferrer noopener\">DKNG Studios<\/a><\/strong>.<\/p>\n\n\n\n<p>However, there are some limitations to using Illustrator. Let&#8217;s discuss this.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"limitations-of-using-illustrator-for-3-d-mockups\">Limitations of Using Illustrator for 3D Mockups<\/h2>\n\n\n\n<p>The current limitations are:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Unsupported Elements<\/strong>: Mesh, gradients, placed or non-native art, and raster effects won\u2019t work in mockups.<\/li>\n\n\n\n<li><strong>Clip Groups<\/strong>: Vector art with clip groups, like patterns, can\u2019t be used.<\/li>\n\n\n\n<li><strong>No Nested Mockups<\/strong>: You can&#8217;t make a mockup inside another mockup.<\/li>\n\n\n\n<li><strong>Quality Issues<\/strong>: Mockups may look off with shiny surfaces, tiny grooves, or sky images.<\/li>\n\n\n\n<li><strong>Effects Limitations<\/strong>: Mockups can&#8217;t directly apply vector effects. Use symbol editing mode instead.<\/li>\n\n\n\n<li><strong>Linked Files<\/strong>: Linked Illustrator files need to be embedded to work in mockups.<\/li>\n\n\n\n<li><strong>Single Image Only<\/strong>: Mockups can\u2019t include multiple images.<\/li>\n\n\n\n<li><strong>GPU Requirement<\/strong>: A GPU is needed for Mockup to function.<\/li>\n\n\n\n<li><strong>Multiple Vector Objects<\/strong>: Mockups with many vector objects can\u2019t be added to &#8220;Your Mockups.&#8221;<\/li>\n<\/ol>\n\n\n\n<p>Now, let&#8217;s show you the best 3d mockup generator to make product mockups in 3d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"make-3-d-mockups-in-mockey-ai\">Make 3D Mockups in Mockey AI<\/h2>\n\n\n\n<p>Mockey AI is one of the <strong><a href=\"https:\/\/mockey.ai\/blog\/best-mockup-websites\/\" target=\"_blank\" rel=\"noreferrer noopener\">best mockup websites<\/a><\/strong> to make 3d mockups. Here are the steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-sign-up-for-mockey\">Step 1: Sign Up for Mockey<\/h3>\n\n\n\n<p>Visit <strong><a href=\"https:\/\/www.mockey.ai\" target=\"_blank\" rel=\"noreferrer noopener\">Mockey.ai<\/a><\/strong>. Click <strong>Sign Up<\/strong> on the homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/sign-up-in-mockey-to-make-3d-mockup-1024x538.webp\" alt=\"sign up in mockey to make 3d mockup\" class=\"wp-image-35008\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/sign-up-in-mockey-to-make-3d-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/sign-up-in-mockey-to-make-3d-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/sign-up-in-mockey-to-make-3d-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/sign-up-in-mockey-to-make-3d-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/sign-up-in-mockey-to-make-3d-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-2-choose-3-d-mockup\">Step 2: Choose 3D Mockup<\/h3>\n\n\n\n<p>Look at the top navigation bar. Click <strong>3D Mockup<\/strong> to see different product templates.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-3d-mockup-in-the-navigation-bar-1024x538.webp\" alt=\"click 3d mockup in the navigation bar\" class=\"wp-image-35009\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-3d-mockup-in-the-navigation-bar-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-3d-mockup-in-the-navigation-bar-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-3d-mockup-in-the-navigation-bar-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-3d-mockup-in-the-navigation-bar-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-3d-mockup-in-the-navigation-bar.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-pick-a-product\">Step <strong>3: Pick a Product<\/strong><\/h3>\n\n\n\n<p>You\u2019ll find templates for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Coffee Mugs<\/li>\n\n\n\n<li>T-Shirts<\/li>\n\n\n\n<li>Books<\/li>\n\n\n\n<li>Jackets<\/li>\n\n\n\n<li>Posters<\/li>\n\n\n\n<li>Phone Covers, etc.<\/li>\n<\/ul>\n\n\n\n<p>For this guide, choose <strong>T-Shirt Mockup<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-upload-your-design\">Step <strong>4: Upload Your Design<\/strong><\/h3>\n\n\n\n<p>Click &#8220;<strong>Upload Your Images<\/strong>&#8220;. Use &#8220;<strong>Click or Drag and Drop<\/strong>&#8221; to include your photo. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-click-or-drag-and-drop-to-include-your-photo-1024x538.webp\" alt=\"use click or drag and drop to include your photo\" class=\"wp-image-35011\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-click-or-drag-and-drop-to-include-your-photo-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-click-or-drag-and-drop-to-include-your-photo-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-click-or-drag-and-drop-to-include-your-photo-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-click-or-drag-and-drop-to-include-your-photo-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/use-click-or-drag-and-drop-to-include-your-photo.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Adjust the image to fit the T-shirt. You can add more images if needed. Click <strong>Finish<\/strong> when your design looks good.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-final-touches\">Step <strong>5: Final Touches<\/strong><\/h3>\n\n\n\n<p>Adjust the &#8220;<strong>Aspect Ratio<\/strong>&#8221; if you want a different size. Go to the &#8220;<strong>Surface<\/strong>&#8221; section to change the T-shirt\u2019s texture or color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/go-to-the-surface-section-to-change-the-t-shirts-texture-or-color-1024x538.webp\" alt=\"go to the surface section to change the t-shirt\u2019s texture or color\" class=\"wp-image-35015\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/go-to-the-surface-section-to-change-the-t-shirts-texture-or-color-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/go-to-the-surface-section-to-change-the-t-shirts-texture-or-color-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/go-to-the-surface-section-to-change-the-t-shirts-texture-or-color-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/go-to-the-surface-section-to-change-the-t-shirts-texture-or-color-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/go-to-the-surface-section-to-change-the-t-shirts-texture-or-color.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-set-the-background\">Step <strong>6: Set the Background<\/strong><\/h3>\n\n\n\n<p>Choose a background:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Color<\/strong><\/li>\n\n\n\n<li><strong>Gradient<\/strong><\/li>\n\n\n\n<li><strong>Nature or Pre-designed<\/strong> backgrounds.<\/li>\n<\/ul>\n\n\n\n<p><strong>Try the Video Feature<\/strong>: Mockey now has a &#8220;<strong>Video&#8221; <\/strong>option to showcase your mockup in motion!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"step-7-download-your-3-d-mockup\"><strong>Step 7: Download Your 3D Mockup<\/strong><\/h3>\n\n\n\n<p>Go to the &#8220;<strong>Edit<\/strong>&#8221; section and click &#8220;<strong>Download<\/strong>&#8220;. Choose your plan:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-download-to-save-3d-mockup-1024x538.webp\" alt=\"click download to save 3d mockup\" class=\"wp-image-35016\" style=\"border-width:2px;border-radius:10px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-download-to-save-3d-mockup-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-download-to-save-3d-mockup-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-download-to-save-3d-mockup-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-download-to-save-3d-mockup-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/click-download-to-save-3d-mockup.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Free Plan<\/strong>: JPG (500 x 625 pixels).<\/li>\n\n\n\n<li><strong>PRO Plan ($5.7\/month)<\/strong>: PNG (up to 2000 x 2500 pixels).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>To sum up, we\u2019ve learned how to create a 3D mockup in Illustrator. While Illustrator has its pros and cons, it also requires a subscription. On the other hand, Mockey AI is a better choice because you don\u2019t need to be a design expert. Even, you can start for free.<\/p>\n\n\n\n<p>So, go ahead and <strong><a href=\"https:\/\/mockey.ai\/login\" target=\"_blank\" rel=\"noreferrer noopener\">sign up<\/a><\/strong> now!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\">FAQs<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1732714799494\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to do a 3D mockup in Illustrator?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create a 3D mockup in Adobe Illustrator, design your object, create a 3D shape using Effect &gt; 3D &gt; Revolve, and map your artwork via Map Art. Adjust lighting and materials for realism. Finally, render and save your 3d mockup for presentation or further editing.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1732714832129\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to create a 3D mockup?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Create a 3D mockup on Mockey.ai by signing up. Choose a template, upload your design, and customize materials, textures, and backgrounds. Once satisfied, export your high-resolution 3d mockup in your preferred format for easy sharing or presentation.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1732714847273\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to create a 3D design in Illustrator?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create a 3D design in Adobe Illustrator, set up a new document with a grid, draw basic shapes, apply 3D effects (Extrude, Revolve, Inflate), adjust settings (depth, rotation), customize lighting and materials, then finalize with color tweaks and export your design in your preferred format.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><strong>Related reading:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/what-is-a-3d-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">What Is a 3D Mockup and How to Create It<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-create-3d-mockup-in-photoshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create 3d Mockup in Photoshop<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/blog\/how-to-make-a-3d-book-mockup\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Make a 3D Book Mockup With Mockey<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ever wondered how to make 3D mockup in Illustrator? This guide will show you how! Plus, you&#8217;ll learn about an easy-to-use 3D mockup tool that works even if you have no design experience. Still want to design 3d mockups now, upload your images in the Mockey 3d mockup generator and customize it in minutes. Is [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":35007,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[7],"tags":[],"class_list":["post-34885","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide"],"uagb_featured_image_src":{"full":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/11\/how-to-make-3d-mockup-in-illustrator-150x79.webp",150,79,true]},"uagb_author_info":{"display_name":"Sangram Sahoo","author_link":"https:\/\/mockey.ai\/author\/sangram\/"},"uagb_comment_info":0,"uagb_excerpt":"Ever wondered how to make 3D mockup in Illustrator? This guide will show you how! Plus, you&#8217;ll learn about an easy-to-use 3D mockup tool that works even if you have no design experience. Still want to design 3d mockups now, upload your images in the Mockey 3d mockup generator and customize it in minutes. Is&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/34885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/comments?post=34885"}],"version-history":[{"count":58,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/34885\/revisions"}],"predecessor-version":[{"id":35018,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/34885\/revisions\/35018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/35007"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=34885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=34885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=34885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}