Design pixel Small icon: the process and skill of pixel diagram design

Article Description: Design pixel Small icon: the process and technique of pixel diagram design.

often come across a lot of people asking me what is a pixel map? How do I design a small pixel icon? The application of small pixel icons? Do you have any tips for a small icon? Next for everyone from the following several aspects to introduce you, I hope to be able to work together with you to study and explore.





pixel paintings (also called dot-matrix, raster, bitmap) are made up of dots (a single pixel), which are called pixels (pixel), which the image calls icon or pixel painting.


What we're talking about here is not a dot-matrix image corresponding to a vector map, pixel painting also belongs to the dot matrix image, but it is an icon-style image, more emphasis on the clear outline, crisp color, almost without mixing methods to draw smooth lines, so often using GIF format, while its modelling comparison cartoon , get a lot of friends love. In addition to having considerable patience in drawing such pixel paintings, modelling and drawing methods are also important.

The application of
pixel painting is also very extensive. such as our childhood playing FC home red and white machine screen, as well as today's GBA palm machine and mobile games, from Black-and-white mobile phone pictures until today Full-color handheld computer, and we face the computer is also ubiquitous in all kinds of software pixel icon. such as a large number of icons on the page icon. Pixel painting has become an art, more people love.

Pixel map As soon as you hear the name, you know that the best thing about it is that it's small in size, and makes a lot of it on mobile websites and PC sites
Use, one is to save the flow, the second is to make the page open faster, three is the pixel icon than the direct compression of the diagram clearer, more beautiful.

What tools to draw pixel paintings, in fact, choose what kind of software can be determined by the habits of each person, no matter what software you choose,
The method and process of drawing pixel painting is still the same. However, if the software is selected, use the time to pay attention to some skills. Here I suggest you use PS this software, his function is very powerful, use up also very convenient.
First of all, we can draw from the simplest lines, such as (22.6-degree slash/30-degree slash/45-degree oblique).
Line/Line/ARC).

We can then try to draw the underlying graphic such as (equilateral/rectangle/rounded/rounded).

Then learn how to do perspective/cone perspectives such as 22.6-degree perspective/45-degree perspective/cylinder.

Skills:
1, portrait of the general selection of the Pencil tool and select a 1-pixel brush to draw.
2, the commonly used line strokes and basic graphics defined as brush, can greatly improve the efficiency.
3, the line in the pixel graph is in fact very regular, line between the arrangement is more symmetrical.
4, in the portrait of the figure is often used to the horizontal symmetry and flip the top and bottom of the shortcut to draw, to improve efficiency.

The above is the basic knowledge of the pixel, the specific painting process is as follows.
The first step: with black lines to the overall outline to hook out, in this step can not be too much attention to detail.
The second step: color, spread the overall tone.
The third step: to the object to draw the light and shade, so that the object appears more three-dimensional.
Fourth step: The details of the modification and color processing, so that the object appears richer, here more time, because the pixel map of the number of a point directly affect the difference in the effect chart.