Photoshop & Graphic Design Tutorials | TutorialsFX

One of the most common beginner mistakes in Photoshop isn't a design mistake at all — it's saving the file the wrong way. You spend an hour editing a photo, hit save, and either the quality tanks or you can't open it anywhere else. Here's how to avoid that. PSD: Your Working File PSD is Photoshop's native format. It keeps everything — every layer, every adjustment, every bit of text still editable. Think of it as your source file, not something you'd ever send to a client or upload to a website. My rule: every project starts with a PSD, and I never delete it, even after exporting the final image. If a client asks for a change six months later, you'll want that layered file, not just the flattened export. JPG: For Photos and Web Use JPG compresses your image to keep file sizes small, which makes it the standard choice for photos going on a website, social media, or anywhere file size matters. The tradeoff is that JPG is "lossy" — it throws...

Before you touch filters, effects, or anything fancy, there are three adjustments worth actually understanding: brightness, contrast, and levels. Almost every photo you edit will start with one of these, and getting comfortable with them will fix more photos than any preset ever will. Brightness/Contrast: The Quick Fix Found under Image > Adjustments > Brightness/Contrast , this is the simplest tool in Photoshop, and also the easiest to overdo. Brightness pushes every pixel lighter or darker, evenly across the board Contrast pushes your lights lighter and your darks darker, which makes an image feel punchier The mistake I made constantly as a beginner: cranking both sliders until the photo "popped," then zooming out and realizing I'd blown out the highlights or crushed the shadows into pure black. My rule now — make small moves, then step away from the image for a few seconds and look again with fresh eyes before committing. Levels: The Tool Worth Lea...

Color theory sounds academic, but in practice it's just a handful of ideas that explain why some color combinations feel right and others feel off. You don't need an art degree to use it — you need about four concepts and a habit of testing your choices before committing. The Color Wheel, Practically Speaking The color wheel arranges colors by how they relate to each other. You don't need to memorize the whole thing — you need to recognize three relationships on it: Complementary — colors directly opposite each other (like blue and orange). High contrast, high energy, easy to make something pop Analogous — colors sitting next to each other (like blue, teal, green). Calm, cohesive, low tension Triadic — three colors evenly spaced around the wheel. Vibrant, but harder to balance without one color overwhelming the others When I'm stuck on a palette, I don't start by picking colors I like — I start by picking one of these three relationships, then find ...

Typography is one of those things that's invisible when it's done well and glaring when it's done badly. You don't need to know fifty terms to get it right — you need to understand three decisions: what typeface to use, how to pair fonts, and how to space things out. Serif vs Sans Serif: Pick Based on Feel, Not Habit Serif fonts have small strokes at the ends of letters (think Times New Roman, Georgia). Sans serif fonts don't (think Helvetica, Arial). The common advice — "serif for print, sans serif for screens" — is outdated. Screens display serif fonts just fine now. What actually matters is the feeling you want: Serif reads as traditional, established, editorial — think newspapers, law firms, universities Sans serif reads as modern, clean, approachable — think tech startups, apps, minimalist brands Neither is "better." Pick based on the tone of the project, not because you read a rule somewhere. Font Pairing: The Two-Font Rule...

A design can have great colors and beautiful typography and still feel off if the layout isn't working. Composition is the part that's hardest to put into words, but a handful of practical rules get you most of the way there. Start With a Grid, Not a Blank Canvas One of the biggest differences between beginner and professional layouts is structure. A grid — invisible columns and rows that everything aligns to — is what makes a design feel organized even before anyone consciously notices why. You don't need anything complicated. A simple 12-column grid (most design tools have this built in) gives you enough flexibility to create varied layouts while keeping everything snapped to consistent lines. When elements align to invisible guides instead of floating wherever they "look okay," the whole design reads as more intentional. The Rule of Thirds Divide your canvas into a 3x3 grid — two horizontal lines, two vertical lines. The four points where those lines...

Once you're comfortable finding your way around Photoshop, layers and masks are the next real skill jump. They're the difference between "editing a photo" and "editing a photo non-destructively" — meaning you can undo or adjust your work later without starting over. A Quick Recap: What Layers Actually Do Think of layers as stacked sheets of transparent glass. Whatever's on the top layer covers whatever's underneath it, unless that top layer has transparent areas. You can move, hide, or edit each layer independently, which is what makes complex edits manageable instead of overwhelming. A few panel basics worth knowing: Eye icon — click it to hide/show a layer without deleting it Opacity slider — controls how see-through a layer is, from fully solid to fully invisible Drag order — layers higher in the panel sit visually on top of ones lower down The Layers panel — each layer can be hidden, reordered, or given its own mask. Layer Masks:...

Before you can edit, move, or mask any specific part of an image, you need to select it first. Photoshop gives you several selection tools, and picking the right one for the job saves you a lot of frustration. Here's how to actually choose between them. Marquee Tools: For Clean, Geometric Shapes The Marquee tool (M) gives you rectangular or elliptical selections. It's the simplest tool in the group, and it's exactly what you want when your subject actually has a clean geometric edge — cropping a section out of a screenshot, selecting a circular logo, that kind of thing. Hold Shift while dragging to constrain it to a perfect square or circle. Hold Alt/Option to draw the selection out from the center instead of the corner. Lasso Tools: For Freehand Selections The Lasso (L) lets you draw a selection freehand, which sounds useful but is honestly hard to control with a mouse — most people end up with jagged, imprecise edges. It's better suited for rough, quick se...

You don't need to memorize every shortcut Photoshop has — most people use maybe 15-20 regularly. Learning even a handful of the right ones cuts a surprising amount of time off everyday editing. Here's the set I'd actually recommend starting with. Navigation & View Ctrl/Cmd + +/- — zoom in and out Ctrl/Cmd + 0 — fit the image to your screen Spacebar (hold) — temporarily switch to the Hand tool to pan around, no matter what tool you're currently using Tab — hide all panels for a distraction-free view of just your canvas That spacebar trick alone saves constant tool-switching — you can be mid-brush-stroke, hold spacebar, drag to reposition your view, release, and keep painting exactly where you left off. Tool Shortcuts V — Move tool M — Marquee (selection) L — Lasso W — Quick Selection / Magic Wand B — Brush E — Eraser C — Crop Z — Zoom These match the tools covered in the selection tools guide — worth learning together since you...

Before layers, masks, or anything advanced, there are three moves you'll use in almost every single project: cropping, resizing, and rotating. They sound simple, but each one has a wrong way to do it that quietly ruins image quality if you're not paying attention. Cropping: Cutting Down to What Matters Cropping means trimming away the parts of an image you don't need. In Photoshop, the Crop tool (C) is the most direct way to do it — click and drag to draw a box around the area you want to keep, adjust the edges if needed, then hit Enter to commit. A habit worth building: set an aspect ratio before you drag, if you know where the image is going. The Crop tool's options bar lets you lock in a ratio like 4:3 or 16:9 — deciding this upfront saves you from cropping something perfectly, only to realize it doesn't fit the space you actually needed it for (a banner, a thumbnail, a print size). One thing to avoid: cropping directly on your only copy of the file. Dupl...