Идейный Аниматор – Telegram
Идейный Аниматор
3.02K subscribers
24 photos
3 videos
3 files
22 links
Создаю Lottie-анимации (Стикеры, Emoji, Подарки, NFT)

Чат для идей – @ChatofIdea
Для заказов – сообщение каналу
Download Telegram
Обычно я делаю не так много иллюстраций к скинам – всё же больше анимирую, но в этот раз я доволен результатом 😍

🍀Апрув пиксельного скина — одно удовольствие! Так и хочется ещё поэкспериментировать с пикселями.

Хотели бы увидеть больше пиксельных скинов?
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥2719😍81😁1
This media is not supported in your browser
VIEW IN TELEGRAM
✈️Изменение сетки объекта

Регулярно появляются вопросы об изменении перспективы или сложной деформации, и многие пытаются сделать это «на глаз». Но зачем, если в Illustrator уже есть встроенный инструмент – Envelope Distort → Mesh

Он позволяет «упаковать» любой объект в сетку и аккуратно его исказить: добавить выпуклость, повернуть или имитировать перспективу. За пару кликов и без дополнительных точек почти

Я регулярно им пользуюсь – например, в этом скине 🍀 нужно было повернуть иконку радиации. Настоятельно советую попробовать хотя бы раз – вы убедитесь, что это действительно просто и удобно.
В текстовом формате Pototsky! уже делал пост об этом инструменте (посмотреть его можно тут).

Я же хочу просто показать более наглядный пример и продемонстрировать процесс шаг за шагом в формате видео-гайда – так, думаю, будет проще воспринимать.
📂 Но файл с проектом, я все равно прикреплю в комментариях

Видео выложу в группу Класс Идей, куда планирую перенести все профильные беседы по анимации.
Группа открыта всем – вступайте, задавайте вопросы и учитесь новому! 🙌
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥191211
This media is not supported in your browser
VIEW IN TELEGRAM
Творческий конкурс!

Я не люблю классические розыгрыши с подписками или репостами – сам в них никогда не участвую. Зато я всегда стараюсь участвовать в творческих конкурсах: проявлять креативность и проактивность. Отчасти благодаря этому я и попал в телеграм, но об этом как-нибудь в другой раз.

Сейчас работаю над довольно сложным скином на 🎁, и в процессе придумывания идей заметил, что не так уж много людей делали на него концепты. Видимо, это не самый простой и популярный подарок. Однако нам выбирать не приходится – каждый раз нужно пытаться удивить вас чем-то оригинальным и интересным.

Поэтому предлагаю бросить себе вызов и попробовать себя в роли концепт-художника.

Задача: Придумать и визуализировать скин на 🎁
(Можно рисовать в любом удобном стиле — хоть карандашом или ИИ. Главное — соответствовать простым условиям и придумать классную идею)

Условия:
– Координатно менять форму нельзя.
– Никакой запрещенки.
– Это должен быть новый скин (нельзя брать уже опубликованные).
– Можно предлагать сколько угодно концептов.

Готовые идеи присылайте в комментарии под этим постом. Следите за работами других участников, чтобы не повторяться, и лайкайте понравившиеся!

Призовых мест будет несколько, по разным категориям:
🎁 Самая оригинальная идея*
🍦 Самый смешной концепт*

Мишки с автографом получат авторы:
🧸 Концепта с наибольшим количеством реакций
🧸 Самого визуально красивого концепта*
🧸 Тот, кто предложит больше всех концептов
🧸 И победитель народного голосования в чате @ChatofIdea

Бонус: 🎁Одна из анимаций, если кто-то успеет

*В выборе победителя учитывается субъективное мнение админа.

Победителей определим в понедельник. Соберу всех в отдельный пост с указанием авторства. Вдруг какая-то из идей успеет попасть в набор.

Призы, может, и не самые масштабные, но главный посыл – расшевелить вашу креативность и зарядить вас эмоциями!

Всем побольше вдохновения!

Пару слов в виде дисклеймера:
– Отправляя материалы, вы соглашаетесь, что делаете это добровольно. Их возможное использование Telegram и другими пользователями не предполагает выплат, авторских прав или упоминания авторов.
– У меня (как и у других авторов) не закончились идеи для скинов — конкурс проводится не из-за их нехватки. Это исключительно моя личная инициатива: хочется сделать что-то приятное для творческого комьюнити, дать вам возможность проявить себя и просто добавить немного вдохновения.
Please open Telegram to view this post
VIEW IN TELEGRAM
5224🔥1611😍4
Первый совместный коллаж команды!

Пока я заряжен вашим откликом, начал делать следующую работу, но прежде стоит закончить ностальгическую ветку и опубликовать здесь коллаж, который сделан ещё в 2022 году.
247 персонажей от всей команды Telegram (и это были далеко не все на тот момент).
Собирался вручную и с любовью ❤️

Ходят слухи, что он висит в офисе Telegram

Так же напоминаю, что вы можете подписаться на всех авторов, которые ведут свои каналы – всего одним нажатием👇
✈️ Добавить папку

А если вы анимируете – можете вступить в профильную беседу и учиться вместе с нами
✈️ Вступить в беседу
Please open Telegram to view this post
VIEW IN TELEGRAM
1633🔥22😍13😁2
Creative Division.png
20.5 MB
Полная версия для сохранения! ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
6🔥1511😍53
Памятка: Ключи в After Effects

Хочу запустить серию постов с памятками по разным свойствам и окнам программы. Так вы сможете изучить базовые действия, найти что-то новое и ускорить свой рабочий процесс.

1. Базовое управление
• Клик по секундомеру включает анимацию и ставит первый ключ
• Ключи автоматически создаются при изменении параметра на новом кадре
• Клик по заголовку свойства выделяет все его ключи
• Выделяя ключи через левую часть таймлайна, можно выделить все ключи разных свойств
• Ctrl+C / Ctrl+V работает только между совместимыми параметрами (нельзя вставить на несколько слоёв одновременно)
• Двойной клик по ключу открывает точную настройку
• ПКМ по ключу → Label окрашивает ключ, Select Label Group — выбирает группу ключей одного цвета (работает в новых версиях AE)
• Клик по активному секундомеру удаляет все ключи свойства


2. Интерполяция (скорость изменения промежуточных кадров между ключами)
• Linear — равномерное движение
• Hold — скачок между значениями
• Easy Ease (F9) — мягкое начало и конец движения
• Auto-Bezier — автосглаживание движения
• Ctrl + клик — переключение Linear Auto-Bezier
(подробнее про скорость в отдельной памятке)


3. Тайминг и перемещение
• Alt + перетаскивание крайнего ключа — растяжение/сжатие диапазона
• Перемещение с зажатым Shift — «прилипание» к ключам и границам слоя
• Time-Reverse Keyframes — реверс порядка ключей
• Стрелки влево/вправо с зажатым Alt и выбранными ключами сдвигают их на 1 кадр влево/вправо (если зажать ещё и Shift, то сдвиг будет на 10 кадров)


4. Плагины
Motion Tool:

• Исправляет ключи, попавшие между кадрами
(часто бывает при растяжении или сжатии)

• Клонирует выбранные ключи множества слоёв на текущий кадр
• Настраивает offset и выравнивание ключей

FoxRetimer:

• Time Remap на уровне keyframes


5. Шорткаты
U
(открывает/скрывает анимированные свойства слоя)
UU
(открывает все свойства слоя)
J/K
(перемещение текущего кадра на ближайший предыдущий/следующий ключ)
I/O
(перемещение текущего кадра на начало/конец рабочей области)
• Показ ключей по свойствам:
T
(Opacity),
P
(Position),
S
(Scale),
R
(Rotation),
A
(Anchor Point)


#памятка@IdeaAnimator
215🔥98
Итоги творческого конкурса!

Вы приятно ошеломили меня своей фантазией и активностью. Всего за несколько дней вы собрали больше 130 уникальных идей для скинов 🎁. Каждый из вас отлично постарался, и я надеюсь, что сам процесс принес вам удовольствие независимо от итогов!

Победители своих номинаций:

🎁 Самая оригинальная идея
Баскетбольная корзина – @DarkYander

🍦 Самый смешной концепт
Мото-Мото – @xseem

🧸 Концепт с наибольшим количеством реакций
Краб, который перевернул игру – @ocktokto

🧸 Самого визуально красивого концепта
Рыбка в солонке – @Vllladosha

🧸 Авторы с наибольшим количеством концептов
@MrBeerZone, @Andrush169, @westm1nster

🧸 Победитель народного голосования в чате
Чит-кот – @f0rtun0

Бонус: за создание анимаций
🍦 FishStick @gromk_o
🧸 @waxe07
🧸 @isakisakisak
🧸 @capy_xd
🧸 @lesha_lyu

🧸 За идею для аватарки чата
@Manyl123


Хочу также запустить небольшой фонд для будущих конкурсов. Если вам близки такие активности – отправляйте подарки этому каналу. Всё, что вы передадите, будет разыграно в следующих конкурсах.

Чтобы подогреть интерес, я добавил в итоговые работы пару своих скетчей, которые давно уже отправил 😏. Лишь те, кто следил за работами авторов знает какие картинки тут лишние. Только не спойлерите!

❤️ Всем спасибо за участие!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥2214😍6
Памятка: Shape Layer в After Effects

Добавил ключевые иконки для наглядности.

C этой памяткой вы сможете изучить базовые действия, найти что-то новое и ускорить свой рабочий процесс.


1. Основные свойства слоя

• Зажать и переместить – менять порядок слоёв
⚫️ Выбрать цвет слоя через нажатие на Label
• Select Label Group – выбирает все слои одинакого цвета
⚫️ Shy – скрывать слои только с таймлайна
⚫️ Скрыть слои полностью
⚫️ Solo – показать только выбранные слои
⚫️ Блокировка слоя
⚫️ Активировать слой для 3д манипуляций
⚫️ Parent & Link – привязка слоёв друг к другу
⚫️ Изменить качество прорисовки слоя
⚫️ Layer Markers на таймлане позволяет оставить маркеры на любом кадре



2. Базовое управление слоями

• Enter — переименовать слой
• Ctrl+D — дублировать слой
• I / O — перейти к началу/концу слоя
• [ / ] — переместить начало/конец слоя на текущий кадр
• Alt + [ / ] — обрезать начало/конец слоя до текущего кадра
• Ctrl + Shift + C — собрать выбранные слои в отдельную композицию
• Ctrl + [ / ] — переместить слой выше / ниже
• Ctrl + Shift + [ / ] — переместить слой в самый верх/низ списка
• Ctrl + ↑ / ↓ — выделить слой выше/ниже (+Shift — добавить к выделению)
⚫️ ПКМ → Transform → Center Anchor Point in Layer Content – выравнивает Anchor Point по центру слоя



3. Внутри ⚫️ Shape Layers

• Shape Layer состоит из Contents и Transform
• Каждая группа внутри Contents имеет свой Transform
⚫️Add → добавляет на выбранный слой/группу фигуру, заливку, обводку, градиенты и др.
• Ctrl + G — объединение нескольких групп
• Свободное переупорядочивание групп
• Возможность менять порядок Fill / Stroke


4. Плагины

Motion Tool:

⚫️ – Разгруппировать внутренние группы на отдельные слои
⚫️ – Объеденить слои в один слой
(могут полететь градиенты)


5. Что не работает в Lottie

• Модификаторы (Pucker & Bloat, ZigZag, Wiggle Paths и др.)
• Маски → используем Track Matte
• Эффекты (Effects) почти всегда игнорируются
Полный список доступных эффектов тут


#памятка@IdeaAnimator
Please open Telegram to view this post
VIEW IN TELEGRAM
617🔥1211😍2
Сегодня свой день рождения отмечает креативный директор Telegram @ohuenko

По такому случаю – сделал небольшой коллаж с работами нашей команды за последний год.
Спасибо за ваш труд!

С днём рождения! 🎂
Please open Telegram to view this post
VIEW IN TELEGRAM
2477🔥35🎉30😍51
HB.png
10.7 MB
Полная версия🫰
56🔥52😍21🎉16😁1
8+ тысяч подарков в одном боте

На создание такого арта вручную ушла бы неделя, а на любую правку – ещё одна.
Поэтому я пошёл по своему любимому пути – изучению чего-то нового.

В течение месяца постараюсь выложить ещё несколько проектов, которые приоткроют новые двери в сфере Lottie-анимации. Но сейчас – про коллаж:

Чтобы собрать настолько масштабную сетку из подарков, я за пару недель создал скрипт, который анализирует цвета и, используя базу всех доступных подарков, генерирует сетку, позволяя воплощать свои идеи за считанные минуты.

А для вас я всё это упаковал в удобного бота @Gift_Grid_bot, который станет отличным инструментом для поиска подарков по цветам или создания коллажей.

У меня есть много идей по развитию этой механики, в том числе для крупных сервисов (вы знаете где меня искать).
А пока — приятного пользования!

Создать свою первую сетку
4🔥3319152
Сегодня день рождения у самой умной и самой милой кошки в моей жизни – Молли!
Ей исполняется 5 лет!

В качестве одного из подарков я добавил в набор её любимое место в доме – коробку 🐈‍⬛

Пока Молли будет наслаждаться своими вкусными подарками, я запишу гайд о том, как анимировать хвост или верёвку в Lottie
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1251🎉2819😍13🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать анимацию хвоста в Lottie

Для анимации хвоста, состоящего из одной линии с двумя обводками, расположенными друг под другом, отлично подходит скрипт Create Nulls From Path.
Скрипт автоматически создаёт null-объекты в каждой точке контура (path) и связывает их с ним. В результате вы управляете формой линии не напрямую через path, а через отдельные управляющие точки.

Это позволяет анимировать каждую точку линии независимо друг от друга:
– создавать изгиб перемещения точек,
– делать движение более живым и естественным,
– создавать запаздывание движения между частями формы,
– добавлять вторичное движение без ручной прорисовки
– и просто работать быстрее и удобнее

Такого эффекта невозможно добиться при обычной анимации path вручную.

После завершения анимации не забудьте запечь анимацию, чтобы Bodymovin корректно её отрендерил.
Запекание превращает движение null-объектов в ключи самого path – буквально создавая ключ на каждом кадре. Это необходимо, потому что Bodymovin не поддерживает выражения.
Чтобы снизить размер файла и количество ключей, рекомендуется перед запеканием уменьшить fps композиции

Таким способом можно создавать любые хвосты, верёвки, цепи и тп.
Метод идеально подходит для линий с небольшим количеством точек.
Например, я использовал этот способ для анимации лески в этом подарке 🍀

А чтобы вы могли наглядно увидеть процесс создания хвоста, я записал для вас небольшой видео-гайд.
Видео я опубликую в нашей группе Класс Идей, где мы общаемся на темы анимации и Lottie.

Группа открыта для всех – присоединяйтесь, задавайте вопросы и прокачивайтесь в анимации! 🙌

📁Файл проекта и скрипт уже лежат в комментариях!
Please open Telegram to view this post
VIEW IN TELEGRAM
231🔥1065
Забавный факт

У нас есть строгие рамки на количество символов в названиях скинов (не все наши предложения по названиям доходят до релиза), поэтому у авторов со временем вырабатывается навык – определять количество символов на глаз.

Пока я перебирал названия для одного проекта, который вы скоро увидите, решил посмотреть, какие слова и названия встречаются чаще всего.

Самые частые названия скинов:
Telegram – 14
Watermelon – 13
Strawberry – 13
Emerald – 12
Rainbow – 12
Unicorn – 11
Amethyst – 10
Cotton Candy – 10
Christmas – 10
Leopard – 10
Sakura – 10
Twilight – 10
Diamond – 9
Silver – 9
Valentine – 9
Bronze – 9
Meadow – 9
Chocolate – 8
Sapphire – 8
Stardust – 8
Starry Night – 8
Blueberry – 8
Obsidian – 8
Sunset – 8
Pop Art – 7
Princess – 7
Rose Gold – 7
Matrix – 7
Vampire – 7


Самые частые слова в названиях:
pink – 94
red – 83
gold – 79
blue – 65
golden – 62
silver – 55
green – 54
night – 52
black – 46
candy – 45
dark – 44
rose – 44
love – 43
purple – 42
ice – 41
cherry – 40
star – 39
neon – 37
hot – 37
mint – 34
ruby – 31
white – 30
pop – 28
cold – 28
moon – 27
sweet – 27
cat – 27
glow – 26
berry – 26
sky – 26
party – 25
rainbow – 25
pepe – 25



Вывод: В следующий раз предложу скин под названием «Not Pink Not Gold»
222😁106
2🔥4216😍92
Best Gift Awards 2025 🏆

Пора подводить итоги года — и начнём с работы нашей большой команды.

За 2025 год мы сделали для вас более 7000 скинов. Это был насыщенный и безумно продуктивный год, и теперь самое время определить:
какие подарки вам запомнились больше всего

Я подготовили несколько номинаций:

🎁Подарок года — оцениваем сам подарок в обычном состоянии
🎁Набор года — учитываем весь набор скинов для подарка
🎁 Лучшая функция года — предлагайте функции, появившиеся в 2025 и сделавшие Telegram удобнее
🎁 Тематические наборы — выбираем лучшие скины в каждой тематике

Также отдельно выберем:
📰 Лучший новостной канал
✍️ Лучший авторский канал

На втором этапе добавим еще пару 🤫

Сейчас стартует первый этап — формирование шорт-листа номинантов.
Именно вы определите финалистов, а затем — победителей.

Так какой же подарок в 2025 году стал самым любимым у пользователей Telegram?

👉 Переходите в канал голосования, чтобы ничего не пропустить, и заходите в бота — оставляйте свой голос!

Проголосовать!
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥2111🎉91
Конкурс для художников от Telegram!

Настоятельно рекомендую поучаствовать – ведь когда, если не сейчас, можно попробовать свои силы и получить возможность разрабатывать собственные скины!

Условия и дедлайны

Можете присоединиться к нашему чату аниматоров, там всегда можно спросить совета
3115🎉3😍2🔥1
Итоги моего рабочего года

Каждый год я подвожу личные итоги: оцениваю объём выполненной работы, что нового удалось освоить и где заметны просадки. Поскольку в этом году я начал вести канал, решил поделиться и здесь.

Год выдался действительно насыщенным на новые знания и опыт — а теперь немного цифр.👇

За этот год я сделал:
≈230 анимаций скинов/emoji для Telegram
≈220 анимаций стикеров/emoji для сторонних заказчиков
≈50 крупных анимаций и эффектов
7 скриптов — один из них – это оригинальный конструктор подарков (подарок + иконки + фон)
5 ботов
5 web-страниц
• И всего 1 3D-проект

Итог
В общей сложности за 2025 год я создал более 500 анимационных работ. Количество иллюстраций посчитать не удалось, но их явно больше сотни.
Получил массу опыта в организации и управлении команды, а так же познакомился с новым для меня миром кода 🙌🏻

Мотивирую и вас!
Вам я так же предлагаю уделить этому 10 минут и подвести свои итоги года.
Это отличный способ увидеть свой рост, отметить достижения, а в следующем году будет с чем сравнить.
Делитесь своими результатами – в комментариях или у себя на каналах, даже если вы только начинаете. Любой опыт лучше, чем его отсутствие!

Что дальше?
В декабре планирую закрыть все начатые проекты, а в новом году — не сбавлять темп. Готов к новым вызовам, нестандартным задачам и креативным идеям. Я всегда открыт к новым предложениям и с удовольствием берусь за свежие проекты.
И вам тоже не стоит останавливаться на достигнутом и двигаться только вперед!
Please open Telegram to view this post
VIEW IN TELEGRAM
841🔥24🎉17