You know the basics. You can crop, adjust brightness, cut clips, and export a finished piece. But there's a massive gap between "competent" and "professional," and it's the techniques in this course that bridge it. Frequency separation, color grading, motion graphics, and compositing are the tools that make people look at your work and think "how did they do that?"
The best part: every technique here uses free software. Photopea gives you Photoshop-level editing in a browser. DaVinci Resolve is Hollywood-grade video editing and color grading, completely free. You don't need expensive subscriptions to create professional work. You just need to know the right techniques.
The techniques in this module separate Instagram filters from professional retouching. These aren't gimmicks. They're the same methods used by professional photographers and retouchers worldwide, and once you understand the principles behind them, you can apply them to any image in any software.
Frequency Separation
Frequency separation is the single most powerful retouching technique you'll learn. It works by splitting an image into two layers: one containing the texture (pores, fine lines, hair strands) and one containing the color and tone (skin color, shadows, broad light patterns). By separating these, you can smooth out blotchy skin tones without destroying skin texture, or fix texture issues without affecting color.
How it works in Photopea:
- Duplicate your image layer twice. Name the bottom copy "Low Frequency" and the top copy "High Frequency."
- Select the Low Frequency layer. Apply a Gaussian Blur (Filter โ Blur โ Gaussian Blur) with a radius of 5-10 pixels. This removes texture detail and leaves only color/tone information.
- Select the High Frequency layer. Go to Image โ Apply Image. Set the source to the Low Frequency layer, blending mode to Subtract, Scale to 2, Offset to 128. Click OK.
- Set the High Frequency layer's blending mode to Linear Light.
- Now you can paint on the Low Frequency layer (using a soft brush with the Clone Stamp or a low-opacity Brush) to smooth out color inconsistencies without affecting texture. And you can use the Healing Brush on the High Frequency layer to fix blemishes without smearing color.
This takes practice to master. The first few attempts will look weird. But once it clicks, you'll never go back to the basic smudge-and-blur approach. Frequency separation gives you surgical control over your retouching that single-layer editing simply cannot match.
Dodge & Burn
Dodge and burn is a technique borrowed from darkroom photography. Dodging lightens areas; burning darkens them. In digital editing, this is how you sculpt light and shadow to add depth, enhance facial features, and draw the viewer's eye to specific parts of the image.
The professional method (non-destructive):
- Create a new layer. Fill it with 50% gray (Edit โ Fill โ 50% Gray).
- Set the layer's blending mode to Overlay or Soft Light. The gray disappears, leaving a transparent canvas.
- Paint with a soft white brush at 5-15% opacity to dodge (lighten). Paint with a soft black brush at 5-15% opacity to burn (darken).
- Build up gradually. Multiple light strokes give you much more control than one heavy stroke. Zoom out frequently to check the overall effect.
Where to dodge and burn for portraits: lighten the center of the forehead, the bridge of the nose, the tops of the cheekbones, and the chin. Darken the edges of the face, the sides of the nose, and under the cheekbones. This creates natural-looking contour that makes the face appear more defined and three-dimensional.
For product photography, dodge the main surfaces and burn the edges and creases. This makes products look more polished and professional without looking fake.
Color Grading for Photos
Color grading goes beyond basic white balance correction. It's about creating a deliberate mood and aesthetic through color choices. Think of the warm orange tones of a sunset portrait, the cool blue-teal look of a tech product shot, or the desaturated earthy tones of a fashion editorial.
Key tools in Photopea:
- Curves: The most powerful color tool. Each color channel (Red, Green, Blue) has its own curve. Lifting the shadows in the Blue channel adds a blue tint to dark areas. Lowering the highlights in the Red channel adds cyan to bright areas. Experiment with individual channels to create distinctive color looks.
- Color Balance: More intuitive than Curves. Separate sliders for shadows, midtones, and highlights let you push warm/cool tones independently in different luminosity ranges.
- Hue/Saturation: Target specific colors and shift their hue, saturation, or lightness. Want to make greens more teal? Select Greens, shift the hue toward cyan, and adjust saturation to taste.
- Selective Color: Even more precise than Hue/Saturation. Lets you adjust the CMYK mix within specific color ranges. Use this for fine-tuning skin tones without affecting the rest of the image.
Batch Processing
When you need to apply the same edits to dozens or hundreds of images, doing it manually is a waste of time. Batch processing automates repetitive editing tasks.
In Photopea, you can record an Action (Window โ Actions โ Record) that captures your editing steps, then replay that Action on multiple files. Record your complete editing workflow on one image, then batch-apply it to an entire folder.
Practical batch processing workflows:
- Product photo consistency: Record your color correction, cropping, and export settings. Apply to all product photos so your store has a cohesive look.
- Social media sizing: Record actions to resize, add your watermark, and export in the correct dimensions for Instagram, YouTube thumbnails, or Twitter headers.
- Preset looks: Save your color grading as an Action. Apply your signature look to any photo with one click.
Professional retouching is about subtlety. If the viewer can tell a photo has been edited, you've gone too far. The best edits are invisible.
๐ก Key Takeaway
Master frequency separation for retouching and dodge/burn for sculpting light. Use Curves for advanced color grading. Save time with batch processing Actions. All of these techniques work in Photopea for free, no Photoshop subscription required.
๐จ Exercise 1.1: Professional Portrait Retouch
Take a portrait photo (yours or a royalty-free image from Unsplash) and apply a complete professional retouching workflow:
- Apply frequency separation and smooth skin tones while preserving texture
- Use dodge and burn to sculpt facial contours on a separate gray layer
- Apply a color grade using Curves adjustments on individual color channels
- Export a before/after comparison showing the original and retouched versions side by side
Deliverable: The Photopea project file (.psd) with all layers intact, plus a side-by-side before/after export. The edit should be visible when pointed out but invisible at first glance.
Static images are powerful, but motion grabs attention in a way that stills can't match. Motion graphics are the animated text, shapes, and visual elements you see in YouTube intros, lower thirds (the name bars at the bottom of interview footage), title sequences, and social media ads. They make your content look polished and professional, and they're surprisingly accessible to create in DaVinci Resolve's Fusion page.
Understanding Keyframes
Every animation in motion graphics is built on keyframes. A keyframe marks a specific value at a specific point in time. You set a keyframe at the start (position X=0) and another at the end (position X=500), and the software fills in all the frames in between. That's animation in a nutshell.
In DaVinci Resolve, you set keyframes on the Edit page using the diamond icon next to any animatable property, or on the Fusion page for more complex animations. The concept is the same everywhere: set a start value, set an end value, let the computer interpolate.
Properties you can animate:
- Position: Move elements across the screen (fly-ins, slides, pans)
- Scale: Grow or shrink elements (zoom effects, pulsing)
- Rotation: Spin elements (transitions, kinetic typography)
- Opacity: Fade elements in or out (dissolves, reveals)
- Color: Shift colors over time (mood changes, highlights)
Easing and Natural Motion
Linear animation (constant speed from start to end) looks robotic and cheap. Real-world objects don't move at constant speed. They accelerate from rest, coast, and decelerate to a stop. Easing curves simulate this natural motion.
The most common easing types:
- Ease In: Starts slow, speeds up. Use when an element is leaving the screen.
- Ease Out: Starts fast, slows down. Use when an element is arriving on screen. This is the most commonly used easing.
- Ease In-Out: Slow start, fast middle, slow end. Use for elements that start and stop on screen. Feels the most natural.
In DaVinci Resolve, right-click a keyframe and select the easing type. On the Fusion page, you can edit spline curves directly for even more precise control. The difference between linear and eased animation is the difference between "student project" and "professional production."
Text Animations
Animated text is the bread and butter of motion graphics. Here are the essential text animations every creator should know:
- Fade up: Text fades from transparent to fully visible. Simple, clean, always works. Animate opacity from 0 to 100 over 15-20 frames.
- Slide in: Text enters from the side, bottom, or top. Combine position animation with ease-out for a smooth arrival. Popular for titles and lower thirds.
- Scale pop: Text starts at 120% size and scales down to 100% with a slight overshoot. Creates an energetic, attention-grabbing entrance.
- Character-by-character: Each letter appears individually with a slight delay. Typewriter effect, bounce-in effect, or random scatter. More complex but very eye-catching.
- Kinetic typography: Text that moves, rotates, and scales in sync with narration or music. Used in explainer videos and music videos. Advanced but impressive.
Lower Thirds
A lower third is the graphic that appears at the bottom third of the screen showing a person's name, title, or other information. It's one of the most common motion graphics elements in video production.
Building a lower third in DaVinci Resolve:
- Create a colored rectangle (shape node in Fusion or a solid color generator on the Edit page)
- Add text for the name and title/role
- Animate the rectangle to slide in from the left (position keyframes with ease-out)
- Animate the text to fade in slightly after the rectangle arrives (staggered timing)
- After 3-5 seconds, reverse the animation to exit
- Save as a Fusion template or compound clip for reuse
A well-designed lower third has consistent branding (your fonts, your colors), clean animation (smooth easing, no pops or jerks), and appropriate timing (appears long enough to read, doesn't overstay its welcome). Create one template and reuse it across all your videos for professional consistency.
Intro and Outro Sequences
Your intro is the first 5-10 seconds of your video, and it sets the tone for everything that follows. Your outro is the last 10-20 seconds, and it drives viewers to take action (subscribe, watch another video, visit your site).
Effective intro principles:
- Keep it under 5 seconds. Long intros lose viewers.
- Match the energy of your content. An upbeat channel gets an energetic intro; a calm tutorial channel gets something minimal.
- Include your logo or brand name, a brief animation, and optionally a sound effect or music sting.
- Don't use it as the very first thing in your video. Hook viewers with content first, then play the intro.
Motion graphics are a skill multiplier. A simple slide-in text animation instantly makes your content look 10x more professional than static text overlays. Start simple and build complexity as your skills grow.
๐ก Key Takeaway
Keyframes are the foundation of all animation. Always use easing curves instead of linear motion. Build reusable templates for lower thirds, intros, and outros so every video has consistent, professional motion graphics without starting from scratch each time.
๐จ Exercise 2.1: Create a 10-Second Animated Intro
Design and animate a channel intro sequence in DaVinci Resolve:
- Choose or create a simple logo/brand mark for a creator channel (yours or fictional)
- Animate the logo appearing with at least two different animation techniques (e.g., scale + fade, slide + rotate)
- Add a text element (channel name or tagline) with its own animation, staggered after the logo
- Apply proper easing to all keyframes (no linear motion)
- Add a background element (gradient, particles, or subtle texture)
- Include a brief sound effect or music sting
- Export at 1920x1080, 30fps
Deliverable: The exported intro video file (MP4, H.264) and the DaVinci Resolve project file. The intro should be 5-10 seconds, loop-able, and feel professionally produced.
Color grading is what transforms flat, boring footage into something cinematic. It's the reason Netflix shows look different from home videos, even when both were shot on similar cameras. DaVinci Resolve was literally built for color grading. It's what Hollywood colorists use, and the free version has almost every feature the paid version does. You're working with professional tools.
Color Correction vs. Color Grading
These terms get used interchangeably, but they're different steps:
- Color correction comes first. It's about fixing: correcting white balance, adjusting exposure, making skin tones look natural, and making the image look like what your eyes saw in person. This is technical, not creative.
- Color grading comes after. It's about feeling: pushing the image toward a specific mood or aesthetic. The warm golden hour look, the cold clinical thriller look, the desaturated documentary look. This is creative, not technical.
Always correct first, then grade. If you try to apply a creative look to footage with a bad white balance, you'll fight the software and the result will look muddy.
Color Wheels
DaVinci Resolve's Color page features three primary color wheels: Lift (shadows), Gamma (midtones), and Gain (highlights). Each wheel lets you push color in a specific tonal range.
How to use them:
- Lift (shadows): Drag toward blue for cool shadows (common in cinematic looks) or toward orange for warm shadows (cozy, intimate feel).
- Gamma (midtones): This affects the bulk of your image. Small adjustments here have a huge impact. Pushing midtones slightly toward green creates a Matrix-like feel; toward magenta creates a dreamy quality.
- Gain (highlights): Controls the brightest parts of the image. Warm highlights with cool shadows (or vice versa) creates the contrast that makes color grading look professional.
- Offset: The fourth wheel. Affects the entire image equally. Use it for overall color shifts after you've set the individual ranges.
The single most common color grading technique: push shadows cool (blue/teal) and highlights warm (orange/amber). This is the "orange and teal" look you see in blockbuster movies. It works because cool shadows and warm highlights create pleasing color contrast, and human skin tones naturally sit in the warm range, making people pop against cool backgrounds.
LUTs (Look-Up Tables)
A LUT is a preset color transformation that remaps your image's colors. Think of it like an Instagram filter, but precise and professional. DaVinci Resolve comes with built-in LUTs, and thousands more are available free online.
How to use LUTs effectively:
- Color correct your footage first. LUTs expect properly exposed, white-balanced footage as input. Applying a LUT to uncorrected footage gives unpredictable results.
- Apply the LUT on a dedicated node. In DaVinci Resolve's Color page, create a new serial node, apply the LUT there. This keeps your correction and grade separate and adjustable.
- Reduce the LUT's intensity. Most LUTs are too strong at 100%. Right-click the node, select "Node Key Output โ Gain" and reduce to 50-70% for a more subtle, natural result.
- Adjust after applying. A LUT is a starting point, not a final destination. Tweak the color wheels, curves, and saturation after the LUT to fine-tune the look for your specific footage.
Matching Shots
If you've shot footage at different times, in different lighting, or with different cameras, the color will be inconsistent. Shot matching is the process of making all your clips look like they belong in the same project.
DaVinci Resolve has a built-in shot matching feature: select a reference clip (the one that looks best), then select the clip you want to match, right-click, and choose "Shot Match to This Clip." Resolve will automatically adjust the second clip's color to match the first. It's not always perfect, but it gets you 80% of the way there, and you can fine-tune manually from that starting point.
For manual matching, use the scopes (Waveform, Parade, Vectorscope) to compare the technical values between clips. Match the luma (brightness) range first, then the color balance. The scopes don't lie: even if two clips look similar on your monitor, the scopes will reveal differences your eyes miss.
Creating a Signature Look
Many successful creators have a recognizable color palette. When someone sees their content, they know who made it before reading the name. This is a signature look, and it's one of the most powerful branding tools available to visual creators.
To develop your signature look:
- Study content you admire. What colors dominate? What's the contrast level? Is it warm or cool? High saturation or muted?
- Experiment with your own footage until you find a grade that feels right for your brand
- Save it as a PowerGrade in DaVinci Resolve (right-click in the Gallery โ Export as PowerGrade) so you can apply it to every future project
- Be consistent. Apply your look to everything you publish
๐ก Key Takeaway
Always color correct before you color grade. Use the three color wheels (Lift, Gamma, Gain) to push shadows and highlights in complementary directions. LUTs are starting points, not final looks. Save your grading as a PowerGrade and apply consistently to build a recognizable visual brand.
๐จ Exercise 3.1: Color Grade Three Moods
Take a single video clip (shoot your own or download a free clip from Pexels) and create three completely different color grades:
- Warm/Cinematic: Orange and teal look with warm highlights, cool shadows, and slightly lifted blacks
- Cold/Thriller: Desaturated with blue-dominant shadows, sharp contrast, and slightly crushed blacks
- Vintage/Film: Reduced contrast, faded blacks (lifted shadows), warm overall tint, and reduced saturation in greens
Export all three versions as separate clips plus a side-by-side comparison frame showing all three grades of the same moment.
Deliverable: Three exported video clips (MP4, H.264), a comparison screenshot, and the DaVinci Resolve project with each grade on a separate version/timeline. Include a brief write-up explaining which tools and adjustments you used for each mood.
Compositing is the art of combining visual elements from separate sources into a single image or video that looks seamless. When someone appears to stand on the surface of Mars, that's compositing. When a product floats and rotates against a clean background, that's compositing. When a creator teleports between locations in a YouTube video, that's compositing. And you can do all of it in DaVinci Resolve's Fusion page.
Green Screen (Chroma Key)
Green screen is the most common compositing technique. You film yourself in front of a green (or blue) backdrop, then digitally remove that color and replace it with whatever background you want.
Setting up a green screen shoot:
- The screen itself: You can buy a collapsible green screen for $20-50, or use a green bedsheet or even green poster board for small shots. The key is even, wrinkle-free coverage behind your subject.
- Lighting is critical: Light the green screen separately from your subject. The screen needs even illumination with no shadows, hot spots, or dark areas. Two cheap LED panels pointed at the screen from 45-degree angles work well.
- Distance: Keep your subject at least 4-6 feet from the green screen. Too close and green light bounces onto your subject ("green spill"), making clean keying nearly impossible.
- Clothing: Don't wear green. This seems obvious but includes subtle greens in patterns, logos, and accessories.
Keying in DaVinci Resolve:
- Bring your footage into the Fusion page
- Add a Delta Keyer node (Effects โ Tools โ Matte โ Delta Keyer)
- Use the eyedropper to pick the green color from your footage
- Adjust the thresholds until the green is fully transparent while your subject remains solid
- Use the "Clean Black" and "Clean White" controls to refine the edges
- Add a background image or video behind the keyed footage using a Merge node
Common issues and fixes: If the edges look jagged, add a slight blur to the matte. If there's green fringing around hair, use the "Matte Blur" and "Erode" controls. If shadows are being keyed out, adjust the luminance range to preserve them.
Masking
When you don't have a green screen, masking is your alternative. A mask is a shape that defines which part of an image is visible and which is hidden. You can draw masks manually (pen tool) or generate them automatically.
Types of masks in DaVinci Resolve:
- Polygon masks: Draw a custom shape around your subject. Works for static or slowly moving subjects.
- Power windows: Predefined shapes (circle, square, custom) on the Color page. Great for isolating areas for color grading.
- Magic Mask (DaVinci Neural Engine): AI-powered masking that automatically detects and isolates people, objects, or features. Available in the free version. Select "Person" and Resolve will track and mask the subject automatically, even as they move.
- Planar masks: Track a flat surface (a wall, a screen, a sign) and attach a mask to it. The mask moves with the surface even as the camera moves.
Tracking
Tracking is the process of following a specific point, surface, or object through a video so you can attach something to it. Want to put a logo on a moving t-shirt? That's tracking. Want to blur a face that moves through the scene? That's tracking.
DaVinci Resolve offers several tracking methods:
- Point tracking: Follows a single high-contrast point. Fast and simple. Use for attaching elements to a specific spot.
- Planar tracking: Follows a flat surface, accounting for perspective changes. More robust than point tracking. Use for replacing screens, signs, or any flat surface.
- Object tracking (Color page): Tracks objects or people for color correction. Select an area, hit Track Forward, and Resolve follows it through the clip.
The key to good tracking: choose a high-contrast tracking point. The software needs to see a clear, distinct feature that doesn't change shape or disappear behind other objects. Corners, logos, and distinct markings make excellent tracking targets. Smooth, featureless areas make terrible ones.
Layering Multiple Sources
Real compositing projects often combine many elements: a background plate, a foreground subject, text overlays, particle effects, and lighting adjustments. The order and blending of these layers determines the final result.
In Fusion, every composite is a node tree. Merge nodes combine two inputs (a foreground over a background). You can chain as many merges as you need, building up your composite layer by layer.
Tips for convincing composites:
- Match lighting: If your background has warm, low light, your foreground subject should too. Mismatched lighting is the #1 giveaway that something is composited.
- Match color temperature: Color grade all elements to match before combining them.
- Add shadows and reflections: If your subject is standing on a surface, they need a shadow. Without it, they look like a sticker.
- Match grain and sharpness: If the background is slightly soft or grainy, add matching grain to your foreground. Mismatched sharpness levels break the illusion.
- Atmospheric depth: Objects farther away should be slightly hazier and less saturated. This is called "atmospheric perspective" and it sells the illusion of depth.
Good compositing is invisible. The viewer should never think about how it was done. If something looks "off" but you can't explain why, check lighting direction, color temperature, and grain first.
๐ก Key Takeaway
Green screen requires even lighting and distance from the backdrop. Use DaVinci Resolve's Delta Keyer for clean chroma key removal. For non-green-screen compositing, use masking and tracking. The secret to convincing composites is matching lighting, color, grain, and sharpness across all layers.
๐จ Exercise 4.1: Composite Yourself Into a Different Background
Create a convincing composite that places you (or a subject) into a completely different environment:
- Film yourself against a green screen (or a clean, evenly-lit wall if you don't have one)
- Choose a background image or video (a cityscape, a beach, a fantasy landscape, a studio set)
- Key or mask yourself out of the original footage
- Composite yourself onto the new background in DaVinci Resolve's Fusion page
- Match lighting direction and color temperature between foreground and background
- Add a shadow or ground contact to sell the illusion
- Color grade the final composite so everything feels unified
Deliverable: The final composited video clip (minimum 10 seconds), the original unprocessed footage, and a brief breakdown describing your keying/masking approach, what adjustments you made to sell the composite, and what you'd improve with more time.
๐ก Course Complete
You can now perform professional-level photo retouching, create polished motion graphics, color grade video with purpose, and build convincing composites. These are the visual skills that set professional creators apart from amateurs. Next up: DSGN-202: User Experience Design 2, where you'll apply your visual skills to designing intuitive, user-friendly digital experiences.