Viewer is an unimaginable device that brings your 3D tasks to life! With its real-time rendering capabilities, you’ll be able to preview your textures, supplies, and fashions in realistic-looking environments and lighting, making it simpler than ever to fine-tune your designs.
Mix that with Photoshop, and also you unlock a seamless workflow that blends 2D and 3D design! Whether or not you’re engaged on product mockups, creating idea artwork, or experimenting with new concepts, the mixing opens up infinite prospects.



What you will study on this article
On this article, we’ll present you the best way to make a picture in Photoshop utilizing a 3D mannequin and Substance 3D Viewer. We’ll information you step-by-step by the method of linking the 2 instruments, customizing your 3D artwork, and exporting the outcomes. And don’t be concerned in case you’re new to 3D—we’ll preserve it easy, enjoyable, and beginner-friendly. Matters we cowl will embody:
- How you can use Adobe Substance 3D Viewer
- Is Adobe Substance a part of Artistic Cloud?
- How you can edit the look of 3D fashions reminiscent of coloration and supplies
- How you can change the viewing angle of a 3D mannequin after which import it to Adobe Photoshop
- How you can create 3D pictures utilizing Adobe Photoshop and Substance 3D Viewer
What’s Adobe Substance 3D Viewer?



Adobe Substance 3D Viewer is a real-time 3D visualization device that permits you to view and tweak 3D recordsdata effortlessly. The most effective half? It performs completely with the Photoshop (beta) app, letting you drop 3D fashions straight into your 2D designs as editable Sensible Objects.
In observe, it makes collaboration between 3D artists and graphic designers a breeze. 2D artists can merely drag and drop 3D fashions into Photoshop, the place they’ll edit and refine them effortlessly.
What you want



To observe together with this tutorial, you will must obtain the next apps out of your Adobe Artistic Cloud, in addition to a few assets from Envato:
1. How you can obtain Photoshop (Beta) and Substance 3D Viewer (Beta)
Is Adobe Substance a part of Artistic Cloud? It could be laborious to search out, as a result of the Beta apps can really feel a bit hidden away contained in the app. Let’s examine how we will discover it.
Step 1
Go to the Adobe Artistic Cloud web site and obtain the Artistic Cloud desktop app if it isn’t already put in.



Step 2
Open the Artistic Cloud desktop app and navigate to the Apps tab within the left-hand menu.



Step 3
Click on on the Beta button on the high, which is able to then present you all of the accessible beta apps which might be accessible to you in your account. From there, discover and set up each Photoshop (Beta) and Substance 3D Viewer (Beta).



2. How you can navigate the scene
On the backside of the display, you will discover the navigation bar. This may change relying on what sort of mouse you’ve gotten (three-button, two-button, or trackpad), and it’ll present you what every mouse button does in the midst of the bar.



Navigating the scene utilizing a three-button mouse might be as follows:
- Orbit (proper mouse button): Click on and maintain the precise mouse button, after which drag to rotate round your 3D object. This lets you view your mannequin from any angle.
- Pan (center mouse button): Maintain the center mouse button and drag to maneuver the view back and forth or up and down.
- Dolly (scrolling up and down with the mouse wheel): Use the scroll wheel in your mouse to zoom nearer to or additional away out of your mannequin.
3. How you can discover and obtain 3D property (from Envato)
Undecided the best way to create 3D fashions your self? With Envato, there is no must discover ways to make 3D fashions. It is a improbable useful resource for high-quality 3D property, providing an enormous library of fashions, textures, and extra!
Step 1
Use the Search Bar on the high of the homepage and choose 3D from the dropdown menu. Then you’ll be able to search for particular property, reminiscent of “3D characters,” “furnishings,” or “props”. For this tutorial, we’ll sort in “headphones” and see what comes up.



Step 2
Use the filters on the left-hand aspect to slender your outcomes with choices reminiscent of file codecs, themes, and extra!



Step 3
Click on on any asset thumbnail to view detailed previews and skim an outline of the merchandise.



Step 4
Hit the Obtain button to retailer it in your laptop, prepared for use in Adobe Photoshop and Substance 3D Viewer.



4. How you can discover and obtain 3D property (from Substance 3D Property)
Undecided the best way to make 3D fashions? Then that is the place for you! Substance 3D Property is one other improbable useful resource if you have not learnt the best way to make 3D fashions your self. Yow will discover high-quality 3D fashions, supplies, and property to boost your tasks. That is wonderful in case you’re brief on time and must create 3D fashions as shortly as doable.
Step 1
In the event you’re already signed into your Adobe Artistic Cloud app, you’ll be able to entry and obtain 3D property from the Inventory & Market tab within the left-hand menu, after which choose 3D from the record of things on the high.



Step 2
Alternatively, you’ll be able to go to the Substance 3D Property web site, which gives you entry to the identical 3D fashions out of your internet browser. Merely log into the web site along with your Adobe account to achieve entry.



Step 3
As soon as logged in, you’ll see a variety of 3D property, together with 3D fashions, supplies, and setting maps. Use the Search Bar on the high to search out particular property or browse by classes reminiscent of Structure, Nature, or Props.



Step 4
As soon as you have discovered the 3D asset that you simply need to obtain, you’ll be able to click on on it to take a look at a bigger preview picture after which click on on the Obtain button to obtain it onto your laptop.



5. How you can import a 3D mannequin into Photoshop
Now let’s take a look at the method of importing a 3D mannequin into Photoshop, step-by-step.
Step 1
This workflow kicks off in Photoshop! We’ll start opening the design template in Adobe Photoshop that can function the backdrop for integrating your 3D mannequin. On this tutorial, we’ll use the Infinite White Flooring Highlight Backgrounds from Envato.



Step 2
Drag and drop your 3D mannequin file straight into the canvas. Supported codecs embody OBJ, FBX, and different frequent 3D file sorts.



Step 3
Your 3D mannequin will seem as a Sensible Object within the Layers panel.



Step 4
From there, you’ll be able to choose your newly created Sensible Object layer and use it as you’d usually! Use Photoshop’s customary instruments to:
- Transfer: Alter the place of the 3D mannequin layer inside your design.
- Scale: Resize the mannequin by dragging the handles on the bounding field.
- Rotate: Modify the mannequin’s orientation to suit the composition.



6. How you can edit the angle and lighting of a 3D mannequin
Step 1
To refine your 3D mannequin’s particulars, you’ll must open it in Substance 3D Viewer (Beta), which you are able to do in Photoshop. Here is how we do that:
- Choice 1: Double-click the Sensible Object thumbnail within the Layers panel.
- Choice 2: Choose the layer and click on Edit Contents within the Properties panel.



Step 2
Substance 3D Viewer will now open, and your 3D mannequin will seem in view right away.



Step 3
Lighting and digicam positioning are essential for showcasing your 3D mannequin successfully. Let’s begin with the digicam! Use the navigation controls to set the perfect viewing angle on your mannequin. Be sure that the 3D mannequin may be seen in full, throughout the viewport (in any other case it’s going to seem cropped if you ship it again into Photoshop).



Step 4
Open the Atmosphere panel positioned on the precise to entry the lighting choices. Right here you’ll be able to regulate issues just like the Brightness and Rotation of the sunshine throughout the scene. For this picture, we’ve adjusted the next:
- Brightness: +0.82
- Rotation: +3



Step 5
You too can click on the Floor aircraft enabled button so as to add a shadow to the underside of the 3D object. This may add that additional flavour of authenticity to the design.



7. How you can edit the supplies of a 3D mannequin in Substance 3D Viewer
Step 1
The Look panel, which is positioned on the precise, gives highly effective instruments to change the supplies of your 3D object, permitting you to customise its feel and look.



Step 2
Click on on the a part of the 3D object the place you need to change the fabric. The chosen half might be highlighted within the 3D View, and its corresponding materials might be displayed within the Look panel.



Step 3
From there, you’ll be able to work your means down the record of choices to vary the looks of the highlighted object. Use the sliders and settings to regulate its properties, together with:
- Base Coloration: Change the first coloration of the fabric.
- Metalness: Alter the metallic look of the fabric.
- Roughness: Management how clean or shiny the floor seems.



Step 4
Additional down the record of choices, you will discover the Translucency choices. This controls how gentle passes by a fabric, simulating the impact of semi-transparent or light-absorbing surfaces. You should use this selection to create realistic-looking supplies reminiscent of glass, skinny plastic, and ice.



Use the Translucency slider to regulate the energy of translucency. A better worth will enhance the sunshine passing by the fabric, making a extra clear impact. A decrease worth will scale back the translucency, making the fabric seem extra strong.
Step 5
Adjusting these choices will cowl most supplies, however be happy to play with the extra properties to see what you’ll be able to give you! The Further Properties part within the Look panel contains superior settings that enable for finer management over the fabric’s conduct and look, which can assist you obtain extremely detailed and bodily correct supplies on your 3D fashions.



8. How you can use materials presets
Step 1
Materials presets are pre-configured supplies that may be shortly utilized to your 3D fashions, saving time and guaranteeing high-quality outcomes. This library comprises numerous pre-configured supplies like metals, plastics, materials, and extra.
You possibly can entry this by clicking on the Materials Presets button, positioned on the backside of the Look panel.



Step 2
Use the Search Bar on the high of the Materials Library to search out particular presets, or scroll by the accessible classes which embody issues like ceramic, material, leather-based, steel, stone, wooden, and extra!



Step 3
Choose the a part of your 3D mannequin the place you need to apply the fabric, after which merely choose the fabric you need utilized to the item. Right here we have added Plastic Textured to a part of the 3D mannequin.



Step 4
You possibly can even add metallic supplies too! Right here we have chosen Chrome for a part of the 3D headphones object.



After making use of a preset, the fabric’s settings will seem within the Look panel. You possibly can then customise the fabric to your liking by modifying properties reminiscent of color. Every materials might have totally different settings that are particular to it, so be happy to experiment!
Step 5
Repeat these steps till your complete mannequin is full!



9. How you can create 3D pictures again in Photoshop
Step 1
When you’re proud of the edits, it’s time to ship the up to date 3D mannequin again to Photoshop! Click on the To Photoshop button in Substance 3D Viewer.



Step 2
The up to date 3D mannequin will seem within the Sensible Object layer inside Photoshop. From there, you’ll be able to proceed enhancing your Photoshop composition as regular.



Step 3
If you wish to bounce again into Substance 3D Viewer, merely double-click the Sensible Object layer and repeat the steps. This makes it extremely simple to regulate issues like colors and angles on your 3D object on the fly.



10. And that is it!
Diving into 3D workflows and studying the best way to create 3D fashions may be daunting, however with Photoshop and Substance 3D Viewer, it is simple! From importing fashions to tweaking supplies and lighting, you’ve bought all of the instruments essential to convey your concepts to life.



Now that you understand how to make use of Adobe Substance 3D Viewer, it’s time to mess around, discover presets, and experiment with customizations. With Adobe’s highly effective instruments and assets, the chances are infinite. And in case you’re brief on time to create 3D fashions your self, remember that you may obtain some from Envato. So go forward, get artistic, and make one thing wonderful!
Uncover extra 3D tutorials and assets
I hope you have loved this tutorial on the best way to use Adobe Substance 3D Viewer. If you would like to study extra cool 3D abilities, together with the best way to create 3D fashions for your self, we have extra tutorials for you: