Layers (digital image editing)

Last updated

Wikipetan, Flowers and Butterfly (Layers Overlapped).gif
Layers put on top of each other
Wikipetan, Flowers and Butterfly (Individual Layers).gif
Layers displayed individually, from the "bottom layer" to the "top layer"
A digital image is often made out of multiple layers, with each layer carrying a different functionality.

Layers are used in digital image editing to separate different elements of an image. A layer can be compared to a transparency on which imaging effects or images are applied and placed over or under an image. Today they are an integral feature of image editor.

Contents

Layers were first commercially available in Fauve Matisse (later Macromedia xRes), [1] [ better source needed ] and then available in Adobe Photoshop 3.0, in 1994, but today a wide range of other programs, such as Photo-Paint, Paint Shop Pro, GIMP, Paint.NET, StylePix, and even batch processing tools also include this feature. In vector image editors that support animation, layers are used to further enable manipulation along a common timeline for the animation; in SVG images, the equivalent to layers are "groups".

Layer types

There are different kinds of layers, and not all of them exist in all programs. They represent a part of a picture, either as pixels or as modification instructions. They are stacked on top of each other, and depending on the order, determine the appearance of the final picture.

In graphics software, layers are the different levels at which one can place an object or image file. In the program, layers can be stacked, merged, or defined when creating a digital image. Layers can be partially obscured allowing portions of images within a layer to be hidden or shown in a translucent manner within another image. Layers can also be used to combine two or more images into a single digital image. For the purpose of editing, working with layers allows for applying changes to just one specific layer.

Layer (basic)

The standard layer available to most programs consists of a rectangular, semitransparent picture which may be superimposed over other layers. Some programs require that layers cover the same area as the final canvas, but others offer layers of multiple sizes.

The top layer (the bird) is moved to the left. LayersLeft.jpg
The top layer (the bird) is moved to the left.
The top layer is moved to the right. LayersRight.jpg
The top layer is moved to the right.

Each layer may bear individual settings, such as opacity, blending modes, dynamic filters, and potentially hundreds of other properties.

The top layer (the bird) is partially transparent, so the background clearly can be seen through its wing. LayersTransparent.jpg
The top layer (the bird) is partially transparent, so the background clearly can be seen through its wing.
In this picture the top layer has a drop shadow, a red color overlay of 40%, a gradient overlay from red to yellow of 20% opacity, and a slight bevel effect. LayerProperties.jpg
In this picture the top layer has a drop shadow, a red color overlay of 40%, a gradient overlay from red to yellow of 20% opacity, and a slight bevel effect.

Layer mask

A layer mask is linked to a layer and hides part of the layer from the picture. What is painted black on the layer mask will not be visible in the final picture. What is grey will be more or less transparent depending on the shade of grey. As the layer mask can be both edited and moved around independently of both the background layer and the layer it applies to, it gives the user the ability to test a lot of different combinations of overlay.

This picture consists of a blue background and on top of that a layer of conifers cut using a layer-mask in the shape of a seagull. Layer-masks.jpg
This picture consists of a blue background and on top of that a layer of conifers cut using a layer-mask in the shape of a seagull.
The blue sky used as background layer. Layer-masks1.jpg
The blue sky used as background layer.
The greenery used as top layer. Layer-masks2.jpg
The greenery used as top layer.
The layer mask that was applied to the top layer. The white shape is a mask over the black. Layer-masks-mask.jpg
The layer mask that was applied to the top layer. The white shape is a mask over the black.

Adjustment layer

An adjustment layer typically applies a common effect like brightness or saturation to other layers. However, as the effect is stored in a separate layer, it is easy to try it out and switch between different alternatives, without changing the original layer. In addition, an adjustment layer can easily be edited, just like a layer mask, so an effect can be applied to just part of the image.

A gradient is applied as an adjustment layer to the entire image except for the oval in the middle, which was cut out from the adjustment layer. Adjustment-layer.jpg
A gradient is applied as an adjustment layer to the entire image except for the oval in the middle, which was cut out from the adjustment layer.

See also

Related Research Articles

<span class="mw-page-title-main">2D computer graphics</span> Computer-based generation of digital images

2D computer graphics is the computer-based generation of digital images—mostly from two-dimensional models and by techniques specific to them. It may refer to the branch of computer science that comprises such techniques or to the models themselves.

<span class="mw-page-title-main">Inkscape</span> Free open-source vector graphics editor

Inkscape is a free and open-source vector graphics editor for traditional Unix-compatible systems such as GNU/Linux, BSD derivatives and Illumos, as well as Windows and macOS. It offers a rich set of features and is widely used for both artistic and technical illustrations such as cartoons, clip art, logos, typography, diagramming and flowcharting. It uses vector graphics to allow for sharp printouts and renderings at unlimited resolution and is not bound to a fixed number of pixels like raster graphics. Inkscape uses the standardized Scalable Vector Graphics (SVG) file format as its main format, which is supported by many other applications including web browsers. It can import and export various other file formats, including SVG, AI, EPS, PDF, PS and PNG.

<span class="mw-page-title-main">Corel Photo-Paint</span> Raster graphics editing software

Corel Photo-Paint is a raster graphics editor developed and marketed by Corel since 1992. Corel markets the software for Windows and Mac OS operating systems, previously having marketed versions for Linux. Its primary market competitor is Adobe Photoshop.

<span class="mw-page-title-main">Microsoft Office Picture Manager</span> Raster graphics editor by Microsoft

Microsoft Office Picture Manager is a raster graphics editor introduced in Microsoft Office 2003 and included up to Office 2010. It is the replacement to Microsoft Photo Editor introduced in Office 97 and included up to Office XP.

In computer graphics, graphics software refers to a program or collection of programs that enable a person to manipulate images or models visually on a computer.

<i>Tux Paint</i> Graphics software

Tux Paint is a free and open source raster graphics editor geared towards young children. The project was started in 2002 by Bill Kendrick who continues to maintain and improve it, with help from numerous volunteers. Tux Paint is seen by many as a free software alternative to Kid Pix, a similar proprietary educational software product.

<span class="mw-page-title-main">Krita</span> Digital painting and 2D animation software

Krita is a free and open-source raster graphics editor designed primarily for digital art and 2D animation. Originally created for Linux, the software also runs on Windows, macOS, Haiku, Android, and ChromeOS, and features an OpenGL-accelerated canvas, colour management support, an advanced brush engine, non-destructive layers and masks, group-based layer management, vector artwork support, and switchable customisation profiles.

A number of vector graphics editors exist for various platforms. Potential users of these editors will make a comparison of vector graphics editors based on factors such as the availability for the user's platform, the software license, the feature set, the merits of the user interface (UI) and the focus of the program. Some programs are more suitable for artistic work while others are better for technical drawings. Another important factor is the application's support of various vector and bitmap image formats for import and export.

An image file format is a file format for a digital image. There are many formats that can be used, such as JPEG, PNG, and GIF. Most formats up until 2022 were for storing 2D images, not 3D ones. The data stored in an image file format may be compressed or uncompressed. If the data is compressed, it may be done so using lossy compression or lossless compression. For graphic design applications, vector formats are often used. Some image file formats support transparency.

Project Dogwaffle is a raster graphics editor with animation capabilities. It was written by Dan Ritchie, runs on Microsoft Windows, and has both freeware and commercial versions. The commercial version, PD Pro Digital Painter, is updated frequently while the most recent freeware version is Project Dogwaffle 1.2, released in 2004. The free version is fully functional, lacking only the advanced layer and scripting tools in version 2 of the commercial product.

<span class="mw-page-title-main">Helicon Filter</span> Editing software for Microsoft Windows

Helicon Filter, also referred to as Helicon, Filter, or as HF, was a proprietary commercial and shareware photo editing software program for Microsoft Windows, similar to such programs as Adobe Photoshop and GIMP, developed and published by Helicon Soft Ltd. Unlike these other programs, Helicon Filter is designed primarily to edit and improve existing photos and not for graphics creation. Helicon Filter's interface also differs from other programs in that compact toolbars and menus containing editing tools are replaced with labeled "filter" tabs, each tab containing labeled edit options specific to a single aspect of the picture. Although some editors used to Photoshop-style programs may initially find this layout unfamiliar and unlike the standard toolbar layout, beginners and those who don't recognize the standard icons generally find this very helpful for getting through the editing process.

<span class="mw-page-title-main">Blend modes</span> How two or more digital photo layers are mixed together

Blend modes in digital image editing and computer graphics are used to determine how two layers are blended with each other. The default blend mode in most applications is simply to obscure the lower layer by covering it with whatever is present in the top layer ; because each pixel has numerical values, there also are many other ways to blend two layers.

OpenRaster is a file format proposed for the common exchange of layered images between raster graphics editors. It is meant as a replacement for later versions of the Adobe PSD format. OpenRaster is still in development and so far is supported by a few programs. The default file extension for OpenRaster files is ".ora".

<span class="mw-page-title-main">Chasys Draw IES</span>

Chasys Draw IES is a suite of applications including a layer-based raster graphics editor with adjustment layers, linked layers, timeline and frame-based animation, icon editing, image stacking and comprehensive plug-in support, a fast multi-threaded image file converter and a fast image viewer, with RAW image support in all components. It supports the native file formats of several competitors including Adobe Photoshop, Affinity Photo, Corel Photo-Paint, GIMP, Krita, Paint.NET and PaintShop Pro, and the whole suite is designed to make effective use of multi-core processors, touch-screens and pen-input devices.

<span class="mw-page-title-main">PhotoLine</span> Raster and vector graphics editor

PhotoLine is a graphics editor for Windows, MacOS X and Linux/WINE. Its capabilities include 16 bits of color depth full-color or management, support of RGB, CMYK, and Lab color models, layer support, and non-destructive image manipulation. We can use it for desktop publishing.

<span class="mw-page-title-main">Image editing</span> Processes of altering images

Image editing encompasses the processes of altering images, whether they are digital photographs, traditional photo-chemical photographs, or illustrations. Traditional analog image editing is known as photo retouching, using tools such as an airbrush to modify photographs or editing illustrations with any traditional art medium. Graphic software programs, which can be broadly grouped into vector graphics editors, raster graphics editors, and 3D modelers, are the primary tools with which a user may manipulate, enhance, and transform images. Many image editing programs are also used to render or create computer art from scratch. The term "image editing" usually refers only to the editing of 2D images, not 3D ones.

<span class="mw-page-title-main">Paint Tool SAI</span> Image editor and digital painting software

SAI or Easy Paint Tool SAI (ペイントツールSAI) is a lightweight raster graphics editor and painting software for Microsoft Windows developed and published by Systemax Software. Development of the software began on August 2, 2004, and the first alpha version was released on October 13, 2006. SAI's official release (1.0.0) was on February 25, 2008, and an update preview was released shortly after. It has been available on Microsoft Windows from XP to 11.

<span class="mw-page-title-main">Photo Raster</span>

Photo Raster is advanced online photo editor. Photo Raster contains integrated tools for digital painting, layer editing, non-destructive editing, photo retouching, image adjustments and filters.

Procreate is a raster graphics editor app for digital painting developed and published by the Australian company Savage Interactive for iOS and iPadOS. It was launched on the App Store in 2011.

<span class="mw-page-title-main">Photopea</span> Online photo editor

Photopea is a web-based photo and graphics editor. It is used for image editing, making illustrations, web design or converting between different image formats. Photopea is advertising-supported software. It is compatible with all modern web browsers, including Opera, Edge, Chrome, and Firefox. The app is compatible with raster and vector graphics, such as Photoshop's PSD as well as JPEG, PNG, DNG, GIF, SVG, PDF and other image file formats. While browser-based, Photopea stores all files locally, and does not upload any data to a server.

References

  1. "Macromedia Matisse". Archived from the original on 1 February 2017. Retrieved 15 May 2009.