Creating vector graphics using Inkscape
Splines are Everything
Vector graphics consist essentially of splines – a mathematical term. A spline denotes the shortest possible route between two imaginary points ("nodes") on a surface. You can thus already represent a simple body by spreading many points on a graph and connecting them with splines. Essentially, anything with square edges can be arranged this way. Vector graphics draw on "tangents" for displaying curves. In a vector graphic, a tangent is not a straight line without end, but a line segment. The length of a tangent to the left and right of a node determines the curvature of the corresponding spline.
You can put this theory into practice with a simple experiment: In the toolbar on the left, you will see the Bézier tool that you can use to draw straight lines and curves – you will see a pen with a straight line underneath it on the corresponding button (the lower of the two pencil icons). Click on the sheet of paper at any point and move straight downward using the mouse pointer, then double-click. You will now see a black line.
Next, move the mouse pointer down a bit and quite a bit to the left. Create a second line, but this time in the horizontal plane. Now click in the middle of the first line, move the mouse pointer to the center of the second line; click and hold down the mouse pointer. Drag the mouse pointer straight to the left, making sure the formerly straight line of nodes is now "bulbous." After releasing the mouse, move vertically and double-click to finish the curve (Figure 1). You have succeeded with the first milestone in using Inkscape: You can insert and edit any number of splines in the image later.
![](/var/linux_magazin/storage/images/issues/2015/175/inkscape/figure-1/650652-1-eng-US/Figure-1_large.png)
Forms
If you regularly work with vector graphics, then you will find out quickly which forms are very useful: They can be used often to make other graphic elements from them. In addition to circles and rectangles, Inkscape also provides some special cases, such as stars that appear on the document with a mouse click. You next convert the shape into a path via (Path | Object to Path and only edit the individual points of the generated form to customize their appearance. First, draw a circle using the circle tool. By holding down Ctrl when dragging the circle, you create a perfect circle.
With knowledge of splines, you can now imagine how Inkscape internally converts the circle: It uses four splines, which it turns into a circular shape with four segments using tangents. This is of great importance for making an apple out of the circle, for example. At the moment, you can only change the relationship of the segments to each other. Click the selection tool (the arrow) on one of the circle segments, hold down the mouse button and then drag the pointer to the outside of the circle's center; this creates a "bulge." However, an apple is much less uniform and has many small dents instead of a few big ones.
In simple terms, in the next step you therefore need to further divide the already existing segments. The more segments are available, the more accurately you can determine the appearance of the circle. That's why the next step is to add points to the existing path (the circle) using the path tool.
Splitting Up the Circle Segments
You will find the path tool – you can recognize it from the arrow tip located on a square – in the toolbar to the left directly below the selection tool. Enable it and click on the circle. You will now see small squares on the four connecting points of the circle segments. Select a single segment by clicking on the two squares enclosing it.
A function bar for paths will appear directly below the quick-start bar when enabling the path tool. The icon with the plus sign at the very left in this toolbar adds a point to the selected segment; it therefore divides the segment into two smaller segments. For logical reasons, Inkscape leaves this selected so that you simultaneously get several marks for a finer segment division. Furthermore, you can also select several circle segments at the same time by keeping the Shift key pressed when clicking on the squares of different segments.
No particular rule of thumb indicates how many points per segment are sensible. The more points you have, the more delicately you can work in those places. However, division that is too fine means you will have to edit many points to obtain visible effects. If you are editing a single segment – namely a spline – all other splines remain unaffected.
« Previous 1 2 3 4 Next »
Buy this article as PDF
(incl. VAT)
Buy Linux Magazine
Subscribe to our Linux Newsletters
Find Linux and Open Source Jobs
Subscribe to our ADMIN Newsletters
Support Our Work
Linux Magazine content is made possible with support from readers like you. Please consider contributing when you’ve found an article to be beneficial.
![Learn More](https://www.linux-magazine.com/var/linux_magazin/storage/images/media/linux-magazine-eng-us/images/misc/learn-more/834592-1-eng-US/Learn-More_medium.png)
News
-
NVIDIA Released Driver for Upcoming NVIDIA 560 GPU for Linux
Not only has NVIDIA released the driver for its upcoming CPU series, it's the first release that defaults to using open-source GPU kernel modules.
-
OpenMandriva Lx 24.07 Released
If you’re into rolling release Linux distributions, OpenMandriva ROME has a new snapshot with a new kernel.
-
Kernel 6.10 Available for General Usage
Linus Torvalds has released the 6.10 kernel and it includes significant performance increases for Intel Core hybrid systems and more.
-
TUXEDO Computers Releases InfinityBook Pro 14 Gen9 Laptop
Sporting either AMD or Intel CPUs, the TUXEDO InfinityBook Pro 14 is an extremely compact, lightweight, sturdy powerhouse.
-
Google Extends Support for Linux Kernels Used for Android
Because the LTS Linux kernel releases are so important to Android, Google has decided to extend the support period beyond that offered by the kernel development team.
-
Linux Mint 22 Stable Delayed
If you're anxious about getting your hands on the stable release of Linux Mint 22, it looks as if you're going to have to wait a bit longer.
-
Nitrux 3.5.1 Available for Install
The latest version of the immutable, systemd-free distribution includes an updated kernel and NVIDIA driver.
-
Debian 12.6 Released with Plenty of Bug Fixes and Updates
The sixth update to Debian "Bookworm" is all about security mitigations and making adjustments for some "serious problems."
-
Canonical Offers 12-Year LTS for Open Source Docker Images
Canonical is expanding its LTS offering to reach beyond the DEB packages with a new distro-less Docker image.
-
Plasma Desktop 6.1 Released with Several Enhancements
If you're a fan of Plasma Desktop, you should be excited about this new point release.