Анимация в Figma

Как сделать анимацию в Figma на примере чекбокса, таба и кнопки. Смотреть урок Design Box
Изображение поста

Ресурсы для воровства идей вдохновения от valery_alexeev

producthunt — список ежедневно запускающих продуктов godly.website — примеры сайтов с классными анимациями Mobbin — подборка экранов реальных приложений Landingfolio — подборка лендингов, разделенных по тематикам и цветам P.S. В ролике есть еще несколько полезных ресурсов, посмотрите! #подборка 💙 Профессия Дизайнер

Текстовая эхо-анимация в Premiere Pro

Funky Typography Loops

Набор фонов с зацикленной анимацией текста 💾 СКАЧАТЬ #Animation #Text #Titles #Background #PremierePro 💰 Поддержать канал
Funky Typography Loops
Набор фонов с зацикленной анимацией текста 💾 СКАЧАТЬ #Animation #Text #Titles #Background #PremierePro 💰 Поддержать канал
Анимация перелистывания
Уже сегодня в 20:00 (МСК)
Техническая анимация — это не просто про ключи и позы. Это про то, как анимация работает в игре: с кодом, физикой, логикой и багами. Тилек Нурмамбетов, technical animator в DPS Games, расскажет: — как устроена анимация в AAA-играх; — что должен уметь теханиматор; — почему без системного мышления никуда. 📚 А ещё — разбор обновления курса Unreal Tech Master. 🎥 Подключайся в 20:00 [Ссылка на стрим YouTube / VK Video]
Изображение поста
🔥 Профессия UI/UX-дизайнер!
О курсе: 1) получите все необходимые навыки для старта в профессии, от основ графического дизайна до создания современных UI-концепций и навыков проведения UX-исследований 2) преподаватели и кураторы - топовые дизайнеры из 📱 Яндекса, 🏦 Сбера, Альфа-банка, 🏠 Самолёта и Газпромбанка 3) много практики: создадите 6 разноплановых проектов для портфолио 4) помимо основных навыков, обучаем также и смежным, которые пригодятся в работе: анимация в After Effects, 3D-графика в Cinema 4D, нейросети для дизайнера 5) в карьерном модуле будем рассказывать как начать карьеру и устроиться в топовую российскую компанию (Яндекс, Сбер, Ozon, Альфа-банк и другие) Страница с курсом: https://cloudlessons.ru/v/510/
Изображение поста
drAEw v1.0.002 Win
🟣 drAEw — это творческая игровая площадка, встроенная в After Effects. Забудьте о переходах между приложениями для эскизов и AE — рисуйте, анимируйте и развертывайте покадровые формы на одной панели. С помощью векторных инструментов, калькирования и экспорта форм в реальном времени drAEw делает анимацию и раскадровку плавными и быстрыми. Это точность там, где она вам нужна, и свобода эскиза там, где она вам нужна. Источник: drAEw 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #After_Effects #drAEw #free #бесплатно
Пространство и перспектива
Работа с глубиной сцены также сильно влияет на восприятие: • Открытые пространства с большим обзором дают чувство свободы, но могут вызывать одиночество. • Закрытые узкие проходы, сжатые пространства усиливают напряжение, чувство опасности. • Туман и воздушная перспектива создают эффект погружения, глубины и мистики. Размещение ключевых объектов на разных планах усиливает восприятие масштаба и атмосферы. Звук и атмосфера в движении В интерактивных медиа, таких как игры или VR, атмосфера — это не только визуальный образ, но и ощущение присутствия, достигаемое через движение и звук. Среда «оживает» за счёт комплексного взаимодействия элементов, и здесь роль Environment Artist становится особенно важной. ➕ Звук играет ключевую роль в усилении атмосферы. Шум ветра, капли дождя, далёкие крики животных или шелест листвы — всё это создаёт звуковую ткань, которая делает пространство правдоподобным и погружающим. Даже отсутствие звука в нужный момент может работать на атмосферу: например, в тревожной или таинственной сцене. ➕ Анимация окружения усиливает ощущение жизни и движения: колышущиеся деревья, лёгкий туман, плывущие облака, струи пара из вентиляций, падающие листья или мелкий дождь. Такие детали работают на уровне подсознания, заставляя игрока ощущать, что мир дышит и меняется. ➕Реакция окружения на действия игрока — ещё один мощный способ углубить иммерсию. Следы на снегу, пыль, поднимающаяся из-под ног, травинки, прогибающиеся под шагами, ветки, отводящиеся в сторону при приближении — всё это усиливает ощущение связи между игроком и миром. Такое взаимодействие делает среду не просто фоном, а полноценным участником опыта. Для Environment Artist важно думать о сцене не как о статичной картине, а как о живом пространстве, реагирующем и звучащем, где каждый элемент, от света до звука, работает на единую цель: передать настроение и вовлечь зрителя или игрока эмоционально. 🔺Environment Artist — это не просто специалист по моделям и текстурам. Это визуальный режиссёр, который управляет вниманием и эмоциями зрителя через каждый элемент сцены. Используя композицию, свет, цвет, детали и пространство, художник может вызывать у зрителя самые разные чувства: от ностальгии до ужаса. Создание атмосферы — это всегда сочетание технического мастерства и тонкой интуиции. Поэтому каждый Environment Artist неизбежно становится немного психологом, сценаристом и режиссёром в одном лице. ▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️ Текст подготовил Александр Чехутин @gripinsky #gripinsky_статья #gripinsky_статья_gamedev
Анимация текста в After Effects
Анимация текста используется везде: в интерфейсах, презентациях, титрах кино и сериалов, образовательных роликах и плакатах. Эта статья — практический гайд о том, как анимировать текст в After Effects. С его помощью вы разберетесь со встроенными в программу эффектами анимации, а затем создадите текстовую заставку и небольшой плакат. → Читать материал в «Точке зрения».
Изображение поста
«Стометровка» — новое спортивное аниме, в визуальной команде которого — Вероника Хорева
Вчера вышел трейлер спортивного аниме «Стометровка» — истории о скорости, взрослении и соперничестве, где наравне со сценарием и режиссурой впечатляет визуальная составляющая. Над композом работала Вероника Хорева, художница, известная по «Киберславе» и «Майору Грому». Ещё в марте она рассказала нам, как оказалась в японской студии Rock and Roll Mountain и как шла работа над этим проектом. «Стометровка» выходит в прокат в Японии 19 сентября. Это экранизация одноимённой манги — эмоциональная драма о Тогаси, талантливом бегуне, и его однокласснике Комии, который однажды решает обогнать друга на стометровке. Годы спустя они встречаются вновь — теперь уже как взрослые и равные соперники. Режиссёр картины — Кэндзи Иваидзава («Онгаку: Наш звук»), сценарий написал Ясуюки Муто («Токийские мстители»). Одной из особенностей проекта стали фоны, нарисованные вручную по фотографиям японских улиц. Эти кадры оживают благодаря команде композа, в которой работает Вероника Хорева. Её путь в японскую анимацию, детали создания визуального ряда и история перехода из отечественных проектов в международные — всё это она рассказала в нашем мартовском интервью. 📎 Смотрите трейлер, а интервью читайте по ссылке.
Делаем эффектную космическую анимацию
🚀Дизайн и анимация персонажа в Illustrator и After Effects (2020)
Создай анимированного персонажа и освой профессию Motion Designer с нуля. Motion Graphics для начинающих и профи. СКАЧАТЬ #after_effects Дизайн-форум
Изображение поста
💩 90% проектов на Behance и Dribbble— шлак 
Оставшиеся 10% собраны на https://t.me/+cvTK3zTsrX8wMzAy">канале «Ого, двигается!». В нём только отборное золото в мире дизайна, пока остальные каналы выкладывают всё подряд. Каждый день выходят двигающиеся референсы, интерактив, примеры геймификации. Перестань тратить кучу своего времени на поиск сложных анимаций и трендов. Подписывайся 👉https://t.me/+cvTK3zTsrX8wMzAy">https://t.me/+cvTK3zTsrX8wMzAy
Освещение в 3D: как свет делает рендеры реальными 🌟💡
Создание качественного рендера в 3D начинается с правильного освещения. 💡 Вам нужно расставить источники света так, чтобы они подчеркивали текстуры и формы объектов, создавая реалистичные тени и отражения. 🌟 Важно обращать внимание на то, как свет взаимодействует с материалами, чтобы добиться интересного и убедительного результата. Ключевым элементом является выбор подходящей HDRI карты, которая задаст общий свет и атмосферу вашей сцены. 🖼 Про эту карту я расскажу подробнее в следующих постах! 😊 #Clo3D #MarvelousDesigner #3Dмоделирование #дизайнодежды #NormalMap #Map #3Dмода #цифровыемодели #мода2025 #одеждаизбудущего #модныетренды #творческийдизайн #пошиводежды #вебинар #аватар #анимация #Render #обучение #HDRI #3Dосвещение #рендеринг #реалистичныйрендер #освещениев3D
👁🦵🏻🌤
Огюст Ренуар, «Понт Нёф, Париж», масло на холсте, коллекция Ailsa Mellon Bruce Анимация разработана Андреем Закирзяновым
На этой неделе в Animation School — серия стримов про геймдев и анимацию
Сегодня, в 20:00 (МСК) - Как AAA-игры оживают в Unreal Engine Тилек Нурмамбетов расскажет, как технический аниматор связывает анимацию, код и физику в играх на Unreal Engine. Плюс — подробный разбор обновления курса Unreal Tech Master. [Ссылка на стрим YouTube / VK Video] 24 апреля в 19:00 (МСК) - Всё о работе гейм-дизайнера Дмитрий Белов отвечает на любые вопросы о геймдеве — от профессии до индустрии в целом. Задавай любые вопросы про геймдев — можно задать заранее: форма для вопросов [Ссылка на стрим YouTube / VK Video] 26 апреля в 19:00 (МСК) - Риггинг в Maya Александр Тархов покажет, как создаются риги для 3D-персонажей и зачем это нужно аниматорам. [Ссылка на стримы будет позже] Если хочешь глубже понять, как оживают персонажи в играх, чем на самом деле занимается гейм-дизайнер, и как устроен риггинг в 3D, — приходи на наши стримы. Общаемся с практиками из индустрии, разбираем кейсы и отвечаем на вопросы.
Изображение поста
Почему у большинства дизайнеров чек за проект так и не вырастает?
⠀ Они хорошо делают макеты. Но… На этапе запуска всё ломается. ⠀ — Верстка вносит хаос — Клиент не может сам что-то менять — Адаптив разваливается — Анимации выглядят не так, как задумывались ⠀ В итоге дизайнер отдает самое ценное — результат своей работы — другим. ⠀ 🎁Taptop — это визуальный редактор кода, где дизайнер сам собирает сайт под ключ. ⠀ Без разработчика. Без багов. Без «всё поехало после сборки» ⠀ Ты готовишь макет в Figma → собираешь в Taptop → показываешь клиенту работающий сайт, как задумывал. 😇 22–24 апреля в 19:00 Pixel Perfect проводит бесплатный интенсив, где ты: – научишься работать в Taptop с нуля и соберёшь свой первый сайт – поймёшь, как закрывать полный цикл как фулл-стек дизайнер ⠀ Подойдёт даже если ты никогда не верстал Если ты устал от «сломалось после верстки» — Taptop может поменять это ⠀ Присоедниться можно сегодня до 16:00 мск по ссылке: https://t.me/pxp_reg_bot?start=id444234993
Изображение поста