Old School Type – Line Gradients

Jeff Finley
Sep 11, 2007
306 Comments

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:

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.

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

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.

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.

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.

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.

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

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.

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.

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

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.

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

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!

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.

If you liked this post, we think you'll like:

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…
http://www.wydblog.com lucas

exelent tutorial… thankÃ‚Â´s!

http://www.zirvesohbet.com Sesli Sohbet

what ?

http://www.wydblog.com lucas

exelent tutorial… thankÃ‚Â´s!
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.

http://www.misyon5ice.ersincayan.com 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]
http://www.skdstusio.com shery

Nice tutorial, thanks
http://www.skdstusio.com 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
http://yes 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 :)
http://akgdc.com just.xTc

Hey, it’s Dragonforce – the hardest metal known the man!
http://akgdc.com 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!!
http://mickdrew_99hotmail.com 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.
http://www.cetakbaju.com/designideas.htm see_my_design

what a great tutorial..
keep it up
http://www.cetakbaju.com/designideas.htm 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
http://humorfever.blogspot.com/ Hashim

Good photoshop tutorial, will try it now..
http://humorfever.blogspot.com/ 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!
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
http://www.sohpet.gen.tr cet

hollywoord is the best^^ :D
http://www.sohpet.gen.tr cet

hollywoord is the best^^ :D
http://www.bedavasohbet.biz Bedava sohbet

Woww this tutorial is wanderful!!
http://www.bedavasohbet.biz Bedava sohbet

Woww this tutorial is wanderful!!
Pingback: Photoshop Text Tutorials
http://www.a734.com LiQiyu

é¡¶ï¼å¤ªæ£’äº†ï¼coolã€‚
http://www.a734.com 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
http://projectvisual.net Stephen

Thanks for this great tutorial – I’m always on the lookout for new things to do in Photoshop
http://projectvisual.net 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
http://www.turkeyirc.net çet

hi.. very good!
http://www.turkeyirc.net ç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

very good thanks admin.. film izle
film izle
film izle
çizgi film izle
anime izle
erotik film izle
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
http://www.sanalplatform.net 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 film dini 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

Good job http://www.filmvediziizle.net thanks
Sadert_hergen

Best a lot http://www.filmvediziizle.net wowww
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
http://windowslicensekey.com 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…

http://www.misyon5ice.ersincayan.com misyon5ice

What is research ?
This is’nt research..

http://movieaddicted.info Upcoming Movie

awesome and nice !
http://www.sahcammozayik.com cam mozaik

Yes. Really Excellent.. Thank on information and research.
http://ipodiphonejailbreak.com 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

x-tra gel
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
http://justinbieberbiography.info Justin Bieber

yeah..good and old school
http://justinbieberbiography.info Justin Bieber

yeah..good and old school
De

fuck
http://michaeljackson-fansite.info 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!
http://myiphonejailbreak.com My iPhone Jailbreak

that gradient is so old school and cool
Dezeras

cappadocia
yer gök aşk
kapadokya otelleri
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.
http://www.facebook.com/profile.php?id=100001812968883 Şeyma Rüzgarlı

aaaa
http://www.tuz.web.tr/ tuz

Great Tuts!!!!! can i ask something, what font did you use in that dragonforce logo??
http://www.misyon5ice.ersincayan.com misyon5ice

I go to old school.We must leran about typle line gradients. Thank you so much.
http://www.misyon5ice.ersincayan.com misyon5ice

Thank you very much
http://www.misyon5ice.ersincayan.com misyon5ice

How to Create Explosive Typographic Effects in Cinema 4D…
http://www.misyon5ice.ersincayan.com misyon5ice

Thank you this comment.
http://www.facebook.com/people/Volkan-Aydin/1044348904 Volkan Aydin

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

bedava film izle

erotik film

18 film
http://www.dizidiziizle.com 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!
http://moliva.web.tr 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.