Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
One of the coolest things about working with 3D inside of Illustrator is the capability to take artwork, which is two-dimensional and then wrap it around the surface of a 3D object. That method is called Artwork Mapping. There are a few ground rules that you have to have in place before you can start doing Artwork Mapping though. Rule number one is you obviously need to first create a 3D object. Second of all, in order to map artwork onto a 3D surface, any mapped artwork must first be defined as a symbol. So we already know how to create symbols and define our own symbols. You will notice that in this document here it's called the artwork_mapping and you will find it inside of Chapter 14 of your exercise files. If I go to my Symbols panel, you will see that I have a symbol here called Highway Surf and the another one called Groundswell Logo and we are going to use these symbols and place them onto the surfboard here, which will turn it to 3D.
So for now I'm going to close the Symbols panel. I just want you to be aware where those symbols do exist right now in the file. I'm going to click on the particular surfboard, remember, we are going to be applying now an extrude effect to this particular surfboard to make it look like it's 3D. So what we are going to do is make sure that we have no Stroke applied to it, I'm going to apply a Fill color. You can change the Fill color if you'd like Remember, this is a live effect, so if you want to, at any time we can really change the color later, may be we will explore that shortly. What I'm going to do is I'm going to the Effect menu, choose 3D, Extrude & Bevel. I click on the Preview button and now I get that lovely effect. I'm going to go ahead and choose like this, let's make a little bit thinner, surfboard isn't that thick, let's do may be 25 points for example. Now we get a nice 3D look on that. We are also going to apply a rounded Bevel, which will give me a little bit more of a realistic effect on that particular surfboard.
May be I'll change the height of that Bevel to around 6 points. So now I get a beautiful round effect there and I have a surfboard that looks pretty much realistic. When you click OK, I'm going to move it just over to the side of the screen here so we can focus little bit more on the user interface for the 3D effect. So remember, this file already has a symbol applied to it. The symbol is a Groundswell logo and also the Highway Surf logo. Let's take a look now and see how we can apply that through this 3D shape. I'm going to start off by first coming here to the Appearance panel and clicking on the 3D Extrude & Bevel effect to edit that particular effect.
Again, I'll click on the Preview button to go ahead and see what that looks like. Notice that there is a button here called Map Art. I'm going to click on that button. Now when you work with Map Art, you basically now have the ability to see what the side of your object looks like, and what's going to happen is that as I'm going to choose a side, I can choose, which side I want to place the artwork onto. Now the way that this surfboard is created right now, I have a front face, but I also have the bottom of this surfboard, which I currently can't see right now. In fact, if I use these arrows here where it says Surface, I can toggle through the different surfaces that exist inside of my surfboard, for example, surface number 2 is the bottom. I can see that very easily inside of Illustrator because Illustrator helps me out. See how this is shaded dark, but if I go back to surface number 1 right now, surface number 1 is light over here, this particular gray area is a light gray. Here is the dark gray.
Well, Illustrator is letting me know by indicating the dark gray areas that those are parts or areas of the file that I currently cannot see. It will be able to map artwork onto that side but I won't be able to see it unless I go back to my 3D dialog box and change the rotation of 3D objects that I'd be able to see that bottom side of the surfboard. But for now I'm going to go back to Surface number 1. By the way, Illustrator also gives me a little bit of red highlight on the screen to help me identify where that side is in the particular 3D shape. Now what I want to do is I want to actually put the artwork on here. Now remember, I said before the artwork had to be defined as a symbol. If you go over here there is a pop-up list of all the symbols that are currently inside of your file. This is again one of the reasons why it's important that you have to first define your artwork as symbol. If you don't, then it won't show up in this list and then there is no way to get that artwork onto the surfboard in this example.
So let's first explore putting this Groundswell logo on there. I'm going to go ahead and click once and now you could see if I move this over here to the bottom a little bit so I can take a look that the logo now appears right on the surfboard. On the bottom over here there is an option called Shade Artwork. Now right now the artwork is not shaded at all, but if I click on this option, the lighting settings that I specify for this surfboard will now also affect the artwork that's mapped onto that surfboard. I'm going to click OK now, and I'm going to show you that if I go ahead and I now adjust this, the artwork is now literally stuck onto the side of that particular surfboard, and as I change the lighting settings, I can also see that that will be affecting the particular artwork. Now in this case, the artwork is black so I really don't see much of a difference but let's actually switch up the artwork with that other symbol.
Let's go over here to the Map Art option again and instead of this particular symbol, let's choose the other symbol here that I created called Highway Surf. See how that is now on the artboard there. I could position it anywhere I want to by moving it around here. I can even go ahead and rotate it so that it's facing a different area. Let's go ahead and rotate it like this. Let's put it right smacking the middle. Excellent! Now again, make sure the Shade Artwork button is checked, click OK, and now when I start to change the Shading options, you can see that I can adjust the artwork as well. Now the artwork is darker, now the artwork is lighter because it's taking on the Shading settings that I'm using for the overall 3D shapes.
So let's say, I do something like this, let's rotate my surfboard to look something, let's say, like that, may be a little bit more of an angle, click OK and that's how you can create a 3D shape using this artwork mapping feature. It's a wonderful way for you to create product markups or create realistic looking artwork with just a few clicks like we did here.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.