How to Use Selections Without Permanently Erasing Pixels
A beginner, interface-by-interface guide to use selections without permanently erasing pixels, including what each design term means, where to click and how to verify the exported/resulting asset.
By the end: You will complete use selections without permanently erasing pixels and keep an editable source plus a checked output.
You will complete use selections without permanently erasing pixels and keep an editable source plus a checked output.
Key terms before you start
These definitions make the steps easier to follow and help distinguish controls, files and concepts that can look similar at first.
What you need before starting
- Access to Photoshop
- A source/project you are allowed to edit
- A clear final destination/size/use for the result
Step-by-step tutorial
Every step is shown below. Work through them in order and use each checkpoint to confirm the result before moving on.
Open Photoshop and use a safe working copy
Open the real project in Photoshop. Duplicate the file/document first if the tutorial could alter important source work.
The editable source is different from the final exported asset; preserve recoverability.
Inspect export dimensions, transparency, crop, color and output format; judge the exported file as the final artifact.
Identify the final destination
Write where the result will be used: website width, social platform, handoff, print, prototype, etc.
Dimensions, color, format and responsive behavior depend on destination.
Inspect export dimensions, transparency, crop, color and output format; judge the exported file as the final artifact.
Select the correct source layer
Click layer in Layers panel.
Selections alone do not determine where editing occurs.
Undo, then select the target through Layers panel and verify its name before editing.
Choose an appropriate selection tool
Use Object/Quick Selection, Lasso, Marquee or another tool based on edge/content.
Different shapes need different selection methods.
Use Auto Layout/flexible components or revise layout constraints rather than shrinking type until it barely fits.
Zoom and inspect selection edge
Check missing/excess areas before committing.
Selections can look adequate at fit-to-screen but fail up close.
Undo, then select the target through Layers panel and verify its name before editing.
Add a layer mask from selection
Click Layer masks icon or use Layer → Layer Mask → Reveal Selection / Hide Selection as appropriate.
This turns selection into reversible visibility rather than deletion.
Undo, then select the target through Layers panel and verify its name before editing.
Deselect marching ants
Use Select → Deselect / shortcut after mask created.
Now edit the mask itself.
Undo, then select the target through Layers panel and verify its name before editing.
Click mask thumbnail
Ensure mask, not source image, is active.
Black/white edits should affect visibility.
Return to the layered/component source or backup. Keep future export/flatten operations on separate delivery copies.
Paint black/white to refine
Use Brush to hide/reveal edge areas.
You can correct the original selection indefinitely.
Use mask Properties/select-and-mask tools if appropriate
Refine feather/density/edge for difficult cutouts.
Avoid excessive feather that creates halos.
Toggle mask to compare
Temporarily disable/enable according to Photoshop workflow.
Confirms original pixels remain.
Save layered file
Keep mask editable.
Do not merge/flatten master just because selection work is finished.
Return to the layered/component source or backup. Keep future export/flatten operations on separate delivery copies.
Open the exported/result outside the editor
Inspect the actual PNG/JPEG/SVG/prototype/output rather than assuming it matches the canvas.
Exports can change dimensions, transparency, font rendering or compression.
Inspect export dimensions, transparency, crop, color and output format; judge the exported file as the final artifact.
Store source and delivery files predictably
Use clear names/versioning and keep the source separate from public delivery assets.
Future revisions should start from editable source.
Return to the layered/component source or backup. Keep future export/flatten operations on separate delivery copies.
Always know whether you are editing source structure or generating a delivery copy.
Concrete examples
Troubleshooting
Undo, then select the target through Layers panel and verify its name before editing.
Inspect export dimensions, transparency, crop, color and output format; judge the exported file as the final artifact.
Use Auto Layout/flexible components or revise layout constraints rather than shrinking type until it barely fits.
Return to the layered/component source or backup. Keep future export/flatten operations on separate delivery copies.
Files can be found/reused.
Continue with these tutorials
Documentation and references
Use these primary and supporting sources to verify current controls, browser behavior and product-specific details.