Topics Map > Software Guides > Photoshop

Photoshop: Layering & Object Arrangement

Version: Adobe Photoshop CC 2021. Be aware that different versions of Photoshop will vary in appearance and functionality. Full Guides: Photoshop: Images, Photoshop: Graphic Design


Layers in Photoshop are like a stack of sheets, in which each sheet is transparent except for the object(s) contained within it. The transparent areas of layers are see-through to the layer(s) below. The top-most layer in the Layers panel will appear in front of all layers below it and the bottom-most layer will appear as the background. The correct layer must be selected prior to making any adjustments.

Each object or adjustment needs to be on its own layer so that it can be edited separately from the other elements. Having separate layers also prevents accidental alternations of the original image.



Basic Layer Controls:
  • To create a new layer, click the New Layer button, which has a plus sign, to the bottom-right in the Layers panel. Create a new layer for each image or element in the document.
  • To toggle the visibility of a layer, click the eyeball icon the left of the layer.
  • To lock a layer, select the layer and click the lock icon above the list of layers.
  • To rename a layer, double-click its name, type the new name, and press Enter. Give each layer a descriptive name to avoid confusion.
  • To delete a layer, select it and click the trashcan icon.
  • To re-order a layer, click-and-drag it up-or-down the list. Re-order layers to bring objects forward or put them behind other objects. The layers in the image to the right arent arranged correctly. The text appears behind the shape because its layer is located under the shape layer. In order to see the text properly, the text layer would need to be clicked-and-dragged on top of the shape layer.

Layer Styles

Effects can be quickly applied to an entire layer with Layer Styles. Multiple Layer Styles can be added to each layer, and every style can be customized. Layer Styles are commonly used to add effects to text, shapes, and brush strokes, and add depth to images.

To add a Layer Style:
  1. Select the desired layer in the Layers panel.
  2. Click the Layer Style drop-down, which is labeled fx, from the bottom of the Layer panel.
  3. Select an option. The Layer Style window will appear. Style options include:
  • Styles: preset textures that can be added over the layers content.
  • Blending Options: controls how the layer is affected by a painting or editing tool.
  • Bevel & Emboss: creates a 3D effect by simulating shadows.
  • Stroke: adds a border around the layers content.
  • Inner Shadow: emanates a shadow from the inside edges of the layers content.
  • Inner Glow: emanates a glow from the inside edges of the layers content.
  • Satin: adds a satin texture to the layers content.
  • Color Overlay: adds a color over the layers content. Can be applied to images. 
  • Gradient Overlay: adds a gradient effect. Can be applied to images.
  • Pattern Overlay: adds a pattern over the layers content.
  • Outer Glow: emanates a glow from the outside edges of the layers content.
  • Drop Shadow: emanates a shadow from the outside edges of the layers content.

  • Adjust settings as desired. Each Layer Style will have different options available. The layer will update to show a preview of the effect.
  • When done, click OK.
  • To change the opacity of a layer, such as to make it more transparent, select the layer and adjust the Opacity slider in the Layers Panel.





    iTech logo
    Need support? Contact itech@plu.edu or visit www.plu.edu/itech.



    Keywords:
    editing, images, photos, graphics, painting, drawing, layers, style, effect 
    Doc ID:
    86738
    Owned by:
    Janelle B. in Pacific Lutheran Univ
    Created:
    2018-10-12
    Updated:
    2023-08-04
    Sites:
    Pacific Lutheran University