Basics
Tools & shortcuts
Every tool in SSHOW switches on a single key, and the buttons in the sub-tool strip sit on the number keys 1–0 in the order they appear.
Next · Scenes and the canvasSSHOW Tutorials
Watch it, then do it.
37 films · 3 seasons · 1h 14m
No narration. The English captions are part of the picture, and Korean captions can be switched on. Each film runs one to three minutes.
1:56
Basics
Scenes and the canvas
One scene is one page, and a document is those scenes in a row. The film builds a cover scene and moves on to the next one.
Next · Fills and strokesBasics
Fills and strokes
Fills and strokes stack in layers, and their order and opacity make the surface of one object.
Next · TextBasics
Text
Selecting text grows the sub-tool strip to 22 buttons. Font, weight, letter spacing, and line height are in the Text panel; paragraph alignment and Auto-size are in the strip.
Next · Groups, frames, and alignmentBasics
Groups, frames, and alignment
A group binds objects, a frame cuts them. Clip Contents decides whether it cuts, and names, visibility, and locks are handled in the Objects panel.
Next · 3D transformBasics
3D transform
An object stays a flat plane, projected in 3D. Turn Perspective on and tilt it on X and Y — the selection box and the clicks follow the tilted surface.
Next · Your first animationBasics
Your first animation
In Animation mode, moving the playhead and then moving an object writes a keyframe. Auto-keyframe turns that on and off, and Add key drops one by hand — both sit in the timeline header.
Next · The timelineBasics
The timeline
B and N mark the work area, W plays that range only, and looping runs it until the timing is right.
Next · Easing and springsBasics
Easing and springs
The easing editor shapes a curve by hand, a spring is set by its physical values, and the graph view puts both movements side by side.
Next · PresentingBasics
Presenting
A stop on the timeline becomes one beat of the talk, and the presentation starts from the play button.
Next · ExportBasics
Export
One document goes out as PDF, PowerPoint, video, or GIF, as HTML, SVG, Lottie, or an image, and as the .sshow original.
Next · Using pluginsBasics
Using plugins
Plugins add panels to the editor. Click one in the list to run it in its own panel, and whatever it makes arrives as ordinary objects and keyframes.
Next · Editing imagesDeep
Editing images
Double-click an image and a pixel editor opens inside the canvas. Selection, brush, eraser, and crop are all on the number keys.
Next · Image adjustments and compressionDeep
Image adjustments and compression
Preview tone and color without touching the pixels, then commit. A heavy image is re-encoded from the right-click menu.
Next · Paths and the PenDeep
Paths and the Pen
Draw the path first, then reshape it anchor by anchor in path-edit mode.
Next · Shapes, lines, and anchorsDeep
Shapes, lines, and anchors
A catalog of 63 shapes, the Line tool, and the Anchor tool that moves the point rotation and size work from — all in one episode.
Next · The four gradient kindsDeep
The four gradient kinds
Gradients come in four kinds — linear, radial, angular, and diamond — and the handles are set right on the canvas.
Next · Dynamic fillsDeep
Dynamic fills
A dynamic fill is a shader recomputed every frame, not an image, so it keeps moving with no keyframes.
Next · MaskingDeep
Masking
A frame cuts to the box you drew, a mask cuts to the shape. The film puts the two side by side.
Next · Effects and blend modesDeep
Effects and blend modes
Blur and drop shadow build the surface, and a blend mode mixes it with the layer underneath.
Next · Backdrop blur and glassDeep
Backdrop blur and glass
Blur what sits behind a semi-transparent card, then add inner shadow, noise, and outer glow to make a glass surface.
Next · Distort and perspectiveDeep
Distort and perspective
Drag each of the four corners for a free perspective warp. Text uses the same control as an image.
Next · Pin and constraintsDeep
Pin and constraints
Pin decides how an object follows when its parent changes size. As the frame edge is widened, each child follows its own pin.
Next · VariablesDeep
Variables
Put a {{variable}} token in the text and one value changes the whole document.
Next · Search, replace, and notesDeep
Search, replace, and notes
Ctrl+F searches and replaces text across the whole project. Speaker notes are written per scene.
Next · Scene transitionsDeep
Scene transitions
A transition runs between one scene and the next, and objects with the same name morph into each other.
Next · Motion typographyDeep
Motion typography
Splitting text by word or by character turns every piece into a text object of its own.
Next · Cue — motion presetsPlugins
Cue — motion presets
Cue puts an entrance, an exit or a loop on the selection from a card. What it applies is ordinary keyframes you edit in the timeline.
Next · Array — the clonerPlugins
Array — the cloner
Array clones the selection into a grid, a line or a ring. Each clone steps its own scale, rotation and opacity, and a per-clone delay makes them arrive in turn.
Next · Anagram — splitting textPlugins
Anagram — splitting text
Anagram breaks the selected text into characters, words or lines as separate text objects, each landing exactly where the editor typeset it.
Next · Domino — staggerPlugins
Domino — stagger
Domino restages the keyframe timing of several objects at once, and a mini timeline shows the result before anything is applied.
Next · Physics — rigid bodiesPlugins
Physics — rigid bodies
Physics gives each object a body type and a material, runs the simulation, and bakes where everything landed as ordinary keyframes.
Next · Cutout — background removalPlugins
Cutout — background removal
Cutout takes the background with a wand, corrects it with Keep and Remove strokes, and leaves the subject standing. The original always comes back.
Next · Matte — chroma keyPlugins
Matte — chroma key
Matte finds the green or blue screen color on its own and keys it away. Tune the spill and the matte, and only the subject is left.
Next · Woofer — sound to keysPlugins
Woofer — sound to keys
Woofer analyses the scene's audio, maps its frequency bands and beats onto scale, position or rotation, and bakes them as ordinary keyframes.
Next · Gimbal — motion trackingPlugins
Gimbal — motion tracking
Gimbal follows a point or a region through a video clip frame by frame, and bakes the path it took onto other objects as ordinary keyframes.
Next · Jam — whiteboardPlugins
Jam — whiteboard
A retro, a kanban, a mind map — laid out to fit the scene you are on, where every column is a frame and the notes inside it are that frame’s children.
Basics
Watch the whole season on YouTube
Deep
Watch the whole season on YouTube-
Editing images
-
Image adjustments and compression
-
Paths and the Pen
-
Shapes, lines, and anchors
-
The four gradient kinds
-
Dynamic fills
-
Masking
-
Effects and blend modes
-
Backdrop blur and glass
-
Distort and perspective
-
Pin and constraints
-
Variables
-
Search, replace, and notes
-
Scene transitions
-
Motion typography
