Somnax's Storage Space

How I Make Raster Images

I use Krita for all of my raster work, from sketching to inking to rendering. My renders combine raster and vector techniques, using Bézier curves for lineart and hard shading.

Hardware

A laptop with a trackpad and capacitative stylus (not using a tablet)

Steps

Sketching: Wireframing figures, outlining, adding details

Rendering: Inking lines, filling with colour, soft shading, hard shading

Krita Tools

Freehand brush for sketches and shading

Bézier curves for lineart

Brushes

For sketches:

  • Pencil HB, 8px 70% opacity (general use)

  • Pencil 4B, 41px 100% opacity (text)

  • Custom eraser (basically just airbrush)

For renders:

  • Ink-2_Fineliner, 10px (8 for hair, 5 for details)

  • Airbrush_Soft (soft shading)

How I Make Vector Images

Vector work is done using Inkscape, but in a fairly similar manner to Krita. An image usually begins with a sketch in Krita that is then lined over in Inkscape using the thicknesses described in the raster section, though with appropriate use of clips and masks for want of the ability to erase anything. Tapered lines are accomplished using the power stroke effect.

How I Make Interactive SVGs

I begin with a vector image described as above, but with groups defined to divide characters' bodies (and anything else) into discrete movable parts. I then edit the SVG directly as text to add IDs to different groups and elements, add additional CSS (including CSS transitions and animations), and add JavaScript for interactivity. The details of the scripting can be found in the SVGs themselves by opening them as text.