Skip to main content

Module 0 โ€ข Lesson 1๐Ÿ“ธ Fix & Export One Photo

Before we explain a single thing, you're going to open a photo, make it visibly better, and save a copy you could post or print, in about the length of a coffee break. This is the whole rhythm of Photoshop in miniature.

๐Ÿ“š What You'll Learn

By the end of this lesson, you will be able to:

  • Open a photo and straighten & crop it with the Crop tool
  • Improve its brightness and contrast with a Brightness/Contrast adjustment layer
  • Explain, in one sentence, what "non-destructive editing" means and why it matters
  • Export a finished JPEG without ever altering your original file

โฑ๏ธ Estimated Time: 25 minutes (about 20 of them hands-on)

๐ŸŽฏ Project: Take one photo of your own from "meh" to "nice," and export a share-ready copy.

In This Lesson

๐Ÿš€ The 20-Minute Promise

Here's where we're going. Grab the slider handle below and drag it left and right: the left side is where we'll end up, the right side is where most photos start.

After Before
Drag the handle. Same photo. The left side has had one tonal correction in Photoshop; the right is straight out of camera.

โœ… The only promise that matters today

You do not need to understand everything. You need to finish one photo. Understanding grows out of finishing โ€” not the other way around.

๐Ÿง  One Idea to Carry the Whole Course: Tracing Paper

If you remember one thing from Module 0, remember this. Imagine your photo is a printed picture lying on a desk. Instead of drawing on the photo with a marker, you lay a sheet of clear tracing paper over it and make your changes there. Want it brighter? That's one sheet. Want it warmer? Another sheet on top. Hate a change? Peel that sheet off. The photo underneath is never touched.

In Photoshop, those sheets of tracing paper are called layers, and the special ones that only carry an instruction ("make everything under me brighter") are called adjustment layers. Editing this way, so the original is always intact, is called non-destructive editing. It is the single habit that separates people who feel in control of Photoshop from people who feel afraid of it.

flowchart TB P["๐Ÿ–ผ๏ธ Your photo<br/>(never edited directly)"] A1["๐Ÿ“„ Adjustment layer:<br/>Brightness / Contrast"] A2["๐Ÿ“„ (later) more sheets<br/>you can add or remove"] OUT["๐Ÿ‘๏ธ What you see<br/>= all sheets combined"] P --> A1 --> A2 --> OUT
Figure 1: The non-destructive stack. You look down through the sheets; the photo at the bottom stays pristine.

๐Ÿง  Why this matters beyond today

Every professional retoucher, every magazine cover, every game texture artist works this way. It's not a beginner shortcut you'll outgrow โ€” it's the actual professional workflow. Learning it now means you never have to unlearn a bad habit later.

๐Ÿ–ฅ๏ธ A 30-Second Screen Tour

You only need to find four things on screen today. Here's a simplified map of the Photoshop workspace, not a screenshot of your exact version, just the neighborhoods you'll visit:

Ps   my-photo.jpg โ€” Photoshop (simplified)
Options bar โ€” settings for whatever tool is selected Crop The canvas โ€” your photo Layers Brightness/Contrast Background (photo) The layer stack lives here
Figure 2: A simplified Photoshop workspace: a labeled diagram, not a live screenshot. Yours will have more buttons; ignore them for now.
NeighborhoodWhereWhat you'll use it for today
ToolsLeft edgeGrab the Crop tool
Options barAlong the topConfirm the crop
CanvasThe big middleYour actual photo
Layers panelBottom-rightAdd your one adjustment layer

Can't see the Layers panel? Menu: Window โ–ธ Layers (or press F7).

๐Ÿ› ๏ธ Guided Build: Fix Your Photo

Open any photo you like: a phone snapshot is perfect, ideally one that's a little dark or a little crooked. Then follow along. Times are per step; the whole thing is about 20 minutes with no rushing.

Step 1: Open your photo & save it as a working file ยท 3 min

  1. Menu: File โ–ธ Open, choose your photo.
  2. Immediately: File โ–ธ Save As and choose Photoshop (.psd) format. Name it myphoto-working.psd.
โš ๏ธ Why save first: a .psd remembers your layers so you can come back and change your mind. Your original JPEG stays untouched on disk: the tracing-paper principle, applied to the file itself.

Step 2: Straighten & crop ยท 5 min

  1. Press C to grab the Crop tool.
  2. A grid appears over your photo. Drag a corner inward to remove distracting edges.
  3. To straighten a tilted horizon: move your cursor just outside a corner until it becomes a bent arrow, then drag to rotate until the grid lines match the horizon.
  4. Press Enter (Return) to commit.
Tilted horizon Rotate the grid until its lines match the horizon. Then press Enter.
Figure 3: Straightening is just rotating the crop grid to agree with a line that should be level.

Step 3: Add ONE adjustment layer ยท 6 min

  1. At the bottom of the Layers panel, click the half-black/half-white circle (the Adjustment Layer button โ—).
  2. Choose Brightness/Contrast.
  3. A small panel appears. Nudge Brightness up until shadows open up; nudge Contrast up a little for punch.
  4. Look at your Layers panel: a new sheet of tracing paper now sits above your photo. ๐ŸŽ‰

โœ… The magic moment

Toggle the little eyeball (๐Ÿ‘) next to your adjustment layer off and on. The whole effect vanishes and returns โ€” proof you changed nothing in the photo itself. That's non-destructive editing you can see.

Step 4: Export a share-ready copy ยท 4 min

  1. Menu: File โ–ธ Export โ–ธ Export Asโ€ฆ
  2. Set format to JPG, quality around 80%.
  3. Click Export and save it as myphoto-final.jpg.
๐Ÿ’ก You now have two files: the layered .psd (your editable master) and the flat .jpg (the copy you share). Never post the .psd; never edit on the .jpg.

โœ… Project Completion Checklist

  • โ˜ I saved a working .psd before editing
  • โ˜ My photo is cropped and the horizon looks level
  • โ˜ There's a Brightness/Contrast adjustment layer above my photo
  • โ˜ Toggling its eyeball turns my edit off and on
  • โ˜ I exported a .jpg and my original file is untouched

All five? You just completed the entire Photoshop loop. Genuinely โ€” take the win.

๐Ÿง— Now You: Solo Variation

Repetition is where a skill goes from "I followed steps" to "I can do this." Do it once more, on your own, with a twist:

๐ŸŒŸ Your challenge

  1. Pick a different photo. This time try one that's too bright instead of too dark.
  2. Run the same four steps, but this time lower the brightness a touch.
  3. Add a second adjustment layer: click โ— again and choose Vibrance. Push Vibrance up gently. Notice you now have two sheets of tracing paper.
  4. Export. Compare it side by side with your original.

Going further: reorder your two adjustment layers by dragging one above the other. Does the result change? (Often subtly, and that curiosity is exactly what Module 1 is about.)

๐Ÿณ Recipe Card: Quick Fix & Export

Every lesson ends with a wallet-sized recipe you can use without re-reading anything. Screenshot this one.

Quick Fix & Export: the 5-step loop

  1. Open โ†’ Save As .psd (protect the original)
  2. C Crop & straighten โ†’ Enter
  3. Layers panel โ–ธ โ— โ–ธ Brightness/Contrast โ†’ nudge
  4. (Optional) โ— โ–ธ Vibrance โ†’ nudge
  5. File โ–ธ Export As โ–ธ JPG 80%

Golden rule: edits live on adjustment layers, never on the photo.

๐Ÿ““ Learning Journal

Keep a journal for this course: a notebook or a text file, your choice. After each lesson, jot down:

  • Key concepts you learned
  • Techniques that clicked for you
  • Questions or confusion points to revisit
  • Ideas you want to try
  • Your progress and feelings about learning this

โœ๏ธ This lesson's prompt (your first entry): Why do you want to learn Photoshop, and what's one image you dream of being able to make? Write it down now. We'll come back to it at the Capstone, and you'll be amazed how far you've come.

๐Ÿ“ Lesson Summary

๐ŸŽ“ Key Takeaways

  • Non-destructive editing = change the tracing paper, never the photo.
  • Adjustment layers are sheets that carry an instruction ("brighten," "add vibrance") and can be toggled, tweaked, or removed at any time.
  • The whole loop is Open โ†’ Save .psd โ†’ Crop โ†’ Adjust โ†’ Export JPG.
  • You keep two files: the editable .psd master and the flat .jpg you share.

๐ŸŽ‰ What You've Accomplished

An hour ago, Photoshop might have felt like a cockpit with a thousand switches. You just flew it around the block. You opened a photo, made a real improvement, understood why it's safe, and shipped a finished file. That's not a toy version of the skill โ€” it's the actual professional loop, scaled down.

โ“ Common Questions at This Module

Why not just use the phone's edit button or a slider app?

You can, for quick fixes. But those bake changes into the file permanently and top out fast. Photoshop's layer approach lets you stack, mask, and revisit edits indefinitely, which is what the rest of this course unlocks.

My photo already looks fine. Did I do it wrong?

Not at all. The goal of Module 0 isn't a dramatic change โ€” it's the loop. A subtle, tasteful edit that you did non-destructively is a complete success.

What's the difference between "Save" and "Export"?

Save writes your layered working file (.psd) so you can keep editing. Export flattens everything into a single share-ready image (.jpg). You'll do both, for different reasons, every time.

๐Ÿ”ญ Looking Ahead

In Module 1 we slow down and build the real mental model behind what you just did: the layer stack, and the idea that quietly runs all of Photoshop โ€” a mask is just a grayscale stencil that decides where an edit shows and where it hides.

โœ… Before the Next Lesson

  • Keep your .psd. You'll recognize its layers with new eyes soon.
  • Run the 5-step recipe on two more photos until it feels automatic.
  • Write your first Learning Journal entry (the prompt above).

๐Ÿ“š Additional Resources

๐ŸŒŸ Encouragement for the Journey

The hardest photo you'll ever edit is the first one, and you just did it. Everything from here is variations on a loop you already know. Marathon, not a sprint โ€” and you're off the start line.