Course Asset Engineering

TechSmith Snagit SOP & Screenshot Standards

Step Tool conventions, PII 50% Gaussian blur vs 100% solid masking, UI simplification for evergreen courses, and vector callouts.

Why Snagit vs Standard OS Screenshot Tools

Why standard screenshot tools fall short in scalable course production.

Vector Layer Retention (.snagx)

Native macOS shortcuts flatten all annotations into a flat bitmap. Snagit saves in .snagx format, preserving all arrows, callouts, and step numbers as discrete vector objects. You can modify a callout 12 months later without retaking the screenshot!

Panoramic Scrolling Capture

Seamlessly captures full cloud console dashboards (AWS CloudWatch, GCP Metrics, Datadog), expansive Kubernetes YAML manifests, and multi-page logs with zero stitching seam artifacts.

Smart Move & OCR Text Grab

Extracts unselectable error text from legacy dialog boxes and allows course authors to rearrange UI buttons within an existing image without recreating the whole graphic.

Auto-Incrementing Step Tool Conventions

Standardized numbered badges guiding learner sequence.

Visual Hierarchy & Badge Sizing Rules

Diameter: Fixed at 36px on 1080p canvas with a 2px soft drop-shadow.
Font: Bold sans-serif white numeric glyph centered with zero optical offset.
Sequence Path: Strict top-to-bottom, left-to-right reading flow. Never place badge #2 higher than badge #1 unless joined by a connecting directional arrow.

PII Redaction Rules: 50% Gaussian Blur vs Solid Masking

Prevent credential leaks and comply with Coursera / Pluralsight instructor guidelines.

Test Redaction Filter:

~/.aws/credentials

[syllovo-cluster]

aws_region = us-east-1

aws_access_key_id = AKIAIOSFODNN7EXAMPLE

aws_secret_access_key = ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●

50% Gaussian Blur Active: Preserves visual text geometry and visual context for benign IDs. Warning: Never use Gaussian blur on production AWS keys or passwords—neural un-blur algorithms can reconstruct characters.

Simplify UI Feature: Evergreen Course Documentation

Converting live, dynamic UI copy to neutral geometric bars to resist obsolescence.

Third-party cloud consoles (AWS, Google Cloud, Azure, GitHub) release micro-copy adjustments and minor layout tweaks every week. When a screenshot shows exact filler text or timestamps from 2023, learners instantly think the entire course is outdated.

Syllovo Evergreen Rules:

Preserve the Active Action: Keep only the target button (e.g. "Create Cluster") and the main navigation header in crisp high-DPI text.
Neutralize Secondary Text: Convert sidebar descriptions, timestamps, and breadcrumb trails into clean neutral gray bars.
Brand Alignment: Keep recognizable cloud logos visible to maintain context while eliminating microcopy decay.

Kubernetes Services & Ingress

Create Ingress

Simplified UI Mockup: Active button stands out; body copy neutralized.