All Topics  
Pixel art

 

   Email Print
   Bookmark   Link






 

Pixel art



 
 
Pixel art is a form of digital art
Digital art

Digital art most commonly refers to art created on a computer in digital form. In an expanded sense, "digital art" is a term applied to contemporary art that uses the methods of mass production or digital media....
, created through the use of raster graphics
Raster graphics

In computer graphics, a raster graphics image or bitmap, is a data structure representing a generally Rectangle grid of pixels, or points of color, viewable via a Computer display, paper, or other display medium....
 software, where images are edited on the pixel
Pixel

In digital imaging, a pixel is the smallest item of information in an image. Pixels are normally arranged in a 2-dimensional grid, and are often represented using dots, squares, or rectangles....
 level. Graphics in most old (or relatively limited) computer and video games, graphing calculator
Graphing calculator

A graphing calculator typically refers to a class of handheld calculators that are capable of plotting graph of a function, solving simultaneous equations, and performing numerous other tasks with variables....
 games, and many mobile phone
Mobile phone

A mobile phone is a long-range, electronic device used for mobile voice or data communication over a network of specialized base stations known as cell sites....
 games are mostly pixel art.

term pixel art was first published by Adele Goldberg and Robert Flegal of Xerox Palo Alto Research Center in 1982.






Discussion
Ask a question about 'Pixel art'
Start a new discussion about 'Pixel art'
Answer questions from other users
Full Discussion Forum



Encyclopedia


the Gunk
Pixel art is a form of digital art
Digital art

Digital art most commonly refers to art created on a computer in digital form. In an expanded sense, "digital art" is a term applied to contemporary art that uses the methods of mass production or digital media....
, created through the use of raster graphics
Raster graphics

In computer graphics, a raster graphics image or bitmap, is a data structure representing a generally Rectangle grid of pixels, or points of color, viewable via a Computer display, paper, or other display medium....
 software, where images are edited on the pixel
Pixel

In digital imaging, a pixel is the smallest item of information in an image. Pixels are normally arranged in a 2-dimensional grid, and are often represented using dots, squares, or rectangles....
 level. Graphics in most old (or relatively limited) computer and video games, graphing calculator
Graphing calculator

A graphing calculator typically refers to a class of handheld calculators that are capable of plotting graph of a function, solving simultaneous equations, and performing numerous other tasks with variables....
 games, and many mobile phone
Mobile phone

A mobile phone is a long-range, electronic device used for mobile voice or data communication over a network of specialized base stations known as cell sites....
 games are mostly pixel art.

History

The term pixel art was first published by Adele Goldberg and Robert Flegal of Xerox Palo Alto Research Center in 1982. The concept, however, goes back about 10 years before that, for example in Richard Shoup's SuperPaint
SuperPaint

SuperPaint was a pioneering graphics program and framebuffer computer system developed by Richard Shoup at Xerox PARC. The system was first conceptualized in late 1972 and produced its first stable image in April 1973....
 system in 1972, also at Xerox PARC.

Some traditional art forms, such as cross-stitch
Cross-stitch

Cross-stitch is a popular form of counted-thread embroidery in which X-shaped stitches are used to form a picture. Cross-stitch is usually executed on easily countable evenweave fabric....
, mosaic
Mosaic

Mosaic is the art of creating images with an assemblage of small pieces of colored glass, stone, or other material. It may be a technique of Decorative arts, an aspect of interior decoration or of cultural and spiritual significance as in a cathedral....
 and beadwork
Beadwork

Beadwork is the art or craft of attaching beads to one another or to cloth using a Sewing needle and thread. Most beadwork takes the form of jewellery or other personal adornment, but beads are also used in wall hangings and sculpture....
, bear some similarity to pixel art by constructing pictures out of small colored units analogous to the pixels of modern digital computing. A similar concept on a much bigger scale can be seen in the mass games
Mass games

Mass games or mass gymnastics are a form of performing arts or gymnastics in which large numbers of performers take part in a highly regimented performance that emphasizes group dynamics rather than individual prowess....
.

Definition

Pixel art is distinguished from other forms of digital art by an insistence upon manual, pixel-level editing of an image (without the application of image filters, automatic anti-aliasing
Anti-aliasing

In digital signal processing, anti-aliasing is the technique of minimizing the distortion artifacts known as aliasing when representing a high-resolution signal at a lower resolution....
 or special rendering modes), often at close magnification. In this form, it is commonly said that "each pixel was placed carefully" to achieve a desired result.

Purists within the pixel art scene hold that "true" pixel art should only be created from tools that place individual pixels (such as the 'pencil' tool), and that pixel artists should avoid all other tools including line, Bezier curve, circle and rectangle. Others counter that tools such as line and bucket-fill are acceptable as their functions could be just as easily, if not as quickly, replicated on an individual pixel basis.

Because of this rule, image filters (such as blurring or alpha-blending) or tools with automatic anti-aliasing are considered not valid tools for pixel art, as such tools calculate new pixel values automatically, contrasting with the precise manual arrangement of pixels associated with pixel art.

Techniques

Drawings usually start with what is called the line art
Line art

Line art is any image that consists of distinct straight and curved lines placed against a background, without gradations in shading or hue to represent two-dimensional or three-dimensional objects....
, which is the basic line that defines the character, building or anything else the artist is intending to draw. Linearts are usually traced over scanned
Image scanner

In computing, a scanner is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image. Common examples found in offices are variations of the desktop scanner where the document is placed on a glass window for scanning....
 drawings and are often shared among other pixel artists. Other techniques, some resembling painting
Painting

Painting is the practice of applying paint, pigment, color or other medium to a surface . In art, the term describes both the act and the result, which is called a painting....
, also exist.

The limited palette often implemented into Pixel Art usually promotes the use of dither
Dither

Dither is an intentionally applied form of noise, used to randomize quantization error, thereby preventing large-scale patterns such as contouring that are more objectionable than uncorrelated noise....
ing in order to achieve different shades and colors, but due to the nature of this form of art this is done completely by hand. Hand-made anti-aliasing
Anti-aliasing

In digital signal processing, anti-aliasing is the technique of minimizing the distortion artifacts known as aliasing when representing a high-resolution signal at a lower resolution....
 is also used.

Here are a few parts of the above image of “The Gunk” in detail, depicting a few of the techniques involved:
the Gunk Details
1. The basic form of dithering, using two colors in a 2×2 checkerboard pattern. Changing the density of each color will lead to different subtones.

2. Stylized dithering with 2×2 pixel squares randomly scattered can produce interesting textures. Small circles are also frequent.

3. Anti-aliasing can be done, by hand, to smooth curves and transitions. Some artists only do this internally in order to keep crisp outlines that can go over any background. The PNG alpha channel
Alpha compositing

In computer graphics, alpha compositing is the process of combining an image with a background to create the appearance of partial transparency....
 can be used to create external anti-aliasing for any background.


Saving and compression

Pixel art is preferably stored in a file format utilizing lossless data compression
Lossless data compression

Lossless data compression is a class of data compression algorithms that allows the exact original data to be reconstructed from the compressed data....
, such as run-length encoding
Run-length encoding

Run-length encoding is a very simple form of data compression in which runs of data are stored as a single data value and count, rather than as the original run....
 or an indexed color palette
Palette (computing)

In computer graphics, a palette is either a given, finite set of colors for the management of digital images , or a small on-screen graphical element for choosing from a limited set of choices, not necessarily colors ....
. GIF and PNG are two file formats commonly used for storing pixel art. The JPEG
JPEG

In computing, JPEG is a commonly used method of for photographic images. The degree of compression can be adjusted, allowing a selectable tradeoff between storage size and image quality....
 format is avoided because its lossy compression algorithm is designed for smooth continuous-tone images and introduces visible artifacts in the presence of dithering. BMP is also avoided, due to its lack of image compression and poor cross-platform support.

Gif Pixel Cube
Png Pixel Cube
Jpg Pixel Cube


Categories

Pixelart Tv Iso
Pixelart Tv Niso
Pixel art is commonly divided in two subcategories: isometric and non-isometric. The isometric kind is drawn in a near-isometric
Isometric projection

File:Isometric projection.jpgIsometric projection is a form of graphical projection, more specifically, a form of axonometric projection. It is a method of visually representing three-dimensional objects in two dimensions, in which the three Cartesian coordinate system appear equally foreshortened and the angles between any two of them are 1...
 dimetric projection
Dimetric projection

Dimetric projection is a form of axonometric projection, in which its direction of viewing is such that two of the three axes of space appear equally foreshortened, of which the attendant scale and angles of presentation are determined according to the angle of viewing; the scale of the third direction is determined separately....
. This is commonly seen in games to provide a three-dimensional
Dimension

In mathematics, the dimension of a space is roughly defined as the minimum number of coordinates needed to specify every point within it. For example: a point on the unit circle in the plane can be specified by two Cartesian coordinates but one can make do with a single coordinate , so the circle is 1-dimensional even though it exists in...
 view without using any real three-dimensional processing
3D computer graphics

3D computer graphics are graphics that use a Cartesian coordinate system#Three-dimensional coordinate system representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images....
. Technically, an isometric angle would be of 30 degree
Degree (angle)

A degree , usually denoted by ? , is a measurement of plane angle, representing 1/360 of a Turn ; one degree is equivalent to p/180 radians....
s from the horizontal, but this is avoided since the pixels created by a line drawing algorithm
Line drawing algorithm

A line drawing algorithm is a graphical algorithm for approximating a line segment on discrete graphical media. On discrete media, such as pixel-based computer displays and computer printers, line drawing requires such an approximation ....
 would not follow a neat pattern. To fix this, lines with a 1:2 pixel ratio are picked, leading to an angle of, approximately, 26.565 degrees (arctan 0.5).

Non-isometric pixel art is any pixel art that does not fall in the isometric category, such as views from the top, side, front, bottom or perspective
Perspective (graphical)

File:Staircase perspective.jpgPerspective in the graphic arts, such as drawing, is an approximate representation, on a flat surface , of an image as it is perceived by the eye....
 views. These are also called Planometric views.

Scaling

When pixel art is displayed at a higher resolution than the source image, it is often scaled
Image scaling

In computer graphics, image scaling is the process of resizing a digital image. Scaling is a non-trivial process that involves a trade-off between efficiency, smoothness and sharpness....
 using the nearest neighbor interpolation
Nearest neighbor interpolation

Nearest-neighbor interpolation is a simple method of multivariate interpolation in 1 or more dimensions. Interpolation is the problem of approximating the value for a non-given point in some space, when given some values of points around that point....
 algorithm
Algorithm

In mathematics, computing, linguistics and related subjects, an algorithm is a sequence of finite instructions, often used for calculation and data processing....
 in order to avoid the blurring caused by other algorithms such as bilinear
Bilinear filtering

Bilinear filtering is a texture filtering method used to smooth Texture mappings when displayed larger or smaller than they actually are.Most of the time, when drawing a textured shape on the screen, the texture is not displayed exactly as it is stored, without any distortion....
 and bicubic interpolation
Bicubic interpolation

In mathematics, bicubic interpolation is an extension of cubic interpolation for interpolation data points on a two dimensional regular grid. The interpolated surface is Smooth function than corresponding surfaces obtained by bilinear interpolation or nearest-neighbor interpolation....
 – which interpolate between adjacent pixels and works best on continuous tones, but not sharp edges or lines; nearest-neighbour interpolation preserves these sharp edges, but it makes diagonal lines and curves look blocky, an effect called pixellation. Thus, hybrid algorithms have been devised to interpolate between continuous tones while preserving the sharpness of lines in the piece; such attempts include the 2xSaI
2xSaI

Pixel art scaling algorithms are algorithms specifically designed to upsample low-resolution pixel art and line art that contains thin lines, solid areas of colour rather than gradient fills or shading, and has not been anti-aliasing....
 and Super Eagle algorithms.

Uses

Pixel art was very often used in older computer
Computer

A computer is a machine that manipulates Data according to a list of Code .The first devices that resemble modern computers date to the mid-20th century , although the computer concept and various machines similar to computers existed earlier....
 and video console
Video game console

A video game console is an game development that produces a video signal which can be used with a display device to display a video game. The term "video game console" is used to distinguish a machine designed for consumers to buy and use solely for playing video games from a personal computer, which has many other functions, or arcade machi...
 games. With the increasing use of 3D graphics
3D computer graphics

3D computer graphics are graphics that use a Cartesian coordinate system#Three-dimensional coordinate system representation of geometric data that is stored in the computer for the purposes of performing calculations and rendering 2D images....
 in games, pixel art lost some of its use. Despite that, this is still a very active professional/amateur area, since mobile phone
Mobile phone

A mobile phone is a long-range, electronic device used for mobile voice or data communication over a network of specialized base stations known as cell sites....
s and other portable devices still have low resolution and then require a skillful use of space and memory. Sometimes pixel art is used for advertising too. One such company that uses pixel art to advertise is Bell
Bell Canada

Bell Canada, commonly shortened to "Bell", is a major Canada telecommunications company. Including its subsidiaries such as Bell Aliant, Northwestel, T?l?bec, and NorthernTel, it is the incumbent local exchange carrier for telephone services in most of Canada east of Manitoba and in the northern territories, and a leading competitive local ex...
. The group eboy
EBoy

eBoy is a pixel art group founded in 1997 by Steffen Sauerteig, Svend Smital, Kai Vermehr.Their complex illustrations have been made into posters, shirts, souvenirs, and even displayed in gallery exhibitions....
 specializes in pixel graphics for advertising and has been featured in magazines such as Wired
Wired (magazine)

Wired is a full-color monthly United States magazine and on-line periodical, published since March 1993, that reports on how technology affects culture, the economy, and politics....
, Popular Science
Popular science

Popular science, sometimes called literature of science, is interpretation of science intended for a general audience. While science journalism focuses on recent scientific developments, popular science is broad-ranging, often written by scientists as well as journalists, and is presented in many formats, which can include books, televi...
, and Fortune 500
Fortune 500

The Fortune 500 is an annual list compiled and published by Fortune magazine that ranks the top 500 United States public corporations as measured by their gross revenue, although Fortune makes adjustments to the revenue for a number of companies, particularly to exclude the impact of excise taxes companies collect....
.

Icon
Icon (computing)

On computer displays, a computer icon is a small pictogram. Icons have been used to supplement the normal alphanumerics of the computer. Modern computers now can handle bitmapped graphics on the display terminal, so the icons are widely used to assist users....
s for operating system
Operating system

An operating system is an interface between hardware and applications; it is responsible for the management and coordination of activities and the sharing of the limited resources of the computer....
s with limited graphics abilities are also pixel art. The limited number of colors and resolution presents a challenge when attempting to convey complicated concepts and ideas in an efficient way. On the Microsoft Windows
Microsoft Windows

Microsoft Windows is a series of software operating systems and graphical user interfaces produced by Microsoft. Microsoft first introduced an operating environment named Windows in November 1985 as an add-on to MS-DOS in response to the growing interest in graphical user interfaces ....
 desktop icons are raster images of various sizes, the smaller of which are not necessarily direct scalings of the larger ones and could be considered pixel art. On the GNOME
Gnome

A gnome is a mythical creature characterized by its extremely small size and wiktionary:subterranean lifestyle. The word gnome is derived from the New Latin gnomus....
 and KDE
KDE

KDE is a free software project based around its flagship product, a desktop environment for Unix-like systems. The goal of the project is to provide basic desktop functions and applications for daily needs as well as tools and documentation for developers to write stand-alone applications for the system....
 desktops, icons are represented primarily by SVG
Scalable Vector Graphics

Scalable Vector Graphics is a family of specifications of XML-based file format for describing two-dimensional vector graphics, both static and dynamic ....
 images, but with hand-optimised, pixel art PNGs for smaller sizes such as 16x16 and 24x24. Another use of pixel art on modern desktop computers is favicon
Favicon

A favicon , also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon associated with a particular website or webpage....
s.

Modern pixel art has been seen as a reaction to the 3D graphics industry by amateur game/graphic hobbyists. Many retro enthusiasts often choose to mimic the style of the past. Some view the pixel art revival as restoring the golden age of second and third generation consoles, where it is argued graphics were more aesthetically pleasing. Pixel art still remains popular and has been used in the virtual world Citypixel as well among handheld devices such as the Nintendo DS
Nintendo DS

The is a dual-screen handheld game console developed and manufactured by Nintendo. It was released in 2004 in video gaming in Canada, the United States, and Japan....
 and Cellphones.

See also

  • Dollz
    Dollz

    Dollz, cartoon dolls or pixel dolls are small pixelated digital images, generally of people. They are mainly used online as avatar , signature block or displayed as artwork on personal Web pages....
    , also known as cartoon dolls
  • Spriting
    Spriting

    Spriting is usually defined as the act of creating alpha transparency 2D computer graphics raster graphics for use in video games, commonly referred to as sprite ; by extension, it is also used to refer to the act of creating pixel art, though not all sprites are necessarily done in that style....
    , making small pixel characters using Pixel art methods.
  • Deluxe Paint
    Deluxe Paint

    Deluxe Paint is a bitmap graphics editor originally created by Dan Silva for Electronic Arts . The original version was created for the Commodore Amiga and was released in November 1985....
    , a graphics editor for the Amiga
    Amiga

    The Amiga is a family of personal computers originally developed by Amiga Corporation. Development on the Amiga began in 1982 with Jay Miner as the principal hardware designer....
     frequently used by demoscene
    Demoscene

    The demoscene is a computer art subculture that specializes in producing Demo , which are non-interactive audio-visual presentations that run in Real-time computing on a computer....
     pixel artists.
  • GrafX2
    GrafX2

    GrafX2 is a bitmap graphics editor that allows you to draw in more than 60 videoresolutions . GrafX2 is free software and distributed under GNU General Public License....
    , a free software bitmap editor.
  • Cosmigo Pro Motion
    Cosmigo Pro Motion

    cosmigo Pro Motion is a raster graphics editor designed by Cosmigo. It is designed after Deluxe Paint. The program's aim is to create and edit graphics at the pixel level....
    , a professional graphics editor used for creating images and animations with pixel precision, it has a similar design to Deluxe Paint
    Deluxe Paint

    Deluxe Paint is a bitmap graphics editor originally created by Dan Silva for Electronic Arts . The original version was created for the Commodore Amiga and was released in November 1985....
    .
  • Microsoft Paint, the raster
    Raster graphics

    In computer graphics, a raster graphics image or bitmap, is a data structure representing a generally Rectangle grid of pixels, or points of color, viewable via a Computer display, paper, or other display medium....
     graphic editor bundled with Microsoft Windows
    Microsoft Windows

    Microsoft Windows is a series of software operating systems and graphical user interfaces produced by Microsoft. Microsoft first introduced an operating environment named Windows in November 1985 as an add-on to MS-DOS in response to the growing interest in graphical user interfaces ....
    .
  • Habbo hosts a contemporary discussion forum for pixel art