Adobe Dimension tutorial: Create 3D Mockups

Part of Creative Cloud, Adobe Dimension offers a fast way to create mockups of packaging and other 3D objects bearing your designs. Here's how to use it.

Looking for a fast and cost-effective method of creating mockups to show clients? Welcome to Dimension, a brand new piece of software from Adobe that takes the hard work out of creating 3D concept artwork.

Dimension provides hundreds of customisable 3D objects – as well as the option to import your own .obj files – thousands of different materials and the ability to add your own customised branding. It takes all the hard work out of perspective and environment matching,

In this tutorial by photographer Tigz Rice uses only the built-in resources – and her logo – to show you how to build your very first mock-up in under 10 minutes.


Open Adobe Dimension and click on Create a New Project…


You should be greeted with a new working screen that looks like this.

Advertisement. Article continues below


Lets go ahead and add a coffee cup into our scene. To do this, go to the Asset panel on the left and find the Identity section. You may need to open it. Look for the Coffee Cup 3D object click on it to drop a coffee cup into the working area.


Next, we can customise our coffee cup a little by making it taller. To do this, click on the Select and Scale tool in the toolbar on the very left of the Dimension interface.

This will bring up a new triangular XYZ control point over the object.


Click and drag the green square at the top of the triangle to adjust the height of the coffee cup. You can also play around at this point with the other axis points if you wish.

Advertisement. Article continues below


Now, lets look at adding some materials to our coffee cup. In the Scene panel on the right hand side of the workspace, click on the Coffee Cup dropdown menu and select the Cup layer.

Next, click on the Cardboard material – which looks like a brown ball – in the Assets panel. This will automatically apply a cardboard texture to the cup.


Than, repeat the previous step for the lid of the coffee cup, choosing a material of your choice. Here, I’ve chosen to use Black Plastic.


Alternatively, if you want to think a little more outside the box, with your materials, click on the Materials icon at the top of the Assets panel to bring up a long list of available materials, including glass, metal, wax and even wood.

Advertisement. Article continues below


And, if that wasn’t enough materials for you, you can buy more – as well as 3D models – by clicking on Browse Adobe Stock at the bottom of the assets panel.


Back in the Dimensions workspace, lets look at adding some branding to the coffee cup.

Select the Cup from the Scene panel and either click on the Place Graphic as Decal icon in the Actions panel, or go to File > Import > Place Graphic as Decal.


Once you’ve chosen your log from your files, click Open to apply it to your coffee cup. You can change the Opacity, Metallic and Roughness sliders in Properties if required too.

Advertisement. Article continues below


Here, I’ve added some Metallic to make the logo more shiny, while also removing some of the roughness to give the impression of UV spot ink.


Using the circular Transform tools that appear over the logo, hold down the Shift key and click on one of the four white squares to resize the logo proportionally.


The middle target symbol will let you move the logo’s position on the cup. You can also use the white circle to rotate the logo if you wish.

Advertisement. Article continues below


Lets put the coffee cup into some context. Click on the Images icon in the Assets Panel to bring up all images and choose one from the list. Alternatively, go to File > Import > Image as Background and choose something from your own files.

Once you’ve chosen a background image, use the Match Image action to create a lighting setup that, er, matches your image. You can turn Environment Light, Match Sunlight and Match Camera Perspective on and off depending on how accurately it works. Press OK.


You can see that we now have a completely different viewing angle of the coffee cup, with the perspective lines now matching the perspective the bench. You can also see some new lighting effect with a shadow to match the directional lighting of the room.


The coffee cup currently appears to be floating in space, so lets now look at putting it into place within the scene. Firstly, use the Dolly Tool and click and drag up or down with your cursor to change the position of the coffee cup so it sits on the wooden table.

Advertisement. Article continues below


Then, use the Select and Scale tool, highlight the coffee cup in the Scene panel and use the white triangle to proportionally reduce the size of the coffee cup to be proportional with the environment.


Finally, use the Select and Move tool to position the coffee cup exactly where you want it within the scene.


Here I’ve gone for an aesthetically pleasing Rule of Thirds placement.

Advertisement. Article continues below


In the top right corner of the screen click on Show/Hide Render Preview to check your progress. Adobe Dimension will then start rendering your file so you can see how all the materials and effects look before exporting.


Once you’re happy with you’re results, switch to the Render Tab in the top left of the workspace, where you can choose a render Quality and Format to Export your scene to.