Skip to main content

Drawing hair with Inkscape


My very first online tutorial is an adaption from Chris Design Drawing Hairs article using both Path and Path Editor tools which requires Inkscape 0.47 or newer. Start-up Inkscape application which should open a new blank page and set the document into landscape.

 Create a path

  • Select the bezier tool or press either Shift+F6 or B on the keyboard.
  • Draw a line to approximately 800px or more. You can also use rectangle tool (R or F4 as shortcut key) as a thin line illustrated in grey.
  • While the line is selected, convert into path from the menu Path -> Stroke to Path or press Ctrl+Alt+C on the keyboard. For the rectangle, Path -> Object to Path or Ctrl+Shift+C. The result will show grey diamonds on each corner.



Create a pattern

  • On the menu, Extensions -> Modify Paths -> Add Nodes. Set the Max Segments Length to 5px.

  • On the menu Extension -> Modify Paths -> Jitter Nodes. Leave the default settings and apply effects.

  • You will have about thousands nodes which can be reduced with simplication (Path -> Simplify or Ctrl+L)
  • Resize the new generated patterns to about 20px width and 200px height, copy one of them with Ctrl+C or Edit -> Copy.


Setting a path effect

  • Create a new curve using bezier tool mentioned above and select it (bow anr S curve below).

  • We will use a path effect editor which can be accessed thought either Path -> Path Effect Tools or Shift+Ctrl+7. This editor should appear docked on the right side of Inkscape application.

  • With either a bow or S curve selected, apply new effect by choosing “Pattern along path” inside the list field and press Add. Pattern along Path should be listed inside Effect List.
  • Inside Current Effect field, you can either paste your created path or link to path which give finer control of the pattern we created earlier.
  •  Notice the path is horizontally stretched  giving a strange result illustrated above. To fix the issue, check "Pattern is vertical" inside Current Effect field.

  • Now we got a mesh that looks like hairs. To finalize, we applied the same effect on the S curve. If you have linked the pattern, you can adjust its width.


  •  With more practice, you can create a nice hairstyle with a combination of clipping.

 Happy drawing and leave feedback about mistake or other stuffs. A big thank you Máirín Duffy (Mizmo) for encouraging me to write this tutorial.

Comments

Popular posts from this blog

GNOME extension Screen Autorotate available

 While waiting for a bug fix affecting majority of 2-in-1 laptops running on GNOME Wayland session, gnome-shell-extension-screen-autorotate is now available in Fedora repository and EPEL 9 . Give a try on your device Possibly this extension will get added on the incoming Fedora Design Suite 39 as default for the owners of convertible laptops.

Wayland support coming to Blender for Fedora 37

As mentioned on Phoronix' article ,  Blender received Wayland support on Blender 3.3.1 for Fedora 37 as an update in preparation of the incoming version 3.4 next month. The update has a dependency of libdecor , a client-side decoration for Wayland in addition of DBus for the cursor theme. Currently, the window decoration may have yet to use the system theme but remains functional as intended.

Testing Design Suite on Asus X550ZE

I recently bought an ASUS X550ZE to replace the venerable Sony VAIO N250E laptop. The reason of choosing an AMD powered laptop is for long term support i.e. the use of Vulkan API in future AMD GPU driver. In summary, here is the ASUS X550ZE specification taken from ASUS website : Processor AMD® APU A10-7400P /A8-7200P/FX-7600P Processor Chipset AMD A76M FCH Memory DDR3L 1600 MHz SDRAM, 8 GB Display 15.6" 16:9 /Full HD (1920x1080) Graphic AMD Radeon® R5 M230 + Radeon® R7 M265 DX Dual Graphics with 2GB DDR3 VRAM Built-in A10-7400P Storage 2.5" 9.5mm SATA 1TB 5400/7200 RPM Optical Drive Super-Multi DVD Card Reader 2 -in-1 card reader ( SD/ SDHC/ MMC) Camera VGA Web Camera Networking Integrated 802.11 b/g/n Built-in Bluetooth™ V4.0 (Optional) 10/100/1000/Gigabits Base T Interface 1 x COMBO audio jack 1 x VGA port/Mini D-sub 15-pin for external monitor 2 x USB 3.0 port(s) 1 x RJ45 LAN Jack for LAN insert 1 x HDMI Audio Built-in