Shop Mobile More Submit  Join Login
Digital Coloring Tutorial by MikeDoscher Digital Coloring Tutorial by MikeDoscher
Here's the tutorial I promised awhile back about the techniques I use to digitally color my mechanical designs. I hope it proves useful. Please feel free to ask questions or make suggestions for improvement. Additionally, a smaller resolution version of the unflattened source .psd file may be downloaded at [link]

This was made with Photoshop 7, but should still be useful with other versions.
Add a Comment:
 
:iconrageofachilles:
RageofAchilles Featured By Owner Oct 27, 2012
Cool tutorial . Thanks!

Big fan of the design too . I can just image hoards of these clearing orbital debris or pulling apart a wrecked freighter.

Great work :D
Reply
:icontransi3nce:
Transi3nce Featured By Owner Oct 22, 2012  Hobbyist Digital Artist
Thanks a ton, this is great. Once I saw it, I got Photoshop up and running and got to work.
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Oct 23, 2012  Professional General Artist
I'm so glad you found it helpful. :)
Reply
:iconzogatn:
Zogatn Featured By Owner Sep 26, 2012
Nice :D
Reply
:iconephebox:
ephebox Featured By Owner Sep 25, 2012
Thanks a lot for sharing! :typerhappy: Its a really interesting tutorial! :bye:
Reply
:iconkimbupamu:
KimbuPamu Featured By Owner Sep 25, 2012  Hobbyist Digital Artist
Awesome! :D
Reply
:icondukeleto:
dukeleto Featured By Owner Sep 23, 2012  Hobbyist Digital Artist
oh man thanks this is brilliantly helpful!
Reply
:iconnerdygeekydweeb:
NerdyGeekyDweeb Featured By Owner Sep 23, 2012  Hobbyist General Artist
Awesome
Reply
:iconslowshadow:
SlowShadow Featured By Owner Jun 24, 2011
Great scott!
Very useful ^^
Reply
:iconsielimek:
sielimek Featured By Owner Nov 15, 2010
Great tutorial, I can only hope some day will be able to try this out...
Reply
:iconnewtman001:
newtman001 Featured By Owner Jan 2, 2010  Professional General Artist
Thank you for this tutorial. I love the marker-rendered look! This will help me a lot.
Reply
:iconespeonature:
Espeonature Featured By Owner Oct 20, 2009  Hobbyist General Artist
Instafave!
Reply
:iconespeonature:
Espeonature Featured By Owner Oct 20, 2009  Hobbyist General Artist
Instafave!
Reply
:iconsoulslayer317:
Soulslayer317 Featured By Owner Oct 3, 2009
Thanks for this! ^^
Reply
:iconchou-roninx:
chou-roninx Featured By Owner Jun 6, 2009  Hobbyist Digital Artist
I almost thought you used copic markers but I was dead wrong. This tutorial looks like it could really help. Thanks for sharing this!
Reply
:iconpiloterick:
PilotErick Featured By Owner May 14, 2009
uhhmm i like it, but im so amateur that all those details confuse me, could you telll me if u have some other digital coloring tutorial?
Reply
:iconcobra-ss:
Cobra-ss Featured By Owner Jan 30, 2009
This is good, gonna try it on mine later
Reply
:iconcabley:
cabley Featured By Owner Nov 21, 2008
verry handy and easy 2 understand nice :)
Reply
:iconcutangus:
CUTANGUS Featured By Owner Jun 4, 2008  Professional Digital Artist
I will try to do something with your aid.
Reply
:iconpling:
PLing Featured By Owner Apr 27, 2008  Professional Digital Artist
Great tutorial, I adore your other work too!
Reply
:iconthiagoklafke:
thiagoklafke Featured By Owner Apr 4, 2008  Professional Digital Artist
Thanks for this!
Reply
:iconclayman8:
Clayman8 Featured By Owner Feb 29, 2008
i cant remember if i asked this the first time i saw that,but how do you get nice crisp lineart?
I always seem to super from slight bumpness/shakyness in my lines that just kills me
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Feb 29, 2008  Professional General Artist
My lineart isn't really very crisp in real life. Much of what you see is the result of the cleanup process. What size do you usually work? Working a little bigger than the size of the final image can help. Also, you might try shorter softer strokes for the majority of the sketch and going back in with bolder lines later to show the edges of your main shapes. It also never hurts to practice rapid linework with quick doodles. The faster you lay down a line, the less chance your arm has to twitch.
Reply
:iconclayman8:
Clayman8 Featured By Owner Feb 29, 2008
usually on an a4 sheet,with about half of it used (sometimes more if i feel adventurous),if you look at my gallery you might notice that the line is often shacky (and flat cause i just cant put dynamics into pics)...Do you ink digitally or just scan it inked that colour it in?

thanks for the advice though
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Feb 29, 2008  Professional General Artist
Your linework really isn't bad. The thing is, I don't really 'ink' my work in any conventional sense. What you're looking at is just digitally colored pencils. Usually I'll work a little larger than A4- say 11"x14" or so. I'll have to stitch stuff together from scans, but it's really not too difficult. I use a 0.5mm mechanical pencil with a 2B lead for most of my stuff. You might try digitally coloring pencils sometime and see how you like it.
Reply
:iconironwulfen:
Ironwulfen Featured By Owner Apr 21, 2008
now, you're saying that you use a 2B lead, but how do you manage not to smudge some of the lines while you draw? That's my biggest problem when I draw... I always end up smudging some of the linework with my hand... :(
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Apr 21, 2008  Professional General Artist
I run into that when I work bigger than 9x12, so what I'll do is use a piece of copy paper or tracing paper to rest the heel of my hand on when I draw. Something you can see through works best, for obvious reasons. :)
Reply
:iconironwulfen:
Ironwulfen Featured By Owner Apr 21, 2008
awesome, I have paper like that :D thanks for the tip!
Reply
:iconshanenewville:
ShaneNewville Featured By Owner Jan 11, 2008  Professional Filmographer
This is a great tutorial. Thank you for sharing.
I'm still noober. I will go and mess around with
it and probably discover it later, but after scanning
the lineart, did adjusting the "Channel: Grey"
thing turn all the white parts of the paper transparent
or is there something I missed?
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Jan 11, 2008  Professional General Artist
I don't actually tend to mess with the channels tab at all. I'll usually scan it in and and go to Image> Adjust> Levels (Ctrl-L on your keyboard) and move the ends of the histogram in to get a little more contrast. Then I'll put that lineart on a layer with the layer mode set to 'multiply'. This will make it so that the white areas are effectively transparent, while the linework still shows up over the shading.

Mind you, these instructions are for Photoshop 7. CS or Elements may do it a little differently, but you can get to the same place from there.
Reply
:iconshanenewville:
ShaneNewville Featured By Owner Jan 11, 2008  Professional Filmographer
Thanks a ton Malaveldt. Soon I'll be making sweet pictures exactly
like yours. (kidding) But thanks yo. The more we learn, the closer
we get to being able to express ourselves more freely. Thanks my motto.
Peace out.
Reply
:icondarmila:
Darmila Featured By Owner Dec 23, 2007
ow... :O
very cool coloring :love:
Reply
:iconazelah:
Azelah Featured By Owner Nov 18, 2007
Ooo very awesome!!!
Reply
:icontmbwlso:
TMBWLSO Featured By Owner Oct 21, 2007
I want to give my sincere thanks!
Reply
:iconmantasama:
Mantasama Featured By Owner Aug 12, 2007  Student Digital Artist
wow this is great
what'd you use?
painter?
photoshop?
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Aug 13, 2007  Professional General Artist
Just Photoshop. Painter's interface makes my brain bleed.
Reply
:iconmysteryofalbesila:
MysteryofAlbesila Featured By Owner Aug 12, 2007
great, thanks for sheering
Reply
:iconroyks:
Royks Featured By Owner Jul 17, 2007   Interface Designer
Just masterpeace of art work. Love it.
Reply
:iconuriel-ventris:
uriel-ventris Featured By Owner Apr 18, 2007
nice tutorial
it's gonna help me a lot
thx
Reply
:iconp37r1:
P37r1 Featured By Owner Mar 26, 2007
Really nice concepts and helpful tutorial. Lots of useful info there, thanks for sharing them!
Reply
:iconparadikal:
paradikal Featured By Owner Mar 11, 2007
I don't think there's any problem with coloring such detailed piece at all!
this type of coloring focuses more on the detailes and the smooth line of the artist, no the colors
other part is when you can't really draw detailed sketch/drawing so you pust gazillions of colors just to hide the unsteady line and to fix everything in photoshop

great tutorial man, one of the best of color techniques around
Reply
:icon00whitedragon00:
00whitedragon00 Featured By Owner Mar 11, 2007
'w' <(Beautiful! Just beautiful!!)
Reply
:iconbnky:
bnky Featured By Owner Mar 8, 2007  Professional General Artist
:star::star::star::star-half::star-empty:
Reply
:iconvidfastr:
vidfastr Featured By Owner Feb 24, 2007
Truly helpful! Awesome again!

Keep it up!
Reply
:iconcatoutofhell:
catOutOfHell Featured By Owner Feb 21, 2007
brilliant, thank u so much!
Reply
:icondxbigd:
DXBigD Featured By Owner Feb 21, 2007  Hobbyist Digital Artist
Pretty nice tutorial. I also think that the drawing itself is the impressive part since the coloring is very basic...but when you have such a great detailled drawing, it looks good.

I agree with ssjjackass, you should definitely do a drawing tutorial. I'm curious to know where you come up with the ideas for these. Personally, I can draw, model, texture, etc., but coming up with cool ideas is one of my weakest points. =\
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Feb 22, 2007  Professional General Artist
I will, but it'll be a new experience for me trying to explain and codify my approach for coming up with ideas. Most attempts I've read trying to explain how artists or writers come up with their ideas seem to be really vague or full of self-deception.

For the shipbreaker there were about five or six thoughts happening in parallel that led to the design. The initial thought was that I wanted to do some sort of heavy industrial equipment and had just read an article about shipbreaking somewhere on the web. My commute into work takes me past a major traffic artery into St. Louis, so I have a view of several different interesting commercial and industrial vehicles each morning. I like to try and force things together that don't really fit well (ask the women in my life!) so I find it an interesting challenge to take odd things and fit them together in a way that looks like it might work. Masamune Shirow does a lot of vehicles that are influenced by the bodies of insects, so I opted for a front end like a wood tick but mated it too a more conventional rear section for contrast... It meanders on and on like this.

I'll do a tutorial about the idea part, but I'd rather have it be as coherent and succinct as I can make it.

Of course, there is a short version: Steal. Not from one source, but from many. See a little something you like on a tank, bulldozer, or toy? Use it! If you mix enough (different)stolen goods together it becomes something new.
Reply
:icondxbigd:
DXBigD Featured By Owner Feb 22, 2007  Hobbyist Digital Artist
Hehe, yeah there's always that. :)
Reply
:iconssjjackass:
ssjjackass Featured By Owner Feb 20, 2007
Nice tut man, but how about one on drawing like that :D
Reply
:iconmikedoscher:
MikeDoscher Featured By Owner Feb 21, 2007  Professional General Artist
I'm thinking about doing that when I get back from GDC, but I might break it down into two sections: One on sketching and one on coming up with ideas.
Reply
Add a Comment:
 
×
Download JPG 630 × 6156




Details

Submitted on
February 17, 2007
Image Size
797 KB
Resolution
630×6156
Link
Thumb
Embed

Stats

Views
21,254 (1 today)
Favourites
542 (who?)
Comments
79
Downloads
865

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×