Basic Knowledge About Adobe Photoshop

Photoshop is built around a few core ideas: a workspace you can organize, a document (your canvas) with specific dimensions and resolution, and panels that control tools, layers, and adjustments. When those pieces are set correctly, your edits stay consistent and your exports come out the way you expect.

The Photoshop interface (workspace basics)

Toolbar - The vertical tools area on the left (like Move tool, Marquee tool, Brush tool). These tools change what actions happen when you click or drag on the canvas. Options Bar - The horizontal bar at the top that changes depending on the selected tool. For example, when you choose the Type tool, the Options Bar lets you set font and size. Canvas (document window) - The main area where you view and edit your image. Panels - Dockable windows (like Layers, Color, and Properties) that hold controls and information. Panels are where most day-to-day “settings” live.

A quick differentiator to watch for: the Layers panel is not just a list-it’s the control center for visibility, stacking order, and how your edits combine. If the Layers panel is hidden, you’re missing a big part of how Photoshop “thinks.”

To keep your workspace usable, you’ll often use the same panel set every time. If your layout gets scrambled, use the Window > Workspace options to switch back to a standard layout (like Essentials). This helps when you’re teaching or building repeatable training materials.

Panels you’ll rely on early - Layers panel - Shows each layer (like text, shapes, and image layers) and lets you hide/show and reorder them. - Properties panel - Shows context-sensitive settings (for selected layers or tools). For example, when you select a layer, Properties often gives quick controls without hunting. - History panel - Lets you step backward through edits. Think of it as a timeline you can return to while you’re learning.

Ask yourself: If you can’t find Layers or Properties, can you still confidently select a layer and export it? The answer should be “no,” which is your cue to locate and pin these panels.

Document creation: size, units, and resolution

When you create a document, Photoshop needs three main pieces of information:

Document size - The width and height of the canvas (for example, 1080 px by 1080 px for a square image). Units - The measurement system you choose (pixels, inches, centimeters, points). Resolution (PPI) - “Pixels per inch” (PPI) controls how dense the pixels are when the document is printed or when you convert between screen and print expectations.

Resolution basics in plain terms: - For screen-only work (web, social media), you usually think in pixels. - For print work, you usually think in inches (or centimeters) and PPI.

Here’s the practical differentiator: if a printer asks for “300 PPI,” they’re not asking for a random number-you’re matching their workflow so your printed image doesn’t come out blurry or stretched.

Common starting points (not rules, but safe beginners’ defaults) - Social media square: 1080 px × 1080 px (resolution can be set to 72 PPI or left at default; the pixel dimensions matter most). - Flyer for print: 8.5 in × 11 in at 300 PPI (standard letter size in the US).

Choosing the right resolution before you edit

Resolution becomes a problem when you edit at one size and later export at another, or when you scale a document without understanding what’s being changed.

Resample - A setting that changes pixel data when you change size/resolution. If resample is on, Photoshop can add or remove pixels (which can soften or distort details). If resample is off, Photoshop tries to keep pixel data consistent and may change how large the image prints.

You don’t need to memorize resample options yet, but you should know this: if you want a crisp result, decide your final output size early. Then your tools (brush sizes, type size, shape dimensions) make sense.

File setup for organization (before editing)

Before you draw, place images, or type text, set up your layers so you can find things later. This matters even more for beginners because it’s easy to create a dozen layers and then lose track.

A simple layer setup prevents most “where did that go?” moments: - Keep background separate from editable content. - Group related layers (like all text layers for a poster). - Name layers so they match their purpose (for example, “Headline,” “Product Photo,” “Logo”).

Layer group - A folder inside the Layers panel that holds related layers. Groups help you move, hide, or export sections together.

Then think about export readiness: - If you’ll export for web, ensure your document is sized in pixels. - If you’ll export for print, ensure your document is sized in inches (or centimeters) with the right PPI.

Practical takeaway: When your document dimensions match your output need (pixels for screen, inches + PPI for print), your later tools and exports behave like you expect.

Worked Example

Let’s set up a document that’s ready to export for a web post: a square image for social media. We’ll also set up layers so it stays organized when you add text and an image.

Goal Create a 1080 × 1080 pixel document for a web post, then prepare a clean layer structure before editing.

Steps (with decisions and outcomes)

1. Open a new document - In Photoshop, choose File > New. - Look for fields for Width and Height.

2. Set pixel dimensions - Enter 1080 for Width. - Enter 1080 for Height. - Set units to px (pixels). - Outcome: Your canvas is the correct shape and size for a square upload.

3. Set resolution - Find the Resolution field (PPI). - Set it to 72 PPI (a common web-friendly value). - Outcome: This helps keep screen workflows consistent. Pixel dimensions are still what matter most for web output.

4. Choose a color mode - Ensure Color Mode is RGB. - Outcome: RGB is the standard for screens, and it keeps colors from shifting during export.

5. Create the document - Click Create (or OK, depending on your version). - Outcome: You now have a blank canvas with a default background layer.

6. Set up layers before editing - In the Layers panel, rename the background layer to something clear like Background (right-click layer > Rename). - Create a layer group named Text. - Create a layer group named Artwork. - Outcome: When you add text later, it won’t mix with images or adjustments.

7. Decide how you’ll add the main photo - If you plan to place a product photo, you’ll typically use File > Place Embedded (instead of copy/paste). - Place your photo into the Artwork group. - Outcome: The photo becomes a layer you can resize and reposition cleanly, without losing quality from repeated copy/paste.

8. Add a test text layer (optional but helpful) - Select the Type tool (T). - Click on the canvas and type a short headline like “SALE”. - Make sure the new text layer appears under the Text group. - Outcome: You can confirm your file is ready for editing and that your layer organization works.

9. Check what you’ll export - Save the file as a Photoshop document first (PSD), so layers stay editable. - Later, you’ll export as PNG or JPG depending on your needs.

Final result: You end with a 1080 × 1080 px RGB document at 72 PPI, with a tidy layer structure (Background + groups for Text and Artwork) that you can confidently edit and export for the web. Bold takeaway: your export will match the intended square size because you set pixel dimensions first, and your layers stay organized because you grouped before editing.

Prompt to reflect: Before you touch any tools, can you explain why you chose 1080 px × 1080 px and RGB? That’s the kind of reasoning that prevents export surprises.

Check Your Understanding

1. Where do you find the settings for the selected tool, and what changes them? Hint: Think of the bar at the top that updates when you switch tools.

2. You’re designing a web banner. Which unit is most important for size: pixels or inches? Hint: Web output is measured in screen pixels. Resolution (PPI) matters less than pixel dimensions.

3. What does “PPI” stand for, and what does it affect? Hint: It’s tied to how pixels relate to physical inches for printing.

4. Why should you create layer groups like “Text” and “Artwork” before you start adding content? Hint: Consider how you’ll hide, move, or export related items later.

5. You set a document to 8.5 × 11 inches at 300 PPI for print. What common export problem does this help you avoid? Hint: Think about blurry prints or output that looks stretched because the document was set up for the wrong output size.

Answer Key 1. The Options Bar at the top; it changes based on the selected tool. 2. Pixels (px). 3. PPI = pixels per inch; it affects how the image maps to physical print size. 4. Groups keep related layers organized, so editing and exporting sections is easier and less error-prone. 5. It helps avoid prints that come out soft/blurry or incorrectly sized due to mismatched document settings.

Good next step: In the next chapter, you’ll build on this setup by learning how to work inside the document efficiently-using tools and panel controls to edit with confidence while keeping your file structure intact.

End of chapter one. 4 more chapters in the full book.