Uploaded October 2025 | Updated September 2026, 2 weeks ago
In this mini tutorial, I show three different approaches on how to turn filled vector shapes into editable lineart.
Once an illustration is converted from strokes to path [or purchased as filled shapes rather than lines with strokes] there is no one-click solution to go back to easily editable lines.
I recorded three ways: manual trace with the pen and node tool, bitmap trace using the centreline option, and cutting the existing vector shapes and using half of the shapes to create the lines.
Learn how to approach the different workflows to avoid headaches and get quick, clean, and editable results.
See more Affinity Designer and Inkscape tutorials on the website at http://2dgameartguru.com.
In this mini tutorial, I show three different approaches on how to turn filled vector shapes into editable lineart.
Once an illustration is converted from strokes to path [or purchased as filled shapes rather than lines with strokes] there is no one-click solution to go back to easily editable lines.
I recorded three ways: manual trace with the pen and node tool, bitmap trace using the centreline option, and cutting the existing vector shapes and using half of the shapes to create the lines.
Learn how to approach the different workflows to avoid headaches and get quick, clean, and editable results.
See more Affinity Designer and Inkscape tutorials on the website at http://2dgameartguru.com.

![Inkscape Tutorial - Using Clip Groups
In this video tutorial from 2Dgameartguru.com, I will show you how to use and quickly alter Clip Groups in Inkscape.
There are various ways to trim designs in Inkscape. You can clip or mask or you can create Clip Groups. The latter allows you to edit the content and the clip without having to release the clip each time you want to edit the content or the clip shape.
Its a great [and often overlooked] tool with a lot of flexibility and a non-destructive approach [rather than trimming your objects via Boolean operations - Difference, Exclusion, or Intersection].
Most of the functionality shown in the video can be created with other software tools such as Affinity Designer, Adobe Illustrator, or CorelDraw with minor alterations and different names for the tools used.
See more Affinity Designer and Inkscape tutorials on the website at http://2dgameartguru.com.
Music from Audio Library Plus https://www.audiolibrary.plus/
‘Santana’ by ‘Ason ID’ Inkscape Tutorial - Using Clip Groups](https://i.ytimg.com/vi/i_bLoVlPZPE/mqdefault.jpg)
![Inkscape Tutorial - Organizing Complex Designs using Layers, Groups, and Clip Groups
This video was a request to show the structure I use to organize complex designs. I chose the Inkscape v1.4 About Screen entry Creative Growth with thousands of elements across 3 pages for the video. It contains 13,000+ elements [more than 4,000 per design [About Screen, Website, and Welcome banner].
These elements are arranged in multiple layers, groups, and clip groups.
If you want to take a closer look at the design, the file is on the Inkscape.org website for download:
https://inkscape.org/~SpriteAttack/%E2%98%85creative-growth+2
For more Affinity Designer and Inkscape tutorials visit the website at http://2dgameartguru.com. Inkscape Tutorial - Organizing Complex Designs using Layers, Groups, and Clip Groups](https://i.ytimg.com/vi/ic3fWTWRT-s/mqdefault.jpg)
![Inkscape Mini Tutorial - Miniature Storefront design using basic shapes [workflow]
As part of the challenge on the Facebook group Inkscape - hands-on I recorded my workflow when creating designs based on basic shapes. I create this fishmongers store using shapes - circles, rectangles, and stars - with added text elements. Most of the shapes have solid fills [I did cheat a little and used a few gradients] and use shading shapes inside clip groups for detail and depth.
Reusing, duplicating, and modifying existing elements speeds up the creation process.
For more Affinity Designer and Inkscape tutorials visit the website at http://2dgameartguru.com. Inkscape Mini Tutorial - Miniature Storefront design using basic shapes [workflow]](https://i.ytimg.com/vi/ifTGseDkBUo/mqdefault.jpg)


![Inkscape Video Tutorial - Using Pattern along Path
I love working with the Pattern along Path path effect in Inkscape. Its a versatile, quick, and easy-to-edit way to create designs along any path.
In this video, I want to show you how to use the path effect alongside the Shape Builder Tool to create a multicoloured infinite loop [and other tracks like it].
See more Affinity Designer and Inkscape tutorials on the website at http://2dgameartguru.com
and
Check out the Helpful Hints collection of step-by-step tutorials at
https://2dgameartguru.gumroad.com/l/spegq
[Grab it for FREE by entering a zero in the price field. :) ] Inkscape Video Tutorial - Using Pattern along Path](https://i.ytimg.com/vi/jqT6c-EmcnE/mqdefault.jpg)

![Affinity Designer Timelapse - Game Art Creation & Character Design - Create a wise green Alien
This is a timelapse video from 2Dgameartguru.com of a character creation process in Affinity Designer.
I am working with shapes and colours to create a game character from scratch - and without a concept [it was 2.30am and I just wanted to have some fun ;)].
Most of the functionality shown in the video can be created with other software tools such as Adobes Illustrator, CorelDraw, or Inkscape with minor alterations and different names for the tools used.
See more Affinity Designer and Inkscape tutorials on the website at http://2dgameartguru.com.
Music from Audio Library Plus https://www.audiolibrary.plus/
‘Santana’ by ‘Ason ID’ Affinity Designer Timelapse - Game Art Creation & Character Design - Create a wise green Alien](https://i.ytimg.com/vi/kK8zbJ_IKic/mqdefault.jpg)

![Inkscape Mini Tutorial - Using Geometric Grids with the Shape Builder
In this video, I will show you how to use basic geometric grids with the shape builder tool.
The shape builder is one of the great additions in v1.3 of Inkscape. Once you get your head around it, it is extremely helpful and pretty straightforward. This video shows the use of the geometric grids I designed for an easy entry into Shapebuilder. Open a grid from the SVG files, duplicate the base group [in order to keep the base shapes as they get lost in the shape-building process], and get creative with the tool.
The FREE geometric grids mentioned in the video can be found here:
https://2dgameartguru.gumroad.com/l/auhah
Heres the link to my Inkscape 1.3 - Basics of the Shapebuilder video:
https://youtu.be/nJ4StbIPgzI
See more Inkscape and Affinity Designer tutorials on the website at http://2dgameartguru.com.
Music from Audio Library Plus https://www.audiolibrary.plus/
‘Santana’ by ‘Ason ID’ Inkscape Mini Tutorial - Using Geometric Grids with the Shape Builder](https://i.ytimg.com/vi/lE9zfSj8rF8/mqdefault.jpg)