Design insights & tutorials.

Designing Ultra SceneXCore Apparel!

Turquoise Flag-Tip

final design

Introduction

This is a tutorial or a simple “how-to” guide to help you with your design projects. This is not the end-all, be-all way of doing things. We will try to make what is normally a long and detailed process of creating commercial art into a simple and easy-to-follow guide. We encourage your use of artistic license and creative vision to make high quality work for your clients.

I wrote a brief tutorial on Apparel Design roughtly a year ago and it received a lot of good response. But it’s a bit outdated now. We’ve done lots more apparel work, including stuff for Avenged Sevenfold, Red Hot Chili Peppers, Evanescence, Atticus Clothing, Strhess Clothing, and tons more notable bands and clothing companies.

Needless to say, we’ve learned a lot about what’s hot in today’s “underground” fashion market. And when I say underground, it’s actually not so underground. Just take a peek into your local Hot Topic or Pac Sun and you’re going to see some great apparel graphics. And this tutorial will show you just how it’s done.

Everything you see in Hot Topic or Pac Sun these days features some combination of skulls, flourishes, splatters, and miscellaneous grunge effects. Why? Don’t ask me, but I’m sure it’s got something to do with the recent rise of popular screamo, metalcore, and hardcore bands into the mainstream. With bands like Avenged Sevenfold and My Chemical Romance paving the way for that ultra sceneXcore aesthetic. Which can look ultra lame if done bad, but hella cool if done right. And I’ll show you how it’s done right.

Before You Begin

How do you make all those flourishes, splatters, and other design elements? Well, some do it by hand and draw their own flourishes, wings, skulls, etc. But what most t-shirt designers are doing these days is using stock design elements and clip art. Old floral graphics and whatnot. It’s a quick and easy way to get that cool look without actually doing a lot of custom work.

We at Go Media prefer to create our own elements. But to make it easy on you, we’ve created a bunch of stock vector elements for you to get started right now. We’ve created custom shapes to destroy and beat up your designs at the highest quality possible. And just about every trendy element today is covered such as wings, crests, tech shapes and more. And they’re freakin cheap as hell. So if you want to skip the hard part and go straight to designing kick-ass apparel graphics, then check out our kick ass stock vector packages – for that ultra sceneXcore aesthetic!

 

On With the Tutorial!

You’ll need these:
– Photoshop
– Illustrator CS2

So with that said, let’s get on with the tutorial! First you need to open up Photoshop and Illustrator, as you’ll be using both. Mostly Illustrator. So get that Pen Tool ready!

1.) You need to decide what your client wants. Or if this is a personal project, what YOU want. Your client should give you some ideas. But I find that quite a few just want something “dark” and “scary.” So that’s what we’ll give them.

2.) Come up with an original idea! You’ll be tempted to use skulls or other typical dark imagery, but you really should try to come up with something new. If you want to sell shirts however, skulls are so trendy right now it might make you some cash. Skulls never seem to go out of style. In fact, they are becoming “pop” ular if you know what I mean. Little girlie skull underwear, etc. But anyway, think of an original concept and go with that. That’s the best way.

3.) Get out your sketchbook or open up Firefox. Once you have an idea, start sketching around. For those who can’t draw, search the internet for a stock photo. Or take your own photos, whichever works. Chances are, you aren’t a photographer, so manipulating stock photos is always an option. I’d draw something in this tutorial, but I’ll save that lesson for another time. For the sake of this tutorial let’s stick to photos. We can make that work!

4.) Find a photo. I found this one. It helps a lot if you find an image that’s fairly large. Preferably over 1500 pixels. I just searched Google images for this one. Now some may ask about copyright laws and whatnot. For the sake of this tutorial, it’s just learning. But if you want to use these images in your client projects, then it’s always good to ask the owner of the photo. But most times you can get away with it if you are manipulating it beyond comparison which is what we are planning to do. And I’m only using a snapshot of a wrecked auto. If you are worried about it, then purchase a stock photo or take your own photos. I use stock photos because I don’t call myself a photographer. I’m an artist and designer. So here’s the one I found:

find a photo

5. Cut out the image you want to use. Copy the image and paste it into a new Photoshop document of the same size. Use the Pen Tool and create a path around your image. After you are done, right click and “make selection.” Select the inverse and press delete.

cut out your area

6.) Convert it to 3 colors. Here are the steps. I’ve created an action to make this easier

– Make a new layer – name it “highlights”.
– From the Select Menu: Select » Color Range » Highlights (this selects all the light parts of your image)
– Fill the selection with White (Press “D” to reset the colors to black and white, and the press “Ctrl+Backspace” to fill your selection with white.)
– Make another new layer – name it “shadows”
– From the Select Menu: Select » Color Range » Shadows (this selects all the dark parts of your image)
– Fill the selection with Black
– Make another new layer underneath those two – name it “midtones”
– Fill the entire layer with a grey color
– Ctrl+Click on the LAYER with the original photo you cut out to make a selection around it.
– Select » Inverse
– Select each layer and press delete. You are now deleting any extra color or pixels outside of the object you cut out.

You should end up with something like this:

convert to 3 colors

7.) Live Trace (Vectorize) each of those layers. This is where we take this into Illustrator. And the newest version CS2 has a handy tool called Live Trace. This will save you lots of time! Open Adobe Illustrator and make a new document if you haven’t already. Here are the steps to do this:

– In Photoshop, select the “Highlights” layer and press Ctrl+I to invert it. You should have just made it black. Now with that layer selected, click on your art (not the layer) and physically drag your art (not the layer!) to your Illustrator button on your Windows task bar (keep holding the mouse down until the Illustrator window is active). With the mouse button still down, you should see a little [+] plus sign next to your cursor. You should now be able to drop your art onto the artboard. Release the mouse button and your “highlights” layer should drop right into your empty Illustrator document.

(Note: If you are having trouble with this, try copying and pasting it in. Or saving out a JPG of your highlights layer and “placing” it into your Illustrator document)

– In Illustrator, select what you just dragged in and click Object » Live Trace » Make and Expand (default settings for Live Trace are fine). You will get something like this:

live trace

– After you Live Trace something, it will have created a group of vector shapes out of both the black and the white parts of your image. Right click and ungroup it.
– Draw a big dark grey square around your shape and send it to the back. This will be your background or shirt color.
– Now you should see both the black and white shapes. Click on a white shape.
– With a white shape selected, click Select » Same » Fill Color.
– Press Delete. You are removing all of the white shapes and you are leaving just the black ones.
– Select all the black shapes and change their fill color to white. You should now see the “highlights” portion of your art now in vector form!

– Go back into Photoshop and drag the “shadows” layer over to Illustrator and do the same thing you did for the white layer. Except keep it’s color black.
– Go back into Photoshop and select your “midtones” layer. Use brightness and contrast to get your layer to look black.
– Now drag it into Illustrator and repeat the same steps as you did with the “highlights” and “shadows” layer. Except make this one grey.
– Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:

live trace

8.) Add more stuff. Now that you have your primary image Live Traced and converted to three colors, you can now start adding more design elements. So for this tutorial, we’ll use some of the design elements in the Go Media Vector Packs. You can use your own design elements or you can purchase our vector packs.

– Now this is the point where I begin to experiment with different shapes, different arrangements, etc. Just use your imagination. In our vector packs, you’ll find a large amount of different elements that you can be creative with.

9.) I just flipped around the design and started choosing colors.
flipped

10.) Added some miscellaneous shapes to give the design some direction and motion. I put them behind the car.
shapes

11.) Opened up our Splatter Set from our Vector Packs
add a splatter

12.) Added a few splatters in the background.
splatters

13.) Used our destroy set to blend things in and add some dirt to my design
grunge

14.) I used a skull from our Skull Vector Set and duplicated it a few times.
skulls

15.) Add some flourishes!
flourish 1
flourish 2

16.) I drew some random curvy lines with the Pen Tool.
lines

17.) Used another vector piece from our Tree Set (not yet released).
roots

18.) Added the text
final design

So to get to this point, you need to just play around with your design elements and arrange them in a way that satisfies you. This particular example was a concept I did for a band called A Wilhelm Scream. I highly recommend them!

Once your design is done, it’s best to mock it up on a shirt for your client so they can get a good idea of how it will look when printed. So we have a variety of templates to do this. I like this one that a client provided us because it’s pretty versatile:

Conclusion:

Part of being a graphic designer in today’s time, is all about finding resources and using them to your advantage. There are plenty of stock vector packs and other elements out there for those of you who have trouble or simply don’t want to create them yourself. I admit that it takes time to create your own flourishes and whatnot. Your clients may sometimes want things quickly and do not want to pay for you to create these kinds of things yourself. And that’s why stock photos and vector art have become such a hot commodity these days.

There comes a time when clients will prefer you create completely original artwork and we love those jobs. We wish we could get more of those! And we will come up with original artwork or illustration and mix in our design elements for a really cool look.

So it’s fairly easy to get a high-end looking piece of apparel pretty quickly with these kinds of resources at your fingertips. Thanks for reading the tutorial and I hope you learned some new things. If you have any questions, feel free to ask. I am sure I may have skipped a few things here and there that I take for granted. Thanks!

Resources:
Go Media Vector Packs
Go Media’s Apparel Portfolio

  • threads not dead book

    Download your free chapter of our best selling strategy guide.

    If you enjoyed this post, you'll love Thread's Not Dead written by Go Media's own Jeff Finley! Start your own clothing company and become the next Mark Ecko, Obey, or Johnny Cupcakes! Learn how to dominate the graphic tee business and become the next legendary t-shirt designer. Live the dream!

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.

  • Mirax

    Amazing tutorial, I will try this!

  • Mirax

    Amazing tutorial, I will try this!

  • Sebastien

    Great tutorial!

    “Part of being a graphic designer in today’s time, is all about finding resources and using them to your advantage.”

    Love that part, maybe I’ll go grab some of those Vector packs.

  • wow!!!

    wow man wow 2k2008 i liked this its best i love ya man!!

  • Martin

    Very nice tutorial helped me a lot thanks!

  • Martin

    Very nice tutorial helped me a lot thanks!

  • Sebastien

    Great tutorial!

    “Part of being a graphic designer in today’s time, is all about finding resources and using them to your advantage.”

    Love that part, maybe I’ll go grab some of those Vector packs.

  • http://www.gomedia.us Jeff

    Glad you guys liked it. Show me some stuff you come up with!

  • http://www.gomedia.us Jeff

    Glad you guys liked it. Show me some stuff you come up with!

  • wow!!!

    wow man wow 2k2008 i liked this its best i love ya man!!

  • Pedro

    Nice tut and vector packs, you could say skulls are definitely the current trend but I love them since those Iron Maiden days, youth these days likes them I don’t know why :)

  • Pedro

    Nice tut and vector packs, you could say skulls are definitely the current trend but I love them since those Iron Maiden days, youth these days likes them I don’t know why :)

  • http://Shamsul007.deviantart.com shamsul007

    awesome dude…ill try this after i watch bleah lol :D…look forward to it..

  • http://Shamsul007.deviantart.com shamsul007

    awesome dude…ill try this after i watch bleah lol :D…look forward to it..

  • http://www.gomedia.us Jeff

    Pedro, for sure. Some people are scared of Skulls, but with the amount you are seeing them on shirts and other accessories these days, they’ve just become a staple icon for rebellious fashion. Which is always trendy, even if watered down at Wal-Mart.

  • http://www.gomedia.us Jeff

    Pedro, for sure. Some people are scared of Skulls, but with the amount you are seeing them on shirts and other accessories these days, they’ve just become a staple icon for rebellious fashion. Which is always trendy, even if watered down at Wal-Mart.

  • http://www.gomedia.us Chris

    Pedro, don’t encourage him. Skulls are scary!

  • http://www.gomedia.us Chris

    Pedro, don’t encourage him. Skulls are scary!

  • Jonna

    This is cool ;D

  • Jonna

    This is cool ;D

  • Bodo

    Great tutorial. Thanks.

  • Bodo

    Great tutorial. Thanks.

  • R-ManD

    wow… very good man…

  • R-ManD

    wow… very good man…

  • Paul Smith

    Amazing tutorial. Just one qustion where do you have your shirts printed. I am having a very hard time finding someone to print on t-shirts that are tight fitting like the ones you see nowadays, and with colors other than white. Can someone please tell me some places where I can get my shirts printed.

    Thanks

    Paul
    paulium89@gmail.com

  • Paul Smith

    Amazing tutorial. Just one qustion where do you have your shirts printed. I am having a very hard time finding someone to print on t-shirts that are tight fitting like the ones you see nowadays, and with colors other than white. Can someone please tell me some places where I can get my shirts printed.

    Thanks

    Paul
    paulium89@gmail.com

  • ultra_cow

    oh yea…were can i get them blank black shirts from that you used on the tut?

  • ultra_cow

    oh yea…were can i get them blank black shirts from that you used on the tut?

  • http://www.gomedia.us Jeff

    Paul, we use http://www.jakprints.com – tell them we sent ya! And if you want form fitting shirts, it’s all about what brand of shirts you are getting. American Apparel is the new standard for high quality shirts. Alternative Apparel is also good. And you tell your printer that you want to print on those. Google those.

    Ultra_Cow – that template was supplied to us by one of our clients.

  • http://www.gomedia.us Jeff

    Paul, we use http://www.jakprints.com – tell them we sent ya! And if you want form fitting shirts, it’s all about what brand of shirts you are getting. American Apparel is the new standard for high quality shirts. Alternative Apparel is also good. And you tell your printer that you want to print on those. Google those.

    Ultra_Cow – that template was supplied to us by one of our clients.

  • Steven

    hi im having problems on this part

    6.) Convert it to 3 colors. I’ve actually created an action to do this, because I do this quite often. Here’s the steps.

    – Make a new layer.
    – Select » Color Range » Highlights
    – Fill with White
    – Make another new layer
    – Select » Color Range » Shadows
    – Fill with Black
    – Make another new layer underneath those two
    – Fill with Grey
    – Ctrl+Click on the original photo you cut out to make a selection around it
    – Select » Inverse
    – Select each layer and press delete. You are now removing any unnecessary background color to your object

    You should end up with something like this:

    Im following the steps but NOTHING is happening to the image and it’s not looking like yours…When I go to do the “Select » Color Range » Shadows
    – Fill with Black”
    And click ok it says no pixels were selected
    And on the first step nothing if shoes up in the layer as if i didnt do ANYTHING

  • Steven

    hi im having problems on this part

    6.) Convert it to 3 colors. I’ve actually created an action to do this, because I do this quite often. Here’s the steps.

    – Make a new layer.
    – Select » Color Range » Highlights
    – Fill with White
    – Make another new layer
    – Select » Color Range » Shadows
    – Fill with Black
    – Make another new layer underneath those two
    – Fill with Grey
    – Ctrl+Click on the original photo you cut out to make a selection around it
    – Select » Inverse
    – Select each layer and press delete. You are now removing any unnecessary background color to your object

    You should end up with something like this:

    Im following the steps but NOTHING is happening to the image and it’s not looking like yours…When I go to do the “Select » Color Range » Shadows
    – Fill with Black”
    And click ok it says no pixels were selected
    And on the first step nothing if shoes up in the layer as if i didnt do ANYTHING

  • http://www.vietphotoshop.com Le Cong Phuc

    i am phuc , from vietnam , i just know a little about adobe illustrator and hope you can add my yahoo messenger nick phuc_phuc70 or you can give me your nick , it convenient to ask question and reply when i follow your excellent and creative tutorials . example this tut i can’t do like you because some function i don’t know.

    Thanks for very cool tut
    I looking forward to hearing from you soon
    phuc

  • http://www.vietphotoshop.com Le Cong Phuc

    i am phuc , from vietnam , i just know a little about adobe illustrator and hope you can add my yahoo messenger nick phuc_phuc70 or you can give me your nick , it convenient to ask question and reply when i follow your excellent and creative tutorials . example this tut i can’t do like you because some function i don’t know.

    Thanks for very cool tut
    I looking forward to hearing from you soon
    phuc

  • Bluezman

    Your site is the best on the net for describing how to do apparel designs PERIOD! I downloaded your vector pack and it rocks. Let me know when you add more tut’s and vector art. This particular tut opened my eyes on how to get to this type of design. Thanks Jeff
    Bluezman~

  • Bluezman

    Your site is the best on the net for describing how to do apparel designs PERIOD! I downloaded your vector pack and it rocks. Let me know when you add more tut’s and vector art. This particular tut opened my eyes on how to get to this type of design. Thanks Jeff
    Bluezman~

  • http://www.gomedia.us Jeff

    steven,

    When you take an image and go select > color range and then you select “shadows” it will create a selection for you.

    However if there aren’t any dark parts in your image in the first place, it won’t have anything to select, so that might be your problem.

  • http://www.gomedia.us Jeff

    steven,

    When you take an image and go select > color range and then you select “shadows” it will create a selection for you.

    However if there aren’t any dark parts in your image in the first place, it won’t have anything to select, so that might be your problem.

  • Bluezman

    for the life of me I cant figure out how your dragging the art from photoshop to illustrator… any suggestions ?
    Thanks

  • Bluezman

    for the life of me I cant figure out how your dragging the art from photoshop to illustrator… any suggestions ?
    Thanks

  • random

    do you have both photoshop and illustrator cs2?

  • random

    do you have both photoshop and illustrator cs2?

  • R.Hoover

    awesome way to promote your stuff by empowering and exciting people to want and know how to use it. Giving something to get something back.

    I’m going to grab some packs and try. REspect!

  • http://www.gomedia.us Jeff

    Bluezman – In windows, you can just drag the art into the document in Illustrator.

    But if you are having trouble doing that trick, you can always select your layer > ctrl+A to select all > copy.

    And then go into illustrator and Paste it.

  • http://www.gomedia.us Jeff

    Bluezman – In windows, you can just drag the art into the document in Illustrator.

    But if you are having trouble doing that trick, you can always select your layer > ctrl+A to select all > copy.

    And then go into illustrator and Paste it.

  • R.Hoover

    awesome way to promote your stuff by empowering and exciting people to want and know how to use it. Giving something to get something back.

    I’m going to grab some packs and try. REspect!

  • TK

    Sweet tutorial. Inspiring. I will be checking out that vector trace thing in CS2…

  • TK

    Sweet tutorial. Inspiring. I will be checking out that vector trace thing in CS2…

  • Joan

    When i deselect the vector after apply live trace and ungroup, i don’t know what means “select a white shape”. I do a white square and then select it, an then apply the “select” command but nothing happens. Even if i dont select nothing, where is or what is thar “white shape” i must select to do this awesome work? Thanks.

  • Joan

    When i deselect the vector after apply live trace and ungroup, i don’t know what means “select a white shape”. I do a white square and then select it, an then apply the “select” command but nothing happens. Even if i dont select nothing, where is or what is thar “white shape” i must select to do this awesome work? Thanks.

  • http://www.gomedia.us Jeff

    Joan, when you live trace something, it converts it to black shapes and white shapes. The white shapes are difficult to see because they blend in with the background.

    But select a space where a white shape would be and it will become selected.

    Now, go to select > same fill color. That will select all the other white shapes and then you can delete those out of there and be left with what you want.

  • http://www.gomedia.us Jeff

    Joan, when you live trace something, it converts it to black shapes and white shapes. The white shapes are difficult to see because they blend in with the background.

    But select a space where a white shape would be and it will become selected.

    Now, go to select > same fill color. That will select all the other white shapes and then you can delete those out of there and be left with what you want.

  • melissa

    i love a wilhelm scream.

  • melissa

    i love a wilhelm scream.

  • Pingback: tshirt : iloveyourtshirt : t-shirt blog » Jeff Tutorilas,

  • Pingback: RobotSkirts » Blog Archive » The Go MediaZine - Exclusive insights for art, design, marketing and more. » Designing Ultra SceneXCore Apparel!

  • Pingback: Curious Artist » Blog Archive » Designing Ultra SceneXCore Apparel Tutorial

  • Marc

    im having trouble with step six, i’ve gone through all the steps over and over again but its not workin out for me. and when i go into color range do i need to click on selection or image?

  • Marc

    im having trouble with step six, i’ve gone through all the steps over and over again but its not workin out for me. and when i go into color range do i need to click on selection or image?

  • http://www.gomedia.us Jeff

    Marc,

    You go to Select>Color Range…

    And from there you select either Shadows or Highlights from the dropdown menu. And when you do that, you will select only the Shadows or Highlights on your image. And then you can just fill the selection (on a new layer) with Black. That makes it easy to live trace that specific layer of color.

  • http://www.gomedia.us Jeff

    Marc,

    You go to Select>Color Range…

    And from there you select either Shadows or Highlights from the dropdown menu. And when you do that, you will select only the Shadows or Highlights on your image. And then you can just fill the selection (on a new layer) with Black. That makes it easy to live trace that specific layer of color.

  • Gabby

    This is such an awesome tut! Thank you! I’m not a designer but I scrapbook digitally so it took a couple of goes,(even the incorrect ones looked good!) but I finally got it just as you wrote…(I’m usually to eager too get on with it and skim, make mistakes and go back and re-read again and again!… and again!! lol
    Ive now made a small album for my interstate family for something diffrent than the usual family snaps. and it looks great!
    (I want those packs too so I out in a Xmas wish to hubby!lol)
    Again thanks! Its brilliant!

  • Gabby

    This is such an awesome tut! Thank you! I’m not a designer but I scrapbook digitally so it took a couple of goes,(even the incorrect ones looked good!) but I finally got it just as you wrote…(I’m usually to eager too get on with it and skim, make mistakes and go back and re-read again and again!… and again!! lol
    Ive now made a small album for my interstate family for something diffrent than the usual family snaps. and it looks great!
    (I want those packs too so I out in a Xmas wish to hubby!lol)
    Again thanks! Its brilliant!

  • Nico

    Draw a big black square around your shape and send it to the back

    how can i do this?
    thanks

  • Nico

    Draw a big black square around your shape and send it to the back

    how can i do this?
    thanks

  • http://www.fashionprint.net Fashionprint.net

    Amazing tutorial.

    http://www.fashionprint.net

    BR.
    Steve.

  • http://www.fashionprint.net Fashionprint.net

    Amazing tutorial.

    http://www.fashionprint.net

    BR.
    Steve.

  • Dan

    I’m really into designing these types of things, especially for my two bands since we are that style of music, but I’ve always had one problem… I have always had trouble creating and/or finding flourishes to use in my pieces… Just curious if anyone knows an effective way to create these?

  • Dan

    I’m really into designing these types of things, especially for my two bands since we are that style of music, but I’ve always had one problem… I have always had trouble creating and/or finding flourishes to use in my pieces… Just curious if anyone knows an effective way to create these?

  • Matt

    I am having major trouble with this part, I will glad show you what I made, but I need help:

    – Ungroup it.
    – Now deselect everything and then select a white shape.
    – Select » Same » Fill Color.
    – Delete all the white shapes and leave just the black shapes.
    – Select the black shape and change it’s fill color to white.
    – Draw a big black square around your shape and send it to the back.
    – Go back into Photoshop and drag the “black” layer over to Illustrator and do the same thing you did for the white layer.
    – Go back into Photoshop and select your grey layer. Use brightness and contrast to get your layer to look black.
    – Now drag it into Illustrator and Live Trace this layer. Ungroup it and delete any white shapes. Then change it’s color to grey.
    – Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:

    I can live trace it, and ungroup it, but I am lost from their. What white shapes? and what does the “select-same-fill color” Do. Please provide more pics or something, this is very confusing not only to me, but to many who know alot about Illy.

    Contact me here, or at abstractcs7@hotmail.com

    Thank you

  • Matt

    I am having major trouble with this part, I will glad show you what I made, but I need help:

    – Ungroup it.
    – Now deselect everything and then select a white shape.
    – Select » Same » Fill Color.
    – Delete all the white shapes and leave just the black shapes.
    – Select the black shape and change it’s fill color to white.
    – Draw a big black square around your shape and send it to the back.
    – Go back into Photoshop and drag the “black” layer over to Illustrator and do the same thing you did for the white layer.
    – Go back into Photoshop and select your grey layer. Use brightness and contrast to get your layer to look black.
    – Now drag it into Illustrator and Live Trace this layer. Ungroup it and delete any white shapes. Then change it’s color to grey.
    – Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:

    I can live trace it, and ungroup it, but I am lost from their. What white shapes? and what does the “select-same-fill color” Do. Please provide more pics or something, this is very confusing not only to me, but to many who know alot about Illy.

    Contact me here, or at abstractcs7@hotmail.com

    Thank you

  • http://www.gomedia.us Jeff

    Matt,

    When you live trace something, it automatically makes black and white shapes. You can’t see the white shapes because they are on a white background.

    So select where a white shape WOULD be and then select>same fill color. It will select all the white shapes. Delete those out.

  • http://www.gomedia.us Jeff

    Matt,

    When you live trace something, it automatically makes black and white shapes. You can’t see the white shapes because they are on a white background.

    So select where a white shape WOULD be and then select>same fill color. It will select all the white shapes. Delete those out.

  • Anonymous

    I also use JakPrints.com and would like to second a very high recommendation, as their finished products are of the highest quality, and their prices are very affordable. I am usually able to make about 30% on printing alone, due to their wonderful quantity pricing.

  • http://www.zacparker.com zacp

    I also use JakPrints.com and would like to second a very high recommendation, as their finished products are of the highest quality, and their prices are very affordable. I am usually able to make about 30% on printing alone, due to their wonderful quantity pricing.

  • Pingback: Vector Art Images - T-Shirt Forums

  • Pingback: Turning Photos In To Black And White - T-Shirt Forums

  • Jake

    I love this tutorial. Shame I don’t have Illustrator, or money to spend on the vector shapes.

  • Jake

    I love this tutorial. Shame I don’t have Illustrator, or money to spend on the vector shapes.

  • DOIT

    This was the WORST tutorial I ever seen…
    DUDE is so confusing!!! NONE of the steps were explained correctly.

  • DOIT

    This was the WORST tutorial I ever seen…
    DUDE is so confusing!!! NONE of the steps were explained correctly.

  • DJ

    Hey man, awesome tutorial. I was wondering if I could get the settings you’re using for the live trace though? Do you use defaults, or switch it up a little bit?

  • DJ

    Hey man, awesome tutorial. I was wondering if I could get the settings you’re using for the live trace though? Do you use defaults, or switch it up a little bit?

  • Shane

    Nice tutorial, thanks for such detailed instructions! but I would like to point out that when I drop my photoshop layer into illustrator (CS2), I had to RASTERIZE the object before I could Trace it. Could just be something in my settings but I thought I would mention it just the same.

  • Shane

    Nice tutorial, thanks for such detailed instructions! but I would like to point out that when I drop my photoshop layer into illustrator (CS2), I had to RASTERIZE the object before I could Trace it. Could just be something in my settings but I thought I would mention it just the same.

  • http://www.gomedia.us Jeff

    The Live Trace settings are just the default ones. Nothing tricky here. And to the person who said it’s the worst tutorial ever, I’d like to see your version of it.

  • http://www.gomedia.us Jeff

    The Live Trace settings are just the default ones. Nothing tricky here. And to the person who said it’s the worst tutorial ever, I’d like to see your version of it.

  • Ronnie

    Jeff… maybe we’re better off not seeing his version. :D

    Great Tut! Mine didnt exactly do like yours but then again i’m supposed to be @ work working. Gonna give another go at when i get the time.
    Looking into them vector packs eventually.
    Happy New Year All!

  • Ronnie

    Jeff… maybe we’re better off not seeing his version. :D

    Great Tut! Mine didnt exactly do like yours but then again i’m supposed to be @ work working. Gonna give another go at when i get the time.
    Looking into them vector packs eventually.
    Happy New Year All!

  • vikinggirl

    Can I use the downloads on other programs beside
    illy and Corel Photoshop? Love the flourishes and wisps but just messing around!

  • vikinggirl

    Can I use the downloads on other programs beside
    illy and Corel Photoshop? Love the flourishes and wisps but just messing around!

  • Kaospilot

    Hello,

    I’m french and i don’t understand English very well (and more when this is technics).

    Anyone speak french (a lot) here ? and can tell me how to do this ? Or give more details ? (newbie)

    – Ungroup it.
    – Now deselect everything and then select a white shape.
    – Select » Same » Fill Color.
    – Delete all the white shapes and leave just the black shapes.
    – Select the black shape and change it’s fill color to white.
    – Draw a big black square around your shape and send it to the back.
    – Go back into Photoshop and drag the “black” layer over to Illustrator and do the same thing you did for the white layer.
    – Go back into Photoshop and select your grey layer. Use brightness and contrast to get your layer to look black.
    – Now drag it into Illustrator and Live Trace this layer. Ungroup it and delete any white shapes. Then change it’s color to grey.
    – Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:

    Thank you very much

    Erick

  • Kaospilot

    Hello,

    I’m french and i don’t understand English very well (and more when this is technics).

    Anyone speak french (a lot) here ? and can tell me how to do this ? Or give more details ? (newbie)

    – Ungroup it.
    – Now deselect everything and then select a white shape.
    – Select » Same » Fill Color.
    – Delete all the white shapes and leave just the black shapes.
    – Select the black shape and change it’s fill color to white.
    – Draw a big black square around your shape and send it to the back.
    – Go back into Photoshop and drag the “black” layer over to Illustrator and do the same thing you did for the white layer.
    – Go back into Photoshop and select your grey layer. Use brightness and contrast to get your layer to look black.
    – Now drag it into Illustrator and Live Trace this layer. Ungroup it and delete any white shapes. Then change it’s color to grey.
    – Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:

    Thank you very much

    Erick

  • David

    Feed us more and more tutorials, they are great and very helpful. If thats not possible, can you please let me know where i can find more tutorials like these?

  • David

    Feed us more and more tutorials, they are great and very helpful. If thats not possible, can you please let me know where i can find more tutorials like these?

  • http://www.gomedia.us Jeff

    David,

    Don’t worry, there will be more! It takes time to write tutorials that are actually in depth in the subject. Most tutorials out there are like a quick step by step to get an effect that MIGHT be useful. We want to make tutorials that have a real use in the REAL world. So we will continue to write quality tutorials, you can be sure of that!

  • http://www.gomedia.us Jeff

    David,

    Don’t worry, there will be more! It takes time to write tutorials that are actually in depth in the subject. Most tutorials out there are like a quick step by step to get an effect that MIGHT be useful. We want to make tutorials that have a real use in the REAL world. So we will continue to write quality tutorials, you can be sure of that!

  • http://google.com jack

    Nice site actually. Gone to my favourites. Thanks for creation.

  • http://google.com jack

    Nice site actually. Gone to my favourites. Thanks for creation.

  • Cream

    Love the tut, and the outcome, and want to buy the flourish packages for myself, but I have one Q. I have Illustrator version 10, and looks like I don’t have live trace, any Idea on how to get the same effect without Live Trace?

  • Cream

    Love the tut, and the outcome, and want to buy the flourish packages for myself, but I have one Q. I have Illustrator version 10, and looks like I don’t have live trace, any Idea on how to get the same effect without Live Trace?

  • http://www.gomedia.us Jeff

    Look for a program called Adobe Streamline. It’s outdated though. But you might be able to find a bitmap to vector converter software online. Just do some searching.

  • http://www.gomedia.us Jeff

    Look for a program called Adobe Streamline. It’s outdated though. But you might be able to find a bitmap to vector converter software online. Just do some searching.

  • http://www.shelflifeshop.com/ Claire

    “I have Illustrator version 10, and looks like I don’t have live trace, any Idea on how to get the same effect without Live Trace?”

    After you have completed Step 6 in Photoshop (and have three separate layers — black, white, and grey), you can simulate what happens in this Most Excellent Tutorial with the following:

    IN PHOTOSHOP

    - Select the black layer.
    - Ctrl-Click the layer to select all the pixels
    - From the PATHS palette, select “Make Work Path”
    - Set tolerance level — experiment here, but I generally use .5-1.0
    - File > Export > Paths to Illustrator
    - Now that the work path is exported and saved as an AI file, delete the work path
    - Repeat from beginning for grey layer and white layer. You should end up with three separate .ai files, one for each layer (black, white, grey)

    IN ILLUSTRATOR

    - Open black layer .ai export
    - Don’t panic because the file appears empty
    - Press Ctrl-A to select all
    - Fill with black
    - Ctrl-G to group
    - Repeat steps for grey layer and white layer (fill with appropriate (grey and white) colors)

    You still have three separate files. Copy the images from each into one Illustrator file and you’ll have a workable image.

    I can’t tell you how close this comes to the original process because I don’t have Illustrator CS2 to compare, but it does work well enough to make some interesting art.

  • http://www.shelflifeshop.com/ Claire

    “I have Illustrator version 10, and looks like I don’t have live trace, any Idea on how to get the same effect without Live Trace?”

    After you have completed Step 6 in Photoshop (and have three separate layers — black, white, and grey), you can simulate what happens in this Most Excellent Tutorial with the following:

    IN PHOTOSHOP

    - Select the black layer.
    - Ctrl-Click the layer to select all the pixels
    - From the PATHS palette, select “Make Work Path”
    - Set tolerance level — experiment here, but I generally use .5-1.0
    - File > Export > Paths to Illustrator
    - Now that the work path is exported and saved as an AI file, delete the work path
    - Repeat from beginning for grey layer and white layer. You should end up with three separate .ai files, one for each layer (black, white, grey)

    IN ILLUSTRATOR

    - Open black layer .ai export
    - Don’t panic because the file appears empty
    - Press Ctrl-A to select all
    - Fill with black
    - Ctrl-G to group
    - Repeat steps for grey layer and white layer (fill with appropriate (grey and white) colors)

    You still have three separate files. Copy the images from each into one Illustrator file and you’ll have a workable image.

    I can’t tell you how close this comes to the original process because I don’t have Illustrator CS2 to compare, but it does work well enough to make some interesting art.

  • Marcus

    Great Tutorial! This is great! Thank You!

  • Marcus

    Great Tutorial! This is great! Thank You!

  • Nick

    Killer tutorial! Very inspiring as mentioned before. :)

    I have one question however. By selecting shadows, midtones, and highlights in Photoshop, you get a 3 color vector out of the deal…How would I go about getting a 5 color vector? Would that be much more complicated?

  • Nick

    Killer tutorial! Very inspiring as mentioned before. :)

    I have one question however. By selecting shadows, midtones, and highlights in Photoshop, you get a 3 color vector out of the deal…How would I go about getting a 5 color vector? Would that be much more complicated?

  • stephen

    at the live trace part, i am selecting make and expand but it doesnt look like the picture you have. i just makes a blue line around the object

  • stephen

    at the live trace part, i am selecting make and expand but it doesnt look like the picture you have. i just makes a blue line around the object

  • Travjs

    hey dude. i just bought and downloaded your pack. pretty nice. got on question tho…. when you move your pic from photoshop to illustrator. how do you get them to mesh on each other so perfect?

  • Travjs

    hey dude. i just bought and downloaded your pack. pretty nice. got on question tho…. when you move your pic from photoshop to illustrator. how do you get them to mesh on each other so perfect?

  • Marek

    Informative tutorial on creating grunge in illustrator. HOWEVER! I really think it’s tacky to advertize your graphic packs in a tutorial. I think if you’re to make a tutorial, you should do so without making people buy anything you’re publishing… Decent work with the tutorial itself, i just dont agree with that one aspect.

  • Marek

    Informative tutorial on creating grunge in illustrator. HOWEVER! I really think it’s tacky to advertize your graphic packs in a tutorial. I think if you’re to make a tutorial, you should do so without making people buy anything you’re publishing… Decent work with the tutorial itself, i just dont agree with that one aspect.

  • http://www.gomedia.us William Beachy

    Hey Marek,
    I understand your thoughts about the tackyness of us advertising our vector packs in our tutorials. Let me be clear: we are trying to sell vector packs! :) The sale of our vector packs give us the time to sit and write kick-ass tutorials.

    But let me also be clear; there are hundreds of places to buy vector art. Or, you can make it yourself from scratch (as we show you how to do in our many tutorials.)

    So, I’m sorry if we’re a little tacky, but it’s a necessary little plug. I hope the tutorials are still helpful and we appreciate everyone’s support.

  • http://www.gomedia.us William Beachy

    Hey Marek,
    I understand your thoughts about the tackyness of us advertising our vector packs in our tutorials. Let me be clear: we are trying to sell vector packs! :) The sale of our vector packs give us the time to sit and write kick-ass tutorials.

    But let me also be clear; there are hundreds of places to buy vector art. Or, you can make it yourself from scratch (as we show you how to do in our many tutorials.)

    So, I’m sorry if we’re a little tacky, but it’s a necessary little plug. I hope the tutorials are still helpful and we appreciate everyone’s support.

  • Jake Again

    Hey again man,

    I was just wondering. You say that you created an action to convert the picture into 3 colours…

    Would you be able to tell me how to make an action?

    I quite like the idea of shortening steps like that.

  • Jake Again

    Hey again man,

    I was just wondering. You say that you created an action to convert the picture into 3 colours…

    Would you be able to tell me how to make an action?

    I quite like the idea of shortening steps like that.

  • Bully

    Awesome tutorial Jeff! But you lost me at the part I quoted below, please could you rephrase it, and add a picture or something to go with it.

    “Now with that layer selected, physically drag your art (not the layer) to your Illustrator button on your Windows task bar and Illustrator should pop up. Let go of the mouse and your layer should drop right into your empty Illustrator document.

    – In Illustrator, select the newly placed image and click Object » Live Trace » Make and Expand. You will get something like this:

    – Ungroup it.
    – Now deselect everything and then select a white shape.
    – Select » Same » Fill Color.
    – Delete all the white shapes and leave just the black shapes.
    – Select the black shape and change it’s fill color to white.
    – Draw a big black square around your shape and send it to the back.
    – Go back into Photoshop and drag the “black” layer over to Illustrator and do the same thing you did for the white layer.
    – Go back into Photoshop and select your grey layer. Use brightness and contrast to get your layer to look black.
    – Now drag it into Illustrator and Live Trace this layer. Ungroup it and delete any white shapes. Then change it’s color to grey.
    – Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:”

    And another part I don’t understand is the dragging to Illustrator…

  • Bully

    Awesome tutorial Jeff! But you lost me at the part I quoted below, please could you rephrase it, and add a picture or something to go with it.

    “Now with that layer selected, physically drag your art (not the layer) to your Illustrator button on your Windows task bar and Illustrator should pop up. Let go of the mouse and your layer should drop right into your empty Illustrator document.

    – In Illustrator, select the newly placed image and click Object » Live Trace » Make and Expand. You will get something like this:

    – Ungroup it.
    – Now deselect everything and then select a white shape.
    – Select » Same » Fill Color.
    – Delete all the white shapes and leave just the black shapes.
    – Select the black shape and change it’s fill color to white.
    – Draw a big black square around your shape and send it to the back.
    – Go back into Photoshop and drag the “black” layer over to Illustrator and do the same thing you did for the white layer.
    – Go back into Photoshop and select your grey layer. Use brightness and contrast to get your layer to look black.
    – Now drag it into Illustrator and Live Trace this layer. Ungroup it and delete any white shapes. Then change it’s color to grey.
    – Now put the grey shape in behind the white and black layer. You should end up with this in Illustrator:”

    And another part I don’t understand is the dragging to Illustrator…

  • cale

    hi im trying to do your tutorial but i cant get the picture to inverse. i pen tool it but it wont invert. any idea what i might be doing wrong?

  • cale

    hi im trying to do your tutorial but i cant get the picture to inverse. i pen tool it but it wont invert. any idea what i might be doing wrong?

  • Victoria

    This is one of the coolest tutorials I ever seen.
    I’m gonna try this, and make some of my own T-Shirts.
    Thanks for putting up this tutorial

  • Victoria

    This is one of the coolest tutorials I ever seen.
    I’m gonna try this, and make some of my own T-Shirts.
    Thanks for putting up this tutorial

  • Paul

    Hi Jeff:

    I’d like to send my first experiment with this to you; is there a way to attach files here?

    I assume PDFs are the best way to go.

    Thanks!

  • Paul

    Hi Jeff:

    I’d like to send my first experiment with this to you; is there a way to attach files here?

    I assume PDFs are the best way to go.

    Thanks!

  • brent

    cale,

    i didnt figure it out either… so just lasso it around and inverse and delete.

  • brent

    cale,

    i didnt figure it out either… so just lasso it around and inverse and delete.

  • Bully

    Paul, ImageShack is the way to go!

  • Bully

    Paul, ImageShack is the way to go!

  • Dave

    hey awesome concept tutorial. I’m having trouble w/ the live trace settings. Using the defaults i get a very basic tracing, not nearly as nice as yours. I’m tweaking the setting and don’t have it dialed in completely. Any other tips, maybe cleaning up the image in PS a little, or a setting in live trace i’m missing?

    BTW I will be buying the vector sets!

  • Dave

    hey awesome concept tutorial. I’m having trouble w/ the live trace settings. Using the defaults i get a very basic tracing, not nearly as nice as yours. I’m tweaking the setting and don’t have it dialed in completely. Any other tips, maybe cleaning up the image in PS a little, or a setting in live trace i’m missing?

    BTW I will be buying the vector sets!

  • http://www.raptords.com Raptor

    Is there a way to make the vectors (shown in step 7) without CS2? I am currently using CS1.

  • http://www.raptords.com Raptor

    Is there a way to make the vectors (shown in step 7) without CS2? I am currently using CS1.

  • http://www.gomedia.us Jeff

    If you are using and older version of Illustrator without the Live Trace tool, just google for “convert bitmap to vector” or something similar and you’ll find something.

    And for best results on vectorizing, make sure your original image is large!

  • http://www.gomedia.us Jeff

    If you are using and older version of Illustrator without the Live Trace tool, just google for “convert bitmap to vector” or something similar and you’ll find something.

    And for best results on vectorizing, make sure your original image is large!

  • Andrew

    Hey im using Mac OS, and I can’t find the Live Trace tool under Objects. Can you help me out? Kick ass tutorial BTW

  • Andrew

    Hey im using Mac OS, and I can’t find the Live Trace tool under Objects. Can you help me out? Kick ass tutorial BTW

  • Chris

    This tutorial is confusing. The directions didn’t apply correctly as stated. Sample: Using the pen tool around the image and select invert. Photoshop didn’t give me the option to invert. I had to lasso the image and then I was able to invert. Also I have Photoshop cs2, is that different from what you have????????? Thanks anyway for the tutorial it’s definitely broaden more creative ideas for my shirts.

  • Chris

    This tutorial is confusing. The directions didn’t apply correctly as stated. Sample: Using the pen tool around the image and select invert. Photoshop didn’t give me the option to invert. I had to lasso the image and then I was able to invert. Also I have Photoshop cs2, is that different from what you have????????? Thanks anyway for the tutorial it’s definitely broaden more creative ideas for my shirts.

  • Bully

    Thanks for rephrasing Jeff, heres my result:

    From this:http://img110.imageshack.us/img110/225/humanyh6.jpg

    To this: http://img245.imageshack.us/img245/6643/skullassyh3.png

    Thanks Jeff. Any ideas who I could sell some t-shirt designs to?

  • Bully

    Thanks for rephrasing Jeff, heres my result:

    From this:http://img110.imageshack.us/img110/225/humanyh6.jpg

    To this: http://img245.imageshack.us/img245/6643/skullassyh3.png

    Thanks Jeff. Any ideas who I could sell some t-shirt designs to?

  • http://www.gomedia.us Jeff

    Bully, looks good. Glad you got it right!

    As for who to sell some shirt designs to, ask some bands, they might take you up on the offer.

  • http://www.gomedia.us Jeff

    Bully, looks good. Glad you got it right!

    As for who to sell some shirt designs to, ask some bands, they might take you up on the offer.

  • http://katastrophy23.livejournal.com/ Dylan

    Hey thanks for the tutorial, I learned a bunch of new stuff! Here’s my go at it. Made it into one of my favorite bands.

    http://vendetta-music.com/images/transmission/tank_green_orange.jpg

  • http://katastrophy23.livejournal.com/ Dylan

    Hey thanks for the tutorial, I learned a bunch of new stuff! Here’s my go at it. Made it into one of my favorite bands.

    http://vendetta-music.com/images/transmission/tank_green_orange.jpg

  • Paul

    I used a tank too, for a band name I made up:

    [IMG]http://img403.imageshack.us/img403/3808/tshirtsampleds0.gif[/IMG]

    This is the original image:

    [IMG]http://img442.imageshack.us/img442/1987/tankxy9.jpg[/IMG]

    (I hope the direct links work.)

  • Paul

    I used a tank too, for a band name I made up:

    [IMG]http://img403.imageshack.us/img403/3808/tshirtsampleds0.gif[/IMG]

    This is the original image:

    [IMG]http://img442.imageshack.us/img442/1987/tankxy9.jpg[/IMG]

    (I hope the direct links work.)

  • Paul

    Well, I used the wrong code; you’ll have to paste them into your browser.

  • Paul

    Well, I used the wrong code; you’ll have to paste them into your browser.

  • stephen

    well id love to buy the whole set of the packs, but i noticed that the prices will go back up today. im just wondering how much will they be after today because i dont have the money right now to buy them

  • stephen

    well id love to buy the whole set of the packs, but i noticed that the prices will go back up today. im just wondering how much will they be after today because i dont have the money right now to buy them

  • http://www.gomedia.us Jeff

    See the numbers that are slashed out? That’s what they’ll be. So the individual packs will be $14.99 as opposed to $9.99

  • http://www.gomedia.us Jeff

    See the numbers that are slashed out? That’s what they’ll be. So the individual packs will be $14.99 as opposed to $9.99

  • http://www.avangelistdesign.com avangelist

    It is really good coming up with these tutorials but they don’t take you to the finish line.

    I have had 5 failed attempts with print where I have setup images at 300dpi in photoshop and they have still come back from the printers pixelated.

    What would be good is if you could explain about what output your file should be for print.

    In addition I tried to provide a design on a white T before and went to two different shirt printers all of which came back with what seemed like the outline of an A4 piece of paper on the final shirt.

    All tips welcome!

  • http://www.avangelistdesign.com avangelist

    It is really good coming up with these tutorials but they don’t take you to the finish line.

    I have had 5 failed attempts with print where I have setup images at 300dpi in photoshop and they have still come back from the printers pixelated.

    What would be good is if you could explain about what output your file should be for print.

    In addition I tried to provide a design on a white T before and went to two different shirt printers all of which came back with what seemed like the outline of an A4 piece of paper on the final shirt.

    All tips welcome!

  • Terry

    Hi there !

    Your tutorials are veary easy, fast and useful, thanks for them…

    I think your vector pack is a bit expensive for a student as me, but as I read before, purchasing them is a way of saying thanks more productive than a simple email… and I expect that If you see that your work is apreciated and buyed, you’ll make more tutorials…

    Go media is a great concept and an inspiration, thanks !

  • Terry

    Hi there !

    Your tutorials are veary easy, fast and useful, thanks for them…

    I think your vector pack is a bit expensive for a student as me, but as I read before, purchasing them is a way of saying thanks more productive than a simple email… and I expect that If you see that your work is apreciated and buyed, you’ll make more tutorials…

    Go media is a great concept and an inspiration, thanks !

  • http://www.songsblog.com lawton chiles

    Well, what can I say? This is an amazing example of how real desingers work, not just smoke and mirrors. Thank you very very very much for putting this on the web. It has been really inspiring for me and will alow me to take my design skills to the next level even if I cannot really draw all that well.

    Thanks!

    Lawton

  • http://www.songsblog.com lawton chiles

    Well, what can I say? This is an amazing example of how real desingers work, not just smoke and mirrors. Thank you very very very much for putting this on the web. It has been really inspiring for me and will alow me to take my design skills to the next level even if I cannot really draw all that well.

    Thanks!

    Lawton

  • Michael

    I’m kinda having some trouble with working it. I’m trying to follow the steps of this tutorial and it doesnt seem to be working for me.

  • Michael

    I’m kinda having some trouble with working it. I’m trying to follow the steps of this tutorial and it doesnt seem to be working for me.

  • anna reeves

    hi i’ve just bought corel draw 12
    do you know any good books for me to learn from or webs sites the basics

    thanks
    anna

  • anna reeves

    hi i’ve just bought corel draw 12
    do you know any good books for me to learn from or webs sites the basics

    thanks
    anna

  • Sheryl

    I had a lot of trouble with #6 myself because my Photoshop experience is pretty limited. However, I played around and got it. The following is kind of an expanded version of the original for those of us who really need to be given every detailed instruction:

    1. I hit D on the keyboard to get the foreground/background color indicator (on the tool box palette) to be black and white. I put black on the top.
    2. I noticed the picture that followed #6 showed the car on a black background. My cut-out image was on a transparent background, so I created a new layer, named it Background, put it below my cut-out image layer, and using the bucket (fill) tool, made the whole layer black.
    3. Changed the foreground color to white. It toggles back and forth in the tool box. Created a new layer. Named it Highlights.
    4. From the menu bar, select Select > Color Range. This opens the Color Range dialog box. Choose Highlights (you can find Highlights in the drop down text box hwere it says Sampled Colors). Below the little picture in that same dialog box, I clicked on the Image radio button. (The default is Selection.) Clicked okay.
    5. To actually fill the selection, I clicked on the bucket icon (fill icon) and clicked all over (randomly, trying to hit white spaces) the image. I then turned off the layer with the original car cut-out, and sure enough, there were pieces of the image all in white.
    6. Made black the foreground color in preparation for the next layer.
    7. Created a new layer named Shadows. From the menu bar, clicked the Select > Color Range thing to bring up the Color Range dialog box again. This time I clicked on “Shadows” from the drop down text box. Again, I changed the radio button to “Image.” Clicked okay.
    8. Just because I could see things better, I turned off my background layer. (Be sure to go back to your Shadows layer before proceeding.)
    8. Clicked on my bucket icon and started clicking around the image. Sure enough, if I turned off all the layers except the Shadows layer, I saw pieces of the image in black.
    9. In preparation for the next layer, I clicked on the foreground color and selected a gray color from my color swatch palette.
    10. I created a new layer named Midtones.
    11. Clicked on Select > Color Range, and selected Midtones. Changed the radio button to Image. Clicked okay.
    12. Clicked on the bucket icon and clicked all over the image. When I turned off all the other layers, I had pieces of my image in gray.
    Note: Didn’t need to do the inverting described at the end of #6. Or at least I didn’t do any. It didn’t seem to accomplish anything, although that could just be my lack of experience. I think that since I changed the radio button in the Color Range dialog box to image, it wasn’t necessary.
    From there, everything worked just fine. Hope this helps. (Hope I didn’t leave anything out!)

    Sheryl

  • Sheryl

    I had a lot of trouble with #6 myself because my Photoshop experience is pretty limited. However, I played around and got it. The following is kind of an expanded version of the original for those of us who really need to be given every detailed instruction:

    1. I hit D on the keyboard to get the foreground/background color indicator (on the tool box palette) to be black and white. I put black on the top.
    2. I noticed the picture that followed #6 showed the car on a black background. My cut-out image was on a transparent background, so I created a new layer, named it Background, put it below my cut-out image layer, and using the bucket (fill) tool, made the whole layer black.
    3. Changed the foreground color to white. It toggles back and forth in the tool box. Created a new layer. Named it Highlights.
    4. From the menu bar, select Select > Color Range. This opens the Color Range dialog box. Choose Highlights (you can find Highlights in the drop down text box hwere it says Sampled Colors). Below the little picture in that same dialog box, I clicked on the Image radio button. (The default is Selection.) Clicked okay.
    5. To actually fill the selection, I clicked on the bucket icon (fill icon) and clicked all over (randomly, trying to hit white spaces) the image. I then turned off the layer with the original car cut-out, and sure enough, there were pieces of the image all in white.
    6. Made black the foreground color in preparation for the next layer.
    7. Created a new layer named Shadows. From the menu bar, clicked the Select > Color Range thing to bring up the Color Range dialog box again. This time I clicked on “Shadows” from the drop down text box. Again, I changed the radio button to “Image.” Clicked okay.
    8. Just because I could see things better, I turned off my background layer. (Be sure to go back to your Shadows layer before proceeding.)
    8. Clicked on my bucket icon and started clicking around the image. Sure enough, if I turned off all the layers except the Shadows layer, I saw pieces of the image in black.
    9. In preparation for the next layer, I clicked on the foreground color and selected a gray color from my color swatch palette.
    10. I created a new layer named Midtones.
    11. Clicked on Select > Color Range, and selected Midtones. Changed the radio button to Image. Clicked okay.
    12. Clicked on the bucket icon and clicked all over the image. When I turned off all the other layers, I had pieces of my image in gray.
    Note: Didn’t need to do the inverting described at the end of #6. Or at least I didn’t do any. It didn’t seem to accomplish anything, although that could just be my lack of experience. I think that since I changed the radio button in the Color Range dialog box to image, it wasn’t necessary.
    From there, everything worked just fine. Hope this helps. (Hope I didn’t leave anything out!)

    Sheryl

  • Alec Chalmers

    This is the most badly worded tutorial I have ever used. I’m sure the creater must have known what they were doing at the time, and the final result is great but they cannot communicate what they have done at all.

  • Alec Chalmers

    This is the most badly worded tutorial I have ever used. I’m sure the creater must have known what they were doing at the time, and the final result is great but they cannot communicate what they have done at all.

  • http://www.gomedia.us Jeff

    Alec,

    Most people have no problem with it. But there are some that just cannot understand the concept. I could have written a novel and outlined every detail, but generally it’s not good to write endless pages when most intermediate to advanced users will not want to read all that info.

    Beginner users may have trouble because it’s not the most cut and dry process. You have to do a bit of thinking yourself.

  • http://www.gomedia.us Jeff

    Alec,

    Most people have no problem with it. But there are some that just cannot understand the concept. I could have written a novel and outlined every detail, but generally it’s not good to write endless pages when most intermediate to advanced users will not want to read all that info.

    Beginner users may have trouble because it’s not the most cut and dry process. You have to do a bit of thinking yourself.

  • Tired-of-ugly-t-shirts

    “This is a tutorial or a simple “how-to” guide to help you with your design projects. This is not the end-all, be-all way of doing things. We will try to make what is normally a long and detailed process of creating commercial art into a simple and easy-to-follow guide. We encourage your use of artistic license and creative vision to make high quality work for your clients.”

    Cant believe your saying that and at the same time doing a damn lot of commercial for your vector packs. All t-shirts allready look the way you are showing, people should come up with own, new ideas, and start with giving a thought to the design, then scetch, either in illustrator, on a paper or above a photograf. THEN take the idea a step further (if its a nice design, if not, redo!) the t-shirts or posters made by readymade vector packs are an embaressment (excuse my bad english) for graphical design!
    Great tutorial though…

  • Tired-of-ugly-t-shirts

    “This is a tutorial or a simple “how-to” guide to help you with your design projects. This is not the end-all, be-all way of doing things. We will try to make what is normally a long and detailed process of creating commercial art into a simple and easy-to-follow guide. We encourage your use of artistic license and creative vision to make high quality work for your clients.”

    Cant believe your saying that and at the same time doing a damn lot of commercial for your vector packs. All t-shirts allready look the way you are showing, people should come up with own, new ideas, and start with giving a thought to the design, then scetch, either in illustrator, on a paper or above a photograf. THEN take the idea a step further (if its a nice design, if not, redo!) the t-shirts or posters made by readymade vector packs are an embaressment (excuse my bad english) for graphical design!
    Great tutorial though…

  • http://www.gomedia.us Jeff

    “All t-shirts allready look the way you are showing”

    That’s simply not true. It’s absurd to say that all shirts look the same.

    Amidst your well articulated argument, I think I get the point of what you are trying to say:

    “Designers should draw everything themselves, come up with 100% original and unique ideas every time, and never use someone else’s stock artwork.”

    Some people prefer to do it that way and others either do not have the skill or time to make everything themselves. Why do you think stock photography exists?

    We want to encourage creativity and originality. But at the same time provide valuable resources to kick start the process.

    It’s not up to us what people do with our vector packs. If they want to be a original and creative, good for them. If not, oh well.

  • http://www.gomedia.us Jeff

    “All t-shirts allready look the way you are showing”

    That’s simply not true. It’s absurd to say that all shirts look the same.

    Amidst your well articulated argument, I think I get the point of what you are trying to say:

    “Designers should draw everything themselves, come up with 100% original and unique ideas every time, and never use someone else’s stock artwork.”

    Some people prefer to do it that way and others either do not have the skill or time to make everything themselves. Why do you think stock photography exists?

    We want to encourage creativity and originality. But at the same time provide valuable resources to kick start the process.

    It’s not up to us what people do with our vector packs. If they want to be a original and creative, good for them. If not, oh well.

  • Pingback: grey

  • Pingback: grey album

  • Arpan

    hey jeff.

    I like the tutorial. I have a question on the final step to convert to a t-shirt. You used the destroy vector (same color as tshirt) to give the image a distressed look. Now, when you give your image to a t-shirt company (say jakprints.com)would the destroyed color be printed? Or is there a way to used the destroyed vector to cut out the parts of the image where u want the t-shirt to come through?

  • Arpan

    hey jeff.

    I like the tutorial. I have a question on the final step to convert to a t-shirt. You used the destroy vector (same color as tshirt) to give the image a distressed look. Now, when you give your image to a t-shirt company (say jakprints.com)would the destroyed color be printed? Or is there a way to used the destroyed vector to cut out the parts of the image where u want the t-shirt to come through?

  • http://www.gomedia.us Jeff

    Arpan,

    You would export a high resolution flattened jpg of the artwork and give that to Jakprints. They will do the color separation in Photoshop. But that’s Jakprints, I’m not sure if other printing companies have good prepress people working or not. Some printers want you to send them all kinds of different files setup in different ways, but most will take a flattened jpg at the size of the print at 300 dpi.

  • http://www.gomedia.us Jeff

    Arpan,

    You would export a high resolution flattened jpg of the artwork and give that to Jakprints. They will do the color separation in Photoshop. But that’s Jakprints, I’m not sure if other printing companies have good prepress people working or not. Some printers want you to send them all kinds of different files setup in different ways, but most will take a flattened jpg at the size of the print at 300 dpi.

  • sergio

    pinche diseño pedorro y rana… bueno sobrexxx

  • sergio

    pinche diseño pedorro y rana… bueno sobrexxx

  • Manos

    you can also greyscale any photo…leave it as grayscale then mesh with the contrast or levels and then put it in illustrator and trace it :P

  • Manos

    you can also greyscale any photo…leave it as grayscale then mesh with the contrast or levels and then put it in illustrator and trace it :P

  • Louise

    Hey, It’a a great tutorial and I really want to give it a go because I have always wanted to design my own shirts but I’m not too great at Photoshop compared to people here and I hade a problem with this part.

    – Ctrl+Click on the LAYER with the original photo you cut out to make a selection around it.
    – Select » Inverse
    – Select each layer and press delete. You are now deleting any extra color or pixels outside of the object you cut out.

    I click on the original layer but nothing happens and when i select inverse it says no pixels were selected , can anyone tell me why.

    Thanks in advance.

  • Louise

    Hey, It’a a great tutorial and I really want to give it a go because I have always wanted to design my own shirts but I’m not too great at Photoshop compared to people here and I hade a problem with this part.

    – Ctrl+Click on the LAYER with the original photo you cut out to make a selection around it.
    – Select » Inverse
    – Select each layer and press delete. You are now deleting any extra color or pixels outside of the object you cut out.

    I click on the original layer but nothing happens and when i select inverse it says no pixels were selected , can anyone tell me why.

    Thanks in advance.

  • http://www.gomedia.us Jeff

    Louise,

    Try clicking on the actual thumbnail of your layer, it should make a selection for you.

  • http://www.gomedia.us Jeff

    Louise,

    Try clicking on the actual thumbnail of your layer, it should make a selection for you.

  • Louise

    Thanks Jeff , I cant believe it was soo simple lol.

    Thanks again.

  • Louise

    Thanks Jeff , I cant believe it was soo simple lol.

    Thanks again.

  • Kruzader

    This is such a cool tutorial. But looks so familiar… hmm oh yea its from the Layers Magazine website.

    http://www.layersmagazine.com/designing-ultra-scenexcore-apparel.html

  • Kruzader

    This is such a cool tutorial. But looks so familiar… hmm oh yea its from the Layers Magazine website.

    http://www.layersmagazine.com/designing-ultra-scenexcore-apparel.html

  • http://www.gomedia.us Jeff

    Kruzader,

    Yes, I originally wrote the tutorial for the Go Mediazine, but then Layers Magazine asked for permission to publish it on their site. So that’s how it’s on both sites :-)

  • http://www.gomedia.us Jeff

    Kruzader,

    Yes, I originally wrote the tutorial for the Go Mediazine, but then Layers Magazine asked for permission to publish it on their site. So that’s how it’s on both sites :-)

  • Mike

    Thanks for reposting it. I appreciate it.

  • Mike

    Thanks for reposting it. I appreciate it.

  • http://www.gomedia.us Jeff

    @Mike – Yeah I don’t know how it got removed. Luckily we were able to get it back!

  • http://www.gomedia.us Jeff

    @Mike – Yeah I don’t know how it got removed. Luckily we were able to get it back!

  • Nick

    Hey Jeff, great artwork, just wondering, when you move the shadows layer over to illustrator, do you need to invert it first? Ive got stuck here!

    Cheers

  • Nick

    Hey Jeff, great artwork, just wondering, when you move the shadows layer over to illustrator, do you need to invert it first? Ive got stuck here!

    Cheers

  • http://www.gomedia.us Jeff

    Not the shadows layer, because it’s already black. But the highlights layer needs to be black in order for it to live trace well in Illustrator.

  • http://www.gomedia.us Jeff

    Not the shadows layer, because it’s already black. But the highlights layer needs to be black in order for it to live trace well in Illustrator.

  • Pingback: BlueMag » Gig Poster Design

  • Pingback: Vector Design Tutorials at Fantastic Blognanza!

  • Pingback: graphic help - T-Shirt Forums

  • Katie

    After live tracing, I right click on the image I am working with and there is no ungroup option. No matter what I do, the white and black aren’t seperated. I’m using Adobe Illustrator CS2. Can someone help me?

  • Katie

    After live tracing, I right click on the image I am working with and there is no ungroup option. No matter what I do, the white and black aren’t seperated. I’m using Adobe Illustrator CS2. Can someone help me?

  • Perrie

    Katie, you have to select the whole again, and press the “expand” button on top, this will show every seperate point and then you can ungroup

    btw, this tutorial is fancy!

  • Perrie

    Katie, you have to select the whole again, and press the “expand” button on top, this will show every seperate point and then you can ungroup

    btw, this tutorial is fancy!

  • http://www.myspace.com/rustyeight RustyEight

    I absolutely love A Wilhelm Scream. Went to their shows for years before they got signed (I live the next town over from where their from).

    But to my point. At first glance, I didn’t even realize that this image was only 3 colors (not including the base T-shirt color)… and thats what a great shirt should be.

    I knew a lot of the methods that this tutorial went over already, but I’m glad there is finally a place where you can get definitive information on making T-Shirts. Keep it up. You’re helping put design in the hands of everyone, not just the elitist big media firms.

    - Ryan Grandmaison
    - RustyEight Media
    - http://www.myspace.com/rustyeight

  • http://www.myspace.com/rustyeight RustyEight

    I absolutely love A Wilhelm Scream. Went to their shows for years before they got signed (I live the next town over from where their from).

    But to my point. At first glance, I didn’t even realize that this image was only 3 colors (not including the base T-shirt color)… and thats what a great shirt should be.

    I knew a lot of the methods that this tutorial went over already, but I’m glad there is finally a place where you can get definitive information on making T-Shirts. Keep it up. You’re helping put design in the hands of everyone, not just the elitist big media firms.

    - Ryan Grandmaison
    - RustyEight Media
    - http://www.myspace.com/rustyeight

  • http://www.myspace.com/rustyeight RustyEight

    Damn I should really start reading the comments before I make a post myself. I use http://www.jakprints.com too. They put out an amazing product at a competitive price (after the initial set-up fee).

    And, I got to say, I’m surprised that you told where you did your printing. More pompous firms wouldn’t… which is exact type of attitude that puts you above most.

    - Ryan Grandmaison
    - RustyEight Media
    - http://www.myspace.com/rustyeight

  • http://www.myspace.com/rustyeight RustyEight

    Damn I should really start reading the comments before I make a post myself. I use http://www.jakprints.com too. They put out an amazing product at a competitive price (after the initial set-up fee).

    And, I got to say, I’m surprised that you told where you did your printing. More pompous firms wouldn’t… which is exact type of attitude that puts you above most.

    - Ryan Grandmaison
    - RustyEight Media
    - http://www.myspace.com/rustyeight

  • http://www.gomedia.us Jeff

    Thanks Ryan! Yeah we’re good friends with Jakprints and they’re great for just about everyone. Bands mostly.

    But I know they aren’t doing the high-end boutique stuff like dying, stitching, all over prints, etc. Not yet at least. They’re more about the screenprinted band shirt. But still, we’re happy to give them more business.

  • http://www.gomedia.us Jeff

    Thanks Ryan! Yeah we’re good friends with Jakprints and they’re great for just about everyone. Bands mostly.

    But I know they aren’t doing the high-end boutique stuff like dying, stitching, all over prints, etc. Not yet at least. They’re more about the screenprinted band shirt. But still, we’re happy to give them more business.

  • Frenzboy

    Awesome job with this tut =) i just done it :D it looks awesome GOOD JOB!

  • Frenzboy

    Awesome job with this tut =) i just done it :D it looks awesome GOOD JOB!

  • shane

    hey Jeff awesome tutorial,thanks for taking the time out to post this! though i just have a few questions about some stuff in this tut.

    the first thing: after making the selection around the image, i did the right click thing and “make selection”, then went to select>>inverse, the when i pressed delete there was a message that popped up and said “could not complete your request beacause the content of the layer is not directly editable” did i do that part correct? why is it showing that message?

    the second thing: after you make all those new layers, it says;

    – Ctrl+Click on the LAYER with the original photo you cut out to make a selection around it.
    – Select » Inverse
    – Select each layer and press delete. You are now deleting any extra color or pixels outside of the object you cut out.

    do i ctrl+click on the layer in the pallete? when i did that and tried to inverse, it said “warning no pixels selected.

    now,
    when you say “– Select each layer and press delete.

    what exactly does that mean? do i delete all the new layers i just made? or do i delete just layer 1?

    next, this is something simple, and i should know it, but how do you draw a big grey square around the artwork? do you draw in pencil mode and fill it in?

    thats it for now, im stuck here, so i wont go any further. i guess i’ll spend the rest of the night trying to figure this part out.

    i appreciate any kind of response to my question!

    thanks in advance!

  • shane

    hey Jeff awesome tutorial,thanks for taking the time out to post this! though i just have a few questions about some stuff in this tut.

    the first thing: after making the selection around the image, i did the right click thing and “make selection”, then went to select>>inverse, the when i pressed delete there was a message that popped up and said “could not complete your request beacause the content of the layer is not directly editable” did i do that part correct? why is it showing that message?

    the second thing: after you make all those new layers, it says;

    – Ctrl+Click on the LAYER with the original photo you cut out to make a selection around it.
    – Select » Inverse
    – Select each layer and press delete. You are now deleting any extra color or pixels outside of the object you cut out.

    do i ctrl+click on the layer in the pallete? when i did that and tried to inverse, it said “warning no pixels selected.

    now,
    when you say “– Select each layer and press delete.

    what exactly does that mean? do i delete all the new layers i just made? or do i delete just layer 1?

    next, this is something simple, and i should know it, but how do you draw a big grey square around the artwork? do you draw in pencil mode and fill it in?

    thats it for now, im stuck here, so i wont go any further. i guess i’ll spend the rest of the night trying to figure this part out.

    i appreciate any kind of response to my question!

    thanks in advance!

  • http://google.com/ Annie Jordan

    This one makes sence “One’s first step in wisdom is to kuesstion everything – and one’s last is to come to terms with everything.”

  • http://google.com/ Annie Jordan

    This one makes sence “One’s first step in wisdom is to kuesstion everything – and one’s last is to come to terms with everything.”

  • Pingback: The Go MediaZine - Exclusive insights for art, design, marketing and more. » Free: Photoshop Action - 3 Color

  • http://www.gomedia.us Jeff

    Hey for those wondering about the Photoshop Action to separate the photo into 3 colors, here it is:

    3 color photoshop action

  • http://www.gomedia.us Jeff

    Hey for those wondering about the Photoshop Action to separate the photo into 3 colors, here it is:

    3 color photoshop action

  • shane

    after i make the path around the pic then i right clicked and “make selection” and click “ok”, then i went to select>>inverse and tried to press delete but it keeps saying “could not complete your request beacause the content of the layer is not directly editable”
    why is that?

  • shane

    after i make the path around the pic then i right clicked and “make selection” and click “ok”, then i went to select>>inverse and tried to press delete but it keeps saying “could not complete your request beacause the content of the layer is not directly editable”
    why is that?

  • Jason

    Great tutorial! Would you happen to have a tutorial or advice for adding the design to the actual shirt?

  • Jason

    Great tutorial! Would you happen to have a tutorial or advice for adding the design to the actual shirt?

  • Covey

    @shane

    you may have the image as a locked background layer. Try unlocking it by double clicking on the layer in the layer palette, and then changing the name of the layer. Also make sure that the little padlock is open.

  • Covey

    @shane

    you may have the image as a locked background layer. Try unlocking it by double clicking on the layer in the layer palette, and then changing the name of the layer. Also make sure that the little padlock is open.

  • BILLY

    Hey Jeff I like the tut and all but I got a question..on the step where you put a dark gray box around the image in illustrator I think it was in the middle of step 7..How do you do that? How do you set it to the back I thought you make another layer or something but when i dothat and put the grey box on the bottom my car has a white box around it..Tank in advance!

  • BILLY

    Hey Jeff I like the tut and all but I got a question..on the step where you put a dark gray box around the image in illustrator I think it was in the middle of step 7..How do you do that? How do you set it to the back I thought you make another layer or something but when i dothat and put the grey box on the bottom my car has a white box around it..Tank in advance!

  • James

    Hey on step 7 you say make a gray box around it and “move it to the back” what do you mean?

  • James

    Hey on step 7 you say make a gray box around it and “move it to the back” what do you mean?

  • katie

    on step 7 when you put the midtones in illustrator you say to do the same as highlights and shadow but make this one gray..What do you mean? You do the exact steps but make it gray..you make the box around it gray? and if so whenever I do that and put it behind the black and white layer it doesnt make the image grayed out kinda like yours..

  • katie

    on step 7 when you put the midtones in illustrator you say to do the same as highlights and shadow but make this one gray..What do you mean? You do the exact steps but make it gray..you make the box around it gray? and if so whenever I do that and put it behind the black and white layer it doesnt make the image grayed out kinda like yours..

  • http://www.gomedia.us Jeff

    @ billy, james, and katie:

    Basically you make a grey square shape in Illustrator and send it to the back. So it becomes the background color of your shirt design.

    If you still see a white box around your design, it’s probably the white shapes that were created when you live traced your shadows or highlights. Just delete the “white box” you are seeing around your design if that’s the case.

  • http://www.gomedia.us Jeff

    @ billy, james, and katie:

    Basically you make a grey square shape in Illustrator and send it to the back. So it becomes the background color of your shirt design.

    If you still see a white box around your design, it’s probably the white shapes that were created when you live traced your shadows or highlights. Just delete the “white box” you are seeing around your design if that’s the case.

  • katie

    Okay so on the midtones one you make it black with brightness/contrastin PS then go over to iL and do the live trace ungroup then put a grey box over it and send it to the back..and put it behind the first layer? and that will grey out the image?

  • katie

    Okay so on the midtones one you make it black with brightness/contrastin PS then go over to iL and do the live trace ungroup then put a grey box over it and send it to the back..and put it behind the first layer? and that will grey out the image?

  • Daniel

    Hey could someone please tell me how you got those shapes coming off the car? I am currently doing this tutorial with a picture of a lion and I want the same sort of effect. Except I’m quite puzzled on what tools to do this with. Please explain?

  • Daniel

    Hey could someone please tell me how you got those shapes coming off the car? I am currently doing this tutorial with a picture of a lion and I want the same sort of effect. Except I’m quite puzzled on what tools to do this with. Please explain?

  • Daniel

    never mind… sorry i put that question wrongly. i know what to do

  • Daniel

    never mind… sorry i put that question wrongly. i know what to do

  • Pingback: Designing Ultra SceneXCore Apparel!

  • mex

    thank you so much…!
    you saved my day.;)
    awesome tutorial..helped me a lot.

  • mex

    thank you so much…!
    you saved my day.;)
    awesome tutorial..helped me a lot.

  • http://www.thatsawyer.deviantart.com sawyer

    great tutorial,
    i always spot the wilhelm screams ;)

  • http://www.thatsawyer.deviantart.com sawyer

    great tutorial,
    i always spot the wilhelm screams ;)

  • Robin

    Still, not able to create your own good vectors and buying some is rather weak no? If you want to keep the business alive, it doesn’t always seem wise to sell quality vectors to hobbyists. People partying on illustrator cracks creates enough trouble in the first place i guess

  • http:/// Robin

    Still, not able to create your own good vectors and buying some is rather weak no? If you want to keep the business alive, it doesn’t always seem wise to sell quality vectors to hobbyists. People partying on illustrator cracks creates enough trouble in the first place i guess

  • raysor

    its good but i cant spend all the money on all ur vector packs. it feels to me like ur just advertising ur vectors kinda.idk hard to explain i really really want to make it but i just cant afford it. any free alternatives?

  • raysor

    its good but i cant spend all the money on all ur vector packs. it feels to me like ur just advertising ur vectors kinda.idk hard to explain i really really want to make it but i just cant afford it. any free alternatives?

  • http://www.gomedia.us Jeff

    Raysor, we are trying to sell our vector packs of course. But there is a free stuff section if you look hard enough.

  • http://www.gomedia.us Jeff

    Raysor, we are trying to sell our vector packs of course. But there is a free stuff section if you look hard enough.

  • raysor

    yea i found them but there isnt any good stuff in it. and where do you get these “randoms shapes” that you used?

  • raysor

    yea i found them but there isnt any good stuff in it. and where do you get these “randoms shapes” that you used?

  • http://www.gomedia.us Jeff

    the random lines were just created with the pen tool and have a stroke on them. Is that what you mean?

  • http://www.gomedia.us Jeff

    the random lines were just created with the pen tool and have a stroke on them. Is that what you mean?

  • Robin

    my point exactly :)

  • http:/// Robin

    my point exactly :)

  • Pingback: what do you call it? - T-Shirt Forums

  • Pingback: How to make a vintage style image - T-Shirt Forums

  • Rai

    You guys are the best!!!! Keep the vector tutorials coming !!!!

  • Rai

    You guys are the best!!!! Keep the vector tutorials coming !!!!

  • http://shark127.deviantart.com shark

    hey, awesome tutorial
    but i have this huge problem with my design, and i see the same problem in your design:
    if you changed the colour of the background all the grunge and splatters that made the erosive effect would be in a diffrent color than the background. so, how do you “punch out” those grunge or splatter shapes out of the car, or other objects that are made of more than one layer?

    • Seth Myers

      I don’t mean to go all necro on this post, but on gimp I make the splatter on a separate layer -> alpha to selection -> select the layer you want to “punch out” -> delete. You can also get similar effects with the layer attributes menu as well such as dissolve and divide, etc. You’ll have to play with it a bit. Again, this is for GIMP so it may or may not be the same in PS. For anyone who wonders across this.

  • http://shark127.deviantart.com shark

    hey, awesome tutorial
    but i have this huge problem with my design, and i see the same problem in your design:
    if you changed the colour of the background all the grunge and splatters that made the erosive effect would be in a diffrent color than the background. so, how do you “punch out” those grunge or splatter shapes out of the car, or other objects that are made of more than one layer?

  • http://www.rpmgraphicsandcustoms.com ray

    awsome tutorial!!!!!
    i have a few designs similar & this just opened the door for me to step up my designs.

    i have a question though, i see the image is 3 colors with out halftone & fade. do you know if the printer is using 3 spot colors or or is printing them with process colors?
    i design & print my own shirts, but i have a vinyl sign background & do all my artwork in flexisign, which is like illustrator. so everything i do is vector. this leaves my open to do my designs in layered vinyl as a decal if someone wants that design.

  • http://www.rpmgraphicsandcustoms.com ray

    awsome tutorial!!!!!
    i have a few designs similar & this just opened the door for me to step up my designs.

    i have a question though, i see the image is 3 colors with out halftone & fade. do you know if the printer is using 3 spot colors or or is printing them with process colors?
    i design & print my own shirts, but i have a vinyl sign background & do all my artwork in flexisign, which is like illustrator. so everything i do is vector. this leaves my open to do my designs in layered vinyl as a decal if someone wants that design.

  • http://www.gomedia.us Jeff

    yeah the printer uses spot colors

  • http://www.gomedia.us Jeff

    yeah the printer uses spot colors

  • Claudia

    AMAZING tuorial!!! I personally appreciate infomation like this. It’s EXACTLY what I’m looking for. Keep up the good work!!!

  • Claudia

    AMAZING tuorial!!! I personally appreciate infomation like this. It’s EXACTLY what I’m looking for. Keep up the good work!!!

  • Pingback: so im a newbie and need to know where to sart - T-Shirt Forums

  • http://www.chadlonius.com Chadlonius

    Ive never tried it quite like that before, I will definitely give it a go.

    Thanks again.

  • http://www.chadlonius.com Chadlonius

    Ive never tried it quite like that before, I will definitely give it a go.

    Thanks again.

  • Veronica

    do you have these availible for coralDRAWL X3 ???

  • Veronica

    do you have these availible for coralDRAWL X3 ???

  • Pingback: How is this made? - T-Shirt Forums

  • Sean

    When I go over to iL do I live trace highights, shadows, and midtone on different layers?

  • Sean

    When I go over to iL do I live trace highights, shadows, and midtone on different layers?

  • elly

    hey thanks heaps
    this has really inspired me to try this out
    and for an awsome carear when i leave school

  • elly

    hey thanks heaps
    this has really inspired me to try this out
    and for an awsome carear when i leave school

  • http://www.myspace.com/rustyeight RustyEight Media

    I had posted a couple comments on this a while back. Since them, I have decided to work on a t-shirt clothing line. This tutorial was pivotal in making this decision for me.

    I constantly use the 3 color action and your freebie vectors (going to invest in the whole arsenal eventually) to make my designs. Thank you for making such a great resource.

    You can see the results at:
    http://www.myspace.com/rustyeight

    - Ryan Grandmaison
    - RustyEight Media

  • http://www.myspace.com/rustyeight RustyEight Media

    I had posted a couple comments on this a while back. Since them, I have decided to work on a t-shirt clothing line. This tutorial was pivotal in making this decision for me.

    I constantly use the 3 color action and your freebie vectors (going to invest in the whole arsenal eventually) to make my designs. Thank you for making such a great resource.

    You can see the results at:
    http://www.myspace.com/rustyeight

    - Ryan Grandmaison
    - RustyEight Media

  • Pingback: How many designs is too much? - T-Shirt Forums

  • Pingback: car art - T-Shirt Forums

  • Pingback: Illistrator Tips - T-Shirt Forums

  • Pingback: [Photoshop] - new here - need help with design - T-Shirt Forums

  • Tony Johnson

    Heh Dude,

    What kind of printer and paper are you using to lay down your designs on t-shirts?

    We are looking for the best proven system!

  • Tony Johnson

    Heh Dude,

    What kind of printer and paper are you using to lay down your designs on t-shirts?

    We are looking for the best proven system!

  • http://www.gomedia.us Jeff

    Tony,

    I’m not printing them myself, I would send them to a screenprinter like http://www.jakprints.com

  • http://www.gomedia.us Jeff

    Tony,

    I’m not printing them myself, I would send them to a screenprinter like http://www.jakprints.com

  • Pingback: A better tomorrow - Blog » Blog Archive » Shirt Design Tutorials

  • Pingback: [Photoshop] - Converting photos to graphic art for tshirts? - T-Shirt Forums

  • http://www.totaltutorial.com/category/adobe-photoshop-tutorials/ Stefan Ashwell

    Great T-Shirt design and some good tips which I will definately be trying out! :)

  • http://www.totaltutorial.com/category/adobe-photoshop-tutorials/ Stefan Ashwell

    Great T-Shirt design and some good tips which I will definately be trying out! :)

  • Pingback: apparelseeking.com - Robeez Infant/Toddler Snowman Slip-On

  • Pingback: Design Time Blog » Springleap.com - Design your own t-shirts!

  • Andrew

    LOL
    that doesn’t even make any sense!

  • Andrew

    LOL
    that doesn’t even make any sense!

  • tim

    awesome man
    i would like to see a video for this, because my english sucks as fuck so i cant understand the important parts ._.
    will there be anytime a video for such style?
    special for the vector stuff?
    i would love to see how you guys come too such an outcome!
    x

  • tim

    awesome man
    i would like to see a video for this, because my english sucks as fuck so i cant understand the important parts ._.
    will there be anytime a video for such style?
    special for the vector stuff?
    i would love to see how you guys come too such an outcome!
    x

  • Pingback: Grunge Tutorials for Photoshop, Illustrator, CorelDraw, & GIMP : Graphic Design Blog & Graphics News Blog

  • Pingback: Grunge Effect, Web Round-Up | Tutorials | Faze One Studio

  • madison hudson

    Wow, very handy information!

  • madison hudson

    Wow, very handy information!

  • Dan

    Cool, thanx a lot!, I’ve found this tutorial excelent to start with something new!

  • Dan

    Cool, thanx a lot!, I’ve found this tutorial excelent to start with something new!

  • Pingback: » 60+ Grunge Effect Tutorials in Photoshop/Illustrator

  • Pingback: Designers’ Guide to the Apparel Printing Industry | GoMediaZine

  • Jason

    Is this tutorial different in CS4? I'm having difficulty get the various layers seperated properly.

  • Andii

    Most of the problems I see people posting about are either
    A) exessive inexperience using Photoshop and Illustrator, or
    B) an error between the keyboard and the computer chair.

    I used this tutorial without any major problems other than not having used these functions before. I intend to do some additional experimenting now with the new tools I have learned.

    The only oddity I really saw is that CS3 doesnt allow you to drag/drop images from Photoshop to Illustrator on the toolbar … I was like “OMG really? How cool is that?!” and when it didn't do it I was like “dude. That sucks”.

    The only other issue I see is that your website cant properly handle commas and ampersands and such so it shows strange characters. Most people with web design experience can read around this junk because we are used to it. Foreign types that use English as a second language might be thrown by the odd characters like this: ¢â‚¬Â

  • http://eliteprowrestling.com/ jay

    How in the hell would you print something like that. Great read by the way

  • http://eliteprowrestling.com/ jay

    How in the hell would you print something like that. Great read by the way

  • bestcbstore

    Top Novelist MARK TIMLIN Says:
    WRITE A NOVEL IN 60 DAYS
    THAT WILL SELL

  • Pingback: The Ultimate Round-Up Of T-Shirt Design Tutorials « Smashing Magazine

  • http://www.superchinawholesale.com/ handbags

    your saying that and at the same time doing a damn lot of commercial for your vector packs. All t-shirts allready look the way you are showing, people should come up with own, new ideas, and start with giving a thought to the design, then scetch, either in illustrator, on a paper or above a photograf. THEN take the idea a step further (if its a nice design, if not, redo!) the t-shirts or posters made by readymade vector packs are an embaressment (excuse my bad english) for graphical design!

  • http://designertuts.com/skullgrunge-t-shirt-design/ skull t-shirt design

    Wish you hadn't used that car crash though. :(
    And I agree with Andii. Wish you would fix your webserver.
    And I agree its an amazing tutorial :)

  • iwan

    nice tutorial…lets check mine

  • Mathew

    ddasd

  • Mathew

    ddddd

  • Mathew

    yh

  • Mathew

    hy

  • Mathew

    we

  • Mathew

    sd

  • http://www.clippingimages.com/ Clippingimages

    Piece of junk to wow output…lol …Great thinking …nice work …

  • http://www.ticketloot.com/george-strait-tickets George Strait Tickets

    I am having a very hard time finding someone to print on t-shirts that are tight fitting like the ones you see nowadays, and with colors other than white. Can someone please tell me some places where I can get my shirts printed.

  • http://www.ticketloot.com/george-strait-tickets George Strait Tickets

    I am having a very hard time finding someone to print on t-shirts that are tight fitting like the ones you see nowadays, and with colors other than white. Can someone please tell me some places where I can get my shirts printed.

  • gucci cosmetic case

    Great. Now i can say thank you!just love your post!

  • Misyon5icee

    thank you for your great thinking.ıt wsa incrediable..

  • http://www.facebook.com/steve.dew.39 Steve Dew

    I have 0 photoshop or illustrator experience and this tutorial taught me so much.

    • Marissa Mele

      That is so great to hear! Glad we could help! :)