animation Аналог After Effects · анимация

Анимация и видеоэффекты онлайн — бесплатно EffectCraft: заставки, титры, GIF

Анимированная заставка к школьному ролику, движущийся титр, открытка ко Дню учителя или выпускному: текст, фигуры и эффекты, которые оживают по ключевым кадрам. Готовое — в MP4, GIF или Lottie для сайта.

animation Открыть EffectCraft Бесплатно, без регистрации arrow_forward touch_app Оживить титр здесь
306 эффектов
GIF MP4 и Lottie
0 ₽ без подписки
~17 МБ первая загрузка
app.педобраз.рф/effectcraft
EffectCraft: заставка «С Днём учителя» со свечением и кругами на синем фоне, внизу таймлайн со слоями, справа свойства текстового слоя
touch_app Стенд

Два ключевых кадра — и титр ожил

Ключевой кадр — это «здесь надпись вот такая». Поставьте два ключа на разное время, и программа сама нарисует всё, что между ними. А характер движения задаёт интерполяция: равномерно, плавно или рывком. Сравните три — и посмотрите на график скорости.

Стенд требует JavaScript. Сам EffectCraft открывается кнопкой выше.

Здесь один титр и три свойства. В EffectCraft ключи ставятся на любое свойство любого слоя — положение, масштаб, поворот, цвет, параметры эффектов, — а график скорости правится мышью в Graph Editor.

photo_library Как это выглядит

Так выглядит EffectCraft

Снимки — из нашей копии: при запуске открывается демонстрационный проект, а надписи мы заменили на свои — кириллица работает.

Композиция 3D Showcase: цветные карточки и надпись Classic 3D в трёхмерном пространстве с камерой и светом, внизу слои Camera, Key Light, Fill Light
Классическое 3D, как в After Effects: слои в пространстве, камера и источники света, тени. Композиция «3D Showcase» лежит в демонстрационном проекте.
Render Queue с открытым списком Output Module: High Quality, Lossless, H.264 с разным битрейтом, PNG Sequence, GIF и другие
Render Queue (очередь вывода): H.264 для видео, последовательности PNG, звук — и анимированный GIF для открыток и чатов.
auto_awesome Возможности

Что умеет EffectCraft

🔑

Ключевые кадры

Сердце анимации

  • линейные, плавные (Easy Ease, F9), удержание
  • Graph Editor: графики значения и скорости
  • выражения: wiggle, loopOut
  • привязка слоёв друг к другу (Parent)
🔤

Текст

Титры, которые двигаются

  • текстовые аниматоры по буквам и словам
  • готовые пресеты анимации текста
  • кириллица работает
  • стили слоя: тень, свечение, обводка
🎆

306 эффектов

Все категории After Effects

  • размытие, свечение, искажения
  • частицы, дождь, разбиение (Shatter)
  • хромакей и маски
  • шумы, градиенты, переходы
🧊

3D и движение

Глубина без 3D-программы

  • 3D-слои, камеры с глубиной резкости
  • свет и мягкие тени
  • кубы, сферы, плоскости
  • отслеживание движения и стабилизация
📤

На выход

В ролик, в чат, на сайт

  • MP4 (H.264), HEVC, AV1, WebM
  • анимированный GIF
  • Lottie — анимация для сайтов и приложений
  • последовательности PNG с прозрачностью
rocket Начать

Как сделать анимированную открытку

1

Composition → New Composition

Например 1080 на 1080 и 4 секунды — квадрат для чата

2

Фон и надпись

Layer → New → Solid — цветной фон; Layer → New → Text — поздравление

3

Оживите

Animation → Apply Animation Preset… — готовое движение, или ключевые кадры: секундомер у свойства, два ключа, F9 для плавности

4

Выгрузите GIF

Composition → Add to Render Queue, в Output Module — Animated GIF, кнопка Render

memory Как устроено

Что готово, а что пока нет

EffectCraft — самый молодой в семье: первый коммит сделан 1 октября 2026 года. Почти все функции After Effects уже есть, но авторы честно говорят, что поведение ещё не сверено с оригиналом.

check_circle

Работает сейчас

Можно пробовать
  • Композиции, слои, ключевые кадры и Graph Editor
  • Текст и текстовая анимация, стили слоя
  • 306 эффектов, 3D-слои, камеры и свет
  • Выгрузка в MP4, GIF, WebM и Lottie
schedule

Надо знать заранее

Оговорки
  • Проекты After Effects (.aep) не открываются, плагины не работают
  • Отдельные эффекты могут выглядеть не совсем как в After Effects
  • Рендер в браузере небыстрый — короткие заставки лучше длинных роликов
  • Русского интерфейса нет — шпаргалка выше

Это ранняя версия: проекты ArtCraft появились в конце сентября 2026 года и обновляются почти каждый день. Мы держим свежую сборку, но ошибки возможны — сохраняйте работу в файл почаще.

lock Прозрачность

Данные и разрешения

  • Что читается

    Только видео, картинки и звук, которые вы сами добавили в проект.

  • Куда отправляется

    Никуда: композиции считаются и выгружаются в браузере.

  • Два исключения

    По вашей кнопке в настройках программа может скачать нейросети: MobileSAM для «умной кисти» Roto Brush (около 40 МБ, с GitHub) и модель отслеживания лица (около 4 МБ, с серверов Google). Эти серверы видят ваш IP-адрес, но не ваши файлы.

  • Что сохраняется

    Проект живёт во вкладке. Сохраните его файлом (File → Save), чтобы вернуться завтра.

Откройте — заставка-пример уже внутри, замените текст на свой:

animation Открыть EffectCraft arrow_forward
menu_book Справка

Анимация онлайн: что такое EffectCraft и с чего начать

Что такое EffectCraft

EffectCraft — бесплатная программа для анимации и видеоэффектов, которая работает в браузере и повторяет устройство Adobe After Effects: композиции из слоёв, ключевые кадры, редактор графиков скорости, 306 эффектов, текстовая анимация, 3D-слои с камерами и светом, очередь вывода.

Программа написана с нуля с открытым кодом командой ArtCraft. Она самая молодая в мастерской — и самая тяжёлая: при первом открытии браузер скачивает около 17 МБ. Зато потом в ней можно сделать то, для чего обычно ставят дорогой пакет.

Ключевой кадр — главное понятие анимации

В анимации не рисуют каждый кадр. Достаточно сказать программе: «в начале надпись здесь и прозрачная, через секунду — в центре и видна полностью». Это два ключевых кадра, а всё между ними программа досчитает сама.

Характер движения задаёт интерполяция. Линейная — равномерно, механически. Плавная (Easy Ease, клавиша F9) — с разгоном и торможением: так движутся живые вещи, и это самая частая кнопка моушн-дизайнера. Удержание (Hold) — значение стоит и меняется скачком: мигание, «щелчок». Стенд в начале страницы показывает все три и график скорости к каждому.

Что делают учителя

Заставка к ролику — название и дата, которые красиво появляются в первые секунды. Движущийся титр — подпись к кадру в видео о школьной жизни. Открытка-GIF ко Дню учителя, Новому году или выпускному, которая отправляется в чат как картинка.

И анимация для урока: схема, которая собирается по шагам, траектория движения на физике, стрелки, которые появляются по одной. Готовое удобно вставить в презентацию или видео — а смонтировать ролик целиком можно в соседнем FilmCraft.

GIF, MP4 или Lottie

GIF — для чатов и сайтов, где видео не проигрывается само: открытка, стикер, короткая петля. Весит больше видео, цветов в нём немного, зато открывается везде. MP4 (H.264) — для заставок и титров, которые потом вставляются в ролик. Lottie — особый формат для сайтов и приложений: анимация хранится не кадрами, а описанием движения, весит килобайты и остаётся чёткой при любом размере.

quiz FAQ

Часто задаваемые вопросы

EffectCraft — это Adobe After Effects? expand_more
Нет. Это независимая бесплатная программа с открытым кодом, которая повторяет панели, меню и горячие клавиши After Effects. С Adobe она не связана, проекты .aep не открывает.
Нужно ли устанавливать или регистрироваться? expand_more
Нет. EffectCraft открывается в браузере по ссылке. При первом открытии браузер скачивает около 17 МБ — это самая тяжёлая программа в наборе.
Как сделать GIF? expand_more
Соберите композицию, затем Composition → Add to Render Queue (Ctrl+M), в Output Module выберите Animated GIF и нажмите Render.
Работает ли русский текст? expand_more
Да: Layer → New → Text или двойной щелчок по надписи в окне композиции — и печатайте по-русски. Интерфейс самой программы пока английский, шпаргалка — выше.
Что такое ключевой кадр? expand_more
Отметка «в этот момент свойство такое»: положение, размер, прозрачность. Между двумя ключами программа досчитывает движение сама. Включается секундомером у свойства слоя.
Можно ли открыть проект After Effects? expand_more
Нет: формат .aep закрыт, и плагины After Effects тоже не работают. EffectCraft сохраняет проекты в своём открытом формате; анимацию можно обменивать через Lottie.
Почему рендер идёт долго? expand_more
Кадры считает браузер на вашем компьютере. Пятисекундная заставка выгружается быстро, а минутный ролик со множеством эффектов — заметно дольше, особенно без видеокарты.
Файлы уходят на ваш сервер? expand_more
Нет. Композиции считаются и выгружаются в браузере. Отдельно по вашей кнопке могут скачаться нейросети для умной кисти и отслеживания лица — с GitHub и серверов Google.
favorite Благодарности

На чьих плечах

Мастерская собрана из открытого кода — и авторов нужно назвать

EffectCraft MIT / Apache-2.0

EffectCraft пишет команда ArtCraft (getartcraft.com): программа с открытым кодом, написанная с нуля на языке Rust и собранная для браузера в WebAssembly. Мы раздаём веб-сборку её релиза со своего сервера, не меняя самой программы.

О названиях

Adobe, Photoshop, Acrobat, Illustrator, InDesign, Lightroom, Premiere Pro и After Effects — товарные знаки Adobe Inc. ArtCraft — товарный знак ArtCraft Team. Ни «ПедОбраз», ни ArtCraft не связаны с Adobe: названия её программ упомянуты только для того, чтобы объяснить, что чем можно заменить.

Картины и фотографии в примерах

На снимках и в стендах — произведения в общественном достоянии: картина Н. П. Богданова-Бельского «Устный счёт» (1895, Третьяковская галерея) и цветные фотографии С. М. Прокудина-Горского (1909–1910, Библиотека Конгресса США). Документы на снимках PrintCraft — федеральные рабочие программы с сайта ЕДСОО.

✨

Оживите надпись в EffectCraft

Два ключевых кадра, плавность F9 — и GIF для чата готов. Бесплатно, без регистрации.

rocket_launch Открыть EffectCraft open_in_new