People tend to forget that Illustrator contains several Photoshop filters that can be applied directly to vector objects inside Illustrator. Here well use them to create a quasi-realistic leather patch logo complete with buttons and stitching. As always, experiment with the settings as you go: You just might stumble onto a happy accident!
1 START WITH A RECTANGLE
Select the Rectangular tool (M) from the Toolbox, then click once on the artboard. In the dialog that appears, enter 6″ for Width, 3″ for Height, and click OK. In the Color panel, set the Fill color to R:156, G:123, B:83 and the Stroke to None.

2 APPLY INNER GLOW
With the shape still selected, go under the Effect menu, under Illustrator Effects, and choose Stylize>Inner Glow. In the dialog, change the Mode to Multiply, then click the color swatch and enter R:89, G:39, B:5 in the Color Picker, and click OK. Next, change the Blur setting to 0.4 in, leave the Edge button checked on, and click OK.

3 CHOOSE PHOTOSHOP TEXTURE
Go into the Effect menu again but this time go under Photoshop Effects to Texture and choose Texturizer. In the dialog, click the small arrow to the right of the Texture pop-up menu and select Load Texture.

4 LOCATE THE TEXTURE
Because this is a Photoshop filter, we have to look in the Photoshop folder to find the texture, which is located in the Applications folder (PC: Program Files folder). In the Adobe Photoshop CS3 folder theres a folder called Presets; inside this folder is the Textures folder; then inside that folder, select the texture called Rust Flakes, and click Load. In the Texturizer dialog, set the Scaling to 175%, the Relief to 2, the Light direction to Top Right, and click OK.

5 DUPLICATE THE FILL
Go under the Window menu and select Appearance to open the Appearance panel, where youll see all the properties and effects applied to your shape. Click-and-drag the Fill item to the Duplicate Selected Item icon at the bottom of the panel. Now open the Transparency panel (Window>Transparency) and change the blend mode of the duplicated fill item to Overlay. This will enhance the color of the shape.

6 SET TEXT AND WARP
Click once in the artboard with the Type tool (T) and type Southern using the Rockwell Extra Bold font at 60 points. Set the Fill color to R:107, G:78, B:46 and the Stroke to R:127, G:94, B:64. Click on the Selection tool and enter 2 in in the Height field in the Control panel (make sure its not linked to the Width field). Go under the Effect menu and choose Warp>Arc Lower. Change the Bend to 30% and click OK. Set another line of text (Stylin) the same way, using the Arc Upper warp instead, but still keeping it set to 30% for the Bend.

7 BLEND THE TEXT
Select both text objects and position them inside your textured rectangular shape. Open the Transparency panel and change the blend mode to Difference, which will dramatically change the look of the text. Next, go under the Effect menu, under Illustrator Effects, and choose Stylize>Outer Glow. Set the Mode to Multiply; click the color swatch and choose R:224, G: 210, B: 198; and then set Opacity at 100% and Blur to 0.07 in. (Note: Multiply mode usually affects darker colors but because the object is in Difference blend mode, its just the opposite.)

8 CREATE STITCHING
Select the Rectangular tool and draw a box that covers all but the outer edges of the original rectangle. Set the Stroke to the same light brown that we used in step 1 and the Fill color to None. In the Options Bar, click on the word Stroke and in the dialog that appears, set the Weight to 2 pt, click on the Round Cap icon to the right (circled), check the Dashed Line box, set the Dash option to 8 pt, and the Gap to 5 pt. Now open the Transparency panel and change the blend mode to Multiply.

9 DUPLICATE THE STROKE
With the stitching object still selected, copy it to the Clipboard by pressing Command-C (PC: Ctrl-C), and then press Command-F (PC: Ctrl-F) to place the object directly in front of the original. Change the blend of this object to Color Dodge in the Transparency panel and press the Left Arrow once and the Up Arrow oncethis will give the illusion of dimensional threading.

10 CREATE THE FIRST BUTTON
Select the Ellipse tool (L), hold Shift, and draw a small circle in the upper-left corner over the stitching. In the Options Bar, set the Stroke to None, click on the Swatches panel, and choose the Radial Gradient 2 (circled). Go under the Effect menu under Illustrator Effects, and choose Stylize>Inner Glow. Set the Mode to Multiply, Opacity to 100%, and Blur to 0.04 in. Click OK. Then access the same menu and choose Drop Shadow: Set the Mode to Multiply, Opacity to 85%, and the X and Y Offsets to 0. Set the Blur to 0.04, leave the color as black, and click OK.

11 DUPLICATE AND PLACE OTHER BUTTONS
With your initial button created, copy-and paste the object by pressing Command-C (PC: Ctrl-C) then Command-V (PC: Ctrl-V) three times, and place one button in each of the corners of the shape.

12 ADD ORNAMENTAL SHAPE
Now we need a small ornamental shape between the words. Choose the Spiral tool from the Toolbox (its under the Line Segment tool), hold the Shift key, and click-and-drag to the right to draw the shape. Set the stroke Weight to 4 pt and the color to the same light brown. Now select the Reflect tool (its grouped with the Rotate tool). Double-click the tool icon to open the Reflect dialog. Select Vertical, 90º Angle, and click Copy. This will create a duplicate and flip it. Then just nudge the shape over to complete the design.

13 FINISHING TOUCH
Finally, change the blend mode to Multiply and apply the Outer Glow effect that we applied to the original text in step 7. Then just place the shapes in the center between the text. And there you have it!
You obviously dont have to use the exact same text as we didits the technique thats important. So feel free to experiment with the settings as you go along. You may discover something new and exciting.
















thanks for that Corey. I forget that Illustrator also has the blend modes like Photoshop!
Cory, I like the tutorial but the 30,-30 ark seemed too much and when I selected both text box’s and put it in difference my text pretty much turned black.
Great stuff though I leadrned alot;
Again Corey you are bater than all
teachers I had thanks
for all these tutorials am always
learning some thing new from you
thank you man.
Said
Nice one thank you Corey .
Regard
Thanks a million Corey. I really learned a lot. Of all the online tutorials available yours are the best ones I’ve found. Keep up the great work!
Its nice corey, I’m a beginner at illustrator, thanks for making it easier to learn
awesome trick mate, I really learn with enjoy your tutorial
I have been using Illustrator for some time and no matter how well you think you know something. There is always something more to learn. Can’t wait to see what Illustrator CS4 will have!
Easy to follow and effective:)
Only trouble i had was with step 7 when the difference-mode resulted in a different colour.
Nonetheless the result was great
Corey,
Wonderful tutorial.
Very thorough and well-executed. I have learned a great deal.
Miguel
[...] Another type of leather, and another Illustrator tutorial to show you how to create some vector leather texture from scratch. This tutorial also uses Illustrator textures for the effect, but another one and slightly differently. Take a look here. [...]
[...] Another my favourite tutorial from Layers TV : Using Illustrator’s Mesh Tool as Nature Intended Create 3D Graph Effects In Illustrator Imitating A Scanner Darkly in Adobe Illustrator Leather Stylin’ in Illustrator [...]
simply marvelous! thank you very much!
For some reason I am stuck at step 3. No matter what I do I can’t get the Photoshop Effects option highlighted under the Effects menu. What do you suggest?
Thanks,
Trent
Thanks alot!
re:” Cory, I like the tutorial but the 30,-30 ark seemed too much and when I selected both text box’s and put it in difference my text pretty much turned black.
Great stuff though I leadrned alot;
Comment by Don”
I was stuck here too, but (atleast in CS4) it’s the Transform pallette where you affect the Height (H) and put 2 (it was less than 1″)… this more than doubles the height, so when you do the arc it doesn’t get all squished.
[...] 21-Leather Stylin’ in Illustrator- How to create a quasi-realistic leather patch logo complete with buttons and stitching. [...]
amazing tutorial,thank you so much
[...] 21-Leather Stylin’ in Illustrator- How to create a quasi-realistic leather patch logo complete with buttons and stitching. [...]
[...] 21-Leather Stylin’ in Illustrator- How to create a quasi-realistic leather patch logo complete with buttons and stitching. [...]
I have CS4 and I can’t seem to find the photoshop texture folder to load the Rust Flakes texture. Any ideas….
[...] out this tutorial on leather styling in Adobe [...]
I’ve found the solution to the text turning too dark in Step 7! When I created the document, the color mode was set to CMYK. Desperate to get the blending mode to work the way it worked here, I flipped through settings, and discovered that, once the document has been changed to RGB color, it works just as shown!
Thanks for an awesome tutorial
Hi,
Great tutorial. This has obviously been posted for a few years now. I don’t see the rust flakes filter in CS5. Is there a way to get it without getting CS3?
Thanks!
It is excellent tutorial, keep up the good work…. , I’m not able to find the flakes filter in CS5.