Creative Motion

2023-06-25 19:28:36 Почему моушн-дизайн не должен быть сложным

Моушн-дизайн помогает сделать интерфейсы выразительными и простыми в использовании. Несмотря на большой потенциал, он, пожалуй, наименее понятая из всех дисциплин дизайна. Это может быть связано с тем, что он является одним из новичков в семействе дизайна интерфейсов. Если визуальный дизайн и дизайн взаимодействия восходят к ранним графическим интерфейсам, то моушн-дизайн вынужден был ждать, пока современное оборудование начнет плавно рендерить анимацию. Частичное совпадение моушн-дизайна и традиционной анимации также вносит неразбериху. Можно потратить целую жизнь на освоение 12 принципов анимации Диснея, означает ли это, что моушен-дизайн интерфейсов также сложен? Люди часто говорят мне, что сложно проектировать движение или, что выбор правильных значений неоднозначен. Я утверждаю, что в наиболее важных областях интерфейса, моушен-дизайн может и должен быть простым.

https://ux.pub/editorial/pochiemu-moushn-dizain-nie-dolzhien-byt-slozhnym-2j02 Открыть/Комментировать

2023-06-23 18:30:28 ​​Курс After Effects для начинающих

Идеально подходит для людей, которые только начали знакомство с программой After Effects. В результате курса мы воссоздадим проект, который я продаю на Envato маркете и на момент создания курса этот проект принес мне уже более 700$. Никакой воды, только практика и самые необходимые знания в АЕ

Смотреть:
https://www.youtube.com/playlist?list=PL8gQrG8M4T5s7o9XOvq_--tgits5vd6vH Открыть/Комментировать

2023-06-22 20:32:24 9 шагов, чтобы начать использовать анимацию в интерфейсах

Анимированные интерфейсы полны жизни и эмоциональности. Анимация добавляет статическим вещам жизнь. Когда дело доходит до интерфейсов, дело не только в восторге, но и в решении проблем.

Мы, люди, привыкли видеть, как мир движется вокруг нас, и если какая-либо часть программного обеспечения имеет последовательную анимацию, оно ощущается живым и естественным.

Читать: https://ux.pub/editorial/9-shaghov-chtoby-nachat-ispolzovat-animatsiiu-v-intierfieisakh-1dfj Открыть/Комментировать

2023-06-21 20:55:05 Абстрактный, но красивый моушен от испанского арт-директора Гонзало Родригес

Гонзало Родригес и его дизайн-студия представили вымышленный проект NT&C, который был создан с целью сделать процесс выпуска мерчандайза более доступным для дизайнеров. В рамках этого проекта студия разработала множество элементов, включая сайт, иллюстрации и 3D/2D анимацию. Главной концепцией проекта являются абстрактные шейпы, которые отдаленно напоминают штрих-коды продуктов, что выглядит очень интересно в сфере продажи одежды.

Подробнее тут: https://dsgners.ru/novosti/574-abstraktnyiy-no-krasivyiy-moushen-ot-ispanskogo-art-direktora-gonzalo-rodriges Открыть/Комментировать

2023-06-20 18:41:47 Уроки по After Effects для начинающих.

Базовые знания и навыки | Урок 1

00:00 - для чего нужен After Effects?
01:48 - настройка интерфейса
04:40 - импорт файлов
05:20 - основные параметры футажа
06:30 - просмотр footages
07:50 - информация о png файле
08:20 - обрезка футажа
09:37 - глобальные настройки (preferences)
12:00 - установка скриптов (FX Console)
14:12 - сохранение файла (auto-save)

Работа со слоями | Урок 2

00:22 - создание композиции и ее настройки
02:15 - трансформация слоев
05:17 - обозначения слоев
12:24 - трансформация объектов
16:00 - монтаж в After Effects

Эффекты и маски | Урок 3

00:00 - популярные эффекты в After Effects
02:53 - применение эффектов
09:00 - Shortcuts для эффектов (FX Console)
11:05 - работа с Lumetri Color (цветокоррекция)
23:30 - для чего нужен Adjustment layer?
27:20 - знакомство с масками (mask)

Анимация текста | Урок 4

00:45 - скрытие слоев на таймлайне
01:20 - вкладка Transform
04:55 - ключевые кадры и интерполяция
10:35 - анимация текста в After Effects
18:10 - размытие фона (Blur)
21:30 - исчезновение и размытие текста
25:00 - анимация межбуквенного интервала Открыть/Комментировать

2023-06-16 14:11:56 ​​Уроки по анимации в ProtoPie.

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

01 Экспорт и подготовка дизайна для прототипирования
Делаем экспорт проекта из AdobeXD (По аналогии экспорт делается в Sketch и Figma) в ProtoPie. Так же настраиваем дизайн в ProtoPie для последующего прототипирования

02 Прототипирование экрана авторизации
Научимся работать с анимацией элементов, текстовыми полями и переменными. Так же разберем как создавать состояния элементов.

03 Прототипирование экрана Профиля
Разберем как передавать данные с экрана на экран с помощью переменных, как работать с формулами.

04 Прототипирование экран выбора цвета
Завершаем прототипировать дизайн в ProtoPie. Используем переменные для передачи цвета, исправляем ошибки в формулах и закрепляем пройденное.

Scroll Container & Padding Container
Добавил видео, в котором быстро разберемся как сделать Scroll и Padding контейнеры.

Circle Progress Bar
Учимся делать круговой прогресс бар с использованием макси-слоя Открыть/Комментировать

2023-06-11 16:01:02 Ловите большую подборку уроков по анимации иллюстраций в Adobe After Effects.

Даже если вы скорее моушен дизайнер, а не аниматор и используете AE для создания баннеров, эффектов для сайтов и.т.д., то вам все равно будет полезно глянуть несколько видео из списка. Инструменты те же, но это позволяет взглянуть на них под другим углом.

Анимированние иллюстраций штука крайне интересная и может вдохновить на создание чего-то классного.

Посмотреть можно тут Открыть/Комментировать

2023-06-09 15:02:08 Как создать пиксельную анимацию в After Effects

На реальном примере показывают как сделать крутой текстовый эффект. Открыть/Комментировать

2023-06-09 12:39:39 Как попасть в топовое дизайн-агентство страны?

Все просто, просто влетай на стажировку от CreativePeople и Humbleteam.

Ребята ищут себе UI/UX дизайнеров и проводят уже традиционную стажировку на позицию «UX/UI. Дизайнер сайтов и мобильных приложений». В этот раз при поддержке платформы для дизайнеров — DSGNERS!

Какие условия стажировки? 

 — вас ждет два месяца прокачки в дизайн студии на реальных проектах. За это время вы поработаете с арт-директорами, в командах и индивидуально;
 — формат работы удаленный, можно участвовать даже если вы живете в другой стране
 — cтажировка оплачиваемая;

Как попасть на стажировку?

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

Присоединиться: https://t.me/+XwLlVp3dcExhMzVi Открыть/Комментировать

2023-06-05 17:59:54 Простые плагины с визуальными эффектами

FormParticularStardust: три эффекта, которые по-разному работают с частицами. Можно сделать падающий снег, вращающиеся вихри, что-то похожее на дымку или логотип, разлетающийся на мелкие точечки. Stardust имеет нодовую систему и поэтому людям, склонным к визуальному программированию, легко найти с ним общий язык.

Element 3d: плагин номер один для тех, кто хочет работать с 3D-объектами в AE без использования сторонних программ. Может превратить любой текстовый слой в 3D-текст, работает с готовыми 3D-файлами. А еще имеет наборы объектов, благодаря которым можно, например, собрать огромный трехмерный город (Metropolitan Pack) и сделать пролет камерой по нему — причем это займет у вас не больше получаса, включая рендер.

Optical Flares: второй плагин от Эндрю Крамера и студии VideoCopilot. Это большая база настраиваемых бликов, вспышек и пересветов. Его часто используют для того, чтобы оживить параллаксы или видео, добавив в них игры света и бликов.

Deep GlowVibrance: два плагина, которые позволяют добавить эффект свечения в ваши объекты.

Более сложные визуальные эффекты для тех, кто давно работает в АE

Slitscan: делает эффект отставания или замораживания линии пикселей.

AE Pixel Sorter: эффект стекания пикселей по контрастной области.

Lockdown: позволяет неплохо прикрепить текстуру к неоднородному и неплоскому движущемуся объекту.

Три плагина-диспетчера рендера для опытных пользователей, которым не хватает настроек и кодеков в Media Encoder:

Render Garden
After Codecs
DuMe


Источник Открыть/Комментировать