Posts

Creating symbol font in Inkscape

Image
Symbol font has nothing in common with symbol set of alphabet letters. It consists of symbols that can not be read and it is often used as a decoration. For modern web developers such font become the real escape from the infinite routine, which is connected with the preparation of icons (for example, social network icons) to display on different devices. When there is only one symbol - it seems not so difficult. But if you have several dozen of such symbols? Thanks to symbol fonts there is no need to save one file in different resolutions. With the help of CSS, you can change the color of symbol fonts, what can’t be done with regular icons. Also the biggest advantage is that these icons can change their size without losing quality. The last thing is important for high-resolution displays, such as Retina. It is also possible to apply different text effects to symbols (such as drop shadow). Besides, they are supported by most modern browsers. There are special construction services that ...

Windy day

Image

Drawing in perspective with Inkscape

Image
When you come across with perspective for the first time, in the beginning it seems that this artistic tool is very difficult to master. But in fact, everything is much easier — you just have to understand what it represents. And eventually tenacity and practice will do the trick. To begin with, let’s discuss a little theory . Perspective is used for drawing three-dimensional object in the two-dimensional plane. Its use allows to visually enhance your picture. There are many types of perspectives, but we will examine the creation of the most basic ones. The first thing we need to know in order to construct a picture in perspective is the location of the horizon line — the line where the sky seems to meet the land. Despite your position, this line will always be at your eye level. Then, on the horizon line we place vanishing point, wherein auxiliary lines come together. By using these vanishing lines, we can build a three-dimensional object in perspective. Lines which are not absolutely...

Practice result and next tutorial

Image
Here is my practice result drawing in isometric projection in Inkscape.    The feedback from the previous tutorial was absolutely amazing. So right now I’m working on the next one - “Drawing in perspective with Inkscape”.

Isometric projection in Inkscape

Image
Isometric projection helps us to demonstrate three-dimensional objects on a plane, creating the illusion of volume. Most often it is used in computer games and pixel-art. You can read more about it in the corresponding article on Wikipedia . In this article, we will examine ways to create objects in isometric projection by using Inkscape. These are: Axonometric grid Transformation of the object Creating 3D boxes Note: If it is your first try in Inkscape I advise you firstly to examine the Help section (Menu > Help). These methods were picked up from various sources available online. I hope it was a good idea to collect them all together as it may be useful. So, let's begin. Way I: Axonometric grid Inkscape supports two types of grid: rectangular and axonometric (File> Document Properties> Grids). The use of axonometric grid allows you to create objects in isometric projection. But to make drawing even easier, you can set the grid to fit your needs, and enable snapping (Vi...

Self-portrait

Image

Octopus

Image
>> Download "Octopus" source file