graphiccomb.blog

Rafiul Islam in Tutorial
Publish Date - 13/04/2017

How To Create A Text Style In Adobe Illustrator

Text style or text effect is one of the most important things for typography. If there is a text or multiple texts in a design, then the design is mostly dependent on the text style whether it looks good or not. To give a style in a text in Photoshop is very easy but in Illustrator, it is a little bit difficult. But with the following steps, you will learn how to create text style in Adobe Illustrator.

How To Create A Text Style In Adobe Illustrator | By Graphiccomb

From this tutorial, you will learn how to create a simple background and how to add some text. By using the Appearance panel, you will learn the how to work with several fills and effects and also linear gradients. Finally, you will learn how to copy text multiple times and how to easily adjust them.

Step 01 : Create a New Document

Press Ctrl+N to create a new document. Select Pixels from the Units drop-down menu, enter 1000 in the width and 600 in the height boxes, and then click that Advanced button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.

text_style_illustrator_graphiccomb_1

 

Step 02 : Create the Background

 Pick the Rectangle Tool (M) and focus on your toolbar. Remove the color from the stroke and then select the fill and set its color to #020202. Move to your artboard and simply create an 1000x600 px rectangle. Make sure that it covers your entire artboard as shown below. 

text_style_illustrator_graphiccomb_16

 

Step 03 : Create the Text

Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the No. Seven Regular font (or any bold font that you prefer), and set the size to 100 px and make it white.

text_style_illustrator_graphiccomb_2

 

Step 04 : Create the First Text Effect

To stylize the text, you need the Appearance panel. If you don't find it, then go to Window->Appearance Panel. You need the color panel also. Follow the same method to get the color panel.

text_style_illustrator_graphiccomb_3

 

Now in the Appearance panel, add a new fill using the Add New Fill button and set the fill color with #cc5e00.

text_style_illustrator_graphiccomb_4
text_style_illustrator_graphiccomb_5

 

Then by keeping this fill selected, hit the fx icon and set the offset path as shown as below.

text_style_illustrator_graphiccomb_6
text_style_illustrator_graphiccomb_7

 

Step 05 : Create the Second Text Effect

Repeat the Step 04. But this time set the color as #3c2100.

text_style_illustrator_graphiccomb_8
text_style_illustrator_graphiccomb_9

 

Step 05 : Create the Third Text Effect

Now add new fill with the color #fff200. After that, again add a new fill and this time use the linear gradient shown below (Window > Gradient).

text_style_illustrator_graphiccomb_10
text_style_illustrator_graphiccomb_11

 

Step 06 : Shear the text

To shear the text, select the text and go to Object->Transform->Shear and set the shear angle -10o vertically.

text_style_illustrator_graphiccomb_12
text_style_illustrator_graphiccomb_13

 

Step 07 : Add Another Text

To add this style to another text, simply duplicate this text and change your text and font. If you want to resize the text, then you have to expand the style first otherwise it will give you a unwanted result. To expand the style, go to Object->Expand Appearance.

text_style_illustrator_graphiccomb_14

 

Wow! This is the final result.

text_style_illustrator_graphiccomb_15

 

If you are interested in premium text style, then you may look at these smiley

Gold & Silver - Text Styles

Text style

Luxury Text Styles V215

Gold Text Styles

New 3D Text Styles

Text Styles

Supreme Fire Text Styles

lol

This Articles is Tagged With :

lol

Feedback - Leave a comment

Like GraphicComb On Facebook

SHARE