Wednesday, September 28, 2016

Paletton: An Interactive Online Color Schemer

Choosing and identifying color schemes is a click-and-drag away. Paletton's interactive online color scheme generator features a range of color schemes and options. It also has a simulator for several types of color-blindness so you can choose colors that work together no matter the viewer's perception.

http://paletton.com/
Paletton's Colorpedia and Color Schemes pages are good resources for your Color Theory worksheet.

This type of interactive color schemer can be utilized in the other direction too, giving those with color-vision impairment the ability to see relationships of colors on an interactive color wheel and choose colors using RGB hex numbers.


Wednesday, September 21, 2016

Resolution, Resizing and Resampling

Computer graphics fall into two main categories: bitmap and vector images. Let's review the difference between the two. Understanding this will help as you create and edit digital images.

Bitmap and vector review


Photoshop and other paint and image-editing programs generate bitmap images, also called raster images. Bitmap images use a grid (the bitmap or raster) of small squares known as pixels to represent images. Each pixel is assigned a specific location and color value. For example, a bicycle tire in a bitmap image is made up of a mosaic of pixels in that location. When working with bitmap images, you edit pixels rather than objects or shapes.


Rasterizing is a process of converting vector images to bitmap images.


A bitmap image is resolution-dependent meaning that it contains a fixed number of pixels. Bitmap images are the best choice for representing subtle gradations of shades and color — for example, in photographs or painted images — to represent its image data. As a result, a bitmap image can lose detail and appear jagged if viewed at a high magnification on-screen or printed at too low a resolution.






High resolution images offer you the best quality for printing photos. Examine a photo's image size for its dimensions and resolution before you place it in your layout and enlarge it. (To find this information in Photoshop, go to Image Menu > Image Size.) See below for a comparision of a low resoluion and a high resolution image enlarge four times (400%).


Low Resolution
72 dpi enlarged 400%


High Resolution
300 dpi enlarged 400%




Drawing programs such as Adobe Illustrator create vector graphics, made of lines and curves defined by mathematical objects called vectors. Vectors describe graphics according to their geometric characteristics. For example, a bicycle tire in a vector graphic is made up of a mathematical definition of a circle drawn with a certain radius, set at a specific location, and filled with a specific color. You can move, resize, or change the color of the tire without losing the quality of the graphic.


A vector graphic is resolution-independent -- that is, it can be scaled to any size and printed on any output device at any resolution without losing its detail or clarity. As a result, vector graphics are the best choice for type (especially small type) and bold graphics that must retain crisp lines when scaled to various sizes (logos, for example). Because computer monitors represent images by displaying them on a grid, both vector and bitmap images are displayed as pixels on-screen.


Resolution, Resizing and Resampling

  • Resizing does not change the file size, but changes the relationship of the file dimensions and dpi. You can resize the image to specified pixel dimensions or to a percentage of the original size.
  • Resampling changes the pixel dimensions (changed the numbers of pixels in the file) and thus the file size -- see below.


Resizing


Start with a 1x1-inch file with a resolution of 300 dpi (Fig. A). Its file size is 264k.


Fig. A



Increasing the width and height dimensions but not resampling leave the file and data at its original size of 264k (Fig. B).

Fig. B




Resampling


Changing the pixel dimensions (and therefore display size) of an image is referred to as resampling.


When you downsample (or decrease the number of pixels), information is deleted from the image. You can also upsample, or increase the number of pixels, but it doesn't necessarily improve the quality of the image. When Photoshop upsamples it interpolates new pixels based on existing data.


Downsampling


Start with that same 1x1-inch file with a resolution of 300 dpi at 264k (see Fig. A above). Constraining proportions and resampling the image to 72 dpi will decrease the file size to 15.2k (Fig. C). A lot of file information was lost in this process.




Fig. C


Upsampling
When you resample up (or increase the number of pixels by either changing dimensions or resolution), new pixel information is added based on color values of existing pixels. Changing pixel dimensions  affects the size of an image and also can affect its quality.


Begin with a 1.5x1.5 inch file with a resolution of 72 dpi.










Resample (upsample) the image to 6x6 inches.




 Left, upsampled image; right, detail of upsampled image showing image quality.




Take note of the increase of file size, but not necessarily of image quality. Photoshop interpolates (inserts) new pixels for the increased size (or resolution) based on existing data. However, the image quality may not be adequate since Photoshop is essentially guessing at the new data.



To change dimensions of an image


1. In Photoshop, resize an image by choosing Image menu > Image Size.


2. To maintain the current proportions of pixel width to pixel height, select Constrain Proportions. Leave Resample Image box unchecked. Constrain the image proportions by selecting:
  • Width, to constrain proportions using the new width value.
  • Height, to constrain proportions using the new height value.
  • Percent, to constrain proportions while resizing the image by a percent value.


3. Click OK.


Read more about pixel dimensions and resolution from the experts at Adobe: http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS75D24624-A761-40b6-832E-8AB0E2383C90.html


Exerpted and adapted from Adobe Photoshop Online Help.

Tuesday, September 20, 2016

Photoshop File Formats

Photoshop's file format menu is lengthy, but don't let it intimidate you. Each option has it purpose, and knowing what what they are will keep you from becoming overwhelmed.

First, "file format" refers to how an image file is saved, and is determined by how the image is to be used. In Photoshop, when you choose "File / Save" (or "Save As" or "Save a Copy") you will see the menu below.

The end use of a file will determine the best file format choice. If you don't know what your end product will be, stick with the native Photoshop (.psd) format, then "Save As" when you figure it out. The annotated charts below discuss the most commonly used Photoshop file formats.




Common File Formats for Graphic Applications

File Format File Extension Notes
Photoshop .psd The native Photoshop format -- supports Photoshop's layers and transparency. Good option for the CS workflow.
Photoshop EPS .eps Encapsulated Postscript File -- supported by Adobe CS but not necessarily by all other graphics applications. Supports Paths, but not transparency.
PDF .pdf Portable Document Format -- a versatile cross-platform format.
TIFF .tif Tagged-Image File Format -- a cross-platform format that supports lossless compression (no image data is discarded as it is saved; see JPG below). Supports transparency, but not Paths.
Note: Photoshop, EPS, TIFF and PDF formats are supported by all Adobe Creative Suite applications.

Common File Formats Used on the Web

File Format File Extension Notes
GIF .gif Prounounced "jif" or "gif," it stands for Graphics Interchange Format. Good choice for line art or art with limited palettes, animation; supports transparent backgrounds.
JPG or JPEG .jpg Joint Photographic Group Experts File -- a good option for displaying or sharing images on the web or via email, but degrades image through "lossy" compression. Image data is discarded in order to compress file size, that is, to make the file size smaller. Each time a file is saved in jpg format it continually degrades the image.
PNG .png Portable Network Graphic. It was developed an alternative to the GIF format and supports lossless data compression and transparent backgrounds. Does not support CMYK colorspace.
Note: Choose "File / Save for Web" when saving images for use on the Internet. For more details, see Photoshop's Help menu.


Other File Formats

File Format File Extension Notes
Bitmap .bmp Windows-compatible format; lossless (loses no data when saving, unlike lossy formats such as JPG).
PCX .pcx A Windows file format.
PICT .pct A Macintosh format.
Pixar .pxr For use with high-end 3-D imaging programs.
PNG .png An alternative to GIF format. See above.
Raw .raw Saves files as a stream of bytes, good only for moving between applications and platforms. 
Scitex .sci For high-end graphics, such as super-high resolution drum scans.
Targa .tga For systems using Truevision® video board.


— Adapted and updated from: Teach Yourself Photohop 4 in 14 Days. D. Bront Davis, Steven Mulder, Carla Rose, Hayden Books, 1997.

Further reading

http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WSfd1234e1c4b69f30ea53e41001031ab64-7784.html

http://www.creativepro.com/article/graphics-fundamentals-understanding-photoshop-file-formats-

http://ezinearticles.com/?Photoshop-Files-and-Formats&id=36741

Monday, September 19, 2016

About Photoshop Masks

When you select part of an image, the area that is not selected is “masked,” or protected from editing. So, when you create a mask, you isolate and protect areas of an image as you apply color changes, filters, or other effects to the rest of the image. You can also use masks for complex image editing such as gradually applying color or filter effects to an image.

Examples of masks
A. Opaque mask used to protect the background and edit the butterfly
B. Opaque mask used to protect the butterfly and color the background
C. Semitransparent mask used to color the background and part of the butterfly

Masks are stored in alpha channels. Masks and channels are grayscale images, so you can edit them like any other image with painting tools, editing tools and filters. Areas painted black on a mask are protected, and areas painted white are editable.

Use Quick Mask mode to convert a selection to a temporary mask for easier editing. The Quick Mask appears as a colored overlay with adjustable opacity. You can edit the Quick Mask using any painting tool or modify it with a filter. Once you exit Quick Mask mode the mask is converted back to a selection on the image.

To save a selection more permanently, you can store it as an alpha channel. The alpha channel stores the selection as an editable grayscale mask in the Channels panel. Once stored as an alpha channel, you can reload the selection at any time or even load it into another image.


Selection saved as an alpha channel in Channels panel

Note: You can mask or hide parts of a layer using a layer mask.

You can create a new alpha channel and then use painting tools, editing tools, and filters to create a mask from the alpha channel. You can also save an existing selection in a Photoshop image as an alpha channel that appears in the Channels panel. See Save and load selections.

About layer and vector masks

You can use masks to hide portions of a layer and reveal portions of the layers below. You can create two types of masks:
  • Layer masks are resolution-dependent bitmap images that are edited with the painting or selection tools.
  • Vector masks are resolution independent and are created with a pen or shape tool.

    Layer and vector masks are nondestructive, which means you can go back and re‑edit the masks later without losing the pixels they hide. Read more about nondestructive editing here.

    In the Layers panel, both the layer and vector masks appear as an additional thumbnail to the right of the layer thumbnail. For the layer mask, this thumbnail represents the grayscale channel that is created when you add the layer mask. The vector mask thumbnail represents a path that clips out the contents of the layer.

    Note: To create a layer or vector mask on the Background layer, first convert it to a regular layer (Layer > New > Layer from Background).
    Masking layer
    A. Layer mask thumbnail B. Vector mask thumbnail
    C. Vector Mask Link icon D. Add Mask
You can edit a layer mask to add or subtract from the masked region. A layer mask is a grayscale image, so areas you paint in black are hidden, areas you paint in white are visible, and areas you paint in shades of gray appear in various levels of transparency.

Basket layer mask: Background painted with black;
description card painted with gray;
basket painted with white

A vector mask creates a sharp-edged shape on a layer and is useful anytime you want to add a design element with clean, defined edges. After you create a layer with a vector mask, you can apply one or more layer styles to it, edit them if needed, and instantly have a usable button, panel, xr other web-design element. 

Making Selections in Photoshop

A selection isolates one or more parts of your image. By selecting specific areas, you can edit and apply effects and filters to portions of your image while leaving the unselected areas untouched.

Photoshop provides separate sets of tools to make selections of raster and vector data. For example, to select pixels, use the marquee tools or the lasso tools. You can also use commands in the Select menu to select all pixels, to deselect, or to reselect. To select vector data, you can use the pen or shape tools, which produce precise outlines called paths (just like in Adobe Illustrator). You can convert paths to selections or convert selections to paths.

Selections can be copied, moved, and pasted, or saved and stored in an alpha channel. Alpha channels store selections as grayscale images called masks. A mask is like the inverse of a selection: it covers the unselected part of the image and protects it from any editing or manipulations you apply. You can convert a stored mask back into a selection by loading the alpha channel into an image.

Marquee tools

The marquee tools let you select rectangles, ellipses, and 1‑pixel rows and columns.
  1. Select a marquee tool:
    Rectangular Marquee 
    Makes a rectangular selection (or a square, when used with the Shift key).
    Elliptical Marquee 
    Makes an elliptical selection (or a circle, when used with the Shift key).
    Single Row or Single Column Marquee
    Defines the border as a 1‑pixel‑wide row or column.
  2. Specify one of the selection options in the options bar.
     

    Selection options
    A. New, B. Add To, C. Subtract From, D. Intersect With

  3. Do one of the following to make a selection:
    • With the Rectangle Marquee tool or the Elliptical Marquee tool, drag over the area you want to select.
    • Hold down Shift as you drag to constrain the marquee to a square or circle (release the mouse button before you release Shift to keep the selection shape constrained).
    • To drag a marquee from its center, hold down Alt (Windows) or Option (Mac OS) after you begin dragging.


      Dragging a marquee from the corner of an image (left), and from the center of an image (right) by pressing Alt/Option as you drag
    • With the Single Row or Single Column Marquee tool, click near the area you want to select, and then drag the marquee to the exact location. If no marquee is visible, increase the magnification of your image view.
  4. To reposition a rectangle or elliptical marquee, first drag to create the selection border, keeping the mouse button depressed. Then hold down the spacebar and continue to drag. Release the spacebar, but keep the mouse button depressed, if you need to continue adjusting the selection border.
    Lasso Tool
    The Lasso tool is useful for drawing freeform segments of a selection border.
    1. Select the Lasso tool , and select options.
    2. Drag to draw a freehand selection border.
    3. Specify one of the selection options in the options bar (see diagram above)
    4. To draw a straight-edged selection border when no other pixels are selected, press Alt (Windows) or Option (Mac OS), and click where segments should begin and end. You can switch between drawing freehand and straight-edged segments.
    5. To erase recently drawn segments, hold down the Delete key until you’ve erased the fastening points for the desired segment.
    6. To close the selection border, release the mouse without holding down Alt (Windows) or Option (Mac OS).

    Polygonal Lasso Tool

     The Polygonal Lasso tool is useful for drawing straight-edged segments of a selection border.
    1. Select the Polygonal Lasso tool , and select options.
    2. Specify one of the selection options in the options bar (see diagram above)
    3. Click in the image to set the starting point.
    4. Do one or more of the following:
      • To draw a straight segment, position the pointer where you want the first straight segment to end, and click. Continue clicking to set endpoints for subsequent segments.
      • To draw a straight line at a multiple of 45°, hold down Shift as you move to click the next segment.
      • To draw a freehand segment, hold down Alt (Windows) or Option (Mac OS), and drag. When you finish, release Alt or Option and the mouse button.
      • To erase recently drawn straight segments, press the Delete key.
    5. Close the selection border:
      • Position the Polygonal Lasso tool pointer over the starting point (a closed circle appears next to the pointer), and click.
      • If the pointer is not over the starting point, double-click the Polygonal Lasso tool pointer, or Ctrl-click (Windows) or Command-click (Mac OS).

    Magnetic Lasso Tool

    When you use the Magnetic Lasso tool , the border snaps to the edges of defined areas in the image. The Magnetic Lasso tool is not available for 32‑bits-per-channel images.
    The Magnetic Lasso tool is especially useful for quickly selecting objects with complex edges set against high-contrast backgrounds.
    1. Select the Magnetic Lasso tool.
    2. Specify one of the selection options in the options bar (see diagram above)
    3. Set any of these options:
      Width
      To specify a detection width, enter a pixel value for Width. The Magnetic Lasso tool detects edges only within the specified distance from the pointer.
      To change the lasso pointer so that it indicates the lasso width, press the Caps Lock key. You can change the pointer while the tool is selected but not in use. Press the right bracket (]) to increase the Magnetic Lasso edge width by 1 pixel; press the left bracket ([) to decrease the width by 1 pixel.
      Contrast
      To specify the lasso’s sensitivity to edges in the image, enter a value between 1% and 100% for Contrast. A higher value detects only edges that contrast sharply with their surroundings; a lower value detects lower-contrast edges.
      Frequency
      To specify the rate at which the lasso sets fastening points, enter a value between 0 and 100 for Frequency. A higher value anchors the selection border in place more quickly.
      On an image with well-defined edges, try a higher width and higher edge contrast, and trace the border roughly. On an image with softer edges, try a lower width and lower edge contrast, and trace the border more precisely.
      Stylus Pressure
      If you are working with a stylus tablet, select or deselect the Stylus Pressure option. When the option is selected, an increase in stylus pressure decreases the edge width.
    4. Click in the image to set the first fastening point. Fastening points anchor the selection border in place.
    5. To draw a freehand segment, either release or keep the mouse button depressed, and then move the pointer along the edge you want to trace. The most recent segment of the selection border remains active. As you move the pointer, the active segment snaps to the strongest edge in the image, based on the detection width set in the options bar. Periodically, the Magnetic Lasso tool adds fastening points to the selection border to anchor previous segments.
    6. If the border doesn’t snap to the desired edge, click once to add a fastening point manually. Continue to trace the edge, and add fastening points as needed.
       
      Fastening points anchor selection border to edges

    7. To switch temporarily to the other lasso tools, do one of the following:
      • To activate the Lasso tool, hold down Alt (Windows) or Option (Mac OS), and drag with the mouse button depressed.
      • To activate the Polygonal Lasso tool, hold down Alt (Windows) or Option (Mac OS), and click.
    8. To erase recently drawn segments and fastening points, press the Delete key until you’ve erased the fastening points for the desired segment.
    9. Close the selection border:
      • To close the border with a freehand Magnetic segment, double-click, or press Enter or Return.
      • To close the border with a straight segment, hold down Alt (Windows) or Option (Mac OS), and double-click.
      • To close the border, drag back over the starting point and click.

    Quick Selection Tool

    You can use the Quick Selection tool  to quickly “paint” a selection using an adjustable round brush tip. As you drag, the selection expands outward and automatically finds and follows defined edges in the image.
    1. Select the Quick Selection tool .
    2. In the options bar, click one of the selection options: New, Add To, or Subtract From. New is the default option if nothing is selected. After making the initial selection, the option changes automatically to Add to.
    3. To change the Quick Selection tool brush tip size, click the Brush menu in the options bar and type in a pixel size or move the Diameter slider. Use the Size pop‑up menu options to make the brush tip size sensitive to pen pressure or a stylus wheel.
      When creating a selection, press the right bracket (]) to increase the Quick Selection tool brush tip size; press the left bracket ([) to decrease the brush tip size.
    4. Choose Quick Selection options.
      Sample All Layers
      Creates a selection based on all layers instead of just the currently selected layer.
      Auto-Enhance
      Reduces roughness and blockiness in the selection boundary. Auto-Enhance automatically flows the selection further toward image edges and applies some of the edge refinement you can apply manually in the Refine Edge dialog with the Smooth, Contrast, and Radius options.
    5. Paint inside the part of the image you want to select. The selection grows as you paint. If updating is slow, continue to drag to allow time to complete work on the selection. As you paint near the edges of a shape, the selection area extends to follow the contours of the shape edge.


      Painting with the Quick Selection tool to extend the selection
      If you stop dragging and then click or drag in a nearby area, the selection will grow to include the new area.
      • To subtract from a selection, click the Subtract from option in the options bar, then drag over the existing selection.
      • To temporarily switch between add and subtract modes, hold down the Alt (Windows) or Option (Mac) key.
      • To change the tool cursor, choose Edit > Preferences > Cursors > Painting Cursors (Windows) or Photoshop > Preferences > Cursors > Painting Cursors (Mac OS). Normal Brush Tip displays the standard Quick Selection cursor with a plus or minus sign to show the selection mode.

     Selecting with the Magic Wand Tool

    The Magic Wand tool lets you select a consistently colored area (for example, a red flower) without having to trace its outline. You specify the color range, or tolerance, for the Magic Wand tool’s selection, based on similarity to the pixel you click.
    You cannot use the Magic Wand tool on an image in Bitmap mode or on 32‑bits-per-channel images.
    1. Select the Magic Wand tool .
    2. Specify one of the selection options in the options bar. The Magic Wand tool’s pointer changes depending on which option is selected. (See diagram above.)
    3. In the options bar, specify any of the following:
      Tolerance
      Determines the similarity or difference of the pixels selected. Enter a value in pixels, ranging from 0 to 255. A low value selects the few colors very similar to the pixel you click. A higher value selects a broader range of colors.
      Anti-aliased
      Creates a smoother-edged selection.
      Contiguous
      Selects only adjacent areas using the same colors. Otherwise, all pixels in the entire image using the same colors are selected.
      Sample All Layers
      Selects colors using data from all the visible layers. Otherwise, the Magic Wand tool selects colors from the active layer only.
    4. In the image, click the color you want to select. If Contiguous is selected, all adjacent pixels within the tolerance range are selected. Otherwise, all pixels in the tolerance range are selected.

    Optional: After you make any selection, click Refine Edge in the Control Panel to further adjust the selection boundary or view the selection against different backgrounds or as a mask. See Refine selection edges.

About Photoshop Layers

Photoshop layers are like sheets of stacked acetate. You can see through transparent areas of a layer to the layers below. You move a layer to position the content on the layer, like sliding a sheet of acetate in a stack. You can also change the opacity of a layer to make content partially transparent.

A simplistic representation of Photoshop layers
Transparent areas on a layer let you see layers below.


You use layers to perform tasks such as compositing multiple images, adding text to an image, or adding vector graphic shapes. You can apply a layer style to add a special effect such as a drop shadow or a glow.
See Use layers to build images for an overview on working with Layers.

Organizing Photoshop layers

A new image has a single layer. The number of additional layers, layer effects, and layer sets you can add to an image is limited only by your computer’s memory.
You work with layers in the Layers panel. Layer groups help you organize and manage layers. You can use groups to arrange your layers in a logical order and to reduce clutter in the Layers panel. You can nest groups within other groups. You can also use groups to apply attributes and masks to multiple layers simultaneously.

Learn some great tips for working with layers, see Organize with layers and layer groups.

Photoshop layers for non-destructive editing

Sometimes layers don’t contain any apparent content. For example, an adjustment layer holds color or tonal adjustments that affect the layers below it. Rather than edit image pixels directly, you can edit an adjustment layer and leave the underlying pixels unchanged.
A special type of layer, called a Smart Object, contains one or more layers of content. You can transform (scale, skew, or reshape) a Smart Object without directly editing image pixels. Or, you can edit the Smart Object as a separate image even after placing it in a Photoshop image. Smart Objects can also contain smart filter effects, which allow you to apply filters non-destructively to images so that you can later tweak or remove the filter effect. See Nondestructive editing and Work with Smart Objects.

Video layers

You can use video layers to add video to an image. After importing a video clip into an image as a video layer, you can mask the layer, transform it, apply layer effects, paint on individual frames, or rasterize an individual frame and convert it to a standard layer. Use the Timeline panel to play the video within the image or to access individual frames. See Supported video and image sequence formats.

Photoshop Layers panel overview

The Layers panel in Photoshop lists all layers, layer groups, and layer effects in an image. You can use the Layers panel to show and hide layers, create new layers, and work with groups of layers. You can access additional commands and options in the Layers panel menu.
Photoshop layers panel
Photoshop Layers panel

A. Layers panel menu B. Filter C. Layer Group D. Layer E. Expand/Collapse Layer effects F. Layer effect G. Layer thumbnail 

Display the Photoshop Layers panel



  • Choose Window > Layers.

Choose a command from the Photoshop Layers panel menu



  • Click the triangle in the upper-right corner of the panel.

Change the size of Photoshop layer thumbnails



  • Choose Panel Options from the Layers panel menu, and select a thumbnail size.

Change thumbnail contents



  • Choose Panel Options from the Layers panel menu, and select Entire Document to display the contents of the entire document. Select Layer Bounds to restrict the thumbnail to the object’s pixels on the layer.
    Turn off thumbnails to improve performance and save monitor space.

Expand and collapse groups

Filter Photoshop layers

At the top of the Layers panel, the filtering options help you find key layers in complex documents quickly. You can display a subset of layers based on name, kind, effect, mode, attribute, or color label.
Filter layers options in the Photoshop Layers panel
Filter layers options in the Layers panel




  1. Choose a filter type from the pop-up menu.
  2. Select or enter the filter criteria.
  3. Click the toggle switch to switch layer filtering on or off.

Convert background and Photoshop layers


When you create a new image with a white background or a colored background, the bottommost image in the Layers panel is called Background. An image can have only one background layer. You cannot change the stacking order of a background layer, its blending mode, or its opacity. However, you can convert a background into a regular layer, and then change any of these attributes.
When you create a new image with transparent content, the image does not have a background layer. The bottommost layer is not constrained like the background layer; you can move it anywhere in the Layers panel and change its opacity and blending mode.

Convert a background into a Photoshop layer



  1. Double-click Background in the Layers panel, or choose Layer > New > Layer From Background.
  2. Set layer options. (See Create layers and groups.)
  3. Click OK.

Convert a Photoshop layer into a background



  1. Select a Photoshop layer in the Layers panel.
  2. Choose Layer > New > Background From Layer.
    Any transparent pixels in the layer are converted to the background color, and the layer drops to the bottom of the layer stack.
    Note:
    You cannot create a background by giving a regular layer the name, Background—you must use the Background From Layer command.

Duplicate Photoshop layers


You can duplicate layers within an image or into another or a new image.

Duplicate a Photoshop layer or group within an image




  1. Select a layer or group in the Layers panel.
  2. Do one of the following:
    • Drag the layer or group to the Create a New Layer button .
    • Choose Duplicate Layer or Duplicate Group from the Layers menu or the Layers panel menu. Enter a name for the layer or group, and click OK.

Duplicate a Photoshop layer or group in another image




  1. Open the source and destination images.
  2. From the Layers panel of the source image, select one or more layers or a layer group.
  3. Do one of the following:
    • Drag the layer or group from the Layers panel to the destination image.
    • Select the Move tool , and drag from the source image to the destination image. The duplicate layer or group appears above the active layer in the Layers panel of the destination image. Shift-drag to move the image content to the same location it occupied in the source image (if the source and destination images have the same pixel dimensions) or to the center of the document window (if the source and destination images have different pixel dimensions).
    • Choose Duplicate Layer or Duplicate Group from the Layers menu or the Layers panel menu. Choose the destination document from the Document pop‑up menu, and click OK.
    • Choose Select > All to select all the pixels on the layer, and choose Edit > Copy. Then choose Edit > Paste in the destination image. (This method copies only pixels, excluding layer properties such as blending mode.)

Create a new document from a Photoshop layer or group




  1. Select a layer or group from the Layers panel.
  2. Choose Duplicate Layer or Duplicate Group from the Layers menu or the Layers panel menu.
  3. Choose New from the Document pop‑up menu, and click OK.

Sample from all visible Photoshop layers


The default behavior of the Mixer Brush, Magic Wand, Smudge, Blur, Sharpen, Paint Bucket, Clone Stamp, and Healing Brush tools is to sample color only from pixels on the active layer. This means you can smudge or sample in a single layer.



  • To smudge or sample pixels from all visible layers with these tools, select Sample All Layers from the options bar.

Change transparency preferences




  1. In Windows, choose Edit > Preferences > Transparency & Gamut; in Mac OS, choose Photoshop > Preferences > Transparency & Gamut.
  2. Choose a size and color for the transparency checkerboard, or choose None for Grid Size to hide the transparency checkerboard.
  3. Click OK.