Рецепта 4 · цял проект от А до Я
Лого анимация с JMATION
Правиш кратка анимация на логото си за пост и за рийл. В JMATION всяка анимация се нарича филм: всеки кадър е код, логото се сглобява в стила на филма, а рендерът става на твоя компютър.
Какво получаваш накрая
Два MP4 файла, рендерирани поотделно: 1080 × 1080 за пост и 1080 × 1920 за рийл. И двата са минали проверката на движението, под 50 MB са и са с твоята музика или без звук. 0 кредита.
Ще ти трябва
- План Ultra или Бизнес: JMATION през агента е само за тях.
- Агент с терминал: Claude Code, Codex или Cursor. В чата на Claude.ai агентът пише кода, но не рендерира.
- На компютъра: Node 20 или по-нов, Chrome или Edge и FFmpeg.
- Истинският файл на логото: SVG или PNG, или логото, запазено като елемент с @таг.
- Музика, която имаш право да ползваш. Или решение „без музика“.
- 2–3 лого анимации, които харесваш: накрая ще сравниш своята с тях.
- 1
Провери рендера на компютъра
Стиловете и методът идват на живо от cyberninjas, но филмът се рендерира на твоя компютър. Без рендер агентът пише кода, а MP4 няма.
Рендерът на компютъра
Кажи на агента
Ще правим лого анимация с JMATION. Първо провери дали рендерът на JMATION е на този компютър и коя версия е. Ако липсва или е стар, вземи пакета, провери дали е истински (sha256), инсталирай го и пусни проверката. Ако ми липсват Node, Chrome или FFmpeg, кажи ми точно какво да инсталирам. Не харчи кредити.
Агентът прави
jmation_setup
Получаваш: Версията на рендера и минала проверка на Node, Chrome, FFmpeg и видеокартата. Пакетът е около 2,5 MB, а връзката към него живее 15 минути.
0 кредитаЗащо работи
- Пакетът е само рендерът. Стиловете и методът не се инсталират: идват от cyberninjas, докато абонаментът ти е активен.
- Рендерът е на твоя компютър, затова филмът струва 0 кредита.
- Виж честната граница
Провери, преди да продължиш
- Агентът ти каза версията на рендера.
- Проверката на Node, Chrome или Edge и FFmpeg мина.
- Кредитите ти са същите.
Подробно в урок 9: JMATIONКапанът
Команда „jmation“, която да работи от всяка папка, няма. Напише ли агентът само нея, получава „command not found“. Затова той пише пълния път до рендера.
- 2
Вземи истинския файл на логото
В последния кадър влиза истинският файл, а героят във филма се рисува по него. Логото не се прерисува на око и не се генерира.
Истинският файл на логото
Кажи на агента
Логото ми е в [път до logo.svg]. Ако там няма файл, провери списъка ми с елементи, отвори @logo и свали оригиналния файл веднага в ./brand, със същото разширение като оригинала: връзката живее 1 час. Покажи ми логото и ми кажи формата и размера на файла. После ми опиши частите му с думи: от какви форми е сглобено и кое е най-характерното в него.
Агентът прави
list_elementsget_element
Получаваш: Истинският файл на логото на диска ти и описание на частите му. По тези части агентът после сглобява логото във филма.
0 кредитавсеки план с кредитиЗащо работи
- @тагът служи, за да влезе логото в генерирана картина. Когато ти трябва самият файл, агентът сваля оригинала от елемента. Смени @logo със своя таг.
- SVG е най-добрият избор: остър е и в 1080, и в 1920 пиксела. Елементите пазят PNG, JPEG или WebP.
- Частите, назовани сега, са това, което после се пренарежда.
- Виж честната граница
Провери, преди да продължиш
- Файлът е на диска ти, със същото разширение като оригинала.
- Това е точно твоето лого, не прерисувано копие.
- Имаш описание на частите му с думи.
Подробно в урок 5: @ЕлементиКапанът
Лого, „нарисувано“ с букви или с код вместо истинския файл. Губят се пропорциите и детайлите, а резултатът изглежда като чужд продукт.
- 3
Поискай стиловете с твоите думи
Стилът идва от думите ти: не е нужно да знаеш имената на стиловете. „Лого анимация“ дава структурата „Ритуал на разкриването“, а „инстаграм пост“ дава квадрат 1080 × 1080.
Стиловете от твоите думи
Кажи на агента
Поискай стилове за това изречение, дословно и на български: „Лого анимация за [бранда ми], [две думи за настроението], за инстаграм пост“. Покажи ми трите стила и смелия като картинки, а ако картинките не се показват, дай ми имената и връзките към тях. Логото вече е в ./brand. Чакай моя избор.
Агентът прави
jmation_pick_style
Получаваш: 4 стила за избор: 3 от различни семейства и 1 смел. В Claude ги виждаш като картинки, в терминала с име и връзка към картинката.
0 кредитавсеки агентЗащо работи
- Сметнато по каталога: за „лого анимация за моята пекарна, топло и семейно, за инстаграм пост“ излизат „Плосък анимационен“, „Хартиени пластове“, „Рецепта стъпка по стъпка“ и смелият „Изрезки à la Матис“, в квадрат.
- Изборът на стил е безплатен и не се брои в дневния таван.
- Изборът помни историята ти. При теб същото изречение може да даде други стилове.
Провери, преди да продължиш
- Видя 4 стила, единият отбелязан като смел.
- Структурата е „Ритуал на разкриването“, а форматът е 1080 × 1080.
- Нищо не е рендерирано и нищо не е похарчено.
Подробно в урок 9: JMATIONКапанът
Няма ли в думите ти „инстаграм пост“, „квадрат“ или „1:1“, форматът остава незададен и агентът решава сам. Кажи формата с думи.
- 4
Избери стила и вземи рецептата му
Агентът строи по рецептата на стила, вместо да гадае. Преди да пише код, той описва логото ти в този стил с две изречения. Това е евтината проверка: ако описанието не ти харесва, сменяш стила сега.
Изборът и рецептата на стила
Кажи на агента
Избирам [второто]. Вземи рецептата на този стил със структурата „Ритуал на разкриването“ и я запази заедно с образеца, за да влязат във филма. Когато пращаш заданието за рецептата, опиши логото с думи и не пиши знака „<“. После ми кажи с две изречения как ще изглежда логото в този стил: от какъв материал е и как се сглобява.
Агентът прави
jmation_style
Получаваш: Рецептата на стила и жив образец в код, плюс две изречения как ще изглежда твоето лого. Още нито ред от филма.
0 кредитаЗащо работи
- Рецептата носи палитрата, шрифтовете, движението, описано с числа, и капаните на стила. Образецът е справка за похватите, не е филмът.
- „Ритуал на разкриването“ има пет такта: покой, надграждане, зареждане около 1 s, удар за 0,3–0,5 s и разкриване.
- На ден се отварят до 6 различни рецепти. Вече отворената днес се отваря пак, без да се брои.
Провери, преди да продължиш
- Агентът назова материала на логото: хартия, туш, плочки или друг.
- Рецептата на стила и образецът са запазени при теб.
- Описанието ти харесва.
Подробно в урок 9: JMATIONКапанът
Сървърът изяжда знака „<“ в заданието: „><“ става „>“. Ако логото ти има такъв знак, опиши го с думи.
- 5
Прочети метода и направи нов филм
Законите се четат преди първия ред код, не след първата грешка. Филмът живее в твоя папка, отделно от рендера.
Методът и новият филм
Кажи на агента
Преди да пишеш код, прочети метода и ръководството за двигателя на JMATION. После направи нов филм в моята папка Jmation-films с име [logo-imeto] и сложи вътре рецептата на стила, образеца и логото от ./brand. Пиши пътя целия, от домашната ми папка нататък, без „~“. Кажи ми къде е филмът.
Агентът прави
jmation_guide
Получаваш: Нов филм в папката ти Jmation-films, с рецептата на стила, образеца и логото вътре. Агентът знае законите, преди да почне.
0 кредитаЗащо работи
- Законите на метода: куката, тоест мигът, който спира зрителя, идва до 1,5 s. Нещо се променя поне на всеки 2,5 s. Без преливания. Текстът е поне 64 px и стои на екрана поне 1,2 s.
- Методът и ръководството за двигателя се четат веднъж на сесия. На ден се отварят до 12 различни ръководства.
- Филмът е твой и остава при теб и след края на абонамента.
Провери, преди да продължиш
- Агентът каза, че е прочел метода и ръководството за двигателя.
- Филмът е в Jmation-films, не в папката на рендера.
- Логото е във филма като файл.
Подробно в урок 9: JMATIONКапанът
Филм в папката на рендера се губи при обновяване: новата версия идва в нова папка, а щом изтриеш старата, изчезва и филмът. В PowerShell пътят с „~“ не работи, затова агентът пише целия път.
- 6
Нарисувай логото в материала на филма
Във филма логото е герой и е направено от материала на стила: хартия, туш, плочки. Гланцово лого, лепнато отгоре, изглежда като бутон на сайт, а не като анимация.
Логото-герой в материала на филма
Кажи на агента
Напиши филма: [6] секунди, 1080 × 1080. Логото е героят, но е нарисувано в материала на стила: [хартия, туш, плочки или друг], със същите форми и пропорции като истинското. Частите му влизат поотделно и се ПРЕНАРЕЖДАТ на местата си: не се въртят като пумпали, не се разтягат и не сменят формата си. Всяко движение тръгва плавно и спира плавно. Още кадър 0 е пълен, без празен фон. Истинският файл на логото се показва чист чак във финала и стои на екрана поне [1,5] секунди.
Агентът прави
на твоя компютър: агентът работи там, без конектора на cyberninjas.ai
Получаваш: Кодът на филма: логото се сглобява в стила, а истинският файл чака финала.
Защо работи
- Иван Драганов, основател на cyberninjas.ai, 26.09.2026: „не искам частите на логото да се въртят като пумпали или да променят своите форми, искам да се ПРЕНАРЕЖДАТ“.
- Законът на метода: героят се рисува в материала на филма, а истинското лого е само в последния кадър, от истинския файл.
- Instagram взима първия кадър за корица. Затова кадър 0 е пълен, а не празен фон.
Провери, преди да продължиш
- Формите и пропорциите на логото-герой са като на истинското.
- Частите се пренареждат, без въртене и без разтягане.
- Истинският файл е само в последния кадър.
Подробно в урок 9: JMATIONКапанът
В структурата „Ритуал на разкриването“ има скок и завъртане. За лого го кажи изрично: без въртене. Иначе частите се завъртат като пумпали.
- 7
Огледай филма кадър по кадър
Филмът не е готов, докато не си го видял. Трептене, подскачаща част и светкавици се хващат на поредни кадри, а ръбовете на логото се гледат на изрез в реален размер, без смаляване.
Огледът кадър по кадър
МайсторскиКажи на агента
Преди рендера ми покажи филма: лист с кадри от целия филм, поне 10 кадъра в пълен размер и поредни кадри около всяко пренареждане на частите. Изрежи ръбовете на логото и буквите в реален размер, без смаляване. Провери: нищо не трепти и не подскача дори за един кадър, няма повече от 3 светкавици в секунда, а буквите на кирилица са цели още от кадър 0. Поправи каквото намериш и ми покажи пак.
Агентът прави
на твоя компютър: агентът работи там, без конектора на cyberninjas.ai
Получаваш: Лист с целия филм, кадри в пълен размер и поредни кадри на всеки преход. Поправките стават преди рендера, когато са евтини.
Защо работи
- Част, която подскача за един кадър, се вижда само на поредни кадри. В плейъра окото я пропуска.
- Ако шрифтът няма кирилица, браузърът тихо го сменя с друг. Затова всяка дебелина на шрифта се зарежда преди кадър 0.
Провери, преди да продължиш
- Видя листа с кадри и поне 10 кадъра в пълен размер.
- На поредните кадри нищо не трепти и не подскача.
- Буквите са цели и в първите кадри.
Подробно в урок 13: ПравилатаКапанът
Смяна на тъмно и светло на всеки 0,15 s дава 7 светкавици в секунда, а границата е 3. Лекът е сцените да се подредят по яркост, така че смените да са меки.
- 8
Рендерирай и пусни проверката
Проверката мери това, което окото пропуска: застинали места, светкавици, празни кадри и шевове. Отчетът казва кое е проверено и кое предположено.
Рендер и проверка
Кажи на агента
Рендерирай филма в MP4 на моя компютър и пусни проверката на движението. Поправяй, докато мине: нищо неподвижно над 0,7 s, до 3 светкавици в секунда, без празни кадри и без шевове между частите на рендера. Кажи ми размера, продължителността и кое си проверил и кое предполагаш.
Агентът прави
на твоя компютър: агентът работи там, без конектора на cyberninjas.ai
Получаваш: MP4 1080 × 1080 с минала проверка и отчет: кое е проверено и кое предположено. 0 кредита.
Защо работи
- Рендерът е детерминиран: същият код дава същия филм, кадър по кадър.
- Мерено: стартовият филм се рендерира за 38,7 s на лаптоп с RTX 3070.
- Виж честната граница
Провери, преди да продължиш
- Проверката мина и агентът ти каза числата.
- Файлът е 1080 × 1080 и е в папката на филма.
- Отчетът разделя провереното от предположеното.
Подробно в урок 9: JMATIONКапанът
Прозрачен фон не става: рендерът дава само непрозрачен MP4. Ако ти трябва лого върху видео, филмът влиза в монтажа като отделен откъс преди или след видеото, а прозрачен слой дава само Blender.
- 9
Сложи своята музика или остави тишина
Синтезиран звук прави и добрия филм евтин. Музиката е твой файл или никаква.
Музиката или тишина
Кажи на агента
Музиката е в [път до track.wav]. Сложи я под филма, нагласи удара в музиката на мига, в който логото се сглобява, и изравни силата на звука до −14 LUFS. Не синтезирай звук: ефекти само от [моята папка със звуци] или никакви. Направи финален файл под 50 MB и ми кажи измерената сила на звука.
Агентът прави
на твоя компютър: агентът работи там, без конектора на cyberninjas.ai
Получаваш: Финален MP4 под 50 MB с твоята музика, изравнена до −14 LUFS. Не искаш музика? Напиши на агента само: „Без музика, остави филма тих.“
Защо работи
- Всеки звуков ефект се нагласява по измерения му пик: пикът пада два кадъра преди събитието в картината.
- Сложи само музика, която имаш право да ползваш.
Провери, преди да продължиш
- Ударът в музиката пада на сглобяването на логото.
- Агентът каза измерената сила на звука, около −14 LUFS.
- Файлът е под 50 MB.
Подробно в урок 9: JMATIONКапанът
Новият филм може да дойде със скрипт, който сам синтезира звук. Евтините и синтезираните ефекти получиха от Иван 1 от 10, затова се ползват истински записи, не звук, сглобен от нулата. Кажи изрично: само моят файл или тишина.
- 10
Направи версия 9:16, рендерирана наново
Рийлът иска вертикал. Кодът се пренарежда за новия формат и се рендерира наново, вместо квадратът да се реже или разтяга.
Вертикалът за рийл
Кажи на агента
Направи втора версия на същия филм за рийл, 1080 × 1920. Не изрязвай квадрата и не слагай размазани ленти горе и долу: пренареди композицията за вертикала и рендерирай наново. Логото и надписите да са в безопасната зона: най-долният ред е поне 130 px над ръба. Пусни проверката, сложи звука като при първата версия и ми покажи кадър 0 и последния кадър.
Агентът прави
на твоя компютър: агентът работи там, без конектора на cyberninjas.ai
Получаваш: Отделен MP4 1080 × 1920: същият филм, нареден за телефон, с минала проверка.
Защо работи
- За да напълниш 1080 × 1920 с квадрат 1080 × 1080, трябва да го уголемиш 1,78 пъти и да изрежеш около 44 % от ширината му.
- Под 130 px интерфейсът на Reels и TikTok покрива текста.
Провери, преди да продължиш
- Файлът е 1080 × 1920 и е нов рендер, не изрязан квадрат.
- Логото и надписите са цели и над долните 130 px.
- Проверката мина и за тази версия.
Подробно в урок 13: ПравилатаКапанът
Размазани ленти горе и долу. Изглеждат като направени с приложение за преоразмеряване, а не като част от филма.
- 11
Сравни с примерите и реши: с лого или без
Логото в слаба анимация вреди на марката повече, отколкото ако го няма. Затова последната дума е честно сравнение с примери, които харесваш.
Присъдата: с лого или без
Кажи на агента
Сложи двете версии до примерите, които харесвам: [пътища или адреси на примерите]. Кажи ми честно, по конкретни кадри: на тяхното ниво ли е анимацията? Ако не е, направи вариант без логото като герой: филмът разказва в стила си, а истинското лого е само в последния кадър. Ако и това не е на нивото им, направи филма без лого. Най-много три кръга поправки, после решавам аз по кадрите.
Агентът прави
на твоя компютър: агентът работи там, без конектора на cyberninjas.ai
Получаваш: Оценка по конкретни кадри и ясно решение: логото като герой, логото само във финала или филм без лого.
Защо работи
- Иван, 23.09.2026: „изобщо не искам да ползваш логото ни, ако няма да докараш анимацията“.
- Поправките на агентите опират в таван около 6,5 от 10: всеки кръг внася нови дефекти. След два-три кръга решава човек по конкретен кадър.
Провери, преди да продължиш
- Видя филма до примерите, кадър до кадър.
- Решението е взето по конкретни кадри, не по усещане.
- Агентът каза кое е проверено и кое предположено.
Подробно в урок 13: ПравилатаКапанът
Безкраен кръг „агентът поправя, агентът проверява“. Оценката спира около 6,5 от 10, а всеки нов кръг носи нови дефекти.
Готово е, когато
проверката на движението е минала и за двата файла, частите на логото се пренареждат без въртене и истинското лого е само в последния кадър. И когато сложиш филма до примерите си и кажеш „на нивото е“. Ако не е, решението е лого само във финала или филм без лого.
Варианти
- Лого финал за дълъг клип: същата анимация влиза в монтажа след AI клиповете, не върху тях (урок 14).
- Лого с AI фон: една неподвижна фотореална снимка срещу кредити, а всичко, което се движи, е код (урок 9).
- Лого с прозрачен фон, което да сложиш върху видео: JMATION не дава прозрачен слой, а Blender дава MOV ProRes 4444 с прозрачност (урок 10).