Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. |
| Подробнее ... |
| Анимация перехода между кадрами |
| Автор: Алиса |
|
Помимо так называемой "Растяжки", или Плавного перехода между кадрами существуют и другие способы красиво осуществить переход между кадрами. Предлагаю вам освоить принцип перехода между кадрами - фильтр + слияние изображений.
С чем мы познакомимся в этом уроке: фильтр "Brush Strokes", команды "Make Frames from layers" и "Reverse frames". Потребуется знание урока: "Слияние изображений".
и ![]()
![]() 3. Создайте по три копии каждого из двух слоев. Для этого, выделив поочередно один и другой жмите на клавиатуре ctrl +j, либо правой кнопкой по слою и команда "duplicate layer" (дублировать слой). Вот, что вышло:
![]() 4. Пользуемся слиянием изображений. Для того, чтобы наш переход с фильтрами выглядел более плавно - две копии из получившихся мы объединим с помощью "Слияния изображений". Я решила "слить" вместе копии, которые находятся в середине, чтобы не запутаться Вот так выглядит сейчас, после слияния, наша аватарка:
![]() 5. Объединим слой, к которому применена слой-маска, со слоем, который просвечивает через маску.
Вот так выглядит панель "Layers" (Слои) после объединения слоев:
![]() 6. Работаем с фильтрами. Самый верхний и самый нижний слой не трогаем, к ним фильтр не применяем. Для второго сверху слоя (Layer 1 copy 2) ставим радиус распыления - "3":
![]() Этот же фильтр с этим же значением применяем ко второму низу слою (Background copy):
![]() Дальше выделяем третий сверху слой (Layer 1 copy 1), ставим радиус распыления - "10":
![]() Этот же фильтр с этим же значением применяем к третьему снизу (Background copy 2):
![]() Дальше выделяем наш слитый из двух изображений слой Background copy 3, ставим радиус распыления - "15":
![]() Вот и все, работа с фильтрами окончена. Наша панель "Layers" выглядит вот так:
![]() 7. Займемся анимацией.
![]() На панели "Animation" (анимация) в выпадающем окне находим команду "Make Frames from layers" (создать кадры из слоев), которая создаст вам кадры из каждого существующего слоя:
И получаем вот такую панель "Animation":
Можно смело запускать анимацию, нажав кнопку "play":
![]() 8. Доделываем работу.
Кадры теперь в нашей памяти. И наши кадры выстроятся в обратном порядке. И последнее - вставим кадры, которые у нас в памяти, выбрав в выпадающем меню команду "Paste Frames" и отметив в появившемся окне "Paste after selection" (вставить после выделенных кадров):
Теперь, запустив анимацию вы увидим свой эффектный переход в обе стороны:
![]() Чтобы немного уменьшить вес аватарки, мы можем удалить 8 и 14 кадры - они повторяются.
![]()
![]() Удачи в экспериментах! P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее. Лучшее "спасибо" за урок - ваш комментарий! :) |

Приветствуем вас в разделе уроков нашего сайта!
и 


И, для удобства, отключила видимость слоев над той копией, к которой буду присоединять слой-маску. Градиент на слой-маске я проводила справа налево, чтобы просвечивала правая сторона картинки. Вот скрин с подробными объяснениями:











Комментарии
Спасибо за приятные слова! :)
насчет веса - да, вес страдает. Но данный эффект не обязательно использовать на переходе от одной картинке к другой. Если подключить фантазию... например, можно анимировать таким способом часть аватары - отражение в воде, которое меняется. Я к тому, что если использовать эффект на небольшой площади пика - вес значительно сократится :)
RSS лента комментариев этой записи.