🟪Aescripts EmojiKit v1.0 Win/Mac
Анимированные эмодзи в After Effects! Анимация лица эмодзи на вечеринке в After Effects
Возможность поиска | Возможность зацикливания | Совместимость с Lottie
Создавайте анимированные или неподвижные эмодзи одним щелчком мыши
#Motion_AEPlugins #AfterEffects #Motion4D
LottieFiles Mobile App — приложение iOS и Android для теста Lottie анимации на вашем телефоне.
lottiefiles.com/mobile
🍲 Дизайн Борщ
🟪Aescripts EmojiKit v1.1 Win/Mac
Библиотека анимированных (или неподвижных) эмодзи
Быстрое добавление самых популярных эмодзи в любой проект After Effects.вечеринка эмодзи лицо after effects анимация
EmojiKit предоставляет вам легкий доступ к анимированным и неподвижным эмодзи в AE.
Добавьте индивидуальности существующим проектам, анимируйте реалистичные пользовательские интерфейсы или создайте что-то уникальное с нуля.
(А мы упоминали, что он совместим с Lottie?)
#Motion_AEPlugins #AfterEffects #Motion4D
Motion
Созданный на основе Lottie (библиотеки анимированных SVG от Airbnb), Lordicon своим красивым набором анимированных иконок позволяет вдохнуть жизнь в любой интерфейс. Здесь, на мой взгляд, очень ценно внимание к деталям и безупречное исполнение. Наборов иконок в интернете более чем достаточно, но среди них редко встречаются иконки с качественным дизайном и необычной анимацией.
Хотелось бы перестать хвалиться, но пока нет такой возможности
Мы регулярно пишем статьи на Хабр, а Хабр в свою очередь делает ежегодный конкурс статей — Технотекст, где независимое жюри оценивает техническую грамотность, подачу, актуальность и проработку темы.
Недавно подвели итоги Технотекст-7, откуда мы вынесли два приятных достижения:
⭐️ В шорт-лист попал выстраданный труд «Отрицание, гнев, торг: как дизайну и разработке найти общий язык» линк
🏆 Победу взяла библия «Автостопом по дизайн-системе. Путеводитель с оглавлением» линк
Это первая наша статья по дизайну, которая победила в этом непростом конкурсе, поэтому неистово радуемся за дорогого лысого из Ozon Витю Теплова 👏
И вдруг вы пропустили (а нам не жалко повторить) другие статьи за прошлый год:
— Как сделать редизайн продукта на примере Ozon линк
— Как дизайнеры помогают заменить GitLab: что из этого получилось линк
— Почему нам нравится играть? И при чём здесь Octalysis Framework линк
— Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon линк
— Место, где рождаются чат-боты: как мы пересобрали конструктор с нуля линк
— Как делать простые анимированные онбординги в Lottie без After Effects линк
— Как мы построили две версии CJM и синхронизировали всю команду Ozon Банка с продуктом линк
— Как составлять анкеты для немодерируемых UX-тестов: пошаговое руководство линк
На этой оптимистичной ноте желаем вам приятных выходных 💖
Создаем простую Lottie анимацию.
Figma to Lottie — анимация проектов Figma с помощью экспорта в Lottie.
5 сайтов для создания стильной анимации by benkaluza
Держите ссылки на сайты из этого видео:
— Unicorn Studio
— Modyfi
— Phase
— Lottie
— Jitter
Уже пользовались каким-то из них?
#подборки
💙 Профессия Дизайнер
Процесс создания Lottie анимации.
Созданный на основе Lottie (библиотеки анимированных SVG от Airbnb), Lordicon своим красивым набором анимированных иконок позволяет вдохнуть жизнь в любой интерфейс. Здесь, на мой взгляд, очень ценно внимание к деталям и безупречное исполнение. Наборов иконок в интернете более чем достаточно, но среди них редко встречаются иконки с качественным дизайном и необычной анимацией.
Анимация конфетти в Figma с помощью Lottie и Smart Animate
Airbnb
Очень нравится новый релиз. На мой взгляд, ребята идут верным путём и максимально расширяют экспириенс в путешествиях. Начинали просто с аренды, а теперь выкатили массу новых фич.
Дизайн тоже шикарный. Особенно их новые 3Д иллюстрации. Выглядят прям как из 2006 в софтах на винде, вернулись на 20 лет назад, но освежили.
Отдельный кайф это как всегда их micro intercation. Ненавязчиво и в тему. Календарик особенно, который перелистывается. Кайфанул. Это их новый формат Lava, которым они заменили Lottie
Чески респект. Круто быть СЕО продукта, когда ты бывший дизайнер и немного понимаешь, как должно быть.
Через них, кстати, всегда было 0 проблем с арендой все разы. Все супер удобно и быстро.
Осталось заработать пару десятков миллионов, чтобы пожить там в домах, о которых только мечтать можно)
➡️ Посмотреть релиз
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Сайты с классными анимированными иконками ❤️🔥
1.lottieflow.com - иконки разных категорий: 404, медиа, соцсети… Можно менять цвета. Вроде как бесплатно.
2. lottiefiles.com - есть как платные, так и бесплатные. Есть версии как для фигма, так для и after effects.
3.lordicon.com - 33 тыс. статичных и анимированных иконок. Бесплатная версия для личного использования, платная версия (8$ в месяц) для коммерции.
4. useanimations.com - коллекция иконок в формате svg и lottie. Бесплатно.
Автор: ui.ux.jam
💪 designkarate – уроки фотошоп и фигма.
Уже раз 20 мои хайповые посты на стыке дизайна и разработки подхватывают крупные каналы, сокращают текст через GPT и выкладывают. Причём не учитывают, что в оригинале я часто рассуждаю и допускаю какие-то варианты, а у них это подаётся как свершившийся факт. Какая, нахуй, «прозрачность» — она и так была у вектора в Lottie, чисто паль генеративного текста. И при чём тут растр и 3D? Я написал «возможно»! 💀
Так появляется не просто кривой репост — так рождается новая реальность. Ты пишешь мысль, а выходишь чужой пресс-релиз. И если раньше искажение было манипуляцией, то теперь — просто баг в цепочке: копировать ▶️ вставить.
Да и вообще, ощущение, что мы больше не читаем новости — мы наблюдаем, как слухи косплеят правду. Без фактов, без проверок, просто эхо в красивом оформлении.
Респект каналам, которые просто форварднули 🥰
#мысли
Figma развивается так, как и должна — вопреки ожиданиям сообщества
После презентации поднялась волна комментариев: «Зачем создавать новые продукты, если лучше довести до ума то что есть? В чем выгода?». Но Figma действует вполне осознано и стратегически.
Это типичная сценарий для продуктовой компании на поздней стадии развития: чтобы сохранять интерес инвесторов и расширять выручку, требуется не просто дорабатывать существующее, а создавать новые продуктовые вертикали. Все просто: нет инвестиций — нет денег на улучшение корового функционала. Сейчас рост для фигмы — это расширение вглубь организации и покрытие всего продуктового цикла: от генерации идеи и дизайна до разработки и маркетинга. Новые продукты позволяют удерживать и расширять клиентов в рамках одной экосистемы.
Иронично, что именно такую модель когда-то выстроили Adobe, которые почувствовав угрозу, пытались поглотить Фигму:
• Сентябрь 2022 — Adobe объявляет о покупке Figma за $20 млрд. Комьюнити в шоке, дизайнеры в панике.
• Ноябрь 2023 — антимонопольные службы блокируют сделку.
• Декабрь 2023 — Сделка отменяется, Adobe платит Figma $1 млрд отступных.
• Январь 2024 — Adobe закрывает XD, признавая поражения на этом поле.
• Апрель 2025 — Figma подаёт документы на IPO.
• Май 2025 — Figma презентует Figma Draw — конкурента Illustrator.
Помните, как в сериале Silicon Valley большая корпорация хотела купить маленький стартап, но всё обернулось тем, что стартап в итоге сам поглотил корпорацию?
Пока ещё рано говорить о таком сценарии — стек Adobe строился десятилетиями. Но с усилением роли AI и ростом экосистемы внутри фигмы, такой твист становится всё более возможным. С развитием возможностей ИИ такой сложный инструмент как Photoshop скорее всего станет рудиментом, а если фигма пойдет дальше в интеграцию с Lottie и Rive, то начнет откусывать аудиторию у After Effects.
В Silicon Valley был момент: «Если мы не растём — мы умираем».
Figma выбрала расти.
Drawer — анимированные иллюстрации на Lottie.
drawer.design
Анимация для AI-чат бота.
• Дайте жизнь вашим дизайнам чатботов с помощью бесплатной анимации AI Voice Assistant.
• Использован плагин LottieFiles для Figma с векторными слоями и эффектами размытия.
• Многообразие анимаций для плавного и современного эффекта.
• Идеально подходит для сайтов чатботов или проектов, вдохновленных AI.
#animation #AI #chatbot
Открыть в Figma
Lottie анимация в After Effects
Урок по создании анимации для векторной иллюстрации
Смотреть урок
Design Box
