Today I will tell you how to
So in short, I'll tell you how I made this:
What I used
I mostly used Paint Tool SAI, but also used Photoshop for colour adjustments and aligning the sprites. Since they both open .psd files, it's a nice combination.
Step 1 - Concept and sketch
The reason why it's good to do this, is because:
1) You can test it on a background to see how it looks in the VN!
2) You can define the general personality well with this concept.
3) You can decide on the lighting and the general colours (which is great if you work with a team who needs to OK it).
4) You can still make big adjustments easily, should you need them.
Besides, you will need to make a good sketch for the sprites anyway. Just remember to keep the sketch and rough colouring on two separate layers or it will be a pain to ink over later.
Step 2 - Inking
I used a dark brown colour for the lines, to make them a bit more natural, but you could also use black, lock the transparency of the layer and colour over it with your desired colour once you're done.
For these sprites I was experimenting with the lines a little, since the last time I drew lines I noticed how sharp they were. To get a bit of a softer look I used these settings (SAI):
- Brush tool at size 8.0 ~ 10.0
- min size 0%
- density 100%
- colour blending ~30, opacity mix ~20, persistence ~80
You should really experiment with these settings (and the advanced settings) to get the look you want. I will be doing that as well, since I'm not yet satisfied with how the lines look; I want something between the sharpness of the pen tool and the smudginess of the brush tool, and thinner lines might work better.
Please keep in mind that the expression should be on a different layer! You can leave the nose if you want, but the mouth, eyebrows and eyes shouldn't be on the same layer as the rest of the lineart. You should also colour the eyes and such on separate layers, not on the main/body colour layers.
Step 3 - Flat colouring
Using the magic wand is the key in this process if you want to get it done quickly. Simply select your line-art layer, pick the magic wand tool and click on the areas you want to be a certain colour. Now, because I am even more lazy, I made a hotkey for the bucket tool.
Go back to your colour layer and smash your hotkey or use the bucket tool to fill the selected area with your current colour. Check if you missed any spots (you will, trust me) by using convenient background colours and filling these spots up with the pen tool.
Also, if you want to add details on the flat colours (such as lines on the uniform) creating a layer on top of it and colouring on that should do the trick. Just call it 'details' and voilà.
Step 4 - Shading
Now, take the brush tool, increase the size, pick a nice colour. I used Salmon-ish pink for this to give it a warm feel, but blue and other colours work fine too. Whatever you do, don't use some kind of grey colour; it makes your sprite look dull and dead.
Then shade that baby while keeping the direction of the light source in mind. You can use the water tool to soften the shading on the skin and get a nice hard-soft shading balance.
You can also lock the transparency of the shading layer and then use the airbrush or brush tool to make slight variations in the shading colours. For example, I wanted some parts of the shirt to be more blue-ish, so I went over it with a colder pink.
Step 5 - Lighting
I also like adding just a little bit of light on the opposite side (where the shading is) because it gives the drawing more depth.
For Cecile I even made an additional layer to light her hair better (I wanted the light to be more blue), and just lowered the opacity of that layer to prevent it from becoming too bright.
Step 6 - Poses and finishing touches
I prefer sketching all poses at once and colouring them all at once for the sake of consistency. You can make a rough sketch on top of the first pose and then check if proportions are all right by dragging it to the side (which is why I prefer using a bigger canvas than I would need).
In the end you can save each finished sprite, make one big psd file with all the finished sprites in it and then align these in Photoshop to make sure they're on the same spot. You can also then do colour adjustments, by messing with the levels (image -> adjustments -> levels, or ctrl+L). I like adjusting the individual levels manually. Same goes for contrast and what not, just have fun trying things out.
And that's all! To keep it short, I might have skipped over a few things here and there. Cecile is one of the public domain sprites I made for this project by the way, so go ahead and use the two of them if you want.