jimiyo


quality posts: 2 Private Messages jimiyo

Im starting a new t-shirt design. I will try to make this an insightful overview with tips and tricks on how I go about creating a design.

Feel free to ask questions, or comment as you please.

I watched Water Horse, and I sketched during the movie. Immediately even before seeing the movie, hearing the words 'water horse' brought a vivid image in my mind. As I began to watch and sketch, the idea was formulated.

"I am his only friend" was one of the lines that stuck out. For me, I started to think what would be a good message?

"He was my only friend" rang in my head. Im secretly a tormented artist who has tendencies to be melancholic, so this phrase was delicious to me, BUT, I thought it would be better to tend towards a more positive message. So

"Imagination" is the title, and the idea is "I wish to live the life of my Imagination." This is pending. It seems to always change...

It reminds me of a Colin Hays song lyric, "When I awoke today, suddenly nothing happened But in my dreams, I slew the dragon"

If only, we could, or tried to live the lives of our imaginations, what we could accomplish...

Anyways. Heres the sketch snapshot.

TIP: I know I will probably make it front chest centered. I have a tendency to try to make my compositions an upside down triangle when doing center chest. The reason for this, is it has a slimming effect, and in general is aesthetically pleasing as the human form is similar being the shoulder are broad and slims until the hips.... erm... most of the time.

Designs that are heavy at the bottom of the shirt and rise have a tendency to make the person look bottom heavy, and also for large bosoms, sometimes designs get lost under the fold.

Laying out the general shape of the design you want will make it easier for you to imagine your t-shirt canvas.

TIP: After scanning the sketch, I leveled most of the gray out to get clean lines, then used brightness/contrast to reduce to gray with dark lines.

WHY? You dont want to stare at a high contrast image all day while working do you? And you would be amazed at how easily now you can pop things into 3d by adding white as a highlight. Thats for later...

TIP: I do everything in raster/Photoshop. I start at

16x20 inches
300 DPI

and although this is very specific to my design workflow, I work in GRAYSCALE. mainly because I save the coloring for last, and to be efficient. In grayscale, you only have one channel. In RGB, you have 4, so 4 times the data for everything you do.

That's all for now.

Anyone have any questions? Know how to use Levels?

Andy47240


quality posts: 0 Private Messages Andy47240

Can't wait to see it through.
-Andy



geekfactor12


quality posts: 11 Private Messages geekfactor12

What a cool idea, Jimi! I think I'm going to learn a lot from this

FenStar


quality posts: 16 Private Messages FenStar
jimiyo wrote:and although this is very specific to my design workflow, I work in GRAYSCALE. mainly because I save the coloring for last, and to be efficient. In grayscale, you only have one channel. In RGB, you have 4, so 4 times the data for everything you do.

Don't you mean 3?

Still single, can't imagine why.

jimiyo


quality posts: 2 Private Messages jimiyo
FenStar wrote:Don't you mean 3?



technicality.

if you count the composite as one, then four.
if you only count red, green, blue, then three.

jimiyo


quality posts: 2 Private Messages jimiyo

PC only - Adobe Photoshop Save Jpeg Script

I obtained this from the internetz.

This is a tool I often use to capture snapshots for progression shots, as well as in the end when you need a composite to make a comp. I've made an action out of it, so I just press a button and it saves a jpeg for me. It's faster than the manual Save for Web option.

This JavaScript will save JPG snapsots of the current PSD image to the same location where the PSD is saved. Each image saved will have a timestamp appended on the filename in the format "filename_MMDD-00h00m00.jpg"

Download link: http://www.jimiyo.com/downloads/savejpeg.js (You may have to use 'save link as')

To use this script, File > Scripts > Browse

derekfilley


quality posts: 0 Private Messages derekfilley
jimiyo wrote:PC only - Adobe Photoshop Save Jpeg Script

I obtained this from the internetz.

This is a tool I often use to capture snapshots for progression shots, as well as in the end when you need a composite to make a comp. I've made an action out of it, so I just press a button and it saves a jpeg for me. It's faster than the manual Save for Web option.

This JavaScript will save JPG snapsots of the current PSD image to the same location where the PSD is saved. Each image saved will have a timestamp appended on the filename in the format "filename_MMDD-00h00m00.jpg"

Download link: http://www.jimiyo.com/downloads/savejpeg.js (You may have to use 'save link as')

To use this script, File > Scripts > Browse




I rarely venture into EBW, but glad I did this time.

Better watch out, jimiyo, or i'll steal your soul and make your pictures myself.

*EDIT* I was going to do a thread like this a while ago, but then I thought "dude, yyou're not that talented" so I didn't. I'm glad someone who does gotz the mad skillz took up the challenge.


Check out my blog:Here!

jimiyo


quality posts: 2 Private Messages jimiyo

Here's my first attempt at a video tutorial. It's just a basic overview.

(I was raised in Tennessee, please excuse the heavy accent.)

Ill cover the techniques used in the following comments, possibly later Sunday evening.

Here's the first video. Eventually, I might upload the videos to youtube so I can embed them, but for now you'll have to follow this link.

http://www.jimiyo.com/woottut1/country.html

AttilaTheMom


quality posts: 5 Private Messages AttilaTheMom

Jimi, you definitely sound like you were channeling Bob Ross during this video. Love it. God I miss that man's show, better than valium it was. Thanks for the demo and the useful information. Someday I aspire to using better techniques.

AAAAAAAAHHHHHHHHHHHHHHHHHHHH........ whatever.

Schrobblehead


quality posts: 1 Private Messages Schrobblehead

Thanks for the tips. I hope other people write stuff in here. Even if they think they aren't experts there are loads of people who would love to learn more, but don't even know where to start (thinking of myself).

AttilaTheMom wrote:Jimi, you definitely sound like you were channeling Bob Ross during this video. Love it. God I miss that man's show, better than valium it was. Thanks for the demo and the useful information. Someday I aspire to using better techniques.



Bob Ross had the best fro for a white guy ever! Love them happy little trees.

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!

jimiyo


quality posts: 2 Private Messages jimiyo

Hey guys. Thanks for responding/commenting. If you have any questions let me know.

Here are some of the short cuts discussed in the video, and other short cuts.

In #1 and #2, I am referring to the boxes of color at the bottom of the adobe tool palette.

1. 'X' - toggles from foreground and background color. This is useful for toggling between black and white when painting on a multiply layer. This requires that the FG/BG colors be set to default black and white. If you have used any other colors, this may not be so...

2. To reset the foreground and background colors, press 'D'

I used to have this pasted on my monitor. Now I am shortcut master. These are just the basics. When you reach Shao Lin PS Master level 6, you will contort your fingers into things like

CTRL-ALT-SHIFT-N for New Layer without prompt, or
CTRL-ALT-SHIFT-E for Flatten all Visible layers onto current layer

I'll add more later!

3. To use Dual Windows for Image, goto

Window > Arrange > New Window for (Image Filename)

This will allow you to zoom into one, and still see updates in a zoomed out view.



jimiyo


quality posts: 2 Private Messages jimiyo

Here's a video of how I make swirlies. Hope you find it enlightening and entertaining.

http://www.jimiyo.com/woottut2/Swirlies.html

artulo


quality posts: 13 Private Messages artulo

Jimiyo, this is incredibly generous and helpful of you to do! I've already learned much just from reading your blog and tutorial/tip site. Thank you for posting and keep it up.

jonomc


quality posts: 0 Private Messages jonomc
jimiyo wrote:Here's a video of how I make swirlies. Hope you find it enlightening and entertaining.


the video terminates about half way through, what up? oh, and thnks for this Jimiyo, i definitely am inspired by your skills and can now steal them, albeit i must figure out how to do em on open source equivalents. and somebody pointed out i :j or;j like you... uh...
I'm just starting out so if you would be so gracious as to send me critiques, it would be aprreciated, that goes for everyone. Thanks for the excuse St. Patty.
:j

easeandgrace


quality posts: 0 Private Messages easeandgrace

I think this design is wonderful.

Thanks for taking the time to instruct. I give classes in beginning watercolor, so I know teaching can really eat up your time and energy.

I'm obviously new to the t-shirt design game and would like to know if Adobe Illustrator would be a good software to use for this purpose. Photoshop is out of my budget range (ouch!) but I figure I could stimulate the economy in a few weeks by buying A.I.

Do you think that might be a good place to start?

SkekTek


quality posts: 17 Private Messages SkekTek

Hmm... I use Illustrator for everything, and I'm finding it difficult to try to stroke using the pen tool in Photoshop. At least, it's not set up to do it easily enough, but I just managed to do some at 2 AM before bed. Going to try it again.

One question- what works better- making pressure-style strokes using the pen tool, or making a shape using the pen tool and stroking the fill?

Schrobblehead


quality posts: 1 Private Messages Schrobblehead
SkekTek wrote:Hmm... I use Illustrator for everything, and I'm finding it difficult to try to stroke using the pen tool in Photoshop. At least, it's not set up to do it easily enough, but I just managed to do some at 2 AM before bed. Going to try it again.

One question- what works better- making pressure-style strokes using the pen tool, or making a shape using the pen tool and stroking the fill?



I tried this out too. Pressure style strokes were easy enough once I found the right way to do it. The simulate pressure function was hiding from me, but I found it (right clicking the path with the path selection tool and clicking "stroke path"). I just wish it were easier to curve the path. I keep losing those little adjustment points. I found a decent tutorial on making shapes with the pen tool too

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!

jimiyo


quality posts: 2 Private Messages jimiyo

Hey guys, I appreciate the comments!

Ill try to catch all the ques, if they havent been answered by someone else.

1. Video terminates about half way through, what up?

Im still learning the recording software.

2. Adobe Illustrator would be a good software to use for this purpose....Do you think that might be a good place to start?

Yes. Illustrator is a good product, I find it difficult to use. Even having used it for several years, I rarely touch it unless necessary.

If you want to experiment with Raster graphics. There is an open source product you could use called

GIMP - http://www.gimp.org

or

If you buy a WACOM tablet, which I would suggest, it comes with Adobe Elements, which is just a crippled version PS. It has all you need to make tshirts. Tablets range from $79 up. Graphire is the entry level one, I believe still comes with Elements.

or

PaintShopPro, I believe is another product. It's been a while since I used it, but its very easy to use, and has other fun tools that PS doesnt necessarily concentrate on.

3. Schrobblehead that is a most awesome link to a pen tutorial. I didnt want to have to make a pen tutorial. That one is SWEET!

i agree with Schrobblehead. Pressure style strokes are easiest.

I have a simple overview on how I use the stroke with pressure technique at
http://blog.jimiyo.com/?p=1

__________________

UPDATE

Schrobblehead


quality posts: 1 Private Messages Schrobblehead
jimiyo wrote:3. Schrobblehead that is a most awesome link to a pen tutorial. I didnt want to have to make a pen tutorial. That one is SWEET!



l o l. It definitely helped me (along with your video). I'd been struggling to draw clean lines with my tablet.

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!

easeandgrace


quality posts: 0 Private Messages easeandgrace
jimiyo wrote:Hey guys, I appreciate the comments!

Ill try to catch all the ques, if they havent been answered by someone else.


2. Adobe Illustrator would be a good software to use for this purpose....Do you think that might be a good place to start?

Yes. Illustrator is a good product, I find it difficult to use. Even having used it for several years, I rarely touch it unless necessary.

If you want to experiment with Raster graphics. There is an open source product you could use called

GIMP - http://www.gimp.org

or

If you buy a WACOM tablet, which I would suggest, it comes with Adobe Elements, which is just a crippled version PS. It has all you need to make tshirts. Tablets range from $79 up. Graphire is the entry level one, I believe still comes with Elements.

or

PaintShopPro, I believe is another product. It's been a while since I used it, but its very easy to use, and has other fun tools that PS doesnt necessarily concentrate on.




Image removed to save room.



Thank you for the suggestions. I'll look into them.

I have a somewhat hard time with depth perception and image distortion since I had to have a tumor removed that was near an optic nerve (wouldn't you know) many years ago. I find that I can achieve depth in watercolor by using gradients and perspective. I can't draw things freehand because the process of seeing something and translating onto paper gets garbled, so I have to take a photo, print it out, trace it, and then transfer it to the watercolor paper. It can get pretty grueling sometimes. I also have a large collection of images that I've accumulated of photos out of old magazines, etc., where the copyright has expired. I'm hoping that whatever software I end up with can help streamline these processes.

This is an example of my watercolor work. It's a mermaid with a crystal ball, "seeing" her favorite dry land treat, coffee.



I wanted to enter a version of it in the "water" themed derby but wasn't able to finish in time:



I have another one that's Egyptian-themed, maybe I"ll get a chance to use that sometime.

Anyway, pardon my ramblings and again, thanks so much.





SkekTek


quality posts: 17 Private Messages SkekTek

Goofy question, Jimi, but how many legs does that thar horse have? I count five just in the picture. That's one freaky horse...

stannley


quality posts: 2 Private Messages stannley
SkekTek wrote:Goofy question, Jimi, but how many legs does that thar horse have? I count five just in the picture. That's one freaky horse...



I get six, there's a lighter one by the griffins (?) head - it's like where's Waldo. I find this whole thing fascinating though, I'm not patient enough to read tutorials so this is perfect and the videos have the bonus of being bleeping funny.

easeandgrace


quality posts: 0 Private Messages easeandgrace

The GIMP program is great! There's a link on the site that lets you d/l the whole program and install like you do anything else, so you don't have to mess with the source code stuff. I'm having fun figuring out how to use it. Thanks!!!

AttilaTheMom


quality posts: 5 Private Messages AttilaTheMom
easeandgrace wrote:The GIMP program is great! There's a link on the site that lets you d/l the whole program and install like you do anything else, so you don't have to mess with the source code stuff. I'm having fun figuring out how to use it. Thanks!!!



If you really want to punish yourself, you can play around with Inkscape. It's a free program similar to Adobe Illustrator. I'm having fun with it, and the cheapo tablet I got for my kid recently. I'm still trying to get her to make something for a derby.

AAAAAAAAHHHHHHHHHHHHHHHHHHHH........ whatever.

FenStar


quality posts: 16 Private Messages FenStar
jimiyo wrote:Here's a video of how I make swirlies. Hope you find it enlightening and entertaining.

http://www.jimiyo.com/woottut2/Swirlies.html

Heh, I did.

Still single, can't imagine why.

SkekTek


quality posts: 17 Private Messages SkekTek
jimiyo wrote:Here's a video of how I make swirlies. Hope you find it enlightening and entertaining.

http://www.jimiyo.com/woottut2/Swirlies.html



Like Air and Death Cab for Cutie while you work, eh?

Nice to see other people have tunes on while working...

mihalis aya


quality posts: 0 Private Messages mihalis aya

Jimi, I have to thank you. You have single-handedly taught me to use the pen tool, just in these two videos. You're awesome.

easeandgrace


quality posts: 0 Private Messages easeandgrace
AttilaTheMom wrote:If you really want to punish yourself, you can play around with Inkscape. It's a free program similar to Adobe Illustrator. I'm having fun with it, and the cheapo tablet I got for my kid recently. I'm still trying to get her to make something for a derby.



I'll check it out, thank you. Still deciding which tablet to get. I am also planning to buy a large flat screen monitor soon. I'm gettin' all technical here!

jimiyo


quality posts: 2 Private Messages jimiyo

Nice work easeandgrace . That mermaid illustration is sweet. I never got the hang of watercolors. Requires alot of patience, and theres no Ctrl-Z

SkekTek - That horse has like 6 legs. Dunno. Its just one horse, with many legs. Just wanted to portray action. And yes, I tend to listen to very mellow music.

mihalis / Fenstar / Everyone else... Thanks! I will continue making more craps!

Here's a video tutorial on a new piece Im workin on. I know, I should finish the Imogen one, but I needed a break from it. I like to capture the ideas when they come to me.

This one I have to say is probably the most stupid yet informative if you catch some of the tricks.

VIDEO LINK: How to clean up lines by creating work paths from selections.

Mainly I use this for smoothing lines I dont make with stroke path.

http://jimiyo.com/woottut3/stephen.html




Schrobblehead


quality posts: 1 Private Messages Schrobblehead

Your videos are funnier than anything on tv lately! Thanks for the continued help. I really appreciate that you are posting these. They're kinda like the "You Suck at Photoshop" videos, only actually helpful.

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!

SkekTek


quality posts: 17 Private Messages SkekTek

Hee! Nice voice on the third vid. I thought it was some old man teaching new tricks type of voice, not hawking. But otherwise, really fun stuff!

jimiyo


quality posts: 2 Private Messages jimiyo

Thanks for the props guys. I enjoy making them.

This one isnt funny. Just straightforward. Allergies have me today, and Im moody.
This one is more about paths, and creating an action.

http://www.jimiyo.com/woottut4/multp.html

Schrobblehead


quality posts: 1 Private Messages Schrobblehead
jimiyo wrote:Thanks for the props guys. I enjoy making them.

This one isnt funny. Just straightforward. Allergies have me today, and Im moody.
This one is more about paths, and creating an action.

http://www.jimiyo.com/woottut4/multp.html



Why no funny this time? Thanks for putting these up anyways. The thing you are doing that I don't understand is how you are drawing a curved path so quickly. The only way I know how to do it quickly is to drop the points and then hold alt to switch to the convert point tool, but that doesn't seem to work on the points at the ends of the line. For the points at the end of the line I'm having to switch manually to the convert point tool, which adds loads of time.

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!

jimiyo


quality posts: 2 Private Messages jimiyo
Schrobblehead wrote:Why no funny this time? Thanks for putting these up anyways. The thing you are doing that I don't understand is how you are drawing a curved path so quickly. The only way I know how to do it quickly is to drop the points and then hold alt to switch to the convert point tool, but that doesn't seem to work on the points at the ends of the line. For the points at the end of the line I'm having to switch manually to the convert point tool, which adds loads of time.



Click Drag?

Make all points by clicking and dragging so they all have two manipulators.
Besides that I use CTRL and ATL for manipulating anchors already placed.
Sometimes SHIFT. SHIFT will snap to 45 degrees angles.

Schrobblehead


quality posts: 1 Private Messages Schrobblehead
jimiyo wrote:Click Drag?



figured it out. thanks.

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!

jimiyo


quality posts: 2 Private Messages jimiyo

bump... mainly with just an update on the design and just a few tips.

did you know, if you want to merge all visible layers, you can

CTRL-ALT-SHIFT-N (for new layer without prompt)
CTRL-ALT-SHIFT-E

quite useful, you have to have limber fingers.
if someone want me to draw it out like guitar tabs, i can do that. ;j

BTW.

Here is how I have the layers set up.

Black is set to MULTIPLY. And I paint on it with black or white. Anything under it, even if it is overlapping, will still show up black.

White layer is set to LIGHTEN. Anything under it will be turned to white.
Its below the BLACK layer, because black layer is the outline, it doesnt need to be overlapped.

Gray layer is set to DARKEN. There is nothing but base under it. I ALSO paint on this layer with only black and white. The only difference is that I reduce opacity to achieve a lower tone. WHY? As noted in the last tutorials, using black and white ink, is efficient. If I used a gray tone, that would have to make me choose a specific gray from a swatch box, as opposed to using black and white.

To reiterate previous tips,

'X' will switch foreground/background colors.

'D' will reset the FG/BG colors to balck and white.

VIOLA!



fablefire


quality posts: 22 Private Messages fablefire

ZOMG Bob Ross!

jimiyo


quality posts: 2 Private Messages jimiyo

this ones about spaced brushes... and using them on a path for textures

http://www.jimiyo.com/woottut5/spaced.html

finished my design, well... maybe. might add color like someone suggested.

http://www.emptees.com/tees/3395-imogen



i have a couple ideas on what i want to do next.

tattooed pigs
unicorns of death
battle royale
joanna newsom
buddha is my omboy
ascii art
shortcut master
i will be a better man.

artulo


quality posts: 13 Private Messages artulo

Awesome work, jimiyo. Again, thanks for the videos and lessons.

Schrobblehead


quality posts: 1 Private Messages Schrobblehead

bump

I'm a Christmas Unicorn! In a uniform made of gold, with a billy-goat beard, and a sorcerer's shield, and mistletoe on my nose!