Effectno.School


Channel's geo and language: Russia, Russian
Category: Design


Мы обучаем моушн-дизайну и анимации начинающих и продвинутых специалистов.
https://effectno.school/courses/after_effects_motion/
Делимся опытом, который получили на практике
https://effectno.com/
Связаться с нами https://t.me/effectno_school_support_bot

Related channels

Channel's geo and language
Russia, Russian
Category
Design
Statistics
Posts filter


Video is unavailable for watching
Show in Telegram
Women design power! ✨

Яркая шейповая анимация взята из интересного проекта Design by Women от графического дизайнера Мэри Хемингуэй. Её коммьюнити показывает и прославляет женщин в индустрии дизайна и вдохновляет других креативщиц на карьеру. 🌺


Video is unavailable for watching
Show in Telegram
С удовольствием поздравляем всех подписчиц с международным женским днем!

Вдохновляющий ролик от Buck design в коллажной стилистике передает суть праздника и нравится нам посылом, палитрой и динамикой. А мы желаем женской половине наших студентов и подписчиков успешной самореализации, интересных проектов и классных идей 💐


Перенять опыт: референсы анимации из UI 📲

Разблокируйте свой телефон. Что вы увидите? Привычный для нас интерфейс — это анимация. Она красива, практична, понятна — и это свойства хорошего дизайна. На этой неделе у нас много примеров корпоративного моушн, анимации сайтов, поэтому предлагаем попрактиковаться в User Interface.

Туториалы взяли у Cuberto Design — команда делала сайты известным брендам. Подборка мастер-классов тематическая: учимся ликвид-эффектам с разными компонентами (кнопки, переходы, строки).
- Сделать «перетекающие» переходы между экранами.
- Попробовать создание эффекта жидкости для свайпа.
- Поучиться анимации панели вкладок.

Кстати, мы тоже считаем, что Figma + AE это классное комбо для разных задач в моушн: от шаблонов и идей, до удобных инструментов, облегчающих создание анимации. Поэтому для студентов курса в Effectno.school есть блок по Figma, а также обзор и рекомендации на другой дополнительный софт. 😎


Референсы движений из UX-UI

Дизайны Blacklead studio для интерфейсов и сайтов — это кейс, на примере которого мы подглядим простую, но стильную анимацию для своих моушн-проектов.
Понимая, какие движения привычны зрителю из его пользовательского и визуального опыта, мы учимся рассказывать свои истории через движение гораздо яснее.


Моушн-дизайн для моушн-студии 😳
Бразильский моушн-дизайнер Дебора Линьярес сделала промо-ролик для китайской моушн-студии Carbon.

В этом посте прекрасно всё:
1. Как классно иметь такую профессию, которая позволяет работать с проектами из разных стран.
2. Как важно делегировать: даже моушн-студии нужны ролики про самих себя.
3. Как необходим взгляд на вашу работу со стороны, даже если вы многого достигли.
4. Как крута динамичная текстовая анимация в сочетании с геометрическими формами. Нам нравятся цветовые сочетания, композиционные решения и тайминг — текст здесь движется достаточно бодро, но при этом зритель успевает прочитать его.


Video is unavailable for watching
Show in Telegram
Яркий корпоративный моушн для Spotify

Сервис любит классные коллаборации с дизайнерами (как пример). Смотрим работу канадской студии Vucko, где реализован стильный моушн-дизайн.

Нам показывают универсальность этой анимации для разных площадок (от экрана соцсети до экрана на площади), вариативность (элементы меняются, переставляются, при этом чувствуется их единство за счет скорости, размера). Но мы не ощущаем физики элементов — для зрителя этот моушн-дизайн неодушевленный, но всё равно живой.

Такой моушн создается не по Диснеевским принципам анимации. А по каким именно — будем разбираться на этой неделе, stay tuned!


Лаконичный моушн-дизайн

DesignStudio разрабатывала айдентику для компаний перевозок Eurostar и Thalys. Лого, мокапы и конечно моушн-дизайн: всё должно выглядеть элегантно, серьёзно и дорого. Минималистичный и лаконичный моушн создает именно такой образ у зрителя, не перегружает его деталями.


12 принципов анимации уже устарели? 🫠

Апгрейд системы — 21 принцип! Автор оригинального материала — Дермот О'Коннор, аниматор, дизайнер, мультипликатор и независимый режиссёр. Завершаем эту тематическую неделю переводом его статьи:
https://dtf.ru/howto/809857-perevod-21-princip-animacii-ot-dermota-o-konnora


Типография с характером 🅰️

Британский моушн-дизайнер Mat Voyce круто играет со шрифтами: они прыгают и взрываются, расплываются и обрастают шерстью. Выразительная анимация дополнительный инструмент при работе с типографикой, чтобы задержать взгляд зрителя.

Кстати, у Мэта есть большой мастер-класс по работе с анимацией текста, рекомендуем посмотреть, попробовать 📌




Дела не двигаются дальше, а на креативных решениях будто-то поставили блок? 😿 В этом посте проверенные на нашей команде 5 вариантов как справится с таким состоянием.

Оказаться в тупике не равно утратить способности. Возможно вы устали и не заметили этого. Лучше остановиться, сделать перерыв без гаджетов, поспать.
Отдохнули, но не прошло? Тогда пробуем:👆


Пример классной композиции в выразительной анимации 👇🏻

Работа от Васильевой Насти, проходившей у нас стажировку. Принципы диснеевской анимации помогают использовать физику для шейповой анимации. Здесь классно по таймингу, есть и сжатие/растяжение, движение по дугам, второстепенные действия.

Что думаете? 🔴


Один из принципов анимации — тайминг.
Работа с Graph Editor сделает одну и ту же анимацию игривой и веселой или грустной и неторопливой.

Когда выбрали, какое должны производить впечатление на зрителя, идем смотреть:
1. Короткую видео-шпаргалку с изображением разных вариаций графиков времени вот тут.
2. Тутор с использованием разных принципов выразительной анимации и работой с Grah Editor вот здесь.
3. Использование графиков для простой анимации текста
вот тут.

Принимаем огоньки за полезность 🔥


Повторяем видео крутой моушн-студии 💥

Недавно с вами разбирали физику в анимации на примере ролика от Ordinary Folk.
Ловите мастер-класс, где пошагово воссоздадут вот это 👆 видео:
- Часть 1;
- Часть 2;
- Часть 3.


Моушн-эксперименты 🔷

Так назвали эту работу на студии Hornet. Моушн-дизайнеры показали взаимодействие стилей: геометрия и естественность, размытие и резкость, игривость и серьезность. Интересно, что мультяшность такой физики приглушили немного темной цветовой палитрой.

Что понравилось нам? Элементы классно собираются в единую композицию и удерживают ей внимание до конца ролика. И конечно тут круто выполнены бесшовные переходы. 😍

Так, увидели тут принципы анимации? :))
#КакЭтоРазвидетьТеперь


Video is unavailable for watching
Show in Telegram
Моушн-дизайн для промо игр 👾

Объем рынка мобильных игр за 2022й год — более 90 млрд долларов. И этой индустрии нужны промо, тизеры и реклама... То есть нужны вы! Те, кто сделает это классно и привлекательно.

Учим студентов предавать низкую гравитацию, резиновость персонажей и интересно оживлять картинку, чтобы хотелось в это поиграть.
На видео — работа Елисея Родригеза.
Как вам такой тренажер выразительной анимации? ✨


12 принципов анимации Дисней.gif
11.0Mb
Готово, Вы восхитительны! 🎉

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

Добавляйте нашу шпаргалку по 12 правилам в закладки, чтобы делать свою анимацию более выразительной. 📌


Какие принципы анимации по Диснею вы увидели в ролике? 🤔 Телеграм ограничивает количество ответов, поэтому сразу скажем, что принципы «Сценичности» и «Профессионализма рисунка» больше относятся к персонажке.👇
Poll
  •   1. Сжатие и растяжение
  •   2. Подготовка/упреждение
  •   3. Сквозное движение/захлест
  •   4. Медленный вход/выход
  •   5. Движение по дугам
  •   6. Тайминг
  •   7. Второстепенные действия
  •   8. Преувеличение
  •   9. Переход от позы к позе
  •   10. Привлекательность
17 votes


Теория классно, но практика — еще лучше. 😎

Тут у нас рафинированный моушн от Ordinary Folk и их видео для проекта «Слово недели». Примерный перевод самого слова — Flibbertigibbet — «ненадежный, болтливый»...
Как моушн-дизайнеру показать ощущения от этого слова? Выразительная анимация по Диснею!

Разберемся, какие принципы тут использованы? Го в опрос 👇🏻



20 last posts shown.

1 074

subscribers
Channel statistics