Embedded Files
Эта страница, является подстраницей соответствующего урока. Далее будет производиться анализ и комментирование домашней работы. Узнать кто выполнял данную работу можно сделав запрос второго слова в названии. Это ник на behance.
Изначально был выбран отличный референс
Изначально был выбран отличный референс
https://dribbble.com/shots/5411605-Nueberry-Motion
В этом примере интересная динамика, есть разбитие истории на части, прикольные пропуски кадров и скачки в нужный момент, даже работа с формой текста, который не просто проявляется
Результат самостоятельного выполнения домашней работы
Результат самостоятельного выполнения домашней работы
В целом получилось хорошо и считывается трендовая анимация.
Но начав разбор проекта, сразу появилось много комментариев, которые мы рассмотрим ниже и сформируем задание на правки с самого начала.
1. Слишком много точек в PATH
1. Слишком много точек в PATH
Если вы решили анимировать path - сначала минимизируйте количество точек, а потом приступайте к анимации.
2. Точки используются для задач, в которых можно обойтись без Path
2. Точки используются для задач, в которых можно обойтись без Path
Path в целом считается самым сложным из всей анимации и к этому параметру стоит обращаться, только если другие параметры не решают вашу задачу.
3. По графикам видно, что анимация прямо копировалась по кадрам, без особого понимания
3. По графикам видно, что анимация прямо копировалась по кадрам, без особого понимания
Повторять анимацию нужно оценив и заметив принцип, но — самому. Просто копированием вы вряд ли усвоите что-то новое.
4. Сильная смена кадров и фигур должна происходить на разных слоях
4. Сильная смена кадров и фигур должна происходить на разных слоях
Здесь же все делается Path и это усложняет работу передвижением точек, хотя можно было просто нарисовать новый слой и переключиться на него.
5. Общую анимацию PSR для логотипа следует помещать в Null слой и к этому слою привязывать остальные элементы
5. Общую анимацию PSR для логотипа следует помещать в Null слой и к этому слою привязывать остальные элементы
Это нужно, чтобы при замене логотипа, добавлении к нему частей, или подмене фигуры, как в комментарии #4 вы всегда могли оставить главную анимацию PSR нетронутой. В итоге даже если у вас 4 объекта, анимацию вы правите только у одного нуля, а не у всех 4-х объектов.
06.mp4И еще пара комментариев:
И еще пара комментариев:
6. Не стоит оставлять длинные куски слоя по краям, если этот объект еще не проявился или еще не пропал.
7. Выдерживайте паузы в конце видео, чтобы человек успел досмотреть финальный кадр.
8. И если делаете loop (зацикленную картинку), то позаботьтесь чтобы конец видео, подводил наблюдателя к началу.
Итого задание:
Итого задание:
- создать анимацию заново с чистого листа
- анимация path будет использоваться только в буквах, до момента появления букв используем стандартные средства и шейповые слои
- создать анимацию, не загружая референс к себе в проект, а сравнивая результат работы визуально
- анимацию PSR реализовать в нулевом слое, а объекты привязывать к нему
- использовать минимально возможное количество ключевых кадров
- финальное слово заменить на свой никнейм (так будет интереснее)
- отдать проект в чистом виде, с обрезанными слоями и хорошим лупом
Уточнение пункта 4
Уточнение пункта 4
Если какой-то пункт не понятен - лучше написать мне и я дополню. Так например я решил добавить еще один пример для 4-го пункта.
Возьмем следующий реф:
Можно провернуть всю анимацию на одном слое. Давайте посмотрим, что из этого выйдет:
Можно провернуть всю анимацию на одном слое. Давайте посмотрим, что из этого выйдет:
У нас 5 точек, для перехода к следующей фигуре нам они все нужны
Следующая фигура, в которую мы заморфились. Здесь те же 5 точек
А для этой фигуры уже не нужны эти 5 точек, и из прошлой фигуры достаточно было 4-х точек. Выделенная точка лишняя.
Рассмотрим случай, когда мы все же разрезаем слои и делаем разные анимации для сложных форм
Рассмотрим случай, когда мы все же разрезаем слои и делаем разные анимации для сложных форм
Первый кадр на нижнем слое без изменений
Второй кадр на этом же слое тоже
А теперь мы перешли на слой повыше и упростили фигуру
При переходе на сердце у нас теперь 4 точки
Вывод:
Вывод:
Такой метод работы в анимации реализуют как с простыми так и со сложными сценами и объектами. Называется это — "сделать в кат". От английского слова cut (резать). Что связано с оригинальной профессией в монтаже, когда пленку в прямом смысле резали и подставляли другую.
Что это дает нам в конкретном примере и от чего спасает:
- если бы задание было сделать 10 морфингов, то к 10-му у вас скопилось бы такое количество точек, что вы бы вешались
- а если бы потом еще и правки пришли....
- чем проще фигура тем проще ее анимировать
- изменять скорость и длительность анимации - можно было бы сдвигом отдельных слоев, а не возвращаясь каждый раз к ключевым кадрам
Page updated
Google Sites
Report abuse