How to Make a Flat Image 3D in Illustrator

With the intention to make a flat picture 3D, Illustrator has the 3D and Supplies window with loads of settings and funky options to use. Let’s uncover them and create this 3D look in minutes!

If you do not have the time to discover ways to flip a picture from flat to 3D, you’ll be able to all the time attempt Envato Elements, the place you will discover a big number of assets which are prepared for use to create distinctive 3D types.

What You may Be taught in This Tutorial

  • put together art work for making use of 3D results
  • convert a flat picture to 3D in Adobe Illustrator
  • save a 3D graphic type in Illustrator

Tutorial Belongings

You may want the next assets as a way to full this mission:

1. Make a Flat Object Look 3D in Illustrator

Step 1

Launch Illustrator, go to File > Open, and find the Cute Cat Witch Sitting on Pumpkin file that you simply downloaded in your pc. Choose the whole art work, and let’s scale it down from 4000 x 4000 px to about 1500 x 1500 px. We’re doing this in order that the 3D results might be utilized quicker and won’t decelerate your pc as they might if the art work had been too massive.

To take action, sort 1500 px because the Width and Peak within the Rework panel. As soon as that is accomplished, go forward and Ungroup (Shift-Ctrl-G) the art work just a few instances till all the weather are separate. Now you’re able to discover ways to make a flat object look 3D in Illustrator.

How to open a file in IllustratorHow to open a file in IllustratorHow to open a file in Illustrator

Step 2

First, you might want to clear up the art work by eradicating all of the outlines, highlights, shadows, or another particulars. Choose all these shapes utilizing the Choice Instrument (V) and delete them. As soon as you’re accomplished with the cat (2), proceed with the pumpkin. I made a decision to maintain the spotlight form on the high of the pumpkin in order that we do not lose too many particulars on it, however I changed the prevailing appearances with a flat indigo coloration (3). 

How to clean up artwork before 3D effectsHow to clean up artwork before 3D effectsHow to clean up artwork before 3D effects

Step 3

The subsequent key step in changing a flat picture to 3D is to arrange the art work. Choose all of the shapes that make up the facial features of the cat and Group them (Management-G). Subsequent, choose all of the shapes that make up the pumpkin face and make one other group. I recommend that you simply additionally preserve the cranium separate from the neck of the cat. 

Every little thing else that makes up this cute illustration (with out the background) needs to be in one other group that I’ve known as “Cat on pumpkin”, and we are going to apply the 3D impact to this group solely. Transfer the face of the cat and the face of the pumpkin subsequent to your artboard for the second. 

How to organize artwork before 3D effectsHow to organize artwork before 3D effectsHow to organize artwork before 3D effects

Step 4

With the intention to discover ways to make a flat picture 3D in Illustrator, choose the Cat on pumpkin group and go to Impact > 3D and Supplies > Inflate. Hold the settings as they’re, and you’ll already see a cool 3D look.

How to apply 3D Inflate effect How to apply 3D Inflate effect How to apply 3D Inflate effect

Step 5

Change to the Supplies tab on the high of the 3D and Supplies window. We’ll preserve the Default materials for the look we wish on this case, however be happy to take a look at the record of different helpful supplies that you should utilize in future initiatives.

Set the Base Properties settings:

  • Roughness: 0.65
  • Metallic: 0.2
How to apply 3D materials in IllustratorHow to apply 3D materials in IllustratorHow to apply 3D materials in Illustrator

Step 6

Whereas the Cat on pumpkin group stays chosen, change to the Lighting tab on the high of the 3D and Supplies window.  Set the colour to off-white, after which change the remainder of the settings as indicated.

How to change Lighting settingsHow to change Lighting settingsHow to change Lighting settings

Step 7

Now, choose the Cat face group and, within the 3D and Supplies window below the Supplies > Graphics tab, select Add as Single Graphic to avoid wasting your graphics. Do the identical for the Pumpkin face group.

How to save 3D graphics How to save 3D graphics How to save 3D graphics

Step 8

Whereas the Cat on Pumpkin group stays chosen, go to the Supplies > Graphics window and click on on the Cat face graphic to use it to the 3D object. Discover the circle containing the graphics on the cat: seize it and drag it to the proper spot within the middle of the cat’s head.

How to apply graphics on 3D objectHow to apply graphics on 3D objectHow to apply graphics on 3D object

Step 9

As soon as you’re proud of the consequence, go forward and click on on the Pumpkin face graphic to use it. Seize and transfer the circle containing the graphics to the proper spot, within the middle of the pumpkin. How simple is that this, proper?

How to apply graphics on 3D object in IllustratorHow to apply graphics on 3D object in IllustratorHow to apply graphics on 3D object in Illustrator

2. Save a 3D Graphic Type

Step 1

Earlier than making use of any form of graphics to the 3D object, it can save you this 3D type within the Graphic Kinds window. With the Cat on pumpkin group nonetheless chosen, merely click on on the New Graphic Type icon on the backside of the Graphic Kinds window to reserve it. 

How to save 3D graphic styleHow to save 3D graphic styleHow to save 3D graphic style

Step 2

Now, you’ll be able to simply apply the identical type to another art work, icons, characters, and so forth. After that, you’ll be able to apply their faces or another particulars that have to be included.

Listed here are different cute examples: a Cute ghost holding a pumpkin and a Cute Cat holding a skull

How to use 3D graphic styleHow to use 3D graphic styleHow to use 3D graphic style

Congratulations! You are Executed

Now you understand how to make a flat image look 3D in Adobe Illustrator. Discover all of the settings and choices obtainable within the 3D and Supplies window to create a singular 3D type that is excellent to your mission.

Ensure to take a look at Envato Elements, the place you may discover loads of assets like characters, illustrations, icons, and logos which are prepared so that you can obtain and use.

How to Make a Flat Image 3D in Illustrator final imageHow to Make a Flat Image 3D in Illustrator final imageHow to Make a Flat Image 3D in Illustrator final image

Envato Elements is a superb useful resource for graphics that you should utilize to transform into 3D.

Now that you’ve got realized tips on how to make a flat image look 3D, we’ll discover some ready-to-use alternate options obtainable on Envato Elements. You may obtain as many as you want with a subscription. Let’s have a look!

Halloween 3D Icons (PNG)

This set is a implausible possibility in case you’re in search of 3D Halloween icons which are prepared for use in your initiatives. They’re modern-looking, colourful, and appropriate for a lot of designs. Have enjoyable!

Halloween 3D icons available on Envato Elements Halloween 3D icons available on Envato Elements Halloween 3D icons available on Envato Elements

Animal 3D Icon Set (PNG)

How cute is that this set of 3D animals, proper? They might be excellent for all types of inventive designs, avatars, sport design, prints, playing cards, and a lot extra. Embrace them in your mission, and they’re going to positively draw everybody’s consideration.

Animal 3D icon set available on Envato Elements Animal 3D icon set available on Envato Elements Animal 3D icon set available on Envato Elements

Wish to Be taught Extra Adobe Illustrator?

Did you want this tutorial on tips on how to make a flat picture 3D in Illustrator? We now have a great deal of tutorials on Envato Tuts+ that educate many different helpful methods. Here’s a record of tutorials specifically made for you. Have a look!

Trending Merchandise
[product_category category=”trending” per_page=”8″ columns=”2″ orderby=”date” order=”desc”].

We will be happy to hear your thoughts

Leave a reply

MyStudioCafe
Logo
Compare items
  • Total (0)
Compare
0