M: i have old images - they were
illustrator format, but all i can find are the png versions - of the
movie 'clue', how each person was arranged in the house at any given
point of the movie. (we used it for a rocky horror performance.) i'd
like to make them into... at the time, i was using adobe premiere to
animate the elements of the thing, making it move from place to place.
i'd like to do the same thing on linux fedora. ideas?
G: You can absolutely recreate your
Clue character arrangement animations on Linux Fedora. Here’s a
breakdown of how to approach it, given you’re starting with PNGs instead
of the original Illustrator files and you want Premiere-style
movement/animation:
1. Kdenlive
(Recommended)
- What it is: Non-linear video editor, similar to
Adobe Premiere.
- Why use it: It supports keyframing, layer stacking,
and PNG transparency—so you can animate your character images moving
from room to room.
- Install:
sudo dnf install kdenlive
2. Krita (optional, for
prep work)
- Use Krita if you need to touch up the PNGs or create static
maps/backgrounds.
- Supports frame-by-frame animation as well, if you want a more
hand-crafted motion style.
3. Inkscape
(optional, if SVGs still matter)
- If you want to recreate vector shapes or export back to SVG for
clarity, Inkscape is a solid Illustrator replacement.
🎬 How to Animate Movement
in Kdenlive
Create Your Background:
- Drop in a static background of the house layout.
Import PNG Characters:
- Make sure transparency is preserved.
- Import each PNG as a separate clip and stack them on the
timeline.
Use Keyframes:
- Select a PNG on the timeline.
- In the Effects panel, use Transform or
Position and Zoom effect.
- Keyframe the starting and ending position for the character in the
timeline.
Adjust Timing:
- Slide or stretch the clips to align movements with scenes from
Clue.
- Optional: Add markers or reference text for each time index.
💡 Tips for Workflow
- If you had Illustrator layers before, try to reconstruct each PNG so
they remain modular (e.g., “Miss Scarlet,” “Kitchen,” “Knife”).
- Consider exporting your finished layout as a base “Clue Map” so you
can reuse it for other RHPS performances.
- You can script movement sequences with Blender or OpenToonz, but
Kdenlive is the easiest for Premiere-style work.
Would you like a starting template with the house layout as
background and placeholder PNGs for characters arranged in tracks? I can
make you one with open assets.
M: with kden, can i use dummy nodes or
something, animate from what i have without having to make a decision
immediately about how to represent the things?
G: Yes — you can absolutely work in
a “rough layout first, details later” style in
Kdenlive. It doesn’t use “nodes” like Blender, but you
can treat tracks and effects as placeholders/dummies until you’re ready
to swap things in.
How to Do
Placeholder / Dummy Animation in Kdenlive
1. Use
Colored PNGs or Text Blocks as Dummies
- Drop in a blank PNG (even a colored square with alpha channel) or
use the Title Clip tool to make a block of text
(“Scarlet,” “Wadsworth,” etc.).
- Animate those blocks instead of the real artwork at first.
- Later, you just replace media (right-click →
Replace Clip) and your animation stays intact.
2. Keyframe Now, Swap
Later
- Add a Transform effect to each dummy.
- Set up the keyframes for position/scale/rotation the way you want
the characters to move.
- When you replace the clip with the final PNG artwork, the keyframes
remain attached.
3. Use “Guides” or
“Markers”
- You can drop Guides on the timeline to note when
characters enter/exit scenes.
- Markers keep your temporal structure while you experiment
visually.
4. Track Layer
Placeholding
- Dedicate one track per “character” (even if it’s just a colored
rectangle).
- This keeps your motion paths separate and easy to swap out.
- You don’t have to commit to sizing or art style yet — just keep
movement logic in place.
Comparison to “Nodes”
- Kdenlive is track/timeline-based, not
node-based.
- But the effect stack + keyframes effectively
is your dummy system: you animate parameters without caring
what the underlying image is.
- If you really want node-graph style editing, you’d look at
Blender’s Video Sequencer or Natron
(compositing software), but those are overkill unless you want heavy
compositing.
👉 So yes, you can rough everything in with placeholders in Kdenlive,
animate movements, and only worry later about whether each “Scarlet” is
a PNG, SVG, or something else.
Do you want me to sketch you a minimal workflow
example — like: “import one dummy clip, animate it across the
house background, then replace it later with the final PNG”? That’d give
you a concrete starting point.
M: okay, here's the state of my current
items: i have over 300 pngs, each of which has a file name which starts
with 'mm-ss', which represents mm minutes and ss seconds into the movie.
the pngs are each 844x826. there is also a 'blank' png, which each other
png was built using, that will be the background for placement in the
first draft of the new project, at least. there's also a 1920x1072 mp4
of the actual movie, which will need to be referenced but, at 1.5 GB,
shouldn't be copied (in case that comes into play); it will not be
included in any rendering, but should be able to be dropped in to its
own video line to make sure everything gets appropriately synchronized.
walk me through, step by step, creating a first draft of this project: i
need to create a new, appropriate workspace in kden, in an appropriate
16:9 aspect; then i need to import all the files into the project; then,
i need to place the old png files appropriately on the timeline, as
reference for the animation that will happen in the second draft. this
is building the scaffolding for the second draft.
G: Perfect — thanks for laying out
what you have, that helps me be concrete. You’re basically building a
scaffolding project where Draft 1 = alignment/sync of PNGs with
the movie timeline, Draft 2 = actual animation with placeholders swapped
out. Here’s the step-by-step in Kdenlive on Fedora:
1. Create a New Workspace
- Open Kdenlive → New Project.
- In the dialog:
- Project Folder: pick/create a dedicated directory
(keeps autosaves and proxy files neat).
- Video Profile: choose
HD 1080p 30fps
(or 24fps if the Clue MP4 is 24).
- This gives you 1920x1080 (close to your movie’s 1920x1072).
- Leave aspect ratio at 16:9.
2. Import Your Assets
- In the Project Bin, right-click → Add Clip or
Folder.
- Navigate to your PNG directory, select them all, hit
OK.
- They’ll appear sorted alphabetically (so
mm-ss order
works, unless leading zeros are missing).
- Add your blank PNG too (for Draft 1
background).
- Add the movie MP4 (but you’ll mute and hide it
later).
3. Set Up Tracks
- Track 1 (bottom): the blank PNG background (stretched
across entire movie length).
- Track 2+: reference PNGs.
- Track X (optional, muted/hidden): the MP4 for sync checks.
4. Place the PNGs as
Scaffolding
This is the slightly tricky bit with 300+ files, but you only need
them dropped in order at the right timestamps.
Drag your whole PNG batch into Track 2.
- They’ll appear end-to-end by default — but you don’t want that.
Right-click → Clip Jobs → Extract Audio /
Stabilize etc. ignore — not needed. What you actually want is
Align to Reference. Since Kdenlive doesn’t auto-place
by filename timestamp, you’ll need to:
- Use Project Bin Sort Order: confirm files sort as
00-05.png, 00-10.png….
- Drag them manually to the correct timestamps (slow), or —
better:
- Write a tiny shell script to generate an EDL or XML
timeline that Kdenlive can import, using filenames to assign
clip start times. (This is very doable with your
mm-ss
pattern — I can draft it if you want automation).
For manual scaffolding (if you’re okay with slower setup):
- Drop a PNG onto Track 2.
- Right-click → Clip Properties → set
Duration short (e.g., 1 second).
- Place it at the correct time index (use your filename’s mm:ss).
- Repeat.
5. Add the Movie for Sync
Check
- Drop the MP4 into Track 3, mute its audio, lower
its opacity (or hide the track).
- Now you can scrub and confirm your PNG placements match the real
movie time.
6. Save Draft 1
- Save the project as
Clue_Draft1.kdenlive.
- This file is lightweight (it references media, doesn’t
duplicate).
⚡ Notes / Optimizations
- 300 PNGs manually = painful.
- Best solution: generate a timeline automatically from filenames →
import into Kdenlive.
- That way each PNG lands exactly at the right minute:second with no
hand-placing.
- Blank background: stretch its duration to movie
length (e.g., 1h40m).
- Draft 2: you’ll later replace PNG scaffolds with
animated placeholders (using Transform effect).
👉 So the decision point: do you want me to draft that
auto-placement script for your 300 PNGs (parsing
mm-ss into real timeline positions and spitting out a
Kdenlive XML project), so you don’t spend hours dragging clips? That’d
make Step 4 almost instant.
M: i'd like to know - is this the best
area for animating in the style of old shockwave or flash items?
G: Ah — got it. If what you really
want is Flash/Director-style animation (symbols,
keyframes, sliding sprites around, swapping art in/out) instead of just
“video-editor with transforms,” then Kdenlive isn’t the best
fit. It’s excellent for timeline editing, compositing, and
motion paths, but it’s still a video editor. You’ll find
yourself fighting it if you want a true symbol-based, object-driven
workflow.
🎞 Where Kdenlive Shines
- Great for compositing over a movie track (sync, references,
cuts).
- Easy to keyframe position/scale/opacity for 2D PNGs.
- Easy to manage multiple video/audio tracks.
- Good if your goal is: “keep everything locked to the Clue movie
timeline, then render.”
⚡ But If You Want
Shockwave/Flash-Style…
Think “sprites you can reuse, motion tweens, library of assets” —
you’re closer to 2D animation software than video editing. On
Fedora, you’ve got options:
1. Synfig Studio
- Open-source 2D animation system.
- Very Flash-like: supports symbol reuse, tweening, bones,
layers.
- Not as slick as old Macromedia, but solid for sprite animation.
- Downsides: learning curve, UI is clunkier than Flash.
2. Krita Animation
Mode
- Painter + animation.
- Can import PNGs and do keyframe transformations.
- Good for drawing, less for “object-tween” animation.
3. Blender (Grease
Pencil)
- Blender’s Grease Pencil is a full 2D animation system inside a 3D
tool.
- You can animate objects (your PNGs) as if they were sprites.
- Has keyframing, path animation, reusable objects.
- Heavyweight, but closest in flexibility to old Flash/Director.
4. Godot
Engine (quirky but interesting)
- Game engine, but its animation player is very Flash-like.
- You can put characters on a timeline, tween transforms, and even
script interactivity.
- Overkill if you just want rendered video, but incredibly
powerful.
✨ Suggested Workflow
- Use Kdenlive for the scaffolding pass you
described (syncing PNGs with the MP4, timeline alignment).
- For the “animated PNGs moving around like Flash symbols,” either:
- Stay in Kdenlive and accept a video-editor feel, or
- Switch to Synfig (if you want to literally recreate
Flash-style tweening), or
- Use Blender Grease Pencil (if you want max
flexibility and don’t mind a bigger tool).
👉 If your end goal is “looks like old Flash shorts, but synced to
the Clue movie,” then Synfig is probably the truest
match.
👉 If your end goal is “reference the Clue movie, animate overlays on
top of it,” then Kdenlive is still the easiest
anchor.
Do you want me to map out how you’d actually pipe the
Kdenlive scaffolding into Synfig (so you can do the Flash-style
animation without losing your sync work)?
M: okay, uncommon question: how do i
change the default color (the one that shows when things are
transparent) in kden from black? there's a 'legend' png that i want to
include that's black text on transparency, so it's not visible. i know i
can make other work arounds, but i'm wondering how to accomplish this
one.
G: That’s not uncommon at all —
it’s just a little buried in Kdenlive. By default the Project
Monitor shows black behind transparency, which makes
black-on-transparent clips look invisible. You can change it to any
color you want:
🛠
How to Change the Transparency Background Color in Kdenlive
- Go to the top menu: Project → Project
Settings…
- In the dialog, find the Background Color setting
(it’s under Project Settings → Project tab).
- Default = black.
- Click the color swatch to pick something else (e.g. white, grey,
bright green).
- Hit OK.
- Now in the Project Monitor, any transparent regions will show that
background color instead of black.
⚡ Notes
- This doesn’t change the render output. Transparency is still
transparency in exported files (unless you explicitly render with an
alpha channel or flatten it).
- It’s just a preview aid in the editor, exactly like how
Flash/Photoshop let you set a checkerboard or custom color.
- So you can safely set it to white (so your black legend text is
visible) while editing.
👉 That way you don’t have to do workarounds like adding solid-color
backgrounds just to see black-on-transparent clips.
Want me to also tell you how to toggle the checkerboard
transparency grid in Kdenlive? Some people find that better
than solid colors when working with transparent PNG overlays.
M: in kden, i placed all the pngs. is
there a shortcut that will extend the duration of each image to fill in
the blanks to the right on the timeline, to extend the duration to the
beginning of the next image, so there are no empty frames?
G: Yes — Kdenlive has a way to do
this, but it isn’t a single one-key “extend to next clip” like some
DAWs. You’ve got two approaches depending on how exact you want it:
1.
Ripple Trim to Next Clip (fastest for one-offs)
- Place the playhead at the end of the still image.
- Hit Shift+R (Ripple Trim to
Playhead).
- Or: right-click → Trim to Playhead (make sure
Ripple is enabled).
- This extends (or shrinks) the selected clip to touch the
playhead.
- So if you park the playhead at the start of the next PNG,
the previous one will stretch right up against it.
⚡ Downside: you have to do it clip by clip unless you combine with a
macro.
2. Change
Default Behavior for Still Images
- Go to Settings → Configure Kdenlive →
Timeline.
- Under Editing, check “Fill the timeline with
imported images” (wording may vary depending on version).
- This makes new still images butt up against each other with
no gaps when added.
- Won’t fix the ones you already placed, but avoids the problem going
forward.
3. Batch Adjust Existing
Images
Kdenlive doesn’t have an out-of-the-box “extend each still to next
clip” command for the whole track. Options:
- Clip Jobs / Duration Adjustment: You can select
multiple stills in the timeline, right-click → Change Clip
Duration. But that sets them all to the same fixed length, not
adaptive to next clip.
- Scripted EDL/XML edit: If your filenames already
encode mm:ss, you can generate a timeline file where each PNG’s duration
ends at the next PNG’s start. This would auto-eliminate gaps.
👉 For your current 300-PNG timeline, the most practical
manual shortcut is:
- Turn on Snapping (shortcut
S).
- Move playhead to the start of the next clip.
- Select the current PNG.
- Press Shift+R.
Repeat down the line — it’s only two keystrokes per clip once you get
the rhythm.
Do you want me to draft a helper script that would
auto-generate a Kdenlive project file with all 300 PNGs placed
back-to-back at their mm-ss timestamps, so you don’t need
to hand-extend them at all? That’d completely remove this step.
M: i'm trying to add video to video
track 4 - but it seems it won't let me because there isn't an audio
track associated with it. how do i fix this?
G: Ah, I know what’s happening — in
Kdenlive every video track normally comes
paired with an audio track underneath it (so V1/A1, V2/A2,
etc). If you only created video tracks without audio pairs, some
operations (like dropping in a full video clip) will choke because
Kdenlive expects space for both streams.
🛠 Fix Options
1. Add the Missing Audio
Track
- Right-click in the track header area (where V1, V2,
etc. are labeled).
- Choose Insert Track → Audio Track.
- Place it right under your V4, so you have A4.
- Now when you drop in a video clip with audio, it has somewhere to
put both streams.
2. Add a Paired Track
Directly
- Right-click in the track header → Insert Track → Video and
Audio (or Insert Track Group depending on your
version).
- This adds both at once, correctly paired.
- Then move your clip there.
3. Drop
Video-Only (if you don’t care about its audio)
- When dragging a clip in, right-click → Insert Clip → Video
Only.
- This bypasses the need for an audio track.
- Useful for your Clue MP4 since you said you only need it
for sync reference.
⚡ Pro tip: you can rearrange track order too (drag the track header
up/down) so that your “sync movie” sits logically apart from your PNG
scaffolding.
👉 Do you want me to outline the quickest way to rebuild your
track layout so it’s always Vn/An paired automatically, so you
don’t run into this again while you’re stacking reference material?
M: no, i want you to use the right kden
reference; it's like everything you've said to do has had the wrong
details or label. like, there's no 'insert clip' when i right click on
either the timeline or asset bin, so i CAN'T 'insert cip > video
only'. maybe it's possible to do that - but i can't even reverse
engineer it from whatever documentation you're referring to. i'm using
kdenlive 1.9 i think, on fedora.
G: [Non-text content: thoughts;
content_type=thoughts]
G: [Non-text content: thoughts;
content_type=thoughts]
G: [Non-text content: thoughts;
content_type=thoughts]
G: [Non-text content: thoughts;
content_type=thoughts]
G: [Non-text content:
reasoning_recap; content_type=reasoning_recap]
G: You’re right to call that out—my
labels were off. Here’s the exact way to handle this in
Kdenlive, version-agnostic and matching what’s actually in the app.
TL;DR: Kdenlive won’t drop a linked A/V clip onto a
video-only lane if there’s no audio lane available. Fix by either (1)
adding the missing audio track under V4, or (2) dragging
video-only from the little filmstrip icon so no audio
is placed.
Option A — Add
the missing audio track under V4
- Right-click in the track header
area (where V1/V2… labels are) → Insert Track…
→ choose Audio, position it under V4.
Or use Menu → Timeline → Tracks → Insert Track and pick
Audio. citeturn0search6turn0search22
Now you can drop a normal A/V clip onto V4/A4 without errors.
Option
B — Drop video-only so no audio track is required
- In the Project Bin, hover a clip.
You’ll see two tiny icons: a filmstrip (video) and a
speaker (audio).
- Drag from the filmstrip icon directly onto
V4. That inserts video-only and
bypasses the need for A4.
(Same trick works from the Clip Monitor.)
citeturn2search6turn2search1
If audio
already landed and you want to remove it
- Ungroup clips (select the A/V clip,
right-click → Ungroup Clips or Timeline →
Ungroup Clips), then delete the audio portion. You can regroup
later if needed. citeturn3search8
Two small gotchas that bite
- If you see a blue bar across the top of the
timeline (Insert Mode “timeline zone”), disable it or be
mindful—Kdenlive may try to insert only into that zone and complain
about tracks. citeturn3search13
- The right-click menu on timeline clips has items
like Restore audio, Extract clip,
etc., but the cleanest “video-only” insert remains dragging from the
filmstrip icon. citeturn0search2
That will get your clip onto V4 cleanly without fighting the audio
pairing behavior.
[Attachment reference unresolved: file_with]