Шрифт с широким размахом: спецпроект к двадцатилетию SHIFTBRAIN

Японское маркетинговое агентство SHIFTBRAIN представило уникальный вариативный шрифт для интерактивного сайта, созданного к 20-летию компании. Шрифт разработала команда TypeType, используя бестселлер TT Norms® Pro

Читать на дизайнерс | #статья

5 модных стилей After Effects Motion, которые нужно знать в 2025 году

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

00:00 Hello There!
00:13 Style 1
01:30 Style 2
02:46 Style 3
03:52 Style 4
04:34 Style 5

#tutorial | By SonduckFilm

Часть 2. Разбираем и сравниваем UI-элементы, которые легко перепутать

Изучаем различия между модальными и немодальными окнами. Узнайте, какой из них подходит для вашего веб-проекта

Читать на дизайнерс | #статья

Потрясающая величественная 3D-анимация

#tutorial | By Flat Pack FX

“Фриланс убивает тех веб-дизайнеров, которые думают, что нужно только рисовать”

Статья расскажет о реальности работы на фрилансе после освоения Figma. Какие трудности возникают, когда клиентов нет, а деньги уходят

Читать на дизайнерс | #статья

Анимируйте камеру в After Effects как профессионал

В этом видео я показал, как использовать камеру в After Effects, и рассказал о наиболее распространенных проблемах, с которыми сталкиваются пользователи при анимации камеры в After Effects.

#tutorial | By Editing Empire

Вирусные переходы для ваших эдитов

#tutorial | By Yaniksksks

Как редактировать вирусные ролики , такие как у Julián Alborná

В этом уроке вы узнаете, как редактировать вирусные ролики в After Effects, используя стиль julianealborna: винтажные эффекты, гранж и полутоновые текстуры, которые придают вашим видео уникальный и привлекательный вид.

00:00 Вступление
00:44 Начало урока
06:15 Обрезка анимации контуров
07:04 Создание нулей на контурах
18:08 Импорт 3D-модели
22:36 Создание и анимация камеры
45:20 Эффект дрожания
47:07 Создание теней – Shadow studio
52:52 Полутоновая текстура
58:57 Окончание

#tutorial | Brain 3D | Eye 3D | By Vane Motion

Подборка популярных постов на платформе дизайнерс:

💬 Казино, порно, букмекеры: кто на самом деле двигает дизайн вперёд
👤 Автор: Дневники разработчиц

💬 Буквы с татарским колоритом: история создания шрифта для территориального бренда Альметьевска
👤 Автор: TypeType

💬 Кейс: Додо Эстония «10 лет вкусных моментов»
👤 Автор: VAGABOND AGENCY

💬 Зачем нужны исследования дейли сценариев цифровых сервисов
👤 Автор: Mish Product Lab

💬 Геймификация в продукте: как превратить рутину в путь игрока
👤 Автор: Magnit Design

Оживите любой веб-сайт за считанные минуты с помощью этого простого трюка

В этом видео вы узнаете, как анимировать любой элемент пользовательского интерфейса на любом веб-сайте с помощью Photoshop и After Effects, используя социальную сеть в качестве пошагового примера. Освоите анимационный дизайн пользовательского интерфейса и воплотите свой веб-дизайн в жизнь.

00:00 Вступление
00:16 Веб-сайт
00:48 Photoshop
01:47 Импорт в AE
01:57 Анимация элементов
05:40 Завершение

#tutorial | by Adobe Simplified

Гости и дизайн: история одного
недоразумения

История о том, как выбор дизайна привел к комической ситуации с зубной пастой

Читать на дизайнерс | #статья

3D-анимация в After Effects

Для рендеринга в After Effects требуется много времени на освещение окружающей среды с отражениями в формате HDR.
И часто время не на вашей стороне, и вам нужно быстрое решение.
В этом руководстве я покажу вам способ добавления отражений, который обеспечивает быструю визуализацию.

00:00 3D-анимация в After Effects
00:17 Создание первой 3D-фигуры
01:34 Добавление материалов к фигуре
05:08 Анимация 3D-фигур
09:53 Как создать фоновый свет

#tutorial | Project | By Manuel does Motion

UX-аудит мобильного приложения Ростелеком

Мобильное приложение Ростелекома: удобство и недостатки

Читать на дизайнерс | #статья

Креативная текстовая анимация в After Effects

Это подробное руководство, охватывающее 4 различных креативных текстовых анимации в After Effects. Мы подробно рассмотрим каждую из них, и мы не только изучим саму текстовую анимацию, но и рассмотрим некоторые действительно мощные приемы в After Effects. Они полезны не только для текстовой анимации, так что это очень полезные навыки для изучения.

#tutorial | Project | By MotionXP

User Flow в Figma: 3 уровня детализации + чек-лист

Узнайте, что такое User Flow и как он влияет на опыт пользователей в продукте. Разберитесь, как этот метод помогает учесть эмоции и культурные особенности пользователей, повышая эффективность интерфейса

Читать на дизайнерс | #статья

Тепловой пиксельный эффект (типографика и фото) в After Effects

В этом видео показано, как создать эффект сбоя CRT в After Effects.

#tutorial | By EasyEdit Tutorials

Онбординги в фудтехе: большая подборка сценариев 📦🍔🍰

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

Читать на дизайнерс | #статья

Напоминаем, что у нас есть Motion Chat, в котором активно обсуждаются темы, связанные с моушн-дизайном.

Заходите – @MotionTut

Отслеживаемый 3D текст для видеороликов о недвижимости в After Effects

В этом видео я рассказываю о том, как создать трехмерный текст, который очень популярен в видеороликах о недвижимости. Этот супер четкий анимированный текст выделит ваши эдиты.

#tutorial | By Tylo FX

Speed Ramp curve in After Effects

#tutorial | By yerbolat_sarsembayev

Системное увеличение 125%: почему ваш макет — это не то, что видит пользователь

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

Читать на дизайнерс | #статья