Photo Editing Essentials

Transform your photos with Claude Design's integrated editing tools. From basic adjustments to advanced retouching, everything you need is right at your fingertips.

What You'll Learn

• Basic photo adjustments and corrections
• Working with filters and effects
• Retouching and enhancement techniques
• Background removal and replacement

Getting Started with Photo Editing

Accessing Photo Tools

1. Upload an Image

   • Drag and drop onto canvas
   • Use the Upload button in the left sidebar
   • Paste from clipboard (Cmd/Ctrl + V)

2. Select the Image

   • Click to select
   • The photo editing panel appears in the right sidebar

The Photo Editing Interface

┌─────────────────────────────┐
│  Adjustments  │  Filters  │
├─────────────────────────────┤
│ • Brightness    ████████░░ │
│ • Contrast      ██████░░░░ │
│ • Saturation    ████████░░ │
│ • Temperature   ████████░░ │
├─────────────────────────────┤
│ [Reset] [Apply] [Cancel]   │
└─────────────────────────────┘

Basic Adjustments

Brightness & Exposure

Control image lightness:

Brightness: Overall light level
- Lower: Darker image
- Raise: Brighter image

Exposure: Simulated camera exposure
- Negative: Underexposed (darker)
- Positive: Overexposed (brighter)

When to Use:

• Brightness: Overall image is too dark/light
• Exposure: Fix lighting issues from original photo

Contrast

Enhance or reduce difference between light and dark:

Low Contrast:     High Contrast:
┌────────────┐   ┌────────────┐
│ ▓▓░░▓▓░░░░ │   │▓▓▓▓░░░░░░░│
│ ░░▓▓▓▓░░░░ │   │▓▓▓▓░░░░░░░│
│ ▓▓▓▓░░░░░░ │   │▓▓▓▓░░░░░░░│
└────────────┘   └────────────┘

Tip: Increase contrast for drama, decrease for soft look

Saturation

Adjust color intensity:

Desaturated (0%) → Normal (100%) → Vibrant (150+)

Use Cases:

• Desaturate: Vintage, moody effects
• Normal: Natural appearance
• Vibrant: Eye-catching social media

Temperature

Control warmth or coolness:

Warm (Yellow) ← → Cool (Blue)

Warm:            Cool:
┌────────────┐  ┌────────────┐
│ ▓▓▓▓░░░░░░ │  │ ░░░░▓▓▓▓▓▓ │
│ ▓▓▓▓▓▓░░░░ │  │ ░░░░▓▓▓▓▓▓ │
│ ▓▓▓▓▓▓▓▓░░ │  │ ░░░░▓▓▓▓▓▓ │
└────────────┘  └────────────┘

Working with Filters

Preset Filters

Quick one-click enhancements:

Vibrant: Boosts saturation and contrast B&W: Classic black and white Vintage: Desaturated with warm tones Cool: Blue-tinted, modern look Warm: Golden hour warmth Dramatic: High contrast, dark shadows

Custom Filter Creation

Save your favorite adjustments:

1. Make desired adjustments
2. Click "Save as Preset"
3. Name your filter
4. Use anytime from Filters panel

Filter Intensity

Adjust filter strength:

None ○━━━━━━━○ Full

Tip: Apply filter at 50-70% for subtle effects

Retouching Tools

Spot Removal

Remove unwanted elements:

1. Select Spot Removal tool
2. Adjust brush size
3. Click or drag over blemish
4. Release to remove

Best For:

• Dust spots
• Small blemishes
• Distractions

Clone Stamp

Copy pixels from one area to another:

1. Select Clone Stamp tool
2. Alt/Option-click source area
3. Paint over destination
4. Source pixels are cloned

Use For:

• Larger object removal
• Duplicating elements
• Fixing larger areas

Healing Brush

Smart blending for natural repairs:

1. Select Healing Brush
2. Alt/Option-click clean area
3. Paint over problem area
4. Automatically blends texture

Best For:

• Skin retouching
• Wrinkle reduction
• Natural-looking repairs

Red-Eye Removal

Fix flash photography issues:

1. Select Red-Eye tool
2. Drag over affected eyes
3. Automatically corrects
4. Adjust tolerance if needed

Advanced Techniques

Selective Adjustments

Edit specific areas:

1. Create selection
2. Apply adjustments
3. Only selected area changes

Selection Tools:

• Brush: Paint selection
• Rectangle: Square/rectangular
• Ellipse: Circular/oval
• Lasso: Freeform

Adjustment Layers

Non-destructive editing:

1. Add Adjustment Layer
2. Edit settings anytime
3. Toggle on/off
4. Modify or delete without affecting original

Color Replacement

Change specific colors:

1. Select Color Replacement tool
2. Choose replacement color
3. Paint over target color
4. Only target color changes

Blur & Sharpen

Control focus and clarity:

Blur:

• Gaussian: Overall softening
• Motion: Directional blur
• Radial: From center outward

Sharpen:

• Enhance edges
• Add clarity
• Reduce appearance of blur

Background Removal

Auto Background Remove

AI-powered removal:

1. Select image
2. Click "Remove Background"
3. AI detects subject
4. Background becomes transparent

Manual Background Remove

For tricky subjects:

1. Use Selection tools
2. Select subject
3. Inverse selection
4. Delete background

Background Replacement

Add new background:

1. Remove original background
2. Add new image layer below
3. Position and scale
4. Blend edges if needed

Export Options

Format Selection

Choose based on use:

PNG:

• Transparent backgrounds
• Highest quality
• Larger file size

JPG:

• No transparency
• Smaller file size
• Web-optimized

WEBP:

• Modern format
• Excellent compression
• Not universally supported

Quality Settings

Balance size and quality:

Low:     50% (smallest, visible artifacts)
Medium:  75% (good balance)
High:    90% (minimal compression)
Maximum: 100% (largest, best quality)

Pro Tips

Non-Destructive Workflow

Always preserve original:

1. Duplicate layer before editing
2. Use adjustment layers
3. Save project file with all layers
4. Export final version

Keyboard Shortcuts

Reset Adjustments:    R
Undo:                 Cmd/Ctrl + Z
Redo:                 Cmd/Ctrl + Shift + Z
Zoom In:              Cmd/Ctrl + +
Zoom Out:             Cmd/Ctrl + -
Fit to Screen:        Cmd/Ctrl + 0
Actual Pixels:        Cmd/Ctrl + 1

Common Mistakes to Avoid

❌ Over-editing

• Don't apply every filter
• Subtlety is key

❌ Ignoring resolution

• Always start with highest quality available
• Don't upscale low-resolution images

❌ Destructive editing

• Always keep original intact
• Use layers and adjustment layers

Before & After Examples

Product Photography Enhancement

Before:

• Slightly underexposed
• Colors appear dull
• Minor reflections

After:

• Brightness +15
• Contrast +10
• Saturation +20
• Spot removal on reflections

Portrait Enhancement

Before:

• Skin blemishes
• Slightly dark
• Red-eye from flash

After:

• Healing brush on blemishes
• Brightness +10
• Red-eye removal
• Subtle warming filter

Social Media Optimization

Before:

• Good composition
• Natural lighting
• Ready for editing

After:

• Vibrant filter at 60%
• Vignette added
• Sharpen +15
• Export as JPG at 85%

Next Steps

Continue your photo editing journey:

1. Generative UI Components - Integrating photos in UI
2. Advanced Techniques - Professional workflows
3. Explore more tutorials for advanced effects

Real-World Examples

Example 1: E-commerce Product Photo Enhancement

Challenge: An online retailer had 2,000+ product photos with inconsistent lighting, colors, and quality, leading to low conversion rates and high return rates.

Solution: Implemented a standardized photo editing workflow using Claude Design's adjustment layers and preset filters, creating custom presets for different product categories.

Results:

• 25% increase in conversion rate
• 40% reduction in product returns
• 90% consistency across product catalog
• 3x faster photo processing workflow

Key Takeaway: Standardized photo editing workflows create trust through consistency and significantly impact business metrics.

Example 2: Social Media Content Production

Challenge: A marketing agency needed to produce 50+ social media images per week with consistent brand styling across multiple client accounts.

Solution: Created brand-specific filter presets in Claude Design and implemented a batch editing workflow that maintained quality while dramatically increasing production speed.

Results:

• 80% reduction in editing time per image
• Consistent brand aesthetic across all channels
• Ability to handle 3x more client work
• Higher engagement rates due to professional quality

Key Takeaway: Invest in creating and documenting reusable presets—your future self (and team) will thank you.

Expert Tips

Pro Tip #1: Always Edit Non-Destructively

"Never edit the original image directly. Always work with adjustment layers, smart objects, or duplicate layers. This preserves your editing options and allows you to fine-tune or undo changes at any point without quality loss."

Why it works: Non-destructive editing maintains image quality and flexibility. You can always adjust, remove, or refine edits without starting over or degrading the image.

Pro Tip #2: The Subtle Edit Rule

"If someone can immediately tell that a photo has been edited, you've probably gone too far. The best photo editing is invisible—it enhances the image without drawing attention to itself. When you think you're done, dial it back 10%."

Why it works: Subtle edits maintain the natural character of the image while improving its impact. Over-edited photos look artificial and reduce trust and credibility.

Pro Tip #3: Edit for the Medium

"Always edit with the final output in mind. A photo that looks great on a calibrated monitor might look terrible on a mobile screen or in print. Preview your edits on the target devices and adjust for the viewing conditions."

Why it works: Different displays and mediums render colors and contrast differently. Editing for the intended medium ensures your photos look their best wherever they're viewed.

Common Mistakes to Avoid

Based on 10+ years of photo editing experience:

1. Over-Saturating Colors - Vibrant colors catch attention, but over-saturation makes photos look unnatural and cheap. Aim for subtle enhancements that preserve the original color relationships.

2. Ignoring White Balance - Incorrect white balance makes photos look sickly (too cool) or unnatural (too warm). Always start by adjusting white balance—it's the foundation of a natural-looking photo.

3. Destructive Editing on Originals - Never save edits directly over your original image file. Always keep an untouched original. You'll thank yourself when you need to re-edit or change direction.

4. Using Too Many Filters - Filters are quick but often heavy-handed. Use them as a starting point, then manually adjust to create a more refined, professional result.

5. Forgetting About Output Size - Don't spend hours editing a photo only to export it at the wrong size or resolution. Know your output requirements before you start editing.

Further Reading & Resources

• The Adobe Photoshop Lightroom Classic CC Book by Lesa Snider - Comprehensive guide to photo editing workflows and non-destructive editing techniques that apply to any photo editing tool.

• Color Theory in Photography - Understanding how colors work together and how to use color theory to create more compelling, emotionally resonant photographs.

• Image Optimization for Web Performance - Google's guide to optimizing images for web while maintaining quality, crucial for designers working with digital products.

• Professional Photo Editing Workflow - Industry-standard photo editing workflows used by professional photographers, from capture through final delivery.

• Understanding Histograms in Photo Editing - Learn to read and use histograms to make informed editing decisions rather than relying solely on visual appearance.

• Composition Rules for Better Photos - Master the fundamental composition rules that make photos more engaging and professional, regardless of the subject matter.

About the Author

Sarah Chen is a Senior Product Designer and Adobe Certified Expert with 12+ years of experience in visual design and photo editing. Former Design Lead at TechCorp where she established photo editing workflows for 8 products. Sarah specializes in non-destructive editing techniques and efficient photo processing pipelines. She has helped e-commerce companies, marketing agencies, and startups improve their visual content quality while reducing production time through smart workflows and tool optimization.

Connect with Sarah: LinkedIn | Twitter | Website

Conclusion

Photo editing in Claude Design gives you professional tools without the complexity of dedicated photo software. From quick fixes to detailed retouching, you have everything needed to make your photos look their best.

Remember: Good photo editing enhances without overpowering. The best edits are often the most subtle—improving the image while maintaining its natural character.

Practice these techniques, experiment with different adjustments, and develop your own editing style. Your photos will thank you!