Stitched Logo Text.docx

7/28/2019 Stitched Logo Text.docx

1/8

Step 1

Create a new document and without the Type tool (T) and type out some text. Change the font towhatever you like. I suggest using something heavy like theMuseo Slab 1000font I am using.

Step 2

Before we start adding new fills and strokes from the Appearance panel, it is good to start with a cleanslate. Select you text and take off any fill or stroke.

Step 3

From the pop-up menu of the Appearance panel, select New Fill. Keep the default black color for now, wewill be changing it later on in the tutorial.

Step 4

Again, create another New Fill From the Appearance panel. Select the second fill in the Appearancepanel and change the fill to a red color.
http://new.myfonts.com/fonts/exljbris/museo-slab/http://new.myfonts.com/fonts/exljbris/museo-slab/http://new.myfonts.com/fonts/exljbris/museo-slab/http://new.myfonts.com/fonts/exljbris/museo-slab/


2/8

Step 5

Select the red fill in the Appearance panel then go Effect > Convert To Shape > Rounded Rectangle.When the Shape Options dialog opens select the Relative radial button and change the Extra Width andExtra Height to 18 px. These number might be higher or lower depending on the dimensions of you text.

Step 6

With the red fill selected in the Appearance panel, press the Duplicate Selected Item button at the bottomof the Appearance panel. Change the last red fill in the list to a gray color. With the gray fill still selected,go Effect > Path > Offset and change the Offset in the dialog to 5 px. Just like in the previous step thisnumerical values might change depending on the size of your text.


3/8

Step 7

Now that we have all the major shapes done, we can start by add some detail and stitching to the text. Tostart, select the first black fill in the Appearance panel. Change the fill to a liner gradient with the first colorstop in the gradient white and the second color stop a light gray. From the Gradient panel change theAngle of the gradient to -90.


4/8

Step 8

With the text selected, choose New Stroke from the pop-up menu of the Appearance panel. Change thecolor of the stroke to gray, set the Weight to 1pt, check the Dashed Line checkbox, and input 2 pt in thefirst Dash filed of the Stroke panel. Next, go Effect > Path > Offset and change the Offset in the dialog to -2 px.

Step 9

Select the main white text linear gradient fill in the Appearance panel and press the Duplicate SelectedItem button. Select the second white text gradient, fill it with a light gray and choose Multiply for theBlending Mode from the Transparency panel. Next go Effect > Distort & Transform > Transform. With theTransform dialog open, change the Vertical Move to -2 px.


5/8

Step 10

Select the red color fill from the Appearance panel and change it to a linear gradient. From the Gradientpanel, change the first color stop to red, the second to dark red, and change the Location to -90.


6/8

Step 11

From the pop-up menu of the Appearance panel, choose New Stroke. Next, Go Effect > Convert toShape > Rounded Rectangle, change the Extra Width and Height to 10 px, and change to Corner Radiusto 5 px. Change the stroke to a light yellow color, change the weight to 1.5 pt, and change the DashedLine value to 8 pt.

Step 12

With the yellow stroke selected, press the Duplicate Selected Item button in the Appearance panel. Makesure you have the second yellow stroke selected and go Effect > Distort & Transform > Transform. In thedialog, change the Vertical Move to -2 px. Next, change the stroke color to a light gray and set the

Blending Mode to Multiply.


7/8

Step 13

Select the last fill in the Appearance panel list, change the fill to a linear gradient, change the first colorstop a light gray, the second color stop to a gray color, and change the location of the gradient to -90 fromthe gradient panel. With the last fill still selected, go Effect > Stylize > Drop Shadow. In the Drop Shadowdialog, change the Opacity to 50, X Offset to 0, Y Offset to 5 px, and the Blur to 5 px.


8/8

Final Image

Now we have a nice stitched type treatment. Even better, it is fully editable! You can change the font oreven apply it to other vector objects. I suggest creating a Graphic Style to make applying the treatmentextremely easy. Simply select your text treatment and press the New Graphic Style button in the GraphicStyles panel. Below are some examples of different text and icons. Have fun!

Stitched Logo Text.docx

Documents

Transcript of Stitched Logo Text.docx