1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to make a static hair mod

Discussion in 'Tutorials' started by SyntaxTerror, Jul 16, 2016.

  1. SyntaxTerror

    SyntaxTerror Swell Supporter Content Creator

    Joined:
    Jul 24, 2014
    Messages:
    367
    Likes Received:
    85
    Tutorial:
    How to make a static hair mod

    ____________________________________________________________________________________________________________________
    NOTE: this tutorial is under construction.
    The missing sections should be available soon...

    ____________________________________________________________________________________________________________________​
    This tutorial will show you three different ways of making a PNG static hair mod for Super Deepthroat, using only free drawing softwares.​
    The softwares used here are Paint.net and Inkscape. Other can be used (Gimp, Photoshop, Illustrator, etc.) but I do not know how to use them, they may not be free and anyway, Paint.net and Inkscape are really fine for this kind of work.

    There are many points listed below, but it is to explain clearly all the stages of the creation.
    Note that with the first and the second parts of this tutorial (Begginer and Intermediate sections), the result mat be crappy, blurred or pixelated. For the Intermediate section, It could be better if you use other softwares as GIMP or Photoshop, but believe me, learning to use them is more difficult than learning to use Inkscape and the result will not be better than with this vector graphics editor. So if you want to do some good job, pass directly to the Advanced tutorial below.
    If you want to make SWF mods (static or dynamic hair, costumes, etc.) you need other softwares (i.e. a Flash editor) and the process is quite different. For this, check Synonymous' Costume Modding Tutorial or Dante's Loader Modding Tutorial (among others).

    There are three levels, that will allow you to make different qualities of hair mods.
    The quality of the result will depend of the method used, the references used and your talent.
    Note that anyway, you will need good reference shots (unless you are really a gifted artist), so before trying to draw something, make a very good search to find the best references as possible, especially if it is your first try at making an hair mod.

    The three levels are:
    1. Beginner: just requires a very basic knowledge of raster graphics edition (copy/paste, resize, basic use of the eraser and of brushes, pencil and colour picker). All you will need is a good reference and Paint.net.
    2. Intermediate: requires some adverage aptitudes in raster graphics drawing. You will need some talent, a good reference and Paint.net.
    3. Advanced: requires aptitudes in vector graphics drawing (but you may learn this quickly). You may need less talent than with the intermediate level, but the mastery of vector drawing requires patience and precision. You will need a good reference and Inkscape, Paint.net can be useful here, but not necessary.
    I added some basics concerning the template used to make the hair mods prior to the tutorials. This part must be read and understood to figure how to use the different parts of the template.
     
    Last edited: Jul 20, 2016
    Huitznahua likes this.
  2. SyntaxTerror

    SyntaxTerror Swell Supporter Content Creator

    Joined:
    Jul 24, 2014
    Messages:
    367
    Likes Received:
    85
    Basics

    This part explains the layout of the template used to make a static hair mod. It must be understood to know where to draw to obtain the desired result.

    The blank template is divided in four equal zones:

    [​IMG]
    The zones are:
    • TOP (above all)
      • Everything drawn in this zone will be above anything but the male body (except his right hand). This zone will be used to get things appear above her body and ear (like a strand of hair between her face and ear).
    • UNDER (under ear, under body)
      • Everything drawn in this zone will be above the girl's head but under her ear and rest of her body (look at the picture below to see what will appear above the hair). This zone is designed to facilitate the view of the ear of the girl above the hair, and to make the hair pass behind her shoulder.
    • BACK (under all)
      • Everything drawn in this zone will be behind everything. It is maily used for strands of hair behind the girl's head (on her left) and for hair that reach the level of her hips, so it doesn't pass between her legs when she is bending forward.
    • The fourth zone is unused.
      • It can contain an example image of the character, its name, the anime, manga, game, etc. from which it is from, its custom data, your name, etc.
    These zones are important for where cum will stick also: It will land on things drawn in the UNDER and BACK zones, but not on the TOP one. So if you want that cum sticks to the hair of the girl, you have to draw it mostly in the UNDER and BACK zones.

    [​IMG]
    What appears above the UNDER zone.

    Note that the hair and accessories must fit in the rectangles of the zones: there is much space under and behind the head, but not in front and above. Remember this if the girl has a large or high hat, or accessories/nose/beak/whatever that go far in front of her: it may not fit the template and will not be displayed ingame. Also, eveything too much in front of the girl will seem to perforate the guy stomach...
     
    Last edited: Jul 20, 2016
  3. SyntaxTerror

    SyntaxTerror Swell Supporter Content Creator

    Joined:
    Jul 24, 2014
    Messages:
    367
    Likes Received:
    85
    Beginner

    This tutorial explains how to make a static hair mod to those that do not know how to draw nicely on a raster graphics editor, nor to use a vector graphics editor.

    Note that the result may be crappy, blurred or pixelated, even if the reference is good.

    The only things required are a good reference shot and Paint.net (or another raster graphics editor that can have an alpha layer, but the explanations are for paint.net).

    1. Download and install Paint.net.
    2. Download the PDN Blank Template.
    3. Open this template with paint.net. It features several layers, but only two will be used in this part of the tutorial: the Heads layer, that shows the heads of the SDT girl to know where to place the hair (this will not be shown ingame, this layer is locked because you do not need to modify it) and the Reference layer, where you will paste and adapt the hair from your reference. The other layers can be deleted or left in place, it doesn't matter.
    4. Find a high resolution reference shot, the best would be that the background is white or has very few colours.
    5. Copy and paste this reference in a new Paint.net document.
    6. Use the Magic Wand to remove everything that is not the hair (changing the Tolerance will help you get more or less things). When this is done, delete the last things touching the hair with the Eraser (you can change its size with Brush width).
    7. Now you should have only the hair on an alpha (transparent) background.
    8. If the ear was present, now you should have a hole at its place. Fill this with with the hair colour and redraw the strands as best as you can. Try to erase and redraw everything that is not the hair (like sometimes eyebrows that appear by transparence under the hair) or the parts of the hair that may be missing.
    9. Copy this hair and paste it in the Reference layer of the PDN Blank Template.
    10. Move it and resize it so it fits nicely the heads (if you need small ears or to see the complete body, unhide the corresponding layer).
    11. Make finishing touches to make the mod look nice.
    12. Hide the Heads layer.
    13. Save as... and chose the PNG (*.png) type (PDN is not recognised by the game).
    14. Save configuration (OK), Flatten.
    15. Your hair mod is ready to use and to share!
    The numbers correspond to the list above.
    Commands are indicated in italic and are followed by their keyboard shortcut between brackets when it exists.
    Click on the images to see them in full size.


    6. Copy and paste the reference in a new Paint.net document.

    [​IMG]
    Select the hair quite closely.

    [​IMG]
    Crop to Selection (CTRL+SHIFT+X)
    7. Use the Magic Wand (S) to remove everything that is not the hair (changing the Tolerance will help you get more or less things.).

    [​IMG]
    When this is done, delete the last things touching the hair with the Eraser (E) (you can change its size with Brush width).

    [​IMG]
    Use again the Magic Wand (S) and select the hair, use the Tolerance to get every part, but not what is outside the hair.
    If you cannot achieve this, delete with the eraser everything but the hair.

    [​IMG]
    8. A a result, you should have only the hair on an alpha (transparent) background.

    [​IMG]
    9. If the ear was present, you should have a hole at its place.
    Fill this with with the hair colour and redraw the strands as best as you can.
    Try also to erase and redraw everything that is not the hair (like sometimes eyebrows that appear by transparence under the hair) or the parts of the hair that may be missing.

    [​IMG]
    10. Copy this hair and paste it in the Hair layer of the PDN Blank Template, in the UNDER zone.

    [​IMG]
    11. Move it and resize it so it fits nicely the heads (if you need small ears or to see the complete body, unhide the corresponding layer).
    You can change the Opacity of the Hair layer to see the head in transparence and place the hair correctly (there should be more or less an even thickness of hair everywhere).

    [​IMG]
    When this is done, if you need to make the ear appear, you have to put the strand of hair above the ear in the TOP layer.

    [​IMG]
    To paste the hair exactly at the right place, draw a square that touches the top right corner of the template (zoom in to place it correctly).

    [​IMG]
    Select the hair and the square together, copy, paste and move it in the TOP zone.

    [​IMG]
    Move the new square (still selected with the new hair) to the top right corner of the TOP zone. This will put the copied hair exactly in the right position.

    [​IMG]
    Delete everything that is not the strand above the ear.
    If the strand is long enough to pass above the shoulder, you can leave its end, if the strand is not long enough, you can let only the part of it that covers the ear.
    In the case of the ear must be hidden by the hair, it is still better to leave most of the hair in the UNDER zone and to simply cover the ear with a circle of hair in the TOP zone.

    [​IMG]
    13. Hide the Reference layer (normal/small ears, full body).

    [​IMG]
    14. Save as... and chose the PNG (*.png) type (PDN is not recognised by the game).

    [​IMG]
    15. Save configuration (OK), Flatten.

    [​IMG]
    16. Your hair mod is ready to use and to share!
     
    Last edited: Jul 21, 2016
  4. SyntaxTerror

    SyntaxTerror Swell Supporter Content Creator

    Joined:
    Jul 24, 2014
    Messages:
    367
    Likes Received:
    85
    Intermediate

    This tutorial explains how to make a static hair mod to those that have an average knowledge of drawing on a raster graphics editor, it requires some time and a bit of talent.

    Note that the result may be crappy or pixelated.
    It may be better if you use other softwares like GIMP or Photoshop, but believe me, learning to use them is more difficult than learning to use Inkscape and the result will not be better than with this vector graphics editor. So if you want to do some good job, pass directly to the Advanced tutorial below.

    The things required are a good reference shot and Paint.net (or another raster graphics editor that can have an alpha layer, but the explanations are for paint.net).

    1. Download and install Paint.net.
    2. Download the PDN Blank Template.
    3. Open this template with paint.net. It features several layers. From top to bottom: Outside line, Inner lines, Light reflection, Shade, Base colour, Reference and Heads (this is the basic layers for an anime type character, drawn with three different colours in its hair). They are all empty but the Heads one for the moment. The Heads layer shows the heads of the SDT girl to know where to place the hair (this will not be shown ingame, this layer is locked because you do not need to modify it). Others layers may be added to contain accessories (e.g. an headband or glasses) or special features.
    4. Copy and paste your reference in a new Paint.net document.
    5. Select only the part containing the hair and copy it.
    6. Steps 6.1 to 6.3 are optional, but will help you to have a clearer view in your work:
      1. Use the Magic Wand to delete everything that is not the hair (changing the Tolerance will help you to remove more or less things.).
      2. Delete the last things touching the hair with the Eraser (you can change its size with Brush width).
      3. Remove everything else to have only the hair then copy it.
    7. Paste the hair in the Reference layer.
    8. Reduce the Opacity of this layer, so you can see the heads under it (100 to 150 out of 255 is fine).
    9. Select the reference. and move it in the UNDER zone of the template.
    10. Resize and rotate it so it fits nicely the head.
    11. Lock the Reference layer, hide the Heads layer and select the Outside line layer.
    12. Now the drawing begins. It can be made with the Paintbrush, the Pencil, or Lines/Curves shaped with the Spline tool or the Bézier tool.
      • Bézier curves are the ones that give the best result. Here is how they work: they are constitued of four points, one at each end and two others that will define the curvature of the line near these ends. These points are represented by little circles in Paint.net. To modify the curvature, just change the position of the two middle points of the line, to make it look like an U, a V or even an S. A Bézier curve has two turns, if you want to have more, draw another curve.
    13. Draw the outside line first in the corresponding layer. Its colour and width will depend of the reference used, but most of the time, 1 px pure black will be fine.
    14. Draw the inner lines in the corresponding layers.
    15. Copy the outside line and paste it in the Base colour layer (in Paint.net, it will be pasted exactly where you copied it, in others softwares, use Paste in place).
    16. Use the Paint bucket to fill it the base colour you'll get on the reference with the Color Picker (select this layer to do that and remember to bring back opacity to 255).
    17. Hide the Base colour layer.
    18. Select the Shade layer and paste another copy of the outside line.
    19. Get the shade colour and draw the lines separating the shade from the base colour.
    20. Use the Paint bucket to fill the zone between these lines and the outside line.
    21. Select the Light reflection layer and do the same process as for the shade (you do not need to paste an outside line if the light reflection do not touch it).
    22. If the ear is shown and there is a strand of hair above it, it has to be drawn in the TOP zone. If the ear must be hidden by the hair, it needs to be covered with some hair in the TOP zone. To paste the entire hair in this zone at the right place, follow these steps:
    23. Draw a square that touches the top right corner of the template (zoom in to place it correctly).
    24. The problem is that the hair is actually in several layers, to gather them together, hide the Reference and the Heads layers and choose the option Flatten in the Image menu (or press Ctrl+Shift+F)
    25. Copy the square and the hair together.
    26. Undo the flattening to get back the layers (press Ctrl+Z).
    27. Unhide the Heads layer and select the Outside line layer.
    28. Paste the hair and the square and move them in the TOP zone, placing the square in the topright corner of this zone.
    29. Delete everything unnecessary (and the squares) and leave only the strands covering the ear.
    30. Make finishing touches to make the mod look nice. There may be some imperfections or zones not filled (e.g. some pixels at the end of the strands). Correct this with the Pencil in the right layers.
    31. Hide the Reference and Heads layers.
    32. Save as... and chose the PNG (*.png) type (PDN is not recognised by the game).
    33. Save configuration (OK), Flatten.
    34. Your hair mod is ready to use and to share!
    A tutorial in images should be available soon...
     
    Last edited: Jul 21, 2016
  5. SyntaxTerror

    SyntaxTerror Swell Supporter Content Creator

    Joined:
    Jul 24, 2014
    Messages:
    367
    Likes Received:
    85
    Advanced
    Available soon...​
     
    Last edited: Jul 16, 2016
  6. SyntaxTerror

    SyntaxTerror Swell Supporter Content Creator

    Joined:
    Jul 24, 2014
    Messages:
    367
    Likes Received:
    85
    [reserved]​