Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
- In this movie we're gonna take that gold ring that we created in the previous movie and we're gonna add some authentic, nerdy Elven text in order to create the famous ring from The Lord of the Rings series, and we're gonna do so in Adobe Illustrator. So, I'll go ahead and switch over to Illustrator now, and you can see, I've got my ring right there, and if I click on it, I'll select that lozenge shape. The reason we're not seeing a big selected ring is because we've assigned a dynamic effect on the fly.
So, if I press CTRL+Y, or COMMAND+Y on a Mac to switch to the outline mode, the only thing I'm going to see is a big X, which represents that imported image from the Fotolia Image Library, by the way, about which you can learn more and get deals at fotolia.com/deke, and then we've got this one path outline. Everything else is occurring on the fly. All right, I'm gonna press CTRL+Y, or COMMAND+Y on a Mac to switch back to the preview mode, and let's go ahead and darken up that ring by going up to this orange swatch on the left of the control panel.
I'll SHIFT+Click on it to bring up my RGB values. If you're not seeing the RGB values, you need to choose RGB from the flyum in here. I'm gonna dial in red value 50, and it's gonna take a moment. When I press the TAB key, it's gonna take a moment for things to turn green, because Illustrator has to do all that analysis on the fly. Then I'll take the green value down to 20, and press TAB once again to advance to the blue value, and then I'll take the blue value down to 10, and I'll press the ENTER key, or the RETURN key on the Mac, in order to accept that change.
We end up with this very dark, almost steely looking ring. All right, now I'm gonna press CTRL+SHIFT+A, or COMMAND+SHIFT+A on the Mac, to deselect the ring, and I'm gonna turn on this layer called Tengwar. Now, I don't know if I'm pronouncing it right, but I guess that's the Elven language that J.R.R. Tolkien invented, and a lot of people sort of sadly know how to speak this language. Fortunately, I was just able to find an SVG file online, so that's what we're looking at right now.
I'm gonna zoom out a little bit here. What we want to do is take this text, and wrap it around the ring, not only on the outside, but around the inside as well. That's how it works, you don't want to do this one wrong, because a lot of fantasy fans will be on your case. So, what we're gonna do is take this text and move it up to wherever, we're just trying to get things ready to go here. We need to map it, and instead of basically creating another line of text below it or over to the side, or what have you, we need to rotate the text.
We need to flip it around so it's upside down over here, and you'll see why shortly, but for now just indulge me. What we want to do is grab the rotate tool, and then ALT+Click, or OPTION+Click, right about here, why don't we try that? In order to bring up the rotate dialog box. Notice my preview check box is on so I can see things happen on the fly. I've set my angle to 180 degrees, you should do the same if you're working along with me. Then you want to click on the copy button in order to create a copy of that text. I'm not sure if this is gonna work out right or not, which is why it's so great we can always go back and modify things later.
All right, now what you want to do is get your black arrow tool, up here at the top of the toolbox, and I'm gonna SHIFT+Click on that original text to select it, and then I'm gonna drag things down just a little bit and I'm gonna do something strange here. Basically, we need to turn this into a symbol, and that means you should go up to the window menu, and choose the symbols command, which is way down here, to bring up that panel, and notice it's empty right now for this document. I cleaned out all the symbols just to avoid some confusion here.
As soon as I make a symbol, as soon as I drag this guy and drop him in there, then this becomes an instance of the symbol, and that's not really what I want. I just want to keep this free form. So, I'm going to drag my text up a little bit, and press the ALT key, or the OPTION key on the Mac, then drop it in order to make a copy. This is just a temporary copy. Now I'm gonna drag it and drop it into the symbols panel, and then I'll get the symbols options dialog box here. I'll just go ahead and call this guy "Inscription", and movie clip is the right type, believe it or not.
Basically, you want to leave everything else alone. So, now go ahead and click okay to create that new symbol, and now notice that we have a symbol where we used to have editable stuff over here. And I don't need that, so I'm just gonna press the BACKSPACE key, or the DELETE key on the Mac, to get rid of that instance of the symbol. The symbol itself still exists here inside the symbols panel. All right, now you want to hide that panel, and go ahead and zoom in on your document, if you're working the way I am. I'm going to turn off this Tengwar layer here in order to hide that text from view.
Then I'm gonna click under ring to select it once again. I'm seeing things flash on screen, and that's because I've got smart guides turned on under the view menu. I'm just gonna turn that off, so that we're not seeing the flashing anymore. All right, now we want to edit the dynamic effect, the 3D revolve that we applied in the previous movie. To do that, go to the window menu and scroll back up, in my case, to the word appearance here, click on it to bring up the appearance panel, and then you should see 3D revolve listed below the stroke and fill.
Click on it, and that will bring up the 3D revolve options dialog box. You have to turn the preview check box back on in order to see what you're doing. Now, click on the map art button, down here at the bottom. You may be seeing options, by the way, like that, it doesn't matter. Down here, no matter what, at the very bottom, you'll see a map art button. Go ahead and click on it, and then notice the word symbol right there. We only have one surface, that's a very interesting thing, so this surface wraps around both sides, and you can see it has a top side and a bottom side.
Wherever you're seeing white in this little surface map, that's something you can see. Wherever you see gray, that's a hidden edge. All right, so what we need to do is grab a symbol, we only have one, "Inscription", and it should pop in there in a second, and you should see it wrap all over the place. It should work out beautifully. I'm just gonna go ahead and drag this guy down a little bit like so, and it looks like the text is too high over here on the front edge, and it's also too high on the rear edge, which means that there's too much distance between the right-side-up text and the upside down text.
So, what you need to do is just go ahead and click okay. Then click okay again in order to apply that change. Now, a word of advice at this point, this is what I recommend you do, go up to the file menu and choose the 'save as' command, because we're starting to get into dangerous territory. What I mean by that is Illustrator might refuse to cooperate, we'll see. Or, it might even crash, we have that to look forward to, but I think the way we're working is gonna be okay. So, I'm gonna choose 'save as', and I'm just gonna go ahead and call this, let's say, "Temporary Ring", so that I know I'm representing my progress.
I'll go ahead and click on the save button, and that will bring up this Illustrator options dialog box. What I'm gonna tell you is to go ahead and set your version Illustrator CS6, because you can't lose anything going back to CS6 as things stand now. Just telling you that, even though you're gonna get some warnings, but they're all basically non-specific, so they're not very helpful. Make sure the check boxes that you see on are on, the default ones, and then just go ahead and click okay. You may get a warning saying that the program doesn't recommend you save to older formats, but don't worry about that.
So, now what we need to do is modify this symbol. So, just go ahead and press CTRL+SHIFT+A, or COMMAND +SHIFT+A on the Mac, to deselect your artwork, bring up your symbols panel, which by the way has a little icon that looks like a club, go ahead and click on that. Or choose symbols from the window menu, and then double click on your little symbol thumbnail there in order to enter the symbol isolation mode. Let's take this text here, the top text, this is all grouped together by the way, and press SHIFT+DOWN ARROW a couple of times, and then select this guy here and press SHIFT+UP ARROW a couple of times.
That might be too much. Actually, I'm gonna press SHIFT+DOWN ARROW, I'm gonna take these guys slightly farther apart. Then, to apply your changes, you press the ESC key, and that will take you back to your artwork. That does save the changes to the symbol, doesn't update the mapped symbol on the artwork however, so what you have to do is click on the ring, and we're gonna have to do this a few times. Then click on 3D revolve mapped now, here inside the appearance panel, that tells you you have some mapped artwork. Turn on the preview check box so you can see what you're doing, you have to do that over and over again as well, click on the map art button, and just kind of drag this stuff around a little bit.
You may have to reselect the inscription symbol, but most of the time you don't have to do that. Anyway, just go ahead and drag this guy down around to where you think it wants to go, and what we want to see is the text going all the way around the ring, and we want it to be pretty well centered. It looks pretty good to me, so I'll go ahead and click okay, and then I'll click okay again. Now I recommend you press CTRL+SHIFT+A, or COMMAND+SHIFT+A on the Mac, just to get rid of all that wire frame on screen.
Go up to the file menu and choose the save command to update your document, that way if something goes wrong you're protected because at this point Illustrator doesn't do autosaves. All right, now let's say you want some glow. You may recall the final version of the document, we'll take a look at it inside Photoshop once again, has a bunch of glow around the letters. It's a little bit erratic, but I think it looks really cool. So, this is where things become officially dangerous. If you don't like it when the program doesn't work, or it crashes, then you can just stop watching the movie.
But if you're feeling adventurous, then here's what you can do. Let's go ahead and double click the symbol once again to enter the symbol isolation mode. Then go ahead and click on one of these pieces of text. Go up to the effect menu, choose stylize, and choose outer glow. Now, for you, you may see some other settings here inside the dialog box. Make sure mode is set to screen, click on the color swatch in order to bring up the color picker dialog box, and dial in these values right here. Red 255, Green 200, Blue 50 for this shade of yellow.
That matches the shade of yellow assigned to the letters, by the way. Then click okay. Crank the opacity value all the way up to 100 percent, set the blur value to 5 points if you want to get the same effect as me, and you can turn on the preview check box if you want, but you're not gonna really see much because we're yellow on a white background. But anyway, that is the glow right there, click okay. Now, if we wanted to live dangerously, you could go ahead and apply the glow to the other letters as well, but let's say we want to play it safe. Then press the ESC key in order to apply your change.
It doesn't update, as you can see, so what you need to do is click on the ring again, click on 3D revolve mapped here in the appearance panel, turn on the preview check box, there's a fair amount of tedium involved here. You can go ahead and click on fewer options if you want just to shorten this dialog box, click on map art, and then it should update like so. But notice what happens, we get this kind of glow across the forward letters, but we don't even see the rear letters any more. A little bit of a bug, but we can address it, we got a workaround here, if you turn on shade art work slower, turn on that check box, and now you will see that rear artwork.
So, that's good. Now, click okay, and then click okay again, and then, for the sake of safety, go up to the file menu and choose the save command. I'm telling you, I'm really proud Illustrator that it's hanging in there, because I really had to find a very, very specific approach to get good results here. Anyway, I'm gonna press CTRL+SHIFT+A, or COMMAND+SHIFT+A on the Mac, to deselect the ring. We've got one more thing to do, which is apply the glow to the rear letters. Let's do that by double clicking on that symbols thumbnail once again. This time what you want to do is go to the layers panel.
This is the easiest way to work. Go ahead and twirl open this little inscription item right there, and notice how one of our groups has a dimensional meatball, and one of them has an empty meatball. What you want to do is press the ALT key, or the OPTION key on the Mac, and drag the sculptural dimensional meatball up to the other one like so, and that will copy this setting. Notice we have a plus sign next to the cursor, and that goes ahead and copies the outer glow. Now you can press the ESC key in order to save your change.
Now, it's not updated in the artwork, of course, so click on the ring to select it, go ahead and hide the symbols panel because we're done with it, switch to the appearance panel, click on 3D revolve mapped in order to bring up the dialog box, turn on the preview check box, go ahead and cross your fingers if you like, and ooh, look at that, it went ahead and updated without me doing anything here. So, we can now see that we have a nice glowy text in the background, awesome. Now click okay, and look at that, Illustrator survived the entire process.
All right, now I'm gonna switch back to the layers panel. Now, one thing, I wasn't really that happy with the way the shadows were working out around the inside of the ring, so I've got this other shape here. If you twirl open the ring layer right there, click on the little triangle to expand it, and then turn on this path that's hidden, you'll see that I've created a skewed ellipse. I'm gonna go ahead and click on it to select it, and I skewed incidentally using the free transform tool, and then you switch to this free distort mode right there, and that allows you to drag these handles independently of each other in order to stretch the ellipse around.
But I already got it the size I want, and I also filled it with a black to yellow gradient, and so what I'm gonna do at this point is switch back to my black arrow tool, and I'm gonna click at the word opacity up here in the control panel to bring up the transparency sub-panel, and I'll click on the word opacity up here in the control panel, and then I'll change the blend mode to soft light in order to produce this effect here. Now we have a little bit more darkness over here on the left-hand side, and a little more brightness on the right-hand side.
That's gonna help give us a little more contrast. All right, now press CTRL+SHIFT+A, or COMMAND+SHIFT+A on the Mac, in order to deselect the artwork. Then you can go up to the file menu and choose the save command in order to update your file now that it's all good to go. Now, you may look at this and think, "Well, it looks kinda jagged," the letters look pretty jagged on screen. "Are these really vectors, or were you working with a bitmap in the first place?" The fact of the matter is, those were vectors, this is just a screen redraw issue.
If you want to see this ring look really, really great, you want to export it to a pixel based image by going to the file menu and choosing the export command. So, what I recommend you do is set the file format to TIF. I wouldn't go with Photoshop, because if you try to write the independent layers it's gonna take forever. So, instead you're better off saving a more or less flat file by choosing TIF, and then turn on use artboards, so you go ahead and crop the image to the size of the artboard, and you can save it as "Temporary Ring", or anything you want.
I came up with "Exported Raster Ring" here, and it does take a few moments to save. But in the end I achieve this pixel-based image that you see right here. So, to check it out in all its glory I'll go ahead and press the F key a couple of times, and that friends, is how you map authentic Elven text onto your 3D ring inside Illustrator.
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42688 Viewers
119 Video lessons · 54049 Viewers
65 Video lessons · 14364 Viewers
113 Video lessons · 82839 Viewers
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.
Your file was successfully uploaded.