Game authors and players, please read this thread!

Author Topic: How to draw, fill colour, AA in hi-res?  (Read 539 times)  Share 

iamlowlikeyou

  • A hard day at the office...
How to draw, fill colour, AA in hi-res?
« on: 02 Feb 2011, 17:25 »
This is actually a pretty simple question, and may sound a little stupid, but how do you usually draw/paint and colour graphics in high-res, if you want it to be anti-aliased?
I'd like to be able to make black (or whatever color) outlines, and then colour inside the lines (fill) in an easy way.
Is there a shortcut to this in for example Photoshop, without using vector graphics, or do you have to colour it manually with a brush?
If I use the filler it either makes unwanted outlines or eats some of the black outline, if you know what I mean?
Sorry, I'm not really able to put it in a technical way, because I don't know the terms.
I have used photoshop a lot as well as drawn and painted all my life, but this one thing I've never understood.
How you for an example say they drew the graphics in games as Curse of Monkey Island?

EDIT: I know you can use layers, and make the fill color on a layer underneath the outlines, but still it takes a lot more time to avoid colouring outside the lines (like in a colouring book :D), than it would to just fill the area...
« Last Edit: 02 Feb 2011, 17:27 by iamlowlikeyou »

bicilotti

  • Mittens Vassal
  • ¡Fausthandschuh!
    • Best Innovation Award Winner 2008, for 'ColourWise'
    •  
  • bicilotti worked on a game that won an AGS Award!
Re: How to draw, fill colour, AA in hi-res?
« Reply #1 on: 02 Feb 2011, 17:49 »
I've used PS once or twice in my life but have you tried to:

1 - copy the outline into another layer
2 - sharpen it
3 - floodfill there

edit: or you benefit from the experience of someone more skilled than me: Ghost

http://tinyurl.com/autoeditsucks

Link via codebox tinyurl thanks to that ugly This post was automatically edited for txt-style spelling feature.

edit 2: a quicker way to get an answer is the ask something we can help thread (because many folks subscribed to it).
« Last Edit: 02 Feb 2011, 18:03 by bicilotti »

iamlowlikeyou

  • A hard day at the office...
Re: How to draw, fill colour, AA in hi-res?
« Reply #2 on: 02 Feb 2011, 18:03 »
The thing is I want the outline to be antialiased to have a smooth look, so it's no good sharpening it :)

The link is broken, but I'll check out that blog and see if I can learn something, thanks!

Anian

    • I can help with backgrounds
    •  
    • I can help with characters
    •  
    • I can help with play testing
    •  
    • I can help with web design
    •  
Re: How to draw, fill colour, AA in hi-res?
« Reply #3 on: 02 Feb 2011, 18:11 »
I think, there's a misunderstanding with bicilotti's proces, after step 2, there's step 2.5 where you adjust the color of the line you now created, copy and moved to another layer and sharpened - then you need to change it's color to match the color of the fill.

I must admit I ran into that problem as well, and only solved it by vectoring the outline (that is path drawing in PS).
The impossible often has a kind of integrity which the merely improbable lacks.

iamlowlikeyou

  • A hard day at the office...
Re: How to draw, fill colour, AA in hi-res?
« Reply #4 on: 02 Feb 2011, 19:26 »
Ooooh, I get it now :D
Yeah, that WOULD actually work.

But also the pen tool could definitely work, I never actually knew what it was for...

Scavenger

  • In Four Glorious Colours!
  • Scavenger worked on a game that won an AGS Award!
Re: How to draw, fill colour, AA in hi-res?
« Reply #5 on: 02 Feb 2011, 20:45 »
Usually I:

1) Set the lineart layer to multiply. Make sure it's clean and ONLY has the black outlines on it.
2) Magic wand tool the parts you want a particular colour.
3) Make a new layer, and Expand the selection 2-3 pixels, depending on lineart thickness.
4) Flood fill the selection.

It's quick and easy.

Calin Leafshade

  • AGS Project Admins
  • Long live King Cat!
    • I can help with AGS tutoring
    •  
    • I can help with voice acting
    •  
  • Calin Leafshade worked on a game that was nominated for an AGS Award!Calin Leafshade worked on a game that won an AGS Award!
Re: How to draw, fill colour, AA in hi-res?
« Reply #6 on: 02 Feb 2011, 20:48 »
Scavengers method is how i've seen Gabe of penny arcade fame do it. PS allows you to make macros (i think PS calls them 'actions') so you can make a macro of the process so that its a single button affair.

Leon: You need the sword first before you can get the monkey.

Re: How to draw, fill colour, AA in hi-res?
« Reply #7 on: 03 Feb 2011, 07:02 »
What about working with non-antialialised lines and double the resolution? Then resize to target resolution when finished?

Unai

  • DON'T PANIC
    • I can help with scripting
    •  
    • I can help with translating
    •  
Re: How to draw, fill colour, AA in hi-res?
« Reply #8 on: 03 Feb 2011, 07:04 »
I agree, Scavenger's method is the way to go. Keep the outline "multiplied" in the top layer, then use a layer for each color. That's how I've colored comicbook characters in the past.
I am a deeply superficial person

Anian

    • I can help with backgrounds
    •  
    • I can help with characters
    •  
    • I can help with play testing
    •  
    • I can help with web design
    •  
Re: How to draw, fill colour, AA in hi-res?
« Reply #9 on: 03 Feb 2011, 08:05 »
What about working with non-antialialised lines and double the resolution? Then resize to target resolution when finished?
2 things - at least in PS, you can no longer make non-antialiased lines (except with pen tool, but it's annoying to set up), and resolution (don't know if you mean size or dpi) takes more RAM, especially if you make large drawings this might be a problem.

The method Scavenger mentioned seem quite usable.
« Last Edit: 03 Feb 2011, 09:28 by anian »
The impossible often has a kind of integrity which the merely improbable lacks.

iamlowlikeyou

  • A hard day at the office...
Re: How to draw, fill colour, AA in hi-res?
« Reply #10 on: 03 Feb 2011, 09:09 »
How do you expand a selection, you have already made?

EDIT: Sorry, I found it via a quick Google search ::)
Thanks, Scavenger - I think I'll go with that method, it sounds effective!
« Last Edit: 03 Feb 2011, 09:11 by iamlowlikeyou »

bicilotti

  • Mittens Vassal
  • ¡Fausthandschuh!
    • Best Innovation Award Winner 2008, for 'ColourWise'
    •  
  • bicilotti worked on a game that won an AGS Award!
Re: How to draw, fill colour, AA in hi-res?
« Reply #11 on: 03 Feb 2011, 11:33 »
The link is broken, but I'll check out that blog and see if I can learn something, thanks!

Link should work now (as my edit points out). Any good?

(link repost http://tinyurl.com/autoeditsucks )