Ṣíṣeto: Ètò ìṣípopo àmì osàn

Beere lọwọ mi: àmì kúkúrú kan fún ìṣípayá ìṣípayá, ọ̀rọ̀ akọni kan, ìpín ogorun kan fún àwòrán náà, ọ̀rọ̀ fún káàdì ìkẹyìn, àwọ̀ ohùn kan, àti orin kan pẹ̀lú ìlù tí ó ṣe kedere.

Fíìmù ìṣíṣẹ́ 2D kan ní ìpele 16:9. Lo kánfáàfù gbígbóná tí ó gbóná, àwọn ìpìlẹ̀ tó fẹ́rẹ̀ẹ́ dúdú, ìkọ̀wé onígboyà àti àmì osàn kan tó hàn gbangba. Àmì osàn náà so gbogbo ìṣẹ̀lẹ̀ pọ̀: ó bẹ̀rẹ̀ nínú UI, ó di àmì lórí lẹ́tà kan, ó tọ́ka sí àwòrán orísun omi, ó dàgbà sí ìrísí kan, ó sì padà sórí káàdì ìparí. Kọ́sọ̀ kan mú kí ìṣíṣẹ́ náà rí bí ohun gidi. Jẹ́ kí ìṣíṣẹ́ náà mú kí ó mọ́ kedere, kí ó sì ṣàkóso rẹ̀, pẹ̀lú àwọn ìṣùpọ̀ orísun omi kékeré àti pé kò sí àkókò tí ó kú.
Ti a ti gbesele: awọn aworan iṣura, awọn ipele, awọn imọlẹ, awọn fifọ patikulu, awọn iyipada laileto ati išipopada ti ko sopọ mọ ohun kan ti o wa lori iboju tẹlẹ.

Ní nǹkan bí ìṣẹ́jú-àáyá mẹ́ẹ̀ẹ́dógún, pẹ̀lú ìyípadà ojú lórí gbogbo ìlù ńlá.
Ṣí: kọ́sọ̀ kan tẹ ìyípadà osàn lẹ́gbẹ̀ẹ́ "Reduce Motion". Àwọn lẹ́tà náà tẹ̀ wọ́n sì gbéra sí ipò wọn títí tí "Motion" nìkan yóò fi kù, pẹ̀lú àmì osàn lórí "i".
Ìgbà Ìrúwé: àmì náà fò kúrò nínú ọ̀rọ̀ náà ó sì balẹ̀ lórí àtẹ kan. Ọ̀nà rẹ̀ fa ìdáhùn ìgbà ìrúwé, ó borí ibi tí a fẹ́ fojú sí, ó sì dúró sí ẹ̀gbẹ́ ìpè "+22%".
Ìrísí: àmì náà yọ sí orí ìlà kan, ó dàgbà sí àyíká ọsàn kan, ó sì kún férémù náà. Onígun mẹ́rin dúdú kan yípo nínú rẹ̀, lẹ́yìn náà ó na ara rẹ̀ sí ìgò kan. Ìran náà ń dì sí àmì ọsàn kan ṣoṣo lórí dúdú.
Tẹ: awọn ọrọ bii "SPRINGS", "EASING", "KINETIC TYPE", "3D" ati "SOUND" yipo aami naa. Yipo iru naa yoo ṣii si aaye awọn aami kekere kan.
Ṣíṣí: pápá halftone náà fẹ̀ sí i, ó sì yípadà sí dúdú, ó sì fi káàdì ìkẹyìn hàn: " Opus 5.5 ", "Motion designer." àti "0 keyframes".
Ìpadàbọ̀: àmì osàn náà ń yí padà sí àárín ohùn, àwòrán àti ìyípadà. So fírémù ìkẹyìn pọ̀ mọ́ èyí àkọ́kọ́ kí fídíò náà lè yí padà dáadáa.

1. Fáìlì HTML kan, 1920x1080 ní 60fps. Ṣírò gbogbo ìwòran láti àkókò inú search(t): kò sí ìyípadà CSS, àkókò tàbí ipò tí a gbé láàrín àwọn fírẹ́mù.
2. Lo awọn orisun omi ti a ti sé fun awọn toggle, bouncing dot ati graf. Ya awọn aworan naa lati iṣẹ orisun omi kanna ti o gbe aami naa.
3. Fi àwọn lẹ́tà ṣe àwòrán lẹ́ẹ̀kọ̀ọ̀kan fún ìyípadà "Dín Ìṣípo" sí "Ìṣípo". Jẹ́ kí àmì osàn náà so mọ́ "i" títí tí yóò fi bẹ̀rẹ̀ sí í fò.
4. Ṣe àyíká osan, yípo onígun mẹ́rin àti ìdìpọ̀ onírúurú ipò tí ó ní ìrísí kan náà. Pa ipò àti ìṣípò rẹ̀ mọ́ nígbà ìyípadà kọ̀ọ̀kan.
5. Fi àwọn ọ̀rọ̀ tí ń yípo sí ojú ọ̀nà yípo, lẹ́yìn náà gbé àwọn lẹ́tà wọn síta láti fi férémù náà lé àkójọpọ̀ ìlà-orin náà lọ́wọ́.
6. Ya ìlà-ohùn náà gẹ́gẹ́ bí àkójọ àwọn àmì tí ìwọ̀n wọn ń dáhùn sí àmì osàn. Jẹ́ kí ó dàgbà kọjá àwọn ẹ̀gbẹ́ fírẹ́mù kí o tó fi káàdì ìparí hàn.
7. Ṣíṣe ìsopọ̀pọ̀ pẹ̀lú click, dot landing, graft peak, àwọn àyípadà àwòrán àti àkọlé ìkẹyìn sí àwọn ìlù tí a wọ̀n. Ṣe férémù kan fún ìlù kan láti ṣàyẹ̀wò ìṣíṣẹ́ kí ó tó di pé a kó o jáde ní kíkún.

Àwòrán àti àmì náà gbọ́dọ̀ tẹ̀lé ìṣísẹ̀ kan náà bí bẹ́ẹ̀ kọ́, ìrúwé náà yóò dàbí èyí tí kò ṣeé ṣe. Jẹ́ kí àmì osàn náà wà ní ìbámu ní gbogbo ìṣẹ̀lẹ̀. Fún ọ̀rọ̀ tí ń jáde àti èyí tí ń wọlé ní àkókò ọ̀tọ̀ọ̀tọ̀ kí àwọn lẹ́tà má baà jọra. Tí àwòrán kan bá kún ojú ìbojú, wọ̀n ọ́n kọjá gbogbo igun mẹ́rẹ̀ẹ̀rin. So kọ́sọ̀, àmì àti ìkọ̀wé pọ̀ mọ́ àwọn fírémù àkọ́kọ́ àti ìkẹyìn láti yẹra fún ìkọlù ìkọlù.

Beere lọwọ mi fun awọn ohun ti o n wọle, lẹhinna fi maapu eti ati awọn aworan mẹrin han mi (toggle, graph, kinetic type, end card) ṣaaju ki o to kọ fidio naa ni kikun.

Ask me for: a short label for the opening toggle, one hero word, a percentage for the graph, the text for the final card, one accent color, and a track with a clear beat.

A 2D motion design film in 16:9. Use a warm off-white canvas, near-black backgrounds, bold typography and one vivid orange accent. The orange dot connects every scene: it starts in the UI, becomes the dot over a letter, traces a spring graph, grows into a shape and returns on the end card. A cursor makes the opening click feel real. Keep the motion sharp and controlled, with small spring overshoots and no dead time.
Banned: stock footage, gradients, glows, particle bursts, random transitions and motion that isn't connected to an element already on screen.

Around 15 seconds, with a visual change on every major beat.
Open: a cursor clicks the orange toggle beside "Reduce Motion". The letters bend and move into place until only "Motion" remains, with the orange dot above the "i".
Spring: the dot jumps away from the word and lands on a graph. Its path draws a spring response, overshoots the target and settles beside a "+22%" callout.
Shape: the dot shoots across a line, grows into an orange circle and fills the frame. A black rounded square rotates inside it, then stretches into a pill. The scene contracts to a single orange dot on black.
Type: words like "SPRINGS", "EASING", "KINETIC TYPE", "3D" and "SOUND" orbit the dot. The circle of type opens out into a field of tiny dots.
Reveal: the halftone field expands and flips to black, revealing the final card: "Opus 5.5", "Motion designer." and "0 keyframes".
Return: the orange dot moves back through the halftone, graph and toggle. Match the final frame to the first so the video loops cleanly.

1. One HTML file, 1920x1080 at 60fps. Compute every visual from time inside seek(t): no CSS transitions, timers or state carried between frames.
2. Use closed-form springs for the toggle, bouncing dot and graph. Draw the graph from the same spring function that moves the dot.
3. Animate letters individually for the "Reduce Motion" to "Motion" transformation. Keep the orange dot attached to the "i" until it begins its jump.
4. Make the orange circle, rotating square and pill different states of the same shape. Preserve its position and motion through each transformation.
5. Place the orbiting words along a circular path, then move their letters outward to hand the frame over to the halftone grid.
6. Draw the halftone as a grid of dots whose sizes respond to the orange dot. Let it grow past the frame edges before revealing the end card.
7. Sync the click, dot landing, graph peak, shape changes and final title to measured beats. Render one frame per beat to check the pacing before the full export.

The graph and dot must follow the same motion or the spring will feel fake. Keep the orange accent consistent across every scene. Give outgoing and incoming text separate timing so letters don't overlap. When a shape fills the screen, scale it past all four corners. Match the cursor, dot and typography in the first and last frames to avoid a loop stutter.

Ask me for the inputs, then show me the beat map and four stills (toggle, graph, kinetic type, end card) before building the full video.

Àṣẹ tí a mú láti ifiweranṣẹ @ultimaxbt.