Практическое руководство по анимации переходов в интерфейсах

Перевод статьи Донгкю Ли о том, каких принципов стоит придерживаться при создании анимаций переходов. Он выделяет шесть важных моментов, которые позволят сделать красивые и уместные анимации в любом дизайне интерфейсов: плавное появление и затухание с изменением прозрачности, масштабирование, постоянное направление движения, баланс скорости, приоритеты, порядок/группировка элементов и ориентация в пространстве. Ссылка #article_nd TOP Tutorial
Изображение поста

Мы уже вовсю начинаем курс по Twinmotion!

Более 30 заявок с одной встречи с 100 участниками Вчера общался с подругой-архитектором, с которой развивали студию.  Она давно живет в Лондоне, говорит что там суперактуален Twinmotion.  То есть рассматривают только интерактивные варианты рендера экстерьеров. Это вдохновляет! Впервые сам буду в роли студента на этом же курсе вместе с вами) 🤩 Потому что это безумный скачок стоимости часа — на рынке, в котором итак никто не жалуется, еще и мало конкуренции даже в РФ 👨‍🎓 Что пройдем: ✅ Импорт без проблем: Archicad, Revit, SketchUp, 3ds Max (+ перенос анимации из 3ds Max) ✅ Готовые библиотеки: Megascans, Sketchfab / Unreal ассеты, Mixamo-персонажи ✅ Живая сцена: люди, автомобили, предметы и персонажи с анимацией ✅ Камера и движение: быстрые viewport-проезды + анимация по ключам ✅ Окружение за минуты: HDRI, погода, время суток, туман, объёмный свет, IES-светильники ✅ Материалы: трипланар и базовый UV-текстуринг ✅ Экстерьер: ландшафт и благоустройство «под ключ» ✅ Предметка: тонкие настройки для предметной визуализации ✅ Рендер: разные стили + HQ-настройки для финального вывода ✅ Вывод для заказчика: 360°-панорамы и интерактивные VR-туры ✅ Пост-продакшн: монтаж в Clipchamp и работа со звуком ✅ Бизнес-блок: расчёт цены и поиск клиентов на анимацию Присоединяйтесь, это будет круто 🤟😌 ➡️https://aisingularity.ru/twinmotion_zayavka

Blender - Swingy Bone Physics v1.8.0

… Простой в использовании, удобный для художников решатель физики костной цепи для Blender. Добавьте физическую анимацию к волосам, аксессуарам, одежде, проводам или другим предметам, которые вы хотите перемещать, в несколько кликов!
Изображение поста

Мак или винда? 👷👷👷

На этот вопрос отвечают преподы и выпускники BBE. Таня Богомолова, UX-дизайнер, наставница курса «UX/UI-дизайнер» Работа продуктового дизайнера — это 50% созвонов, 40% табличек и только 10% макетов в Figma. Так что суперкомпьютер не нужен — и это отличная новость. Но базовые требования всё же есть: ● Оперативная память: 8 ГБ — можно, но на грани, 16 ГБ — стабильно, 32 ГБ — комфортно, 64 ГБ — если хочется устроить киберпанк. ● Видеокарта: желательно дискретная (отдельная, не встроенная в процессор), особенно если вы планируете работать с 3D, анимацией или видео. ● Процессор: современный (Intel i5+, AMD Ryzen 5+) — флагман не обязателен. ● Монитор: матрица IPS или VA, разрешение от 4K, яркость от 400 нит и контрастность от 1000:1. Хороший экран — это must-have. ● Интернет: стабильный — от 10 Мбит/сек, лучше 50–100 Мбит/сек. Figma облачная, она это любит. Лис Берген, графический дизайнер, наставник курса «Графический дизайнер» Для графического дизайна не так критична производительность, как для 3D или моушн, поэтому я советую обратить внимание на ноутбуки — чтобы работать с комфортом в любом месте. Если дополнить его внешним монитором для задач, которые требуют внимания к мелочам, получится отличный рабочий комплект. Важные характеристики — качество картинки, объем оперативной памяти (если планируете использовать пакет Adobe) и объем встроенной памяти. Наличие хорошего тачпада тоже будет бонусом. Оптимальный экран — 14 дюймов. Дима Цой, моушн-дизайнер, выпускник курса «Моушн-дизайнер» Всё, что касается 3D-анимаций, зависит от сложности сцены. На маке можно делать сложные вещи, просто найти подходящий сложнее — они дороже тех, что на винде. Например, макбуки старого поколения (до М4), не очень хорошо оптимизированы. Новые Макбуки Pro на М4 получили сильный прирост производительности и отлично справляются со сложными сценами. → Стать частью комьюнити BBE.
Изображение поста
Когда в последний раз ты был доволен своим дизайном после верстки?
Открываешь Тильду и понеслась: блоки едут, адаптив ломается, шрифт «не тот», гридов нет, сайт грузится вечность. Получается, ты — вроде дизайнер, но с вайбом верстальщика на костылях. Пора с этим завязывать. Приходи на бесплатный курс по🎁Taptop от Pixel Perfect — визуальному редактору кода, где: – Адаптив резиновый, ничего не едет – Гриды и автолэйауты как в Figma – Анимации без кода, но как в After Effects – Код чистый, сайт летает – CMS встроены, можно сразу заливать контент 📅 5–10 июня, онлайн Ты соберёшь сайт-портфолио (как на гифке), прокачаешь базу Taptop и получишь сильное УТП: «Я сам делаю проект от идеи до финала» Если сдашь все домашки, попадешь в розыгрыш iPhone 16📱 Участников ~100, шанс выиграть высокий. Записывайся, пока есть места: https://t.me/pxp_reg_bot?start=id463048408
Аплодисменты автору 💜👏🏽
Лицевая анимация от Марины Беловой — выпускницы курса «Продвинутая лицевая 3D анимация» Студенты курса на глубинном уровне осваивают мимику 3D персонажей: психология, реакция, тайминг, взаимосвязь, анатомия - на примере анимационных сцен. Обучение стартует уже в следующую Субботу — 14 июня ⚡️ Присоединяйся к потоку и изучай самый продвинутый уровень работы с персонажной 3D анимацией ☝🏽
☂️ Сегодня понедельник, а значит время для рубрики #анимационныеновости
Свежий инфоповод: у «Любовь, смерть и роботы» 15 мая вышел 4 сезон, и уже ходят слухи про 5-й в 2027 году. Пока без официального анонса, но фанаты (и мы вместе с ними) в ожидании 🥳 Этот сериал - просто золотая находка для аниматоров и тех, кто учится. Потому что: 🟣 Каждая серия - это отдельная визуальная картина. Реалистичный 3D, графичный 2D, ручная анимация, стилизация под комиксы - всё это собрали в одном проекте 🟣 И с точки зрения насмотренности - это идеальный тренажёр. Смотри, анализируй, делай стоп-кадры, ищи решения - так тренируются глаз и вкус.
Тест для дизайнеров, которые знают, что репа — это не только овощ
Можешь объяснить, как работает анимация в твоём макете, не доводя разработчика до нервного тикета? Проверь себя в Разрабо-переводчике — тесте от Mish на знание терминов из разработки. Внутри — только технологии, в которых необходимо разбираться дизайнеру. Переходи по ссылке — пусть «Цээсэс» больше не звучит, как диагноз.
Изображение поста
Тест для дизайнеров, которые знают, что репа — это не только овощ
Можешь объяснить, как работает анимация в твоём макете, не доводя разработчика до нервного тикета? Проверь себя в Разрабо-переводчике — тесте от Mish на знание терминов из разработки. Внутри — только технологии, в которых необходимо разбираться дизайнеру. Переходи по ссылке — пусть «Цээсэс» больше не звучит, как диагноз.
Изображение поста
Дайджест стримов: характер в движении, сила брейкдаунов и «бунтарский» дизайн
🤖 2 июня, 19:00 мск — Как передать характер через анимацию Василиса Тузова, 3D аниматор и наш ментор, расскажет, как с помощью движения показать личность героя. Поговорим о том, почему аниматору важно думать как актёру, какие детали в анимации делают персонажа живым и как не потерять выразительность в техническом процессе. Смотри и вдохновляйся YouTube или VK Видео 📈 4 июня, 18:00 мск — Что такое брейкдаун и зачем он нужен Милена Леонова, 2D аниматор и преподаватель курса Классической 2D анимации, объяснит, как промежуточные позы между ключами могут задать стиль всей сцены. Разберём, почему без брейкдаунов анимация теряет ритм, и как правильно их использовать, чтобы добавить жизни и эмоций. Подключайся в YouTube или VK видео ✏️ 6 июня, 19:00 мск — Разбор работ: подростки-бунтари Анна Терскова разберёт присланные концепты на тему «Подросток-бунтарь» и подскажет, как усилить образ, сделать дизайн более выразительным и характер ярче. Задание очень простое: создайте персонажа подростка-бунтаря возрастом от 12 до 17 лет, в полный рост. Примеры для вдохновения по ссылке, а работы отправляйте заранее — https://clck.ru/3MQDoy До встречи в YouTube или VK Видео Три стрима — три подхода к тому, как сделать персонажа не просто красивым, а живым. Присоединяйся!
Изображение поста
Анимация интро в After Effects.
Новый шоурил направления «3D анимация» 🍿
Набор на новые потоки курсов уже заканчивается, успевай подать заявку 🔥 Старт на этой неделе: 🌟 1 класс — Основы (Суббота 7 июня) ▸ 2 класс — Базовая игровая (Воскресенье 8 июня) ▸ 2 класс — Введение в механику (Воскресенье 8 июня) ▸ 3 класс — Продвинутая игровая (Воскресенье 8 июня) ▸ 3 класс — Пантомима (Суббота 7 июня) Старт на следующей неделе: ▸ Основы анимации животных (старт 10 июня) ▸ 4 класс — Лицевая (старт 14 июня) Выбирай свой курс и через 3 месяца становись участником следующего шоурила 🪄❤️
Реалистичные водные каустики 🌊
🎬 Немного навигации: 0:00 – Введение; 0:50 – 3d-моделирование; 3:06 – освещение; 4:08 – материалы; 5:00 – настройки каустики; 6:28 – анимация; 7:13 – Завершение. #уроки #Blender3D | Оригинал
Как сделать зацикленную анимацию медузы в Blender
Unreal Engine 5 Cinematic Trailer: Slow-Motion Bullet & Tanks
Курс по Unreal Engine 5 учит создавать кинематографические трейлеры и экшн-сцены. Вы освоите Sequencer, камеры, медленные эффекты, анимацию персонажей и частицы. Научитесь делать реалистичные удары, взрывы и физику для динамичных сцен. Создадите танк с анимацией, управлением и спецэффектами. В конце соберёте всё в профессиональный трейлер с помощью After Effects. Видео на английском языке без субтитров. Подробнее с курсом можно ознакомиться здесь. ➡️ СКАЧАТЬ | 1,36 ГБ #курс #Unreal @poly3ds
Изображение поста
Анимированный текст by tezeditor
Пара простых манипуляций с прозрачностью и позицией в After Effects, для создание стильной анимации текста. Справится даже новичок. #aftereffects
Плоские фоны
Что делает одного дизайнера дороже другого при тех же скиллах?
Ты уже собираешь сайты. Может, даже на Тильде. Но чек — 15–30k. А почему не 80–100k? Спойлер: дело не в таланте, просто ты не управляешь результатом. Зависишь от шаблонов, всё выглядит «нууу окей», а у клиента ощущение, что проект «как у всех» Больше платят за то, что: — сайт будет ровно таким, как задуман — ты контролируешь результат и снимаешь эту боль с клиента Это и даёт Taptop — визуальный редактор кода для дизайнеров. Ты работаешь как в Figma: на настоящих гридах, с автолэйаутами, анимациями, CMS и адаптивом без костылей. 📅 С 5 по 10 июня Pixel Perfect проводит бесплатный курс по Taptop, где ты: — Соберёшь сайт-портфолио (как на гифке) — Освоишь базу для работы в Taptop — Прокачаешься до уровня «делаю кастомный результат» Сдашь все домашки — попадешь в розыгрыш iPhone 16 📱 Участников ~100, шанс выиграть высокий. Если хочешь выйти из лиги «шаблонных сайтов» — регистрируйся по ссылке: https://t.me/pxp_reg_bot?start=id463048758
Рынок не продаст тебя за тебя
У тебя есть портфолио, умеешь в Figma, может даже собираешь сайты на Тильде. Но когда дело доходит до клиентов, офферов или найма — всё замирает. Ты вроде пишешь отклики, заливаешь кейсы, шлифуешь Behance. А внутри: «А я вообще чем отличаюсь?» Да, скиллы у тебя есть. Но если твоя подача «как у всех», чека выше 15–30k ожидать не стоит. Другое дело, если ты умеешь собирать полноценные сайты с нуля — с анимациями, CMS, адаптивом, чистым кодом, без багов и на уровне Awwwards. Вот это уже цепляет! Так и работает🎁Taptop — визуальный редактор кода, заточенный под дизайнеров. С 5 по 10 июня школа Pixel Perfect проводит бесплатный курс по Taptop. На нем ты соберёшь сайт-портфолио (как на гифке), освоишь базу Taptop и научишься грамотно себя позиционировать А ещё среди тех, кто сдаст все ДЗ, разыгрываем iPhone 16 📱 Будет ~100 участников — шансы очень даже реальные! Пока есть места, залетай по ссылке: https://t.me/pxp_reg_bot?start=id463048588
Когда в последний раз ты был доволен своим дизайном после верстки?
Открываешь Тильду и понеслась: блоки едут, адаптив ломается, шрифт «не тот», гридов нет, сайт грузится вечность. Получается, ты — вроде дизайнер, но с вайбом верстальщика на костылях. Пора с этим завязывать. Приходи на бесплатный курс по🎁Taptop от Pixel Perfect — визуальному редактору кода, где: – Адаптив резиновый, ничего не едет – Гриды и автолэйауты как в Figma – Анимации без кода, но как в After Effects – Код чистый, сайт летает – CMS встроены, можно сразу заливать контент 📅 5–10 июня, онлайн Ты соберёшь сайт-портфолио (как на гифке), прокачаешь базу Taptop и получишь сильное УТП: «Я сам делаю проект от идеи до финала» Если сдашь все домашки, попадешь в розыгрыш iPhone 16📱 Участников ~100, шанс выиграть высокий. Записывайся, пока есть места: https://t.me/pxp_reg_bot?start=id463048488