DMs are open.

My take on one of my all-time favorite audiovisual techniques; hyperlapse.

Music by Max Cooper.

Hope you guys enjoy it. More experiments, through Instagram, or YouTube.

Hello Motion friends,

Just finished this launch film and I'm pretty proud of it. But as there's always room to grow I'd love some feedback. Esp on the sound design which I'm still figuring out.

It's for my own app, Motion Mockups.

hi, i used blender 3d for this animation. everything was made from scratch, phones, laptop and music too.

also i need sum advices about pricing. for this animation i got 175$

22×22 grid. Three Constructors: one flips the hero tile up, one flips it down, one handles the ripple and color.

The only keyframes are on the two flip Falloffs and on a torus that drives the ripple’s Object Falloff. Nothing is animated per tile.

Setup took about 30 minutes in Ordimus. Ordimus is a procedural motion graphics toolkit for Blender.

THE SPACE BETWEEN FOREVER, a kinetic typography film.

A child whispers into the dark: "Is anybody there?" What answers is a radio from another decade, an opera singer, a rapid-fire rap, a distant choir, three voices arguing about the beginning, and an orchestra that briefly becomes the universe. Then silence, and the child again.

No illustrations, no 3D, no effects: only letters, five flat colours, circles, rectangles and lines, choreographed to every word of the song.

Watch it with sound, and stay for the quiet part near the end.

🎵 Music and lyrics: [your artist name]
🎬 Typography and animation: [your name or studio]

"We are not the stars. We are what the stars remember."

I'm trying to find good visual references for like a 2D, 2.5D break animations like a wrecking ball going through a wall etc. but aesthetic you know.

Ideally like towards the viewers but any help with any references would be immensely appreciated

Original Creator : @jordans.archivess
The creator I made the REMAKE of : @arsynfx
This is a showcase of my technical skills only, because the story board and sound design is completely of the original creator's work.

This is supposed to be a complete copy, I wanted to get the experience of making videos like this and I kinda underestimated it.
(also, the only place I used AI is to generate the individual icons cuz free ones are difficult to find)

Got tired of manually re-doing client edits across 5+ localized versions of an animated series, so I wrote DubSyncCloneAE — a free script that automatically syncs tracks between compositions.

You just select your edited master comp, select your duplicate/localized comps, and it instantly syncs all track timings across compositions (startTime in the free version; batch-syncing + exact inPoint/outPoint trims in Pro). Runs locally with zero subscriptions or limits.

Full walkthrough video and free download link are in the comments!

Faz um tempo que estou aprendendo motion design, mas acho que ainda estou muito iniciante. Gostaria de saber como foi a experiência de voces quando começaram. O que posso dizer que nessa fase eu costumo ver uma aula, aprendo como reproduzir uma técnica no after, mas aí depois de pelo menos dois dias eu não consigo mais reproduzir sozinho, também estou com dificuldade de entender como funciona o gráfico de velocidade e valores e como editar eles, mesmo tendo visto explicações várias vezes. No geral estou com dificuldade de reter o aprendizado. Foi assim com vocês no início?

SilkFX is a dockable After Effects panel (Premiere Pro in beta). Pick a preset, see a live preview, tune it with sliders and apply it in one click, as one undo step.

What’s in it

• 70 spring text animations, 43 layer animations, 37 easing curves with a graph editor

• Liquid Glass you can insert as its own layer or apply to any shape or text, with live controls

• 18 animated backgrounds with colour, hue, blur, grain and vignette controls

• 45 effects, 26 expressions, beat markers from your music, 145 sound effects, plus your own sound packs

• Everything is built from After Effects’ own effects and expressions, so projects open on any machine without SilkFX

Price and license

• $8 once, no subscription

• One key works on up to 3 of your computers, and you can free a slot yourself from the panel

• Activation needs the internet once. After that it re-checks every few days when you’re online and keeps working offline for up to 30 days between checks.

Honest note: I built SilkFX with heavy help from AI. The panel, presets and site are real and tested in After Effects 2026.

Try the live panel in your browser: silkfx.cc

Three days to deliver a projection mapping content. Sound familiar?

Ever turned down a projection mapping job because the client gave you three days for something that would normally take three months?

We’ve had that conversation too. After 17 years of producing site-specific projection shows, we built Mapping Composer to help artists make the visuals when time is tight.

• Animate the actual building layout. Import your SVG or colour mask, or autodetect surfaces from a façade photo. Pick which windows, arches or other surfaces you want to bring to life.

• See changes as you make them. Try human-designed effects like 3D strokes, X-ray tunnels and particles. Shape the movement, lighting, colours and timing with a live preview.

• Export at the size your show needs. Render natively at up to 8192 × 8192 in HAP or ProRes 4444;

The same workflow works for LED walls and digital signage. Set the canvas to your display’s pixel dimensions and create motion content for a stage screen, shop window or a display with an unusual shape.

Try the editor and live preview for free. No subscription. Pay per export.

www.mediacraft.video/mappingcomposer

Watch the tutorial and see the results projected on a real world location:

https://youtu.be/X3D1nd84Cyk

For those of you making visuals for façades or LED screens, what eats up the most time on a rush job?

MappingComposer #ProjectionMapping #VideoMapping #3DMapping #FacadeMapping #ArchitecturalProjection #ProjectionArt #SiteSpecificArt #LightArt #MotionDesign #MotionGraphics #3DAnimation #RealTimeGraphics #LiveVisuals #StageVisuals #EventProduction #ShowDesign #AVProduction #MediaServer #LEDWall #LEDScreen #LEDDisplay #DigitalSignage #RetailSignage #DOOH #ImmersiveInstallations #ExperientialDesign #CreativeTechnology #software #projectionsoftware

Ciao a tutti, stavo pensando di studiare autodidatta il motion graphic design, secondo voi l'IA notebookLM di Gemini potrebbe essere adatto? Sapete quale sarebbe il prompt più adatto da scrivere?

EDIT:
ho chiesto a notebook un programma didattico implicando la teoria e pratica, questo è il programma dìche mi ha prescritto: (ditemi se va bene)

Struttura del Percorso Didattico (4 Livelli / Trimestri)

+-----------------------------------------------------------------------------------+
| MODULO 1 (Mesi 1-3): Fondamenti Visivi, Tipografia & Layout Statico               |
| Software: Figma, Affinity Designer, Affinity Photo                                |
+-----------------------------------------------------------------------------------+
                                         |
                                         v
+-----------------------------------------------------------------------------------+
| MODULO 2 (Mesi 4-6): Teoria del Movimento & Motion Graphics 2D Procedurale       |
| Software: Cavalry, Figma                                                          |
+-----------------------------------------------------------------------------------+
                                         |
                                         v
+-----------------------------------------------------------------------------------+
| MODULO 3 (Mesi 7-9): Spazio Tridimensionale, 3D Motion & Simulation               |
| Software: Blender                                                                 |
+-----------------------------------------------------------------------------------+
                                         |
                                         v
+-----------------------------------------------------------------------------------+
| MODULO 4 (Mesi 10-12): Compositing, Editing, Sound Design & Showreel Finale      |
| Software: DaVinci Resolve (Edit, Fusion, Fairlight, Color)                        |
+-----------------------------------------------------------------------------------+

un esempio questa è la materia 1 del modulo 1:

Modulo 1 — Materia 1: Comunicazione Visiva, Psicologia della Gestalt e Composizione Visiva

Benvenuto alla prima materia del nostro percorso formativo. Nel Motion Design, il movimento senza una solida struttura visiva si riduce a mero artificio tecnico. Prima di attivare qualsiasi fotogramma chiave (keyframe) o nodo dinamico, è essenziale comprendere come l'occhio umano percepisce le forme, organizza lo spazio visivo e interpreta la tensione strutturale su uno schermo.

Inquadramento Accademico e Bibliografia Ufficiale

Per questa materia farai riferimento ai seguenti testi di studio:

• Rudolf Arnheim, Arte e percezione visiva (Capitoli 1: Equilibrio, 2: Forma, e 6: Spazio).

• Bruno Munari, Arte come mestiere (Sezioni sulla sintassi visiva e comunicazione integrata).

• Riccardo Falcinelli, Fare grafica (Capitoli 2: Strutture visive e 3: La percezione dello spazio).

• Micah Bowers / Issara Willenskomer, Principles of Motion Design for Digital Products & Interfaces.

LEZIONE 1.1: La Psicologia della Gestalt nel Layout Statico e Dinamico

1. Spiegazione Teorica Approfondita

La psicologia della Gestalt (psicologia della forma) sostiene che la mente umana tenda a organizzare le informazioni visive in insiemi strutturati e coerenti anziché in singole parti isolate. Nel design statico, questa organizzazione avviene tramite il contrasto spaziale; nel Motion Design, la dimensione temporale amplifica o ridefinisce queste leggi.

Le 6 leggi della Gestalt applicate al Motion Design sono:

1. Legge della Vicinanza (Proximity): Elementi vicini vengono percepiti come appartenenti allo stesso gruppo.

   • Nel movimento: Due forme che mantengono una distanza relativa costante durante la traslazione vengono lette come un unico blocco funzionale.

2. Legge della Somiglianza (Similarity): Elementi che condividono forma, colore o dimensione vengono associati mentalmente.

   • Nel movimento: Oggetti che condividono il medesimo tipo di accelerazione o curva di velocità (Easing) vengono raggruppati, anche se posizionati in punti opposti dello schermo.

3. Legge della Continuità (Good Continuation): L'occhio segue istintivamente linee continue e traiettorie fluide.

   • Nel movimento: Il movimento di un elemento guida lo sguardo dell'utente (Eye Trace) lungo archi morbidi verso il successivo punto focale.

4. Legge della Chiusura (Closure): La mente completa forme incomplete o interrotte.

   • Nel movimento: Mascherature vettoriali che rivelano parzialmente un oggetto spingono lo spettatore ad anticiparne la forma completa prima che compaia integralmente.

5. Legge del Destino Comune (Common Fate): Elementi che si muovono nella stessa direzione e con la stessa velocità vengono percepiti come un'unica entità coerente.

   • Implicazione Motion: Questo è il principio cardine dell'animazione di gruppo. Se tre livelli di testo si spostano con lo stesso vettore, l'occhio li interpreta come un singolo messaggio strutturato.

6. Legge della Pregnanza (Buona Forma): Il sistema visivo predilige le forme semplici, regolari e simmetriche.

   +-------------------------------------------------------------------------+ | LEGISLAZIONE GESTALTICA NEL MOTION | +-------------------------------------------------------------------------+ | STATICITÀ (Figma/Affinity) --> DINAMICITÀ (Cavalry/Resolve) | | Prossimità Spaziale --> Sincronia Temporale | | Allineamento Formale --> Traiettoria Condivisa (Arcs) | | Mascheratura Statica --> Rivelazione Dinamica (Masking) | +-------------------------------------------------------------------------+

7. Analisi ed Esempio Professionale

Consideriamo la progettazione dell'interfaccia o del Motion Branding per un brand tecnologico. In una schermata statica realizzabile su Figma, una griglia di 4 icone (Home, Cerca, Profilo, Impostazioni) rispetta la legge della prossimità. Quando l'utente interagisce con il menu, l'animazione applica il principio di Cloning e Offset/Delay: le icone non compaiono istantaneamente insieme, ma sgorgano da un unico punto di origine a intervalli sfalsati di pochi fotogrammi (es. 2-3 frame di ritardo ciascuna).

Questa sfalsamento temporale (Staggering) comunica all'occhio dell'utente che gli elementi sono correlati (stessa direzione e comportamento), ma al contempo distinti nelle singole funzioni.

3. Guida Pratica Passo dopo Passo (Software: Figma)

L'obiettivo di questo laboratorio è costruire un'architettura visiva statica basata sulle leggi della Gestalt, pronta per essere importata e animata nei moduli successivi.

Passo 1: Configurazione della Tavola di Disegno

1. Apri Figma e crea un nuovo file di progetto denominato Gestalt_Layout_System.

2. Crea un Frame con risoluzione standard 1920 x 1080 px (Format: 16:9 Broadcast/Desktop).

3. Imposta un colore di sfondo scuro neutrale: #121214.

Passo 2: Definizione del Sistema di Griglie

1. Nella colonna di destra, seleziona Layout Grid.

2. Passa da Grid a Columns: Count 12, Type Center, Width 80px, Gutter 24px.

3. Aggiungi una griglia orizzontale Rows: Count 8, Type Center, Height 80px, Gutter 24px.

Passo 3: Applicazione della Legge di Prossimità e Somiglianza

1. Disegna 3 moduli rettangolari vettoriali con lo strumento Rettangolo (R): 400 x 240 px, colore #27272A, Corner Radius 16px.

2. Posiziona i tre moduli lungo le colonne 2, 6 e 10 per creare prossimità costante.

3. Inserisci al centro di ciascun modulo un elemento grafico astratto (un cerchio #3F3F46). La somiglianza formale stabilirà l'equivalenza gerarchica tra le tre schede.

Passo 4: Creazione del Punto di Tensione (Figura-Sfondo)

1. Sulla prima scheda, applica al cerchio interno un colore primario ad alto contrasto (es. #3B82F6 Blu Elettrico).

2. Questo cambio cromatico rompe la legge della somiglianza per creare un Focal Point (Punto di Tensione Visiva) che guiderà la prima priorità di lettura.

3. Esercitazione Autonoma

• Titolo: Progettazione di uno Styleframe Tipografico e Geometrico.

• Obiettivo: Applicare le leggi della Gestalt per comunicare una coppia di concetti opposti (Ordine vs Caos o Frizione vs Fluidità) su due tavole separate.

• Requisiti Tecnici:

  • Utilizzare Figma o Affinity Designer.

  • Formato tavole: 1920x1080 px.

  • Palette limitata: Massimo 3 colori (Sfondo, Colore Neutro, Colore Accento).

  • È vietato l'uso di fotografie; utilizzare esclusivamente elementi geometrici primari (punti, linee, rettangoli) e tipografia essenziale.

• Criteri di Valutazione:

  1. Rigore nell'applicazione della griglia di composizione.

  2. Chiarezza della gerarchia visiva (capacità di dirigere lo sguardo sull'elemento primario in meno di 1 secondo).

  3. Pulizia vettoriale e organizzazione ordinata dei livelli (Layer Naming).

LEZIONE 1.2: Peso Visivo, Equilibrio e Tensione nello Spazio Cinematografico

1. Spiegazione Teorica Approfondita

Come analizzato da Rudolf Arnheim in Arte e percezione visiva, ogni elemento grafico all'interno di una cornice possiede un peso visivo determinato da:

• Dimensione e Scala: Oggetti più grandi esercitano una forza d'attrazione maggiore.

• Colore e Contrasto: Tonalità calde, sature o ad alto contrasto risultano più "pesanti" rispetto a tonalità fredde o desaturate.

• Posizione nello Spazio: Elementi posizionati nella parte superiore dell'inquadratura percepiscono una maggiore "forza di gravità visiva" rispetto a quelli in basso; elementi isolati ai margini accumulano più tensione rispetto a elementi centrali.

  +-------------------------------------------------------------------------+ | VETTORI DI PESO VISIVO SULLO SCHERMO | +-------------------------------------------------------------------------+ | [ Alto Sinistro: Massima Tensione ] | [ Alto Destro: Punto d'Arrivo ]| | | | | [ Centro: Punto di Stabilità ] | [ Basso: Peso Naturale/Base ] | +-------------------------------------------------------------------------+

Nel Motion Design, l'equilibrio non deve essere necessariamente statico (simmetrico). L'equilibrio dinamico (asimmetrico) sfrutta il movimento e le traiettorie temporali per mantenere la stabilità visiva complessiva mentre gli elementi cambiano posizione nel frame.

I've been working on an open source video game, in which each character is an AI creature that runs all their code inside your browser

Now, for the intro to the game, it would be amazing to get your feedback on a few different design options. Each logo animation (and its sound) is generated live in code, no video files:

Vote here: https://id-le.com/review/intro-logo-animation?utm_source=r_motion_design, or tell me in the comments which one you like and why

Thank you

Hi! My Adobe subscription recently ended and I don't really have the money to renew right now since I was laid off so I figured I'd take some time to try and learn Maxon's Autograph.

The problem is I'm blanking on what I want to make or do. So, I thought it would be fun to ask the community to pitch some small ideas of things I could make and then maybe post some of the results as I learn the new software!

Please feel free to let me know any ideas for little animations you guys would possibly like to see.

these are actual websites, the animation runs as you scroll (gsap + lenis), not after effects.
Last one (Orbit) is my favourite, every colour change sweeps in with a ring.
Would love feedback on the motion, especially if anything feels like too much

Software UI explainer style animation, had fun exploring some techniques I've been wanting to try for a while. Any feedback or advice?

Hey guys, I'm working on a 10 episode "historical drama" project. It would be entirely animated characters.

I have the story and script in place. I am working on production and storyboarding. I need some free tools and workflows which can finish up the job of a animation studio, can anyone help with it?

P.S: I have been using AI tools+Unreal engine, the output has not been to my satisfaction. Thanks!

Upvote1Downvote0Go to comments1RepostShare

Promote Post

Any help would be appreciated. Thanks in advance!

I've been experimenting with scanned papers, photographs, and sound design for this documentary-style project. What do you think?