Menu
Graphics Design

Inkscape - How to Add a New Node
To add a new node on a segment use the Insert new nodes button on the Edit path nodes tool control bar. These steps assume that you have already drawn a segment e.g. using the Bezier Curves and straight lines tool. More ...

Inkscape Text on Path
One of the most amazing things Inkscape can do, and one of the easiest, is to place text on a curved path. You can even make the text go in a circle. More ...

The Game Maker's Apprentice
Game Makers Apprentice shows you how to create nine exciting games using the wildly popular Game Maker game creation tool. It discusses game design theory and features practical examples of how this can be applied to making games that are more fun to play. More ...

How to Use Basic Linear Gradients in Inkscape
Gradients are a very powerful effect you can use to make your drawings look more professional. In this article you learn that gradients are very easy to use in the amazing, powerful, and free Inkscape vector graphics drawing application. More ...

How to De-haze a Photo with GIMP
Haze and color casts in photographs can ruin a good photo; fortunately, they are trivially easy to correct with GIMP, the foremost open-source photo editing software. Here's how. More ...

SVG Code for Outlined Letters Text
SVG can be used to create banners, charts, diagrams, graphs, illustrations, logos, maps, and many other things that require text. This tutorial explains how to code for outlined letters text in your SVG drawings using the SVG text element. More ...

Graphics Design for Beginners - Cropping Images
In this article I'll show you how to crop an image to retain only the area you want and how to scale an image so that it fits neatly into your webpage's layout without the user having to download an oversized image that needs to be resized by their browser. More ...

SVG Example Code to Skew Elements
This SVG (Scalable Vector Graphics) example provides example code to create two rectangles and uses the skewX and skewY transforms to slant the rectangles at an angle. More ...

Image Processing Filters - How to Sharpen a Photograph
Do you have a blurry photograph that you would like to sharpen? Most image editing applications provide an image sharpen function. Image sharpening works scanning through the pixels of the image and performing a mathematical matrix operation on each pixel. More ...

SVG Basic Shapes Tutorials
This is an introduction to SVG (Scalable Vector Graphics) and tutorials with examples on how to use simple code to draw basic shapes. More ...

SVG Example Code to Scale Elements
This SVG (Scalable Vector Graphics) example provides example code to create several rectangles and uses the scale transform to change their sizes. More ...

Inkscape - How to Join Two Segments at Endnodes
To combine two different paths into one path, you need to join the endnode of one path to the endnode of the other path. To join two endnodes, overlap the two endnodes on top of each other, then combine the paths, then join the endnodes. More ...