Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Deke's Techniques is a collection of short Photoshop and Illustrator projects and creative effects that can be completed in ten minutes or less. The series is taught by computer graphics guru Deke McClelland, and presented in his signature step-by-step style. The intent is to reveal how various Photoshop and Illustrator features can be combined and leveraged in real-world examples so that they can be applied to creative projects right away.
Hey gang! This is Deke McClelland. Welcome to Deke's Techniques! Now a few episodes back, you may recall I showed you how to create an Indiana Jones type treatment and I set it inside this kind of fake movie poster. Well, a friend of mine, Mordy Golding, looked at this and said, "You know, you can really do a number on those credits inside of Illustrator. That stacked text could be handled automatically using a top-secret hidden feature. It's an Asian font function known as Warichu." And of course I said, "Gesundheit!" No I didn't.
I said, "Warichu?" And he said, "Absolute--ly, because that's how we talk around here." Here, let me show you exactly how it works. All right! So here are the final credits down here at the bottom of the illustration. We're going to start off inside of this document in which I've created the credit text but I haven't formatted it. Right now, it's just set in Arial. I'm going to go ahead and click on that text with the Black Arrow tool in order to select it. Then I'll go up here to the Character option. I'm going to click on it to select it. And the best font for this purpose is a font called Universe, and I'll go ahead and type in the first few letters and then press the Enter key or the Return key on the Mac.
Now, we'll come back to that one in just a moment. That's a commercial font that's available from Adobe. However, if you're looking for a free shareware font, then you want to try out one called SF Movie Poster, and it comes in a variety called Condensed right there. You can go ahead and Google that font in order to find it. Anyway, I am going to switch back to Universe, because it's going to give me the best results. I'm going to switch the Style from the default, which is 55 Roman, to the very first one, which is 39 Thin Ultra Condensed, which is your standard, everyday, average movie-poster font.
And then I'll go ahead and take that Type size value up to 20, where this particular illustration is concerned. Let's go ahead and zoom in here. Now you can see that this text doesn't look at all right when it's set in upper- and lowercase characters like this. So I'm going to click on the Character option, available to me up here in the Control panel, and then I'll click on the flyout menu icon and I'll switch to All Caps. Then finally, I'm going to change the Kerning from Metrics to Optical, which is going to give me the best results. It spaces the text out a little bit so it's slightly more legible.
Now at this point we want to go ahead and save off a character style. So I'll go up to the Window menu and I'll choose the Type command in order to bring up the submenu, and then I'll choose Character Styles in order to bring up my Character Styles panel. And I want to create a new style and name it at the same time, so I'll go ahead and Alt+Click or Option+Click on this little page icon to bring up the Character Styles options dialog box, and then I'll go ahead and call this style Normal credits and then click the OK button in order to create that style. Now it's very important that you apply that style by clicking on the style name like so, and then if you get a little plus sign, as I'm seeing here inside the Character Styles panel, then go ahead and Alt+Click or Option+Click on that style name in order to apply all of its attributes so that you don't have any local overrides going on. All right! I'm going to hide the Character panel now.
Now the next step is to give yourself access to the Asian Font Options that are available inside of Illustrator, and you do that by pressing Ctrl+K here on the PC, or Command+K on the Mac. That brings up the Preferences dialog box. And then you want to switch from General to Type, and you'll see this check box that says Show Asian Options. Go ahead and turn it on and click OK. Now what we want to do is select the first title, that is, the person's title, in this case SERIES CREATOR. I'll do that by switching over to my Type Tool, which I can get by pressing the T key, and then I'll double-click and drag over the words SERIES CREATOR.
And I'll click on the word Character up here in the control panel once again. Notice now that I have a handful of Asian Styling Options right here in the center of the panel. We're not interested in those for this effect; what we want to do instead is click on the flyout menu icon and then you want to go ahead and choose this option here, Warichu. And that will automatically stack the text as you see it there. I'll press the Escape key a couple of times in order to accept that formatting, and then I'll go ahead and zoom in on this text so I can see it very closely.
You notice that the title, SERIES CREATOR, doesn't align to the guy's name, MICHAEL, to the next of it. So we need to adjust our settings. Now the Warichu settings aren't all that sensitive. So you basically get about 90% of the work done with those settings using the standard type size and baseline shift options. Let me show you how that works. I'll go ahead and press the T key in order to switch back to my Type Tool. Double-click and drag over SERIES CREATOR once again. Click on the word Character up here in the control panel, click on the flyout menu icon and choose Warichu Settings in order to bring up the Warichu Settings dialog box.
Turn on the Preview check box so you can see what you're doing. Your settings will vary, but the settings that I found worked best for this specific illustration were a Scale value of 46%--and you can see that that reduces the relative size of the selected characters. Then I'm going to change the Line Gap option to -2 and press the Tab key. You'll see that reduces the space between those lines of type. Then I'm going to change Alignment, because this is a movie poster, to Right Aligned, which is the way it's typically done. Now I'll click OK.
You can see that things still aren't lining up quite right, and that's where our standard type size and baseline shift options come into play. I'm going to change the Type Size value from 20 to 20.6--again, for this specific effect, and I'll press the Tab key. You can see that increases the relative size of the type. Then I'm going to change that baseline shift value right there to -0.9 happened to work the best, and I'll press the Enter key or the Return key on the Mac in order to accept that modification, and I'll press the Escape key so we can see what we've done.
I'll go ahead and zoom in there. Now you can see that that text lines up very nicely. Now at this point we want to repeat that effect over and over again for the titles of each one of the people in our credits; however, I don't want to go to all that work every single time so I'm going to create another character style. And I'll do that by pressing the T key to switch to my Type Tool, double-click and drag over the text in order to select that title. Then I'll bring up my Character Styles panel once again. I'll create a new style by Alt+ Clicking or Option+Clicking on the little page icon, and this time I'll call this one Warichu credits, and then click OK in order to create the style.
Then finally of course you need to click on that style in order to apply it. If you get that plus sign once again, just go ahead and Alt+Click or Option+Click on the style name in order to remove any and all local overrides. Now that we've done that, we need to select all the other titles and style them. So I'll press the Escape key in order to deselect the text. I'll go ahead and zoom out here a little bit so that I can see the other titles in my text. There is the CONTENT MANAGER right there, so I'll go ahead and press the T key to get to Type Tool, double-click and drag over the text in order to select it, and then click on Warichu credits in order to apply that style.
Now it's just a matter of doing that over and over again. So I'll go ahead and escape out. Press the T key to select the Type tool, select SENIOR PRODUCER in this case, switch it to Warichu credits. Now press the Escape key again. You have to repeat these steps several times. Press the T key to switch back to the Type tool. This is the easiest way to work anyway. Double-click and drag over the text, apply Warichu credits like so, and we've got a couple more here. I'll go ahead and press the Escape key in order to accept that modification. We've got the SUPERVISING EDITOR right here.
I'll go ahead and select that type, apply Warichu credits. And then we've got just one more, THIS IDEA BY, and I'll apply Warichu credits to it as well, and we get that movie credit effect that we're looking for, as you can see right there. All right! Now that I've applied my modifications, I'll go ahead and press Ctrl+0 or Command+0 on the Mac to center the illustration on screen. That's how you create professional- quality movie-poster credits using the Japanese Warichu formatting option here inside Illustrator.
Find answers to the most frequently asked questions about Deke's Techniques.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.