Glow Up

Session 2 · Photoshop Playground: Getting Started

You are building a fictional band poster or album cover from a single photo. By the end of class you will have cut a subject out of its background, lit it with a glowing spotlight, added a headline, and built a reflection underneath it.

Turn in: your finished JPEG, submitted to Canvas.
File name format: LastName_AlbumCover.jpg (example: Ayres_AlbumCover.jpg)

Before You Start: Finding Your Way Around

If you have never opened Photoshop before, read this part first. Everything below refers back to these five areas.

Set your workspace first: go to Window > Workspace > Essentials Classic. This puts your panels in the same places as the projector, so when your instructor says "look at the top of the Layers panel," yours will match.

Lost a panel? Open the Window menu and click the panel name (Layers, Properties, Character). A checkmark means it is already open somewhere. To put everything back where it started, go to Window > Workspace > Reset Essentials Classic.

Two things to know before you touch anything:

Tools that share a spot: some toolbar icons have a tiny triangle in the bottom-right corner. That means several related tools are stacked in that one slot. To see them, click and hold on the icon for a second, or right-click it. A small menu (a "flyout") appears listing all the tools in that group, and you click the one you want. Tools in the same slot also share a keyboard shortcut, so pressing Shift plus that letter cycles through them one at a time.

Save as you go: press Ctrl+S (Cmd+S) every few steps. This is different from turning in your file, which happens at Step 9.

75-Minute Class Plan
5 minIntro, open Photoshop, get situated
3 minStep 1: New Document
3 minStep 2: Place Subject
10 minStep 3: Remove Background
3 minStep 4: Position Off-Center
7 minStep 5: Radial Gradient
5 minStep 6: Headline
8 minStep 7: Reflection + Blend Mode
7 minStep 8: Blur + Fade Reflection
5 minStep 9: Save and Export
~56 minCore total (leaves buffer for troubleshooting)

Finish early? Try the two optional steps at the end. They are not required for credit.

1Open a New Document

3 min · core

  1. Go to the menu bar and click File > New. Keyboard shortcut: Ctrl+N (Cmd+N on Mac).
  2. A large dialog box opens. Ignore the preset tabs across the top (Photo, Print, Web, and so on). You are going to type your own numbers into the fields on the right side.
  3. In the Width field type 1080. Check the dropdown menu directly to the right of Width and make sure it says Pixels, not Inches. If it says Inches, click it and change it. This is the single most common mistake in this step.
  4. In the Height field type 1080.
  5. In the Resolution field type 72. The dropdown beside it should read Pixels/Inch.
  6. Set Color Mode to RGB Color and the dropdown next to it to 8 bit.
  7. Leave Background Contents on White.
  8. Click the blue Create button in the bottom right of the dialog.
A blank white square appears in the middle of your screen. That square is your canvas. If you see a number like "300%" in the bottom-left corner and the square fills your whole screen, press Ctrl+0 (Cmd+0) to fit it to your window.
Screenshot: New Document dialog with settings filled in (to be added)

2Place Your Subject Image

3 min · core

  1. Go to File > Place Embedded in the menu bar.
  2. A file browser window opens. Navigate to wherever you saved your subject photo, click it once to select it, then click Place.
  3. Your photo drops onto the canvas inside a box with small square handles at its corners and edges. It is not committed yet.
  4. Drag any corner handle to resize the photo so your subject fits comfortably on the canvas. Drag from inside the box to move it around.
  5. When you are happy with the size, press Enter (Return on Mac) to commit it. The handles disappear.
Check your work Look at the Layers panel on the right. You should now have two layers listed: your photo on top, and "Background" underneath it. If you only see one, your photo did not place correctly, undo and try again.
Why "Place Embedded" and not "Place Linked"? Embedded copies the photo into your Photoshop file, so it stays safe even if you later move or delete the original photo. Linked only points at the original, and breaks if that file moves.

3Remove the Background

10 min · core

This is the most important skill in today's class. Take your time.

  1. Look at the Layers panel and click once on your photo layer to make sure it is the layer you are working on. It will highlight.
  2. Go to the toolbar on the left. About four icons down you will find the Quick Selection Tool, which looks like a paintbrush with a dotted circle around its tip. It shares a slot with the Magic Wand Tool (a wand with sparkles) and the Object Selection Tool.
    • If you see the wand instead of the brush, click and hold that icon for a second. A flyout menu appears listing all three tools. Click Quick Selection Tool.
    • Keyboard shortcut: press W. Press Shift+W repeatedly to cycle between the tools sharing that slot.
  3. Look at the options bar at the top. Find the brush size control (a number next to a small brush icon, usually near the left). Click it and drag the Size slider, or type a number. Start around 30 to 50 pixels. You can also press the [ and ] bracket keys on your keyboard to shrink and grow the brush without leaving the canvas.
  4. Click and drag across your subject. Photoshop detects edges as you go and a moving dotted outline (people call these "marching ants") grows to follow the shape. Work in short strokes rather than one long drag.
  5. The selection will not be perfect on the first pass. Fix it:
    • Missed a piece of your subject? Hold Shift and drag over that area to add it to the selection.
    • Grabbed too much background? Hold Alt (Option on Mac) and drag over the extra area to subtract it.
    • These two modifier keys work with nearly every selection tool in Photoshop, so they are worth memorizing.
  6. Zoom in with Ctrl+Plus (Cmd+Plus) to clean up tight areas like between an arm and a body. Press Ctrl+0 to zoom back out.
  7. When the marching ants follow your subject reasonably well, look at the very bottom of the Layers panel. There is a row of small icons there. Click the Add Layer Mask icon, which looks like a gray rectangle with a white circle inside it (third icon from the left in most setups). Hover over the icons and a tooltip will name each one.
  8. The background disappears and your subject is left floating on white.
Check your work Your photo layer in the Layers panel now shows two thumbnails side by side: the photo on the left, and a black-and-white shape on the right. That white shape is your mask, and it should roughly match your subject's silhouette. If the right thumbnail is entirely white, your selection was empty when you clicked. Press Ctrl+Z and redo the selection.
Subject cut out on white background with the black-and-white layer mask visible in the Layers panel
A mask hides pixels instead of deleting them. White areas of the mask show, black areas hide. Nothing is gone permanently, which is why masking is preferred over erasing.

4Position Your Subject Off-Center

3 min · core

  1. Select the Move Tool, the very first icon at the top of the toolbar (a four-way arrow with a small cursor). Keyboard shortcut: V.
  2. Press Ctrl+T (Cmd+T on Mac) to open Free Transform. A box with handles appears around your subject.
  3. Drag a corner handle to resize. Drag from inside the box to reposition.
  4. Place your subject toward the left third or right third of the canvas, leaving open space on the other side. That empty space is where your headline goes in Step 6, so do not fill it.
  5. Press Enter (Return) to commit, or Esc to cancel out of Free Transform without applying changes.
If your subject stretches or squishes oddly while resizing, hold Shift while dragging the corner handle to lock its proportions.

5Create a Radial Spotlight Background

7 min · core

This is the step that makes your poster feel lit rather than pasted together.

  1. At the bottom of the Layers panel, click the Create a New Layer icon (a small square with a plus sign, second from the right). A new empty layer appears above whichever layer was selected.
  2. Drag that new layer below your subject layer in the Layers panel, so it sits behind your subject. Click and hold on the layer name, drag down, release when the highlighted line appears in the right spot.
  3. Make sure your new layer is selected (highlighted) before continuing.
  4. In the toolbar, find the Gradient Tool, an icon showing a small square fading from dark to light. It shares a slot with the Paint Bucket Tool, so if you see a tipping bucket instead, click and hold the icon and choose Gradient Tool from the flyout. Keyboard shortcut: G, and Shift+G cycles between the two.
  5. Look at the options bar. Directly right of the tool icon is a wide rectangle showing a color gradient preview. Click it to open the Gradient Editor.
  6. In the editor, look at the horizontal bar near the bottom. There is a small square color stop at each end. Double-click the left stop to open a color picker, choose a bright warm color (a yellow or warm orange works well), click OK. Double-click the right stop and choose a darker, cooler color (a deep blue or teal). Click OK to close the editor.
  7. Back in the options bar, find the row of five small gradient style icons. Click the second one, Radial. It shows a circular glow rather than a straight fade. This is what creates the spotlight effect.
  8. Also in the options bar, check the box labeled Dither. This prevents visible stripes in your gradient.
  9. Now click on the canvas at the spot where you want the glow to be brightest, roughly behind your subject, and drag outward to the edge of the canvas. Release.
  10. Not happy with it? Press Ctrl+Z and drag again from a different starting point. Short drags make a tight, dramatic glow. Long drags make a soft, gradual one.
Subject positioned off-center with a warm radial gradient glowing behind them
Check your work Your subject should still be fully visible in front of the glow. If the gradient covered your subject, your new layer is in the wrong position, drag it below the subject layer in the Layers panel.

6Add a Headline

5 min · core

  1. In the toolbar, click the Type Tool, the icon shaped like a capital T. Keyboard shortcut: T.
  2. Click once on the canvas in the open space opposite your subject. A blinking cursor appears and Photoshop automatically creates a new text layer.
  3. Type your band or artist name. Make it up, this is a fictional band.
  4. Select your text by dragging across it with the cursor, the same way you would in a word processor. It has to be highlighted for the next changes to apply.
  5. In the options bar, use the dropdowns to change:
    • Font family (the widest dropdown, on the left). Pick something bold and heavy, not a thin or script font.
    • Font size (a number field with a small "T" icon). Type a large number or pick from the dropdown. Album titles are usually big.
    • Text color (the solid color rectangle toward the right). Click it, pick a color that stands out against your background, click OK.
  6. When you are done editing, press Esc or click the checkmark in the options bar to commit the text.
  7. To move your text, switch to the Move Tool (V) and drag it into place.
Want tighter spacing between letters? Highlight your text, then open Window > Character. The Tracking field (labeled "VA" with an arrow) tightens or loosens spacing across the whole word.

7Duplicate Your Subject to Build a Reflection

8 min · core

  1. In the Layers panel, right-click on your subject layer and choose Duplicate Layer from the menu that appears. Click OK in the dialog. Keyboard shortcut: select the layer, press Ctrl+J (Cmd+J).
  2. You now have two identical subject layers. Make sure the new copy is the one selected in the Layers panel.
  3. Go to Edit > Transform > Flip Vertical in the menu bar. The copy flips upside down, but stays in the same spot on the canvas.
  4. Switch to the Move Tool (V) and drag the flipped copy straight down so it sits directly beneath your original subject, like a reflection on a wet floor. Try to line up the feet.
  5. With the flipped layer still selected, look at the top-left of the Layers panel. There is a dropdown that currently reads Normal. This is the blend mode menu. Click it and choose Multiply.
  6. Directly to the right of that dropdown is a field labeled Opacity, set to 100%. Click the number and type 50, or drag across the label to scrub the value down. Anywhere in the 40 to 60 range works.
  7. Try switching the blend mode to Soft Light instead of Multiply and see which one looks better with your colors. There is no wrong answer.
Do not skip the blend mode change. Left on Normal, the flipped copy looks like a second photo sitting on top of your background. Changing it to Multiply or Soft Light lets the background show through, which is what makes the eye read it as a reflection.
Screenshot: flipped duplicate with blend mode changed (to be added)

8Blur and Fade the Reflection

7 min · core

  1. Make sure your flipped reflection layer is still selected in the Layers panel.
  2. Go to Filter > Blur > Gaussian Blur in the menu bar.
  3. A dialog opens with a single Radius slider. Drag it right to increase the blur, watching the live preview on your canvas. Something in the 4 to 10 pixel range usually looks right. Click OK.
  4. Now click the Add Layer Mask icon at the bottom of the Layers panel (same rectangle-with-circle icon from Step 3). A blank white mask thumbnail appears next to your reflection layer.
  5. Click directly on that new white mask thumbnail to make sure you are painting on the mask and not on the image itself. A thin border appears around it when it is active.
  6. Select the Brush Tool from the toolbar, the icon shaped like a paintbrush. Keyboard shortcut: B.
  7. Press D on your keyboard. This resets your foreground and background colors to plain black and white, which is what you want for mask painting. Check the two overlapping color squares near the bottom of the toolbar to confirm black is in front. Pressing X swaps them.
  8. In the options bar, click the brush preset picker (the small brush icon with a dropdown arrow, far left). Two sliders appear:
    • Set Hardness to 0%. This gives you a soft, feathered edge instead of a hard circle.
    • Set Size fairly large, around 150 to 300 pixels, or use the [ and ] keys.
  9. Still in the options bar, find the field labeled Flow and set it to 30%. Note this is Flow, not Opacity, they are two different fields sitting near each other. Low Flow lets you build up the fade gradually with repeated strokes instead of erasing everything at once.
  10. Brush across the bottom portion of your reflection. It fades away as you paint. Keep going until the reflection has disappeared completely by the bottom edge of the canvas.
  11. Painted away too much? Press X to switch to white and paint it back in.
Check your work The reflection should be strongest right under your subject and gone entirely at the bottom of the canvas. If it stops abruptly instead of fading, your brush Hardness is too high, set it to 0% and try again.

9Save and Export

5 min · core

You are saving two separate files: a working file you keep, and a JPEG you turn in.

  1. Go to File > Save As. Shortcut: Shift+Ctrl+S (Shift+Cmd+S).
  2. In the Format dropdown choose Photoshop (*.PSD). Name it and save it somewhere you will find it again. This version keeps all your layers editable.
  3. Now go to File > Export > Export As.
  4. In the panel on the right side of the export window, set the Format dropdown to JPG.
  5. Set the Quality slider to somewhere between 8 and 10.
  6. Click Export and save the file using the naming format at the top of this page: LastName_AlbumCover.jpg
  7. Upload that JPEG to Canvas.
Submit the JPEG, not the PSD. The PSD is your backup in case you want to keep working on it later.

10Optional: Add a Small Badge

5 min · if time allows

  1. In the toolbar, find the Ellipse Tool. It shares a slot with the Rectangle, Triangle, Polygon, Line, and Custom Shape tools, so click and hold that icon and pick Ellipse from the flyout. Keyboard shortcut: U, and Shift+U cycles through the group.
  2. In the options bar, find the leftmost dropdown (it says Shape, Path, or Pixels) and set it to Path. This matters: Path mode creates an invisible guide line for text to follow rather than a filled shape.
  3. Hold Shift and drag on the canvas in one corner to draw a small perfect circle, roughly coin-sized relative to your poster. Shift keeps it from becoming an oval.
  4. Switch to the Type Tool (T). Move your cursor slowly over the circle's outline. When the cursor icon changes to show a small curved line through it, you are hovering on the path. Click there.
  5. Type something short: a tour year, "Limited Edition," a fake record label name.
  6. To reposition the text along the circle, select the Path Selection Tool (the solid black arrow in the toolbar, shortcut A), then click and drag your text along the path.
If your text ends up upside down on the inside of the circle, drag it with the Path Selection Tool across to the opposite side of the path and it will flip right side up.

11Optional: Texture on the Headline

7 min · if time allows

  1. In the Layers panel, click your text layer, then click the Create a New Layer icon at the bottom so the new layer sits directly above it.
  2. Select the Rectangle Tool (U, or from the shape tool flyout). In the options bar set the mode dropdown to Pixels this time, not Path.
  3. Drag out a rectangle that fully covers your headline text. It will fill with your current foreground color, that is fine, the color barely matters here.
  4. Go to Filter > Filter Gallery. Browse the folders in the middle column and pick something with fine grain, look in the Texture or Sketch folders. Avoid heavy patterns like Stained Glass. Adjust the sliders on the right, then click OK.
  5. Right-click your texture layer in the Layers panel and choose Create Clipping Mask. Shortcut: Ctrl+Alt+G (Cmd+Option+G). The texture now only shows through your letters.
  6. With the texture layer still selected, set the blend mode dropdown at the top of the Layers panel to Overlay or Soft Light, and lower Opacity to somewhere between 30% and 50%.
A clipping mask is different from the layer mask you used earlier. A layer mask hides parts of its own layer. A clipping mask uses the layer below as a stencil for the layer above.

Troubleshooting

Tools Used in This Project

Quick Selection Tool, Layer Mask, Move Tool, Free Transform, Gradient Tool (Radial), Type Tool, Layer Duplication, Blend Modes, Flip Vertical, Gaussian Blur, Brush Tool with mask painting

Optional steps add: Ellipse Tool, Type on a Path, Path Selection Tool, Filter Gallery, Clipping Mask