Design insights & tutorials.

Old School Type – Line Gradients

Turquoise Flag-Tip

Dragonforce

One of our readers suggested we write a tutorial explaining how to do this cool text effect. On the Dragonforce logo above, the basis of my typography was sketched on paper first and then vectored in Illustrator using the Pen Tool. The process for creating the base logo is not included in this tutorial. Instead, we are going to take the base logo and add that cool “line gradient” effect that you see inside the actual letters. This gives the text an old-school or vintage feel to it. This look is prevalent in wood engraving and sign lettering. You can do this effect with any typeface or font because the principle is the same.

Here are some more examples:

awesome.jpg

strhess.jpg

korn.jpg

So in order to get this effect, we will need both Adobe Illustrator CS2 or higher and Adobe Photoshop.

You can see the kind of effect we are going to create. This is going to cover the basic technique. But I encourage you to be creative and experiment with different things. That’s how you learn! Begin the tutorial after the fold.

Step 1: Prepare your base logo or typeface.

dragonforce1.jpg

We will use our Dragonforce Logo as our base, but you can simply use your favorite font. Just make sure it’s thick and bold to make room for the line effect.

1a: Open up Adobe Illustrator and Photoshop
1b: Create your base text (just type something out using a bold font)

Step 2: Make a new document in Photoshop

3-ps-new.jpg

You’ll need to make a new document in Photoshop that’s 2500×2500 pixels and 300 DPI. This will be where we will create the line gradient. But first, we need to get your text into Photoshop.

Step 3: Back in Illustrator, select your inner most shape in your text and copy it.

2-select.jpg

If you’re just using a font, simply click on it to select it. Press Ctrl+C or Edit>Copy to copy the shape to your clipboard.

Step 4: Paste it into your new Photoshop document.

4-pasteintops.jpg

Switch back into your Photoshop document and press Ctrl+V or Edit>Paste to paste your text layer. It will ask if you want to paste it as a Vector Smart Object or as Pixels. Choose pixels.

Step 5: Make the text black.

4-fillwithblack.jpg

If your text is already black, skip this step. You can either use brightness & contrast, levels, or whatever you want to make your text black. I did it by Ctrl+Clicking on the layer’s thumbnail image to make a selection around my shape. Then I pressed “D” to reset my colors to black and white and then Alt+Backspace to fill my selection with Black.

Step 6: Give your layer a white “inside” stroke.

6-stroke.jpg

Go into your layer properties and give your black text a white stroke. Align the stroke to the “inside” so that it looks like it eats away your text. You’ll see why we are doing this later.

Step 7: Isolate JUST the black layer by using Select > Color Range

7-blackonly.jpg

From your menu up top, find “Select > Color Rage” and press OK. This should have already selected all the Black pixels by default. If not, you can choose “shadows” from the drop down menu. Once you have the selection made, make a new layer and press Alt+Backspace to fill the layer with black. You can then delete your previous layer with the white stroke. What we just did in the last few steps was make our text “thinner” so our line gradient has some spacing away from the edges of the text.

Step 8: Create your gradient and convert to Bitmap

8a: Ctrl+Click your new layer with just the black “thinned” text to make a selection around your text.
8b: Use your gradient tool to create a black and white gradient from bottom to top of your text.
8c: Select Image>mode>Grayscale – if it’s not there already
8d: Once it’s in Grayscale mode, select Image>Mode>Bitmap and then you’ll get a series of dialog boxes.
8e: Select “Halftone” screen from the dialog box. Make sure your resolution says 300 DPI.

8-bitmap.jpg

8f: Select a frequency of about 6, angle of 0 degrees, and Shape of “line” – these settings determine how our bitmap will look. Feel free to tweak these to get whatever effect you want.

8-bitmap2.jpg

This what we have created after converting the gradient to a bitmap:

9-afterbitmap.jpg

Step 9: Take your image into Illustrator to live trace it!

The easiest way to get your image in Illustrator to Live Trace it is to drag and drop it. So select your Move tool in Photoshop and physically drag your artwork onto the Illustrator button on your taskbar. With your mouse button still held down, hover over the Illustrator button on your taskbar until the Illustrator window pops up. Now you’ll notice that your icon will change when your holding it over the artboard in Illustrator. Let go of the mouse button and your image will be placed into Illustrator. It will most likely be really big and you’ll need to zoom out a bit to see it.

So with it still selected, click the Live Trace button up top, or go to Object>Live Trace. Then click the expand button after that.

9b: Once you have it Live Traced and expanded, right click and ungroup your newly live traced shape. This will separate all the black shapes from the white shapes.
9c: Click on white area around your text (you may not see it, but it’s there) to select a white shape. Then go to select>same>fill color to select all your white shapes. Press Delete to get rid of them. You only need the black shapes.
9d: So now that you’re left with just the black shapes, select all of them by dragging a large selection box around it. Once they’re all selected press Ctrl+G to group them.

10-livetraced.jpg

Step 10: Scale down your new vectored line gradient and fit it onto your base text

11-resizedcolorch.jpg

I scaled it down and tweaked the size so it fit perfectly within my original base text. I changed the color to match it. I ended up with my final image below. That’s it!

dragonforce-final1.jpg

Conclusion:

In this tutorial you learned how to use Photoshop and Illustrator to create cool looking “Vector Line Gradients” to give your text a vintage “old-school” feel. This can be applied in lots of different ways including background gradients or halftones. In fact, in Go Media’s Vector Halftone pack in Set 3, you can choose from a variety of premade line gradients which you can use with just a little bit of work.

I encourage you users who follow this tutorial to post your designs in our user showcase to show off what you’ve learned.

Oh one cool tip to get some rad halftones is the Andromeda Screens filter. Check it out and play with it. Some of those designs you see below with the curvy line gradients were created with it. It takes some getting used to, but it’s cool.

asilaydying.jpg

hollywoodave.jpg

mastodon.jpg

About the Author, Jeff Finley

I'm a partner at Go Media, a Cleveland web design and development firm. We also specialize in print design and branding. I started Weapons of Mass Creation Fest and wrote the book Thread's Not Dead, teaching artists and designers how to start a clothing company. In my spare time, I write songs and play drums in Campfire Conspiracy. I'm a happy husband and an aspiring b-boy and lucid dreamer.
Discover More by Jeff Finley

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.

  • http://don-g.com Don G.

    I might have missed something in this otherwise great tutorial, but I think the bulk of this could be done somewhat faster and simpler – maybe with a slightly different result, but still looking much the same.

    1. Copy your logo/typeface

    2. Remove the fill and add a significant stroke (10-20+ pixels, depending on the size of the artwork)

    3. Go to “Object” -> “Path” -> “Outline stroke”

    4. Copy the original artwork and paste it underneath the outlined stroke, and subtract the two elements in the “Pathfinder” palette

    5. Use a halftone pattern (Go Media’s Arsenal, set 3, fits the job perfect!) and subtract again. Alternative invert the subtraction, depending on the result you wish.

    6. Paste the final result on top of the original artwork and tweak the position – voila!

    This ought to work… or?

    • http://www.filmizlee.net film izle

      very comment++

  • http://don-g.com Don G.

    I might have missed something in this otherwise great tutorial, but I think the bulk of this could be done somewhat faster and simpler – maybe with a slightly different result, but still looking much the same.

    1. Copy your logo/typeface

    2. Remove the fill and add a significant stroke (10-20+ pixels, depending on the size of the artwork)

    3. Go to “Object” -> “Path” -> “Outline stroke”

    4. Copy the original artwork and paste it underneath the outlined stroke, and subtract the two elements in the “Pathfinder” palette

    5. Use a halftone pattern (Go Media’s Arsenal, set 3, fits the job perfect!) and subtract again. Alternative invert the subtraction, depending on the result you wish.

    6. Paste the final result on top of the original artwork and tweak the position – voila!

    This ought to work… or?

  • PG

    Easily the best tutorial you guys have published to date! Thanks for the tips.

  • PG

    Easily the best tutorial you guys have published to date! Thanks for the tips.

  • Guido

    Thanks :) Great tut!

  • Guido

    Thanks :) Great tut!

  • http://www.gomedia.us Jeff

    Don G – yes that way will also work just fine! You got it! However, I wanted to show people the LONG way to do it first. At least that’s how I created these things prior to having some premade vector halftone shapes. Man those things come in handy and I’m not just tooting my own horn! :-P

  • http://www.gomedia.us Jeff

    Don G – yes that way will also work just fine! You got it! However, I wanted to show people the LONG way to do it first. At least that’s how I created these things prior to having some premade vector halftone shapes. Man those things come in handy and I’m not just tooting my own horn! :-P

  • http://don-g.com Don G.

    You did the right thing, Jeff – it’s always best to learn the tricks of the trade from the bottom ;)

    Anyway – thanks for all your tutorials work! I constantly keep an eye on your RSS feed, so I won’t miss out on any of your goodies…

  • http://don-g.com Don G.

    You did the right thing, Jeff – it’s always best to learn the tricks of the trade from the bottom ;)

    Anyway – thanks for all your tutorials work! I constantly keep an eye on your RSS feed, so I won’t miss out on any of your goodies…

  • lucas

    exelent tutorial… thank´s!

  • lucas

    exelent tutorial… thank´s!

    • http://www.zirvesohbet.com Sesli Sohbet

      what ?

  • marcos

    it was amazing .keep the good work i love learning a lot.

  • marcos

    it was amazing .keep the good work i love learning a lot.

  • bryan

    Great Tuts!!!!! can i ask something, what font did you use in that dragonforce logo??

  • bryan

    Great Tuts!!!!! can i ask something, what font did you use in that dragonforce logo??

  • http://www.gomedia.us Jeff

    bryan, it’s not a font, it was drawn by hand on paper first and then vectored in Illustrator.

    • misyon5ice

      hi jeff,
      I agree with you.
      I think it is not a font.

  • http://www.gomedia.us Jeff

    bryan, it’s not a font, it was drawn by hand on paper first and then vectored in Illustrator.

  • [ beast ]

    Jeff – awesome toot, as always… and remember to be careful kids – DRAGONFORCE will melt your face off.

    The drummer (Dave Mackintosh) is a freakin’ MACHINE!!

    [m]

  • [ beast ]

    Jeff – awesome toot, as always… and remember to be careful kids – DRAGONFORCE will melt your face off.

    The drummer (Dave Mackintosh) is a freakin’ MACHINE!!

    [m]

  • shery

    Nice tutorial, thanks

  • shery

    Nice tutorial, thanks

  • bryan

    ohhh thank you……

  • bryan

    ohhh thank you……

  • Bobbi

    I know the Dragonforce isn’t a font, but what are the other fonts used in the examples?

    I especially love the fonts used in the strhess.jpg, korn.jpg, asilaydying.jpg, and hollywoodave.jpg. Are those sketched logos vectorized, too?

  • Bobbi

    I know the Dragonforce isn’t a font, but what are the other fonts used in the examples?

    I especially love the fonts used in the strhess.jpg, korn.jpg, asilaydying.jpg, and hollywoodave.jpg. Are those sketched logos vectorized, too?

  • http://www.gomedia.us Jeff

    Bobbi, all those are hand made lettering. The Hollywood Ave was based off a font, but I can’t remember what it was. But it’s still hand drawn over top.

  • http://www.gomedia.us Jeff

    Bobbi, all those are hand made lettering. The Hollywood Ave was based off a font, but I can’t remember what it was. But it’s still hand drawn over top.

  • JohnnyC

    AWESOME!!! I love this! That Dragonforce logo is insane! Thanks for teaching love the learning!

  • JohnnyC

    AWESOME!!! I love this! That Dragonforce logo is insane! Thanks for teaching love the learning!

  • AGuilbo

    GREAT JOB again guys !

  • AGuilbo

    GREAT JOB again guys !

  • Pingback: Tutorials of the week

  • r3r3r3r

    weeeeeeeeeeee im a little we lad weeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  • r3r3r3r

    weeeeeeeeeeee im a little we lad weeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

  • http://blog.delivi.info/ Livingston Samuel

    Great tutorial, I’m gonna try my hands on this :)

  • http://blog.delivi.info/ Livingston Samuel

    Great tutorial, I’m gonna try my hands on this :)

  • just.xTc

    Hey, it’s Dragonforce – the hardest metal known the man!

  • just.xTc

    Hey, it’s Dragonforce – the hardest metal known the man!

  • http://WWW.LM5L.COM MODI669

    WOOOOOOOOW THAT’S GREEEEEEEEAT

  • http://WWW.LM5L.COM MODI669

    WOOOOOOOOW THAT’S GREEEEEEEEAT

  • Jeremy

    Great men!! Wow,, thx! ;)

  • Jeremy

    Great men!! Wow,, thx! ;)

  • http://itma.blogfa.com majid asadzadeh of iran

    its vere good

  • http://itma.blogfa.com majid asadzadeh of iran

    its vere good

  • http://www.likenota.com Likenota.com

    nice tutorial you got here very effective.

  • http://www.likenota.com Likenota.com

    nice tutorial you got here very effective.

  • Jodi

    Awesome tutorial but when I create the halftone lines in Photoshop, the lines appear bitmapped and jagged. Am I missing something or is this caused by something in my settings?
    Thanks!

  • Jodi

    Awesome tutorial but when I create the halftone lines in Photoshop, the lines appear bitmapped and jagged. Am I missing something or is this caused by something in my settings?
    Thanks!

  • http://www.gomedia.us Jeff

    Jodi,

    Make sure you’re image is 300 DPI – and you’re going to get a little bit of jaggedness anyway. But that usually sorts itself out when you vectorize or live trace it in Illustrator.

  • http://www.gomedia.us Jeff

    Jodi,

    Make sure you’re image is 300 DPI – and you’re going to get a little bit of jaggedness anyway. But that usually sorts itself out when you vectorize or live trace it in Illustrator.

  • http://www.photoshoptalent.com PhotoshopTalent

    Great tutorial.
    I’m gonna link to it from PST.

  • http://www.photoshoptalent.com PhotoshopTalent

    Great tutorial.
    I’m gonna link to it from PST.

  • michael

    good poster, terrible instructions!!! how about something that makes sense?? i’ve seen better instructions on how to make rice krispy squares from the back of a cereal box!!

  • michael

    good poster, terrible instructions!!! how about something that makes sense?? i’ve seen better instructions on how to make rice krispy squares from the back of a cereal box!!

  • smiff

    i cant get to the image>mode>bitmap. it wont allow me to choose bitmap

  • smiff

    i cant get to the image>mode>bitmap. it wont allow me to choose bitmap

  • http://www.gomedia.us Jeff

    @smiff – try converting it to Grayscale first

  • http://www.gomedia.us Jeff

    @smiff – try converting it to Grayscale first

  • smiff

    i did. i tried “merging” i tired not “merging” …

  • smiff

    i did. i tried “merging” i tired not “merging” …

  • daniel newman

    Works great. Nice tutorial. This is a professional tip, If you are haveing a hard time there are easier tutorials to try first.

  • daniel newman

    Works great. Nice tutorial. This is a professional tip, If you are haveing a hard time there are easier tutorials to try first.

  • smiff

    i really like the look. just cant get it.

    “Step 7: Isolate JUST the black layer by using Select > Color Range” is this “black layer” without the stroke?

  • smiff

    i really like the look. just cant get it.

    “Step 7: Isolate JUST the black layer by using Select > Color Range” is this “black layer” without the stroke?

  • http://www.gomedia.us Jeff

    @ smiff – no that layer is created after you selected the color range. You are selecting the color range when you have the white stroke applied to the text. And then creating a new layer and filling the selection with black afterwards.

  • http://www.gomedia.us Jeff

    @ smiff – no that layer is created after you selected the color range. You are selecting the color range when you have the white stroke applied to the text. And then creating a new layer and filling the selection with black afterwards.

  • smiff

    Great! thnx for all the info! finally got it! Awesome.

  • smiff

    Great! thnx for all the info! finally got it! Awesome.

  • see_my_design

    what a great tutorial..
    keep it up

  • see_my_design

    what a great tutorial..
    keep it up

  • Dean

    Nice tute… only when i got the line gradient back onto illustrator when trying to change colours i can only get greys…???

  • Dean

    Nice tute… only when i got the line gradient back onto illustrator when trying to change colours i can only get greys…???

  • Kyle

    Nice tut.

    Dragonforce sucks.
    As I lay Dying sucks.
    Mastodon isn’t bad.

  • Kyle

    Nice tut.

    Dragonforce sucks.
    As I lay Dying sucks.
    Mastodon isn’t bad.

  • simon

    very exciting tutorial.
    endless tweeks to add.

    I’m with Dean on this though and can’t change
    colours in illustrator! Have a feeling the format needs changing to do so? can you help and then i’m done.
    :)

  • simon

    very exciting tutorial.
    endless tweeks to add.

    I’m with Dean on this though and can’t change
    colours in illustrator! Have a feeling the format needs changing to do so? can you help and then i’m done.
    :)

  • Blake

    Very cool. Thanks!

  • Blake

    Very cool. Thanks!

  • Pingback: Gradient Effect with Vinyl - T-Shirt Forums

  • Andy

    how did you do the stroke on the DragonForce text?

  • Andy

    how did you do the stroke on the DragonForce text?

  • http://www.gomedia.us Jeff

    Just select all the shapes you want to stroke, then copy and paste them in front. Then combine the shapes using the pathfinder tool. Then stroke it and send it behind your original shapes.

  • http://www.gomedia.us Jeff

    Just select all the shapes you want to stroke, then copy and paste them in front. Then combine the shapes using the pathfinder tool. Then stroke it and send it behind your original shapes.

  • Pingback: Old School Type

  • Hashim

    Good photoshop tutorial, will try it now..

  • http://www.gadget5.com Gadget5

    Looks good, I can use this to create logos also, thanks for this great tip!

  • http://www.gadget5.com Gadget5

    Looks good, I can use this to create logos also, thanks for this great tip!

  • Hashim

    Good photoshop tutorial, will try it now..

  • Pingback: urbandesire » Blog Archive » links for 2008-01-28

  • http://www.crabbyattitude.com Comments

    Nicely done. Quite cool.

  • http://www.crabbyattitude.com Comments

    Nicely done. Quite cool.

  • lex:

    Hey go media I was just wondering. Did you make that dragonforce type yourself or did you find that font? If so. Would like to know were I can find type faces with such creativity? Not trying to steal your ideas just don’t know were to find these great type faces.
    Peace

  • lex:

    Hey go media I was just wondering. Did you make that dragonforce type yourself or did you find that font? If so. Would like to know were I can find type faces with such creativity? Not trying to steal your ideas just don’t know were to find these great type faces.
    Peace

  • http://www.gomedia.us Jeff

    The dragonforce text asn’t based off a font. It was hand drawn. But I did reference other old school typography for inspiration such as the great work of Aaron Horkey.

  • http://www.gomedia.us Jeff

    The dragonforce text asn’t based off a font. It was hand drawn. But I did reference other old school typography for inspiration such as the great work of Aaron Horkey.

  • Rating Satu

    hallo…

    thank you very much for sharing tutorial.
    it’s really help me to learning more about Vector Design…

    Thanks…

  • Rating Satu

    hallo…

    thank you very much for sharing tutorial.
    it’s really help me to learning more about Vector Design…

    Thanks…

  • Eric

    I can get illustrator to live trace it after dropping the text in from photoshop. Am I doing something wrong?

  • Eric

    I can get illustrator to live trace it after dropping the text in from photoshop. Am I doing something wrong?

  • Pingback: 10 essential Illustrator tutorials - Sean Johnson

  • Mark

    I was just wondering if you could also create the line gradients in illustrator by making two different sized lines and use object>blend? Or would the results be different?
    Thanks in advance. I have learned so much from your blog.

  • Mark

    I was just wondering if you could also create the line gradients in illustrator by making two different sized lines and use object>blend? Or would the results be different?
    Thanks in advance. I have learned so much from your blog.

  • Pingback: 21 Best Photoshop Text Effects

  • http://lightningismyname.deviantart.com/ LightningIsMyName

    This tutorial is amazing! – inspired me with it’s unique design!
    I found a way to do it in GIMP (a free alternative to photoshop – only bad part is that we don’t have a trace function so this is a lot harder and very different. The result is same)

    I’m posting a tutorial of a GIMP way for doing this – I’ll credit you in the tutorial ;)
    It will be posted on http://www.gimptalk.com/forum

    (If you don’t want me to post a GIMP version email me me and I’ll remove it lightningismyname@gmail.com My assumption is that it will be OK since the technique is different)

  • http://lightningismyname.deviantart.com/ LightningIsMyName

    This tutorial is amazing! – inspired me with it’s unique design!
    I found a way to do it in GIMP (a free alternative to photoshop – only bad part is that we don’t have a trace function so this is a lot harder and very different. The result is same)

    I’m posting a tutorial of a GIMP way for doing this – I’ll credit you in the tutorial ;)
    It will be posted on http://www.gimptalk.com/forum

    (If you don’t want me to post a GIMP version email me me and I’ll remove it lightningismyname@gmail.com My assumption is that it will be OK since the technique is different)

  • Pingback: 20 Efeitos de Texto para Photoshop | Ensaios | Puts!

  • http://www.pswebsitedesign.com Web Design Spain

    That’s a really nice technique. Thanks for showing how to do this.

  • http://www.pswebsitedesign.com Web Design Spain

    That’s a really nice technique. Thanks for showing how to do this.

  • http://www.octoberpromotional.com Alex

    This tutorial has opened up a whole new door for my type work–thank you so much and great work!!

  • http://www.octoberpromotional.com Alex

    This tutorial has opened up a whole new door for my type work–thank you so much and great work!!

  • Pingback: 50 Essential Photoshop Text Tutorials | Vandelay Website Design

  • Pingback: 胡言乱语 » Blog Archive » 50个超炫Photoshop字体制作攻略

  • Pingback: 50+ Tutorial per creare effetti di testo su Adobe Photoshop | Giuseppe D'Alessio Live Blog - Tecnologia, società e vita in un sorso...

  • http://how-2-do.blogspot.com/ sachinKT

    unique design Thanks for the tutorial !!

  • http://how-2-do.blogspot.com/ sachinKT

    unique design Thanks for the tutorial !!

  • Pingback: 53 Killer Photoshop Illustrator Effects and Tutorials

  • Pingback: 53 Killer Photoshop Illustrator Effects and Tutorials | SEO & Web Design

  • Pingback: [Tutoriales] 50 efectos de textos « Código PGT

  • cet

    hollywoord is the best^^ :D

  • cet

    hollywoord is the best^^ :D

  • Bedava sohbet

    Woww this tutorial is wanderful!!

  • Bedava sohbet

    Woww this tutorial is wanderful!!

  • Pingback: Photoshop Text Tutorials

  • LiQiyu

    顶!太棒了!cool。

  • LiQiyu

    顶!太棒了!cool。

  • Pingback: 50 tutoriales para efectos de texto en Photoshop! (awesome) « Beach,office & cookies

  • Pingback: 50种Photoshop字体设计教程 | 早起的鸟儿有虫吃

  • Pingback: 50种Photoshop字体设计教程 | idhe

  • Pingback: Best Photoshop Illustrator Effects and Tutorials - The Arts Lab TurkeY

  • http://myspace.com/rejoiceinscreams jonathan

    the AILD one looks sick

  • http://myspace.com/rejoiceinscreams jonathan

    the AILD one looks sick

  • Wang jiangwei

    So nice!

  • Wang jiangwei

    So nice!

  • Pingback: Best Design Resources of June 2008 | CrazyLeaf Design Blog

  • http://www.mutluol.net netlog

    Looks good, I can use this to create logos also, thanks for this great tip!

  • http://www.mutluol.net netlog

    Looks good, I can use this to create logos also, thanks for this great tip!

  • Pingback: CLD Tutorials » Design News » Best Design Resources of June 2008

  • Stephen

    Thanks for this great tutorial – I’m always on the lookout for new things to do in Photoshop

  • Stephen

    Thanks for this great tutorial – I’m always on the lookout for new things to do in Photoshop

  • Pingback: 50 Great Text tutorials for Photoshop « Guiwells’s Blog

  • Pingback: Best of 12 Adobe Photoshop text effects | Free Adobe Photoshop Tutorials

  • çet

    hi.. very good!

  • çet

    hi.. very good!

  • Pingback: Best of 12 Adobe Photoshop text effects | Photoshop Tutorials

  • Dude

    Must just be my luck, but I followed it step by step and a few of the things, specifically key combos in PS, didn’t work like the tut says they should have. :(

  • Dude

    Must just be my luck, but I followed it step by step and a few of the things, specifically key combos in PS, didn’t work like the tut says they should have. :(

  • http://www.sinemafun.com sinema

    thanks

  • http://www.sinemafun.com sinema

    thanks

  • HAKIM

    Hey… srry to take u guys back…but am new to this illustrator and am very excited about learning these things. From your responses Jeff i got a bit confussed. Ok…u hand drew the “dragon force” then scanned it? and then vectored in illustrator? pls i need ur help seriously!! can i have ur email? or do u want mine?

  • HAKIM

    Hey… srry to take u guys back…but am new to this illustrator and am very excited about learning these things. From your responses Jeff i got a bit confussed. Ok…u hand drew the “dragon force” then scanned it? and then vectored in illustrator? pls i need ur help seriously!! can i have ur email? or do u want mine?

  • http://www.creative-web-designer.com Sydney Web Design

    Hi Great tutorials, i’m going to have to do all of these, great inspiration. I’ve started my own Web Design Blog so will be sure to link to these pages. http://www.scottydonald.com

  • http://www.creative-web-designer.com Sydney Web Design

    Hi Great tutorials, i’m going to have to do all of these, great inspiration. I’ve started my own Web Design Blog so will be sure to link to these pages. http://www.scottydonald.com

  • Pingback: 22 fantastici tutorial per Photoshop | Tekw.org

  • Alex Cue

    @ Don G. & Mark,

    This is exactly what I would have done. I would take whatever object I wanted to fill, paste it in front, made a blend of two expanded strokes(and you could go wild with brushes, dashes, etc.), and intersected their shape areas to get the final interior texture. If I were making a bunch like this, I’d make a pattern swatch from the texture and apply it that way…you wouldn’t even need to make the duplicate, you could just add a new fill in the appearance panel and offset the fill from the Effect, Path menu. God I love the appearance panel.

    Sorry for the book, I was just spitballing in my mind :D

  • Alex Cue

    @ Don G. & Mark,

    This is exactly what I would have done. I would take whatever object I wanted to fill, paste it in front, made a blend of two expanded strokes(and you could go wild with brushes, dashes, etc.), and intersected their shape areas to get the final interior texture. If I were making a bunch like this, I’d make a pattern swatch from the texture and apply it that way…you wouldn’t even need to make the duplicate, you could just add a new fill in the appearance panel and offset the fill from the Effect, Path menu. God I love the appearance panel.

    Sorry for the book, I was just spitballing in my mind :D

  • http://www.howtostartaclothingcompany.com How to start a clothing compan

    Really good tutorial.

    I like it’s use in the more contemporary type with textures.

  • http://www.howtostartaclothingcompany.com How to start a clothing company

    Really good tutorial.

    I like it’s use in the more contemporary type with textures.

  • Pingback: In the Woods - The 75 Most Enlightening Design Tutorials

  • http://www.wallpaperfree.co.uk wallpapers

    short and sweet tutorial – excellent for coffee break time! thx

  • http://www.wallpaperfree.co.uk wallpapers

    short and sweet tutorial – excellent for coffee break time! thx

  • http://www.johnpash.com John Pash

    Yet another brilliant tutorial GM! I’ve learned something that I’m sure will come in handy some day. Now for the criticism. Because you won’t learn a thing if we all sit here and applaud and feed you grapes all day long. And I know you can take it :P

    I very much like the finished image except for a few tiny details. The effect that you’ve gone after is a woodcut, which would have be done with a hand-held chisel of some sort, I assume. So how would this wood carver of yesteryear have created the extreeeeeemly thin lines in the top of the first R and the F? I’ll tell you how. He wouldn’t have! As I’ve warned, I’m being overly finicky on an otherwise stellar piece. But to perfect the design, I would have removed those hairline “cuts” near the top of those letters.

    That is all. Thanks for listening. Back to work everyone…

  • http://www.johnpash.com John Pash

    Yet another brilliant tutorial GM! I’ve learned something that I’m sure will come in handy some day. Now for the criticism. Because you won’t learn a thing if we all sit here and applaud and feed you grapes all day long. And I know you can take it :P

    I very much like the finished image except for a few tiny details. The effect that you’ve gone after is a woodcut, which would have be done with a hand-held chisel of some sort, I assume. So how would this wood carver of yesteryear have created the extreeeeeemly thin lines in the top of the first R and the F? I’ll tell you how. He wouldn’t have! As I’ve warned, I’m being overly finicky on an otherwise stellar piece. But to perfect the design, I would have removed those hairline “cuts” near the top of those letters.

    That is all. Thanks for listening. Back to work everyone…

  • er

    ooh, so that’s how it’s done.
    great. i’ll be doing that :)

  • er

    ooh, so that’s how it’s done.
    great. i’ll be doing that :)

  • Pingback: malayatoday - online resource ALMOST for everyone » Blog Archive » 50 spectacular text&photo effects photoshop tutorial

  • Bill

    Just curious as to what font type is used for the word “Dragonforce”?

    Thanks.

  • Bill

    Just curious as to what font type is used for the word “Dragonforce”?

    Thanks.

  • Pingback: The Top 30 Photoshop Text Effects Tutorials of 2008 - Which is the Best? : Speckyboy - Web Design, Web Development and Graphic Design Resources

  • http://twitter.com/pat_anzanello/statuses/1066637443 pat_anzanello (Patricia Anzane

    Old school type (GoMediazine): http://tinyurl.com/22b6c2

  • Pingback: 2008′in En İyi Photoshop Dersleri | Batuhan BULAK

  • Pingback: Photoshop Text Tutorial - The Top 30! | Photoshop Transparency

  • PioppyUpsensete

    zjbagnjmedkumjnrwell, hi admin adn people nice forum indeed. how’s life? hope it’s introduce branch ;)

  • PioppyUpsensete

    zjbagnjmedkumjnrwell, hi admin adn people nice forum indeed. how’s life? hope it’s introduce branch ;)

  • Pingback: Old School Type

  • Pingback: » Blog Archive » El Top 30 Tutoriales De Photoshop Efectos De Texto 2008

  • Pingback: 60 Incredible Adobe Illustrator Tutorials | DWSmg.com

  • Pingback: Top 84 Photoshop Resource Sites - Toolbox for Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources

  • Pingback: Bookmarks for Enero 19th from 09:12 to 10:59 | FACIL TUTORIALES

  • Pingback: 65+ Smoking Photoshop Text Effect Tutorials | instantShift

  • Pingback: Bookmarks for Enero 25th from 19:02 to 19:54 | FACIL TUTORIALES

  • Pingback: 50 Photoshop Text Tutorials | CSS Experiments

  • Pingback: Top 22 Photoshop tutorials | Webot

  • Pingback: » Photoshop Text Tutorial - The Top 30!

  • Pingback: Brainsick Patterns — No Code Relation » Article » Great “Old School Type” tutorial

  • http://fluffytigra.wordpress.com Amy Vernon

    Excellent stuff!

  • http://fluffytigra.wordpress.com Amy Vernon

    Excellent stuff!

  • http://www.cheapfreevirusscan.com/ kill spyware

    that’s really type, I like this.
    and can you do that, really coool.

  • http://www.cheapfreevirusscan.com/ kill spyware

    that’s really type, I like this.
    and can you do that, really coool.

  • http://www.dekor-dekorasyon.com Dekorasyon

    Type your comment hthat's really type, I like this.
    and can you do that, really coool.ere.

  • Pingback: 50 Essential Photoshop Text Tutorials « Online Free Application Software Tips Tools Wallpapers

  • Pingback: 40+ Photoshop Text Tutorials | Free Tools And Wallpapers

  • Mariebelle

    how do i get a line gradient like this : http://media.threadless.com/subs/big/204196.gif

  • Rajko

    Are the photos no longer available or is it just me?

  • Rajko

    Are the photos no longer available or is it just me?

  • http://reaganator.com/ Leprakawn

    I tried your tutorial, and I think it might be what I am looking for to figure out a solution.

    [url=http://reaganator.com/gradient-text.jpg]Here is an example of text[/url] that I have, and I have flat-line text above it. I would like the gradient I have on the text above to be placed on the text (like text example), but I am unable to find a way to get the gradient to bend with the text. Does anyone here have any suggestions?

    Thanks for the help! [img]http://reaganator.com/comments/super.gif[/img]

  • http://www.sohpet.be/ Sohpet

    thnk

  • minnieann1616

    i want to get one a type face like that…. plz e-mail me

  • http://www.yukisale.com wholesale korean clothing

    Wonderful, Thank you.

  • http://www.yukisale.com wholesale korean clothing

    Wonderful, Thank you.

  • playboi247

    Nice work with the text. I'm really glad I came across it because you did something that I was looking to do, but was unsure how to do it. You sace the illustrator file, but I'm not sure as what? I think dwg. I tried to import it into 3Ds max like you were doing and when I converted it to an editable poly, it wouldn't look right. I can only assume its the way I save the file or something small I'm missing. Would you be able to tell me your process? Thanks alot, this really does help my skills.

  • playfuleye

    Jeff! Do you hand draw all of these logos yourself? I know it's blasphemy to ask for a non-computer tutorial, but I would love a post on how to go about drawing type for a logo like that! :)

  • shhunspoken

    Hi i was wondering what font you used on the Hollywood Ave. logo?

  • http://www.divxindir.org/ film indir

    Really good tutorial.

    I like it's use in the more contemporary type with textures.

  • cenghan8181
  • filmsen

    I like this.
    and can you do that, really coool

    film izle
    erotik film izle
    film izle
    erotik film izle
    islami sohbet

  • Immitrina

    how do you create a logo like that
    i already kno how to make the gradients
    duh that's easy

    • Anonymous

      You sketch one out. Appropriate spacing and letter size. 

  • giyim

    SAOL CANİM

  • http://psdxhtmlycss.com/ Psd Xhtml

    Great post. I have to improve my photoshop skills.

  • hrriyetilan

    truly you are right mate

  • Lizzie

    Hey, is there any kind of FONT that look alike them? I relly like to do it, but i can't find a font… like the one that says DragonForce, can anyone tell me? it doesn't motter if it's not the same, i just want something like DragonForce. thx!

  • tigihairproducts

    how do you create a logo like that
    i already kno how to make the gradients
    duh that's easy

    http://tigihairproducts.net

  • Billy

    Im severly angered by you… all of you.

  • akbysnaslyaplr

    Im severly angered by you… all of you.
    http://www.papazbuyusu.net

  • http://www.nailfreaks.com/de/ Nagelstudio

    Great stuff guys! I really don’t know how much time it takes for your guys to compile such a list of excellent resources but it takes a lot of time for me to digest it all! Keep up the good work! Thank you!

  • aksaraysohbet

    harika bir film bu filmi yayınlayan arkadaşa çok teşekkür ederim
    ben film izlemek icin bu siteye hep giriyorum . film seyretmek için sizde bu film izleme adresini ziyaret edebilirsiniz . film seyretmek güzeldir.filmleri bu sitedeizleyiniz.bedava film izleyiniz.Biz Herzaman Burada sohbet ediyoruz. Googlede chat siterleri yazınca biz cıkıyoruz.Doyasıya film izlemek için bu siteye giriyoruz,Çok Güzel film seyretmek için bu sitedeyiz,En Kaliteli bedava film izlemek için bu siteye takılıyoruz,Buradan haberleri takip ediyoruz,Buradan ise tarafsız olarak güncel haberleri okuyoruz,Wordpress site yaparkenwordpress temaları bu adresden bulabilirsiniz,Googleden chat sitelerine giriş için bu sayfayı kullanın,Doyumsuz Güzel sohbet siteleri için bizi tercih edin,Seviyeli sohbet odaları deyince akla gelen ilk siteyiz,Zonguldaklı arkadaşlarzkukelimesinden yaralanarak sitemizde eyleniyorlar,Yozgatlıların ve yerköylülerin arkadaşlık platformudur

  • http://www.diziizlicem.com dizi izle

    thx 4 the informations, good to know.

  • reis3737

    thanks you nice site

  • http://www.depodepo.net film izle

    thank you sow much

  • fullindir

    Thanks For This Article

    <a href=http://www.sanalplatform.net target=”_blank” title=”oyun indir”>oyun indir

    <a href=http://www.sanalplatform.net target=”_blank” title=”indir”>indir

  • Full indir

    Thanks I liked i

  • http://www.travestinet.com travesti

    thanks

  • Matt

    Thanks for this nice work!
    dizi izle

  • Matt

    Thanks for this nice work!
    dizi izle

  • webmizah

    Anytime I güncel haberlerenter yourhaber site admin Gentlemen,dini sohbet
    I Have Verychat siteleri Useful and Very sohbetNice article, Will Cause I sohbet odalarıbet this is Herzamanda, I sohbet siteleriwish you continued chat sitelerisuccess, yerköyI'll show iSlami Chateveryone this site to a site williSlami Sohbet Beyendiği Everyone Sincerely,eryaman tesisatçıdini filmdini sohbet

  • http://www.radyodinle.org radyo dinle

    thanks webmaster, good post.

  • http://www.porno35.com türbanlı porno

    thanks great post…

  • John

    Great post!
    dizi izle

  • http://www.baglamabuyusu.org Bağlama Büyüsü

    Easily the best tutorial you guys have published to date! Thanks for the tips.

    • Alexlikestoskate

      are you a homo?

  • http://www.btbcammozaik.com cam mozaik

    Thank you, excellent research. Inquiring very nice…

  • http://www.btbcammozaik.com cam mozaik

    Thanks a lot! I am just learning Information.
    Php and this was very easy to follow and helped a lot.
    You really took time to explain every little bit.
    Thanks again..

  • http://www.btbcammozaik.com cam mozaik

    thanks good info and powerfull Blog.. Thanks again..

  • http://www.btbcammozaik.com cam mozaik

    You really took time to explain every little bit.
    Thanks again….

  • Sda
  • Sadert_hergen
  • cam mozaik

    Thanks a lot! I am just learning Information of Subject.
    Php and this was very easy to follow and helped a lot.
    You really took time to explain every little bit.
    Thanks again…

  • cam mozaik

    You really took time to explain every little bit
    Thanks

  • http://surveyingsupplier.com Surveying Supplier

    very nice oldschool…!!!

  • http://cammozaik.org cam mozaik

    Thanks your for searching and information.
    An excellent blog and an excellent page.

  • http://cammozaik.org Cam mozaik

    Thanks administrator..Powerfull blog good info and research.. Thanks again for inquire..

  • http://cammozaik.org Cam mozaik

    Thanks your for searching and information
    An excellent blog and an excellent page

  • hollanda chat

    tHnaks

  • Windows License Key

    very old school

  • ogrish

    nice tutorial you got here very effective.

    ogrish

  • http://www.sahcammozayik.com cam mozaik

    thanks for inquire and good research…

    • misyon5ice

      What is research ?
      This is’nt research..

  • Upcoming Movie

    awesome and nice !

  • http://www.sahcammozayik.com cam mozaik

    Yes. Really Excellent.. Thank on information and research.

  • iPod iPhone Jailbreak

    very old scholl tips

  • swissarmysoldierknife

    Thank u so much for explaining how to do this cool text effect.

    http://swissarmysoldierknife.com

  • http://tavateaweb.com/ tava tea

    Thank u so much for explaining how to do this cool text effect.

  • http://www.sinemavakti.com Erdaler23

    bryan, it's not a font, it was drawn by hand on paper first and then vectored in Illustrator.

  • http://www.facebook.com/people/Tekno-Loji/1152739199 Tekno Loji
  • http://www.securityking.com Craig

    Thanks for sharing this tutorial on how you achieved the old school type line gradients, I had heard the DragonForce logo was great so searched and found this tut, Thanks!

  • http://www.craigfordham.net Lisa Thomason

    Line Gradients, and the old school type with an excellent tutorial, Thank you! LT

  • http://www.webhostingreviewz.com/ipagereview/ iPage hosting reviews

    Hee i just want to give u a big thank you for your fantastic railscast! I’m looking forward to the next posts!

  • Djxlegolas1988

    Wow :D

  • Adsadas

    asdsadsad

  • http://www.facebook.com/people/Ulises-Bolivar/100001562534674 Ulises Bolivar

    gracias por el aporte

  • Justin Bieber

    yeah..good and old school

  • Justin Bieber

    yeah..good and old school

  • De

    fuck

  • Michael Jackson

    great gradients… love it

  • http://realestateusachoice.info Real Estate

    the gradient is fantastic

  • http://dizikeyfi.info son bölüm

    AWESOME!!! I love this! That Dragonforce logo is insane! Thanks for teaching love the learning!

  • My iPhone Jailbreak

    that gradient is so old school and cool

  • Dezeras
  • http://cool-wrist-watch.com Michael Philippe

    good hand for design gradient

  • http://digitalbraceletwatch.com Digital bracelet Watch

    I discovered so many intriguing things within your website especially its discussion. From the numerous comments in your articles, I assume I am not the only person getting all of the enjoyment right here! continue the excellent work.

  • Şeyma Rüzgarlı

    aaaa

  • tuz

    Great Tuts!!!!! can i ask something, what font did you use in that dragonforce logo??

  • misyon5ice

    I go to old school.We must leran about typle line gradients. Thank you so much.

  • misyon5ice

    Thank you very much

  • misyon5ice

    How to Create Explosive Typographic Effects in Cinema 4D…

  • misyon5ice

    Thank you this comment.

  • Volkan Aydin

    Thank for sharing useful information to your blog admin best studies of TAF
    film izle

    bedava film izle

    erotik film

    18 film

  • dizi izle

    i like this tutorials

  • http://www.islamisohbetler.org islami sohbet

    Allah Razı Olsun.

  • http://www.cennetevi.com Dini Sohbet

    Thank you. Don G – yes that way will also work just fine! You got it! However, I wanted to show people the LONG way to do it first. At least that’s how I created these things prior to having some premade vector halftone shapes. Man those things come in handy and I’m not just tooting my own horn

  • http://www.cennetevi.com Dini Sohbet

    Hersey için cok teşekkür ederim. Allah Razı Olsun.

  • http://www.cennetevi.com Dini Sohbet

    Tesekkur ederım. thanks for all your tutorials work! I constantly keep an eye on your RSS feed, so I won’t miss out on any of your goodies

  • http://www.cennetevi.com Dini Sohbet

    Thank You. Don G – yes that way will also work just fine! You got it! However, I wanted to show people the LONG way to do it first. At least that’s how I created these things prior to having some premade vector halftone shapes. Man those things come in handy and I’m not just tooting my own horn!

  • izmir nakliyat

    thanks very good

  • http://www.cennetevi.com DiniSohbet

    cok tesekkur edıyor saygılar sunuyorum

  • http://www.zirvesohbet.com Sesli Sohbet

    thanks you

  • http://www.tutuneson.web.tr tütüne son

    Looks good, I can use this to create logos also, thanks for this great tip!

  • Moliva

    Hey… srry to take u guys back…but am new to this illustrator and am very excited about learning these things. From your responses Jeff i got a bit confussed. Ok…u hand drew the “dragon force” then scanned it? and then vectored in illustrator? pls i need ur help seriously!! can i have ur email? or do u want mine?

  • http://www.facebook.com/profile.php?id=902815170 Woodrow Wilson II

    Thanks bud, very inspiring for a recent logo design… Worked out great!

  • http://www.domain2host.in Domain Booking With Debit Card

    Amazing blog, I am regular visitor of this website, keep up the good work.

  • Anonymous

    123123

  • Anonymous

    123123

  • http://www.sukacagi.com.tr/ su kaçağı

    thanks for nice topic

  • http://www.domain2host.in Domain Registration

    Nice blog. I will keep visiting this blog very often.

  • http://www.register-web-domain.in/ Domain registration

    Won Nice collection  I must say that overall I am really impressed with this blog Thanks

    • http://www.ecommerce-web-developers.com/ ecommerce development

      This is an fantastic photo gallery I found this to be very impressive.

  • http://www.domain2host.in Domain Registration

     Excellent information..

  • http://www.bestsamsunggalaxys3deals.co.uk/ Samsung Galaxy S3 Deals

    Very nice post. I must say you are really very creative. I think I must give a try to your tips. Thanks for sharing such a great info with us.

  • http://www.photoshopdownload.net/ Photoshop Download

    Wonderful post! Thanks for share.

  • narendra

    narendra

  • Battlespeed

    See if you can’t think how this could be done just using Photoshop. Anyone can create tutorials when the underlying assumption is that viewers have access to whatever tools might be available to achieve the task.

  • http://ccmutants.com/ Paweł Kuc

    great tutorial! thanks!