Free Software Tools learning guide
Photoshop Basics for Absolute Beginners: Step-by-Step Guide
Photoshop Basics for Absolute Beginners: Step-by-Step Guide — a free beginner-level guide covering learn to use photoshop for absolute beginners. Learn...
What you will learn
- 1. Getting Started: Interface & Workspace
- 2. Understanding Layers & Selections
- 3. Working with Colors & Brushes
- 4. Basic Photo Editing: Cropping, Resizing, and Adjustments
- 5. Introduction to Masks & Transparency
- 6. Text & Shape Tools
- 7. Simple Photo Effects: Filters & Adjustment Layers
- 8. Exporting & Saving for Web & Print
- 9. Mini Project: Create a Social Media Post
1. 1. Getting Started: Interface & Workspace
A First‑Look at Photoshop Imagine you’ve just taken a photo of a sunrise that you want to turn into a striking social‑media header. You launch Photoshop, stare at a sea of icons, and wonder where to begin. The truth is, before you start drawing or retouching, you need to understand the workspace—the digital desk where every tool lives. This chapter walks you through every pane and button you’ll meet the first time you open Photoshop, shows you how to arrange them for a workflow that feels natural, and teaches the essential navigation tricks that let you move around your image with confidence. By the end, you’ll be able to open a file, zoom in on a detail, pan across the canvas, and save your work as a Photoshop Document (.psd)—the foundation for everything that follows. --- The Menu Bar: Your Command Center At the very top of the screen sits the Menu Bar. Think of it as the “File → Edit → Image” ladder you can climb to access every function Photoshop offers. Each menu groups related commands, and most actions you’ll perform later—such as creating a new document, adjusting image size, or applying a filter—are found here. | Menu | Primary Purpose | Typical First‑Time Use | |------|----------------|------------------------| | File | Create, open, close, and save documents | File → New to start a blank canvas | | Edit | Undo/redo, cut/copy/paste, transform selections | Edit → Transform to resize a layer | | Image | Adjust overall image properties (size, rotation, mode) | Image → Image Size to change resolution | | Layer | Manage layers, create masks, blending options | Layer → New → Layer to add a blank layer | | Select | Make, modify, and save selections | Select → All to highlight the whole canvas | | Filter | Apply creative or corrective effects | Filter → Blur → Gaussian Blur for softening | | View | Control what you see (rulers, guides, zoom) | View → Show → Grid to display a grid overlay | | Window | Show or hide panels (Tools, Layers, Color, etc.) | Window → Layers to bring the Layers panel back | | Help | Access Photoshop help topics and tutorials | Help → Photoshop Help for on‑demand guidance | Tip: Hovering over any menu item highlights a short description at the bottom of the screen. Use this “status bar” as a quick reference while you explore. --- The Options Bar: Contextual Controls Directly beneath the Menu Bar is the Options Bar. Unlike the static Menu Bar, the Options Bar changes its contents depending on the tool you have selected. It provides the most immediate controls for that …
2. 2. Understanding Layers & Selections
A Real‑World Problem: Fixing a Photo Without Damaging the Original You’ve just taken a portrait of a friend, but the background is distracting. You want to blur it while keeping the subject sharp, and you also need to brighten the eyes. The safest way to do this is to work on separate layers and use selections to isolate the parts you’re editing. By the end of this chapter you’ll know exactly how to set up those layers, name and organize them, and pick out the subject with the selection tools—all without ever altering the original image file. --- Why Layers Are the Backbone of Non‑Destructive Editing When you open a file in Photoshop you’re actually looking at a canvas that can hold many transparent sheets stacked on top of each other – those sheets are layers. Each layer can hold its own pixels, text, or adjustment, and you can change one layer without affecting the others. This is what makes Photoshop a non‑destructive editor: the original image stays intact, and you can always go back, tweak, or delete any change you’ve made. Safety: Mistakes are reversible. Flexibility: Reorder layers to change the visual hierarchy. Control: Apply blending modes, opacity, or filters to a single layer only. Think of layers like a stack of transparent acetate sheets in a studio. You can draw on the top sheet, erase it, or move it aside, and the drawing underneath never changes. --- The Layer Panel: Your Command Center If you followed the first chapter, you’ve already seen the Layers Panel on the right side of the workspace. It lists every layer in the current .psd file, showing a thumbnail, the layer name, and icons for visibility, lock status, and blending mode. Core Icons at a Glance | Icon | Meaning | |------|---------| | 👁️ | Visibility – click to hide/show the layer. | | 🔒 | Lock – prevents accidental edits (can lock position, transparency, or all). | | 🎚️ | Opacity – dim the layer’s overall strength (0 % – 100 %). | | ⬜ | Blend Mode – determines how the layer mixes with those below (e.g., Multiply, Screen). | Hovering over an icon shows a tooltip that tells you its function. You’ll use these icons constantly when you create, rename, reorder, hide, lock, and delete layers. --- Creating, Renaming, and Reordering Layers 1. Adding a New Layer 1. Click the Create a new layer icon (the sheet‑of‑paper button) at the bottom of the Layers Panel. 2. A blank layer appears above the currently selected layer and is automatically named Layer 1. Tip: If you want the new layer to inherit the blending mode or opacity of the layer beneath it, …
3. 3. Working with Colors & Brushes
A Splash of Color: Why Choosing the Right Hue Matters Imagine you’ve just taken a photo of a sunrise and want to add a hand‑drawn “sun” that matches the warm tones of the sky. The difference between a flat orange circle and a vibrant, gradient‑rich sun is often just the way you pick and apply colors. In Photoshop, mastering foreground and background colors is the first step toward any creative brush work—whether you’re sketching, retouching, or adding simple accents. --- Selecting Colors Photoshop gives you three fast ways to tell the program which color you want to paint with. All three live in the Tools Panel and are reflected in the Options Bar at the top of the screen. 1. The Color Picker (Foreground/Background Swatches) 1. Locate the swatches – In the lower part of the Tools Panel you’ll see two overlapping squares. The top (solid) square is the foreground color (the color you’ll paint with). The bottom (hollow) square is the background color (used by tools such as the Paint Bucket). 2. Open the Color Picker – Click either swatch. A dialog called the Color Picker appears. 3. Choose a hue – Hue bar (vertical on the right) selects the color family. Saturation/value square (large area) refines the exact shade. Hexadecimal field (bottom) lets you type a web color code (e.g., FF5733). 4. Confirm – Click OK. The swatch updates to show your new color. Tip: Double‑click a swatch to open the Color Picker instantly, even if the tool you’re using isn’t a brush (e.g., the Eraser). 2. Swatches Panel – Quick Access to Favorites If you often reuse the same colors, the Swatches panel (Window → Swatches) is a visual palette of saved colors. Add a swatch – After picking a color with the Color Picker, click the New Swatch button at the bottom of the panel. Apply a swatch – Simply click a swatch; the foreground color updates automatically. Organize – Drag swatches to reorder them, or create groups for project‑specific palettes. Tip: Photoshop ships with a set of “Web Safe” swatches. For print‑oriented work, you may want to create a custom set that matches your brand colors. 3. Eyedropper Tool – Grab Color Directly from the Image The Eyedropper (shortcut I) lets you sample any pixel on the canvas. 1. Select the Eyedropper from the Tools Panel. 2. Click on the area whose color you want to capture. The foreground swatch instantly changes to that exact hue. 3. Sample multiple points – Hold Shift and click additional spots; Photoshop will average the colors. Tip: If you need a soft, blended sample (e.g., for a gradient sky), set the Sample Size in the Options Bar to 3 …
4. 4. Basic Photo Editing: Cropping, Resizing, and Adjustments
1. A Real‑World Problem: The “Perfect” Instagram Post You’ve just captured a vibrant street‑scene on your phone. The composition looks great, but the horizon is a little crooked, the edges contain distracting clutter, and the image is larger than the 1080 × 1080 px square you need for Instagram. What do you do? You could re‑shoot the photo, but with Photoshop you can crop the unwanted area, straighten the horizon, resize the canvas to the exact dimensions your platform requires, and make a quick brightness/contrast tweak—all in a few minutes. The steps below walk you through exactly that workflow, showing how the same techniques apply to any photo you need to polish. --- 2. Cropping & Straightening the Image 2.1 What the Crop Tool Does The Crop tool (shortcut C) lets you trim away pixels outside a defined rectangle. While cropping, Photoshop also offers a Straighten option: you draw a line along a reference edge (e.g., a building’s roof), and Photoshop rotates the image so that line becomes perfectly horizontal or vertical. Tip: The Crop tool works on the current layer. If you have multiple layers, make sure the layer you want to edit is selected in the Layers panel (introduced in Chapter 2). 2.2 Step‑by‑Step: Cropping a Photo 1. Select the Crop tool from the Tools panel or press C. 2. In the Options Bar (just below the Menu Bar), you’ll see fields for Width, Height, and Resolution. - For a square Instagram post, type 1080 px for both Width and Height. - Leave Resolution blank unless you’re preparing the file for print (300 ppi is standard for print). 3. Click anywhere on the image. A rectangular marquee appears, surrounded by handles at the corners and mid‑sides. 4. Drag the handles to include the portion you want to keep. - As you move the edges, Photoshop shows a live preview of the cropped result. 5. To straighten the horizon: - Hover just outside a corner handle until the cursor turns into a rotate icon. - Click and drag to rotate the crop box, or—more precisely—click the Straighten button (a small ruler icon) in the Options Bar. - Draw a line along the horizon or any edge that should be level. Photoshop will automatically rotate the image so that line becomes horizontal. 6. Press Enter (or click the check‑mark in the Options Bar) to apply the crop. Note: Cropping deletes the trimmed pixels from the file, but Photoshop keeps a non‑destructive copy in the History panel (see Section 5). You can always revert if needed. 2.3 Common Cropping Scenarios | Scenario | Recommended Settings | |----------|----------------------| | Social‑media square (Instagram, Facebook) | Width = Height = 1080 px (or 1200 …
5. 5. Introduction to Masks & Transparency
Seeing Through Layers: Why Transparency Matters Imagine you’ve just taken a beautiful portrait, but the background is a busy street that steals the focus from the subject. You could crop the image, but that would cut off parts of the person’s shoulders. Instead, you can hide the unwanted background while keeping the original pixels intact—so you can bring the street back later if you change your mind. This is the power of layer transparency and masks. Transparency lets you control how much of a layer shows through to the layers below it. By adjusting Opacity or using Blend Modes, you can make a layer partially visible, fully invisible, or anything in between. Masks take this a step further: they let you hide or reveal specific areas of a layer without erasing any data. Because the changes are non‑destructive, you can always tweak or reverse them later—an essential habit for any Photoshop beginner. --- Layer Transparency Basics Opacity Opacity is the simplest way to make a whole layer more or less visible. 1. Select the layer you want to adjust in the Layers panel. 2. Locate the Opacity slider at the top of the panel (just below the Blend Mode dropdown). 3. Drag the slider left (decrease) or right (increase). - 100 % = fully opaque (the default). - 0 % = completely transparent (the layer disappears). Because you already saw how the Opacity slider works for brushes in Chapter 3, the same control applies to entire layers. Blend Modes Blend Modes determine how a layer’s pixels combine with the pixels of layers beneath it. The most common modes for transparency work are: | Blend Mode | What It Does | Typical Use | |------------|--------------|-------------| | Normal | No special interaction; the layer sits on top. | Default; when you don’t need any blending. | | Multiply | Darkens the underlying colors (like drawing with a black marker). | Adding shadows or darkening a background. | | Screen | Lightens the underlying colors (like drawing with a white marker). | Brightening an image or creating a glow. | | Overlay | Combines Multiply and Screen to increase contrast. | Adding texture or punchy color effects. | | Soft Light | A gentler version of Overlay, adds subtle contrast. | Fine‑tuning lighting. | To change a layer’s Blend Mode: 1. Click the Blend Mode dropdown in the Layers panel. 2. Hover over each option to see a live preview on your canvas. Understanding Blend Modes is useful when you later combine masks with adjustment layers (covered in later chapters), but even now they let you experiment with how a masked area interacts with the rest of the image. --- Introducing Layer Masks …
6. 6. Text & Shape Tools
Adding Text: Point, Area, and Paragraph Picking the Right Text Tool The Type Tool lives in the Tools Panel (look for the “T” icon). Click it once to reveal three sub‑options in the Options Bar: | Option | When to use it | |--------|----------------| | Point Text | You need a single line or a short burst of text that expands as you type. | | Area Text | You want text to flow inside a rectangular or elliptical container—ideal for captions or blocks of copy. | | Paragraph Text | Same as Area Text, but the container automatically expands vertically to fit the whole paragraph. | Tip: If you’re unsure, start with Point Text; you can always convert it later (see the Convert to Paragraph Text button in the Options Bar). Point Text – The Quick‑Start Method 1. Select the Type Tool (T). 2. Click anywhere on the canvas. A blinking cursor appears. 3. Start typing. As you type, the box grows horizontally. 4. Press Enter/Return to start a new line; the box will keep expanding. Because Point Text is anchored to a single point, you can move the whole block by selecting the Move Tool (V) and dragging the text layer. Area Text – Controlling the Layout 1. Select the Type Tool and click‑and‑drag to draw a rectangle (or ellipse, if you’re using the Elliptical Marquee while the tool is active). 2. Release the mouse. A text box appears inside the shape. 3. Type or paste your content. Text will automatically wrap to the next line when it reaches the edge of the box. Why use Area Text? It lets you set a fixed width, which is essential for columns, captions, or any design where line length matters. Paragraph Text – Let the Box Grow With You 1. Select the Type Tool and double‑click anywhere on the canvas. 2. Photoshop creates a Paragraph Text layer that expands vertically as you type. Note: Paragraph Text behaves like Area Text with an “auto‑height” container. It’s perfect for longer copy where you don’t want to worry about manually resizing the box. Modifying Font Properties All font‑related settings live in the Options Bar when the Type Tool is active, and you can also open the Character and Paragraph panels (Window → Character / Paragraph). | Property | Where to find it | What it does | |----------|-------------------|--------------| | Font Family | Options Bar drop‑down | Chooses the typeface (e.g., Arial, Helvetica). | | Style | Options Bar (Regular, Bold, Italic…) | Applies weight or slant. | | Size | Options Bar (numeric field) | Controls the height of the letters. | | Color | Swatch box in Options Bar | Sets the …
7. 7. Simple Photo Effects: Filters & Adjustment Layers
Adding Adjustment Layers for Creative Control Photoshop’s adjustment layers let you change the look of an image without permanently altering the original pixels. Because they sit above your photo layer, you can turn them on or off, change their order, or edit their settings at any time—exactly the kind of non‑destructive workflow you practiced with masks in Chapter 5. Why Use Adjustment Layers? - Safety: The underlying image stays untouched. If you don’t like the result, simply delete the adjustment layer. - Flexibility: Multiple adjustments can be stacked, each with its own opacity and blend mode. - Reusability: Drag an adjustment layer onto another document to reuse the same settings. Where to Find the Adjustment Layer Buttons The Layers panel (introduced in Chapter 2) contains a row of icons at its bottom. The first icon looks like a half‑filled circle; clicking it opens the New Adjustment Layer menu. From there you can choose Hue/Saturation, Color Balance, Levels, and many more. Tip: If you prefer the menu bar, go to Layer → New Adjustment Layer and pick the same options. 1. Hue/Saturation Hue/Saturation lets you shift the overall color hue, boost or cut saturation (color intensity), and adjust lightness. 1. Click the New Adjustment Layer icon and select Hue/Saturation. 2. In the Properties panel that appears, you’ll see three sliders: Hue, Saturation, and Lightness. 3. Drag the Hue slider left or right to rotate all colors around the color wheel. 4. Move the Saturation slider to make colors more vivid (right) or more muted (left). 5. Adjust Lightness to brighten or darken the entire image. Practical scenario: You’ve taken a portrait under midday sunlight, and the skin tones look a bit too warm. By lowering the Hue slightly and pulling back the Saturation, you can achieve a cooler, more natural look without ever touching the original photo layer. 2. Color Balance Color Balance gives you control over the mix of Cyan‑Red, Magenta‑Green, and Yellow‑Blue in the shadows, midtones, and highlights. This is especially handy for correcting color casts or creating a stylized mood. 1. Choose Color Balance from the adjustment layer menu. 2. In the Properties panel, you’ll see three sets of sliders labeled Shadows, Midtones, and Highlights. 3. Pick a tonal range (e.g., Midtones) and slide the Cyan‑Red control toward Red if the image feels too cyan, or toward Cyan if it feels too red. Do the same for the other two color pairs. 4. Use the Preserve Luminosity checkbox to keep the overall brightness stable while you shift colors. Practical scenario: A landscape photo taken at sunrise has a strong blue cast in the shadows. By moving the Cyan‑Red slider toward Red in the Shadows set, you can restore …
8. 8. Exporting & Saving for Web & Print
A Real‑World Situation: The Dual‑Purpose Project Imagine you’ve just finished designing a vibrant promotional banner for a client’s new product launch. The same design will appear in two places: 1. Online – as a header image on the company’s website, where fast loading speed and crisp colors on any screen are essential. 2. Print – as a flyer that will be printed on a professional offset press and handed out at a trade show. Both uses look like they should be the same file, but the technical requirements are completely different. One wrong setting and the web version could take forever to load, while the printed flyer might appear dull or blurry. This chapter shows you how to finish your Photoshop work so it shines on both the screen and the page. --- 1. Choosing the Right File Format A file format tells Photoshop (and any other program) how the image data is stored. The most common formats you’ll need as a beginner are: | Format | Typical Use | Key Characteristics | |--------|-------------|----------------------| | PSD | Master file, future editing | Preserves layers, masks, adjustment layers, text, and all Photoshop settings. Large file size. | | JPEG | Photographs on the web, email, quick‑share prints | lossy compression (some data discarded), adjustable quality, 8‑bit RGB only, no transparency. | | PNG | Graphics with transparency, screenshots, UI elements | lossless compression (no quality loss), supports alpha channel (transparency), 8‑bit RGB or RGBA. | | GIF | Simple animations, tiny icons, limited‑color graphics | 256‑color palette, lossless for those colors, supports simple animation and transparency. | Tip: Keep a PSD version of every project. It’s your “master copy” that lets you go back and change any layer, mask, or text later without starting from scratch. When to Use Each Format - Web banner → JPEG if the image is a full‑color photograph with no need for transparency, PNG if you need crisp edges or a transparent background, GIF only for very simple graphics or tiny animated loops. - Print flyer → JPEG at high quality (90‑100 % quality) or PDF/TIFF for professional printing (these aren’t covered in depth here, but the same principles apply). --- 2. Resolution and Color Modes: 72 dpi vs 300 dpi, RGB vs CMYK 2.1 What Is DPI? DPI stands for dots per inch and indicates how many pixels Photoshop will map to each inch when the image is rendered. - 72 dpi – the historic screen standard. Modern monitors can display far more, but 72 dpi is still the default for most web‑export settings because it keeps file size low. - 300 dpi – the typical requirement for high‑quality print. It gives the printer enough …
9. 9. Mini Project: Create a Social Media Post
From Blank Canvas to Instagram-Ready Post Imagine this: it’s Tuesday evening, and your favorite café just dropped a new seasonal drink. You snap a photo with your phone, but the lighting is flat, the background is cluttered, and the text that should go on the image hasn’t even been created yet. In less than an hour, you could turn that raw photo into a polished social media post—ready to share with thousands of followers. With Photoshop, that transformation is not just possible; it’s repeatable, even for beginners. This chapter isn’t about theory. You’ve already learned how to navigate the workspace, manage layers, adjust colors, and use masks and text. Now, you’ll apply those skills in one fluid workflow to create a single, shareable Instagram graphic. By the end, you’ll have a high-quality JPEG that looks intentional, not accidental—and you’ll understand how each step connects to what you’ve already practiced. --- Set the Stage: A 1080×1080 Canvas with Purpose Instagram is a visual platform, and the square format (1:1) is still a classic choice, especially for brand posts or personal feeds emphasizing balance. A 1080×1080 pixel canvas is the standard for high-quality Instagram posts, ensuring your image looks sharp on both mobile and desktop screens. Why 1080×1080? - It’s Instagram’s default upload size for square posts. - It avoids pixelation when viewed on high-resolution screens. - It fits neatly into Instagram’s feed without awkward cropping. How to set it up: 1. Open Photoshop. 2. Go to File New. 3. In the dialog box: - Name your project: “AutumnLattePost” - Set Width to 1080 pixels and Height to 1080 pixels. - Set Resolution to 72 pixels per inch (ppi). While 300 ppi is ideal for print, 72 ppi is standard for web and social media. - Color Mode: RGB Color (for screen display). - Background Contents: White (a clean start). 4. Click Create. You now have a blank 1080×1080 canvas. Notice the Layers Panel on the right—it’s empty, ready for your first layer. --- Bring in the Photo: Import, Crop, and Position You’ve got your photo, but it might not be perfect. Maybe the subject is off-center, or the lighting is too dim. Let’s fix that. Step 1: Import the image Go to File Open, select your photo, and click Open. The image opens in a new tab. To move it into your project, use the Move Tool (V) from the toolbar. Click and drag the image onto your 1080×1080 canvas. Step 2: Resize and reposition With the photo layer selected in the Layers Panel: - Press Ctrl+T (Windows) or Cmd+T (Mac) to activate Free Transform. - Hold Shift to maintain proportions while dragging a corner handle to resize. - Drag inside …
Continue learning
- Learn SketchUp Fast: A Complete Beginner's GuideLearn SketchUp Fast: A Complete Beginner's Guide — a free beginner-level guide covering how to use sketchup for beginners. Learn with clear...
- Learn to Use Slack for Business: A Beginner's GuideLearn to Use Slack for Business: A Beginner's Guide — a free beginner-level guide covering learn to use slack for business. Learn with clear...
- Excel for Bookkeeping: A Beginner's Step-by-Step GuideExcel for Bookkeeping: A Beginner's Step-by-Step Guide — a free beginner-level guide covering learn how to use excel for bookkeeping. Learn with clear...
- Microsoft Word for Beginners: A Step-by-Step GuideMicrosoft Word for Beginners: A Step-by-Step Guide — a free beginner-level guide covering beginner's guide to using microsoft word. Learn with clear...