First, replace the existing Fill color with R=255 G=200 B=0 and then select the Stroke. Make sure that your compound path stays selected, bring it to the front using the Shift-Control-] keyboard shortcut, and then focus on the Appearance panel ( Window > Appearance). Simply go to Object > Compound Path > Make or use the Control-8 keyboard shortcut to turn your selected shapes into one compound path. Pick the Selection Tool (V) and select all the shapes that make up the top side of your isometric letters. Color & Organize the Top and Bottom Sides of Your Isometric Letters Step 1 Move to the Layers panel ( Window > Layers), expand the existing layer, and you should have a bunch of shapes, as shown in the following image. Make sure that the resulting group of shapes stays selected and hit the Shift-Control-G keyboard shortcut three times to get rid of all those groups and subgroups. With your isometric letters still selected, simply go to Object > Expand Appearance. In the end, things should look like in the following image. Click the More Options button, enter all the attributes shown below, and then click that OK button. Make sure that your text is still selected and go to Effect > 3D > Extrude & Bevel. How to Make Text Isometric in Illustrator Step 1 Add your piece of text and set its color to R=251 G=137 B=100.
Select the Silkscreen Expanded font and set the Size to 200 px. Pick the Type Tool (T) and focus on the Character panel ( Window > Type > Character). Go to Edit > Preferences > Units, and make sure that the three units of measurement are all set to pixels. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click that Create Document button.
Select Pixels from the Units drop-down menu, enter 850 in the width box and 600 in the height box and then click that Advanced button. How to Create a New Document & Add the Text You will need the following resource to create your own 3D isometric text in Illustrator:ġ.
How to make text isometric in Illustratorįollow along with this tutorial over on our Envato Tuts+ YouTube channel:Ĭreate an Isometric Type Effect in Adobe Illustrator.What You'll Learn in This Illustrator Tutorial The pack comes with the entire alphabet, which means that all you have to do is to put together the isometric letters and build your own text. A good example is this isometric text in Illustrator. If you don't have the time to learn how to make text isometric in Illustrator, you can always try Envato Elements, where you can find plenty of 3D isometric Illustrator assets. Next, you will learn how to quickly select a bunch of shapes with similar attributes and how to turn them into compound paths.įinally, you'll learn how to stylize and organize your isometric letters, how to create a simple background, and how to add a subtle shadow to your isometric text in Illustrator. In this tutorial, you will learn how to make a 3D isometric text in Illustrator.įor starters, you will learn how to create the isometric letters using the 3D Extrude & Bevel effect.
0 kommentar(er)
