How to Add a Spotlight Effect Around Your Cursor
Add a spotlight or dimming effect around your cursor in screen recordings using Screenify Studio, Screen Studio, Cursor Pro, or DaVinci Resolve.
When you record a screen packed with toolbars, panels, and nested menus, your cursor becomes a tiny arrow lost in a sea of UI elements. A spotlight effect solves this by dimming everything outside a radius around your cursor, creating an instant focal point that follows your mouse. Viewers stop scanning the screen and start tracking your movements — exactly what you need in tutorials, product demos, and code walkthroughs.
The spotlight technique works differently from simple cursor highlighting or color circles. Instead of making the cursor itself more visible, it reduces the visual noise around it. This is especially powerful in dense interfaces like Figma's layer panels, VS Code's multi-pane layouts, or spreadsheet applications where dozens of cells compete for attention.
Here are four approaches to adding cursor spotlight effects, from built-in recorder features to manual post-production compositing.
Quick Comparison
| Tool | Price | Spotlight Type | Real-Time Preview | Adjustable Parameters |
|---|---|---|---|---|
| Screenify Studio | Free plan available | Built-in dimming overlay | Yes | Radius, opacity, feather |
| Screen Studio | $89 one-time | Integrated focus effect | Yes | Radius, intensity |
| Cursor Pro | $2.99 | Standalone overlay | Yes | Radius, color, opacity |
| DaVinci Resolve | Free | Post-production mask | No (render required) | Unlimited |
Method 1: Screenify Studio
Screenify Studio includes a cursor spotlight as part of its cursor effects suite. The spotlight renders during recording and composites directly into the output video, so it does not alter your actual screen while you work.
Step-by-Step Setup
-
Open Screenify Studio and choose your capture area. The spotlight works with full-screen, window, and region capture modes.
-
Navigate to cursor settings. Click the cursor icon in the recording toolbar, or open Settings → Cursor → Effects.
-
Enable Spotlight mode. Toggle on "Cursor Spotlight." The preview panel shows a live simulation of the effect.
-
Adjust the spotlight radius. This controls how large the bright area around your cursor is. For dense UI recordings (Figma, Excel), a smaller radius (150-200px) creates a tighter focus. For general desktop recordings, 250-350px feels natural.
-
Set the dim opacity. This controls how dark the area outside the spotlight becomes. Start with 40-50% opacity — dark enough to guide attention but light enough that viewers can still see the surrounding context. For maximum drama (presentation-style demos), push it to 70-80%.
-
Configure feather amount. Feathering softens the edge of the spotlight circle. A hard edge (0% feather) looks clinical and precise. A soft edge (40-60% feather) creates a natural vignette that feels less aggressive. Most tutorial creators prefer 30-40% feather.
-
Start recording. The spotlight follows your cursor in real time and appears in the exported video. Your physical screen remains unchanged.
Try Screenify Studio — free, unlimited recordings
Auto-zoom, AI captions, dynamic backgrounds, and Metal-accelerated export.
Combining With Other Cursor Effects
The spotlight pairs well with Screenify's other cursor features. Enable click highlighting so viewers see a visual pulse each time you click inside the spotlit area. Add auto-zoom to zoom into the area your cursor moves to — the spotlight dims the periphery while auto-zoom enlarges the focal point, creating a powerful double emphasis.
Method 2: Screen Studio
Screen Studio, a popular macOS recorder aimed at polished product demos, includes a cursor focus effect that dims surrounding areas. It is part of their broader "beautiful recordings" feature set.
Step-by-Step Setup
-
Open Screen Studio and start a new recording project.
-
Access cursor settings. In the left panel, click the "Cursor" tab. You will see options for cursor size, smoothing, and highlight effects.
-
Enable the focus/dimming effect. Toggle "Background Dimming" under the cursor section. Screen Studio dims everything outside a circular area centered on your cursor.
-
Adjust intensity. The intensity slider controls the dimming strength. Lower values (20-30%) create a subtle effect suitable for professional product demos. Higher values (60-70%) create an obvious spotlight suited for step-by-step tutorials.
-
Set the radius. Drag the radius slider to control the size of the un-dimmed area. Screen Studio's default radius works well for most use cases, but widen it if your workflows involve large interface elements.
-
Record as normal. The spotlight effect appears in real time on the preview and is baked into the final export.
Screen Studio Considerations
Screen Studio is a strong option if you already own it for its other features (background replacement, padding, auto-resize). The spotlight implementation is polished and requires minimal configuration. The main limitation is price — at $89, it is a significant investment if you only need cursor spotlight functionality. Screen Studio also does not export cursor data separately, so you cannot adjust the spotlight parameters after recording.
Method 3: Cursor Pro
Cursor Pro is a lightweight macOS utility focused exclusively on cursor enhancements. Unlike full recording apps, Cursor Pro renders effects directly on your screen, making them visible to any recorder.
Step-by-Step Setup
-
Download and install Cursor Pro from the Mac App Store ($2.99).
-
Grant Accessibility permissions. Cursor Pro needs screen overlay access. Go to System Settings → Privacy & Security → Accessibility and enable Cursor Pro.
-
Open Cursor Pro preferences and navigate to the Spotlight tab.
-
Enable Spotlight mode. Toggle the spotlight on. Your screen immediately dims except for a circle around your cursor.
-
Customize the radius. Adjust the circle size to match your recording content. Smaller radii work better for tutorials showing specific buttons or menu items. Larger radii suit general navigation walkthroughs.
-
Set dimming color and opacity. Cursor Pro lets you choose the overlay color (default is black). For dark-themed apps, you might use a dark gray overlay at lower opacity to avoid making the screen too dark. For light-themed apps, the default black overlay provides strong contrast.
-
Adjust feather/edge softness. A softer edge looks more natural in recordings. Cursor Pro provides a slider from hard-edged circle to fully feathered vignette.
-
Start recording with your preferred screen recorder (QuickTime, OBS, Screenify Studio, or any other tool). Since Cursor Pro renders on your physical screen, any recorder captures the spotlight effect.
Pros and Trade-offs
At $2.99, Cursor Pro is the cheapest dedicated solution. It works with every recorder since it modifies your actual screen. The downside is exactly that — you see the dimmed screen while working, which can be disorienting during long recording sessions. You also cannot turn it off mid-recording without it being visible in the output. For short, focused clips, this is rarely an issue. For longer recordings where you want spotlight only during certain segments, a built-in solution or post-production approach works better.
Method 4: Post-Production in DaVinci Resolve
If you have already recorded footage and want to add a spotlight effect retroactively, DaVinci Resolve (free version) can do it using a combination of cursor tracking and masking.
Step-by-Step Setup
-
Import your recording into DaVinci Resolve and add it to the timeline.
-
Switch to the Fusion page. This is where you build compositing effects.
-
Add a Background node. Set its color to black and opacity to 50-70% (this becomes the dimmed overlay).
-
Add an Ellipse Mask node. Connect it to the Background node. This creates a circular cutout in the black overlay.
-
Position the ellipse over the cursor at the start of your clip. Set the radius to match your desired spotlight size. Apply a soft edge of 0.05-0.1 for natural feathering.
-
Keyframe the mask position. Scrub through your timeline and move the ellipse center to follow your cursor at key points. For short clips (under 30 seconds), manual keyframing every 10-15 frames produces smooth results. For longer clips, use Fusion's tracker:
- Add a Tracker node before the ellipse
- Set the tracker to follow a high-contrast point near your cursor
- Apply tracked motion data to the ellipse position
-
Merge the overlay. Connect the masked Background over your original footage using a Merge node set to "Over" blend mode.
-
Render. Switch to the Deliver page and export your spotlighted video.
When Post-Production Makes Sense
This approach gives you unlimited creative control — you can change the spotlight size, shape, color, and opacity frame by frame. You can also apply the effect selectively, spotlighting only during complex UI interactions and removing it during simple segments. The obvious trade-off is time investment. Even a 2-minute clip takes 15-30 minutes to track and keyframe manually. Use this method when you need precise artistic control over an important piece of content, not for routine tutorial production.
When Spotlight Works Best
Dense UI tutorials. Applications with many panels, toolbars, and nested menus benefit the most from spotlight effects. Think Figma's inspector panel, Photoshop's tool options, or Xcode's navigator sidebar. The spotlight guides viewers through visual complexity that would otherwise require constant verbal narration ("look at the top-right corner, now move to the bottom panel...").
Form-filling demos. When demonstrating how to fill out forms — whether in web apps, spreadsheets, or database interfaces — the spotlight naturally tracks from field to field. Viewers see exactly which input you are completing without needing arrows or annotations.
Code walkthroughs. In editors like VS Code with multiple open files, terminals, and side panels, a spotlight helps viewers focus on the specific line or function you are discussing. This pairs especially well with cursor smoothing to create deliberate, readable movements between code sections.
Product onboarding videos. SaaS companies creating onboarding content benefit from spotlight because it mimics the "guided tour" pattern users expect from in-app walkthroughs. The spotlight creates a familiar progressive disclosure experience inside a video.
When to skip spotlight. Full-screen applications with minimal UI (video players, presentation software, games) do not benefit from dimming because there is nothing competing for attention. Simple screencasts with clean desktops also look worse with spotlight — the dimming adds unnecessary visual weight.
Tips for Natural-Looking Spotlight Effects
Do not over-dim. The most common mistake is setting the outside area too dark (above 70% opacity). This hides context that viewers need to understand where they are in the interface. Aim for "soft focus" rather than "blackout" — viewers should still see the general layout around the spotlight.
Match the feather to your content. Hard-edged spotlights work for precise interactions (clicking specific buttons, selecting menu items). Soft-edged spotlights work for general navigation and exploration. Mixing both in one video feels inconsistent, so pick one approach per recording.
Test at export resolution. A spotlight that looks perfect on your 4K display may feel too tight or too wide when the video is watched at 1080p or 720p. Record a 10-second test clip, export it, and watch it at the size your audience will actually see.
Combine with click sounds. Auditory feedback reinforces the visual spotlight. When viewers hear a click and see the spotlight pulse (from click highlighting), the combination creates a multi-sensory anchor that improves information retention.
Troubleshooting Common Issues
Spotlight effect not visible in the exported video. If you enabled spotlight in Screenify Studio or Screen Studio but it does not appear in the export, check that you selected the correct export preset. Some "raw" or "lossless" presets skip post-processing effects. Use the default or "enhanced" export preset to include cursor effects in the output.
Cursor Pro spotlight flickers on external monitors. On multi-monitor setups, Cursor Pro's overlay can flicker when the cursor crosses between displays. This happens because the overlay needs to switch rendering contexts between GPUs (common with mixed Retina and non-Retina displays). Reduce the issue by setting both monitors to the same refresh rate in System Settings → Displays. If flickering persists, record only the primary display.
Spotlight radius looks different in recording versus live preview. This discrepancy appears when your recording resolution differs from your display resolution. If you record at 1080p on a 4K Retina display, the spotlight radius in pixels stays the same but covers twice the relative screen area. Adjust the radius after checking a test recording at your actual export resolution, not based on the live preview alone.
The dimmed area is too dark, hiding important context. Reduce the dim opacity to 30-40%. Many users start with high opacity (70%+) because it looks dramatic in the preview, but in compressed video output the dark areas lose all detail. Viewers need to see enough of the surrounding UI to understand spatial context — where they are in the app, which panel the cursor is moving toward. Lighter dimming preserves this context.
Spotlight causes visible performance drop during recording. On Intel Macs, Cursor Pro's real-time overlay can consume noticeable GPU resources, especially at high refresh rates. Close GPU-intensive applications (browsers with WebGL content, video players) before recording. On Apple Silicon Macs, this is rarely an issue due to the unified memory architecture. Built-in solutions (Screenify Studio, Screen Studio) have lower overhead because they composite during encoding rather than rendering a live screen overlay.
DaVinci Resolve tracking loses the cursor in dark UI areas. The point tracker in Fusion relies on contrast to follow your cursor. On dark-themed applications (VS Code Dark+, terminal with black background), the cursor arrow blends into the background and the tracker drifts. Fix this by tracking a high-contrast UI element near the cursor (a toolbar icon, status bar text) instead, then offset the mask position to center on where the cursor actually sits relative to that element.
FAQ
Q: Does cursor spotlight affect recording performance?
Built-in solutions like Screenify Studio and Screen Studio add negligible overhead because the effect is composited during encoding, not rendered as a separate screen overlay. Cursor Pro runs a real-time overlay on your display, which uses slightly more GPU resources, but on Apple Silicon Macs the impact is under 2% GPU utilization.
Q: Can I adjust the spotlight radius after recording?
Only if you use post-production (DaVinci Resolve method) or a recorder that separates cursor data from video. Screenify Studio and Screen Studio bake the spotlight into the output video, so the radius is fixed after export. If you anticipate needing adjustments, record without spotlight and add it in post.
Q: Does spotlight work with multiple monitors?
Spotlight follows your cursor across the active recording area. If you record a single monitor, the spotlight works on that monitor only. Most tools do not support spanning a spotlight across multiple monitors simultaneously. Cursor Pro renders on all monitors but the spotlight only appears on the monitor where your cursor currently resides.
Q: What spotlight radius should I use for 1080p recordings?
For 1080p output, a spotlight radius of 120-180 pixels covers a comfortable area around the cursor — roughly 10-17% of the screen width. This provides enough visible area to see a button and its surrounding context without revealing so much that the dimming effect becomes imperceptible.
Q: Can I use spotlight and auto-zoom together?
Yes, and the combination is highly effective. Auto-zoom enlarges the area you are working in, while spotlight dims the periphery within that zoomed view. In Screenify Studio, both features work simultaneously without additional configuration.
Q: Will the spotlight effect look different on light versus dark apps?
Yes. A black dimming overlay is more noticeable against light-themed applications (Google Docs, Notion in light mode) and less noticeable against dark-themed applications (VS Code dark theme, terminal). If you regularly switch between light and dark apps in one recording, use a moderate dim opacity (40-50%) that works acceptably in both contexts.
Q: How is cursor spotlight different from cursor highlighting?
Cursor highlighting adds a visible marker (circle, glow, ring) directly around the cursor to make it more visible. Spotlight does the opposite — it dims everything except the area around the cursor. Highlighting makes the cursor itself stand out; spotlight makes the cursor's surroundings stand out by reducing competing visual information. Many creators use both simultaneously for maximum clarity.
Q: Can I create a non-circular spotlight shape?
In DaVinci Resolve, you can use any shape mask — rectangle, custom polygon, or tracked object outline. Built-in recorder spotlights (Screenify, Screen Studio, Cursor Pro) use circular or elliptical shapes only. For most tutorials, a circle is ideal because it matches the radial nature of cursor movement and does not imply a directional bias.
Try Screenify Studio
Record your screen with auto-zoom, AI captions, dynamic backgrounds, and Metal-accelerated export. Free plan, unlimited recordings.
Download Free