Как всегда, сначала определимся с исходниками, выберите 2 изображения одинакового размера
Как вы не раз, наверное, замечали - сложность уроков определяется, прежде всего, предварительной подготовкой слоёв к работе, а уж потом количеством используемых фильтров (тем более, что когда к ним привыкаешь, то сложности их количество не сильно добавляет). Нам нужно подготовить ещё 2 изображения – загиб листа и маску.
Выберите любое из изображений, дублируйте его. К копии примените фильтр искажения
«Загнутая страница»
Над копией появится слой с загнутым уголком, саму копию теперь можно удалить (копия была нужна, чтобы не повредить фон, так как при работе этого фильтра часть изображения удаляется). Этот слой сделаем отдельным изображением, также он нужен, чтобы создать маску.
Создайте над загибом новый пустой слой. Выделите меньшую часть прозрачного места ( в нашем случае - сверху)
Залейте выделение черным цветом, затем инвертируйте выделение и залейте остальное белым
Также желательно поставить в уголке вверху слева точку, чтобы использовать её как
ориентир
Теперь увеличим площадь покрытия маски, нам нужно, чтобы она при движении всегда
полностью покрывала изображение. Для этого сдвиньте слой с маской так, чтобы совсем не было видно черного, затем примените настройку «Холст по размеру слоев» из меню «Изображение»
К слою с маской примените настройку из меню «Слой» - «Слой к размеру изображения» и
залейте свободное пространство белым цветом.
Затем опустите слой вниз до тех пор, пока не исчезнет за краем слоя белое (поставленная ранее точка окажется в левом нижнем углу), и снова «Холст по размеру слоев»
Так же, как и до этого жмём «Слой» - «Слой к размеру изображения», залейте свободное пространство черным цветом.
Так делается маска для вертикального перелистывания сверху вниз. Для других направлений и маска будет другая, но в любом случае черным заливаем угол, с которого начинается загиб, а белым – куда он движется. Маска наращивается в зависимости от направления движения (вертикально или горизонтально).
Теперь можно сделать отдельное изображение из слоя с маской. Когда вы удалите маску с
изображения с загибом, то размер холста будет больше размера слоя. Выделите слой и нажмите «Автокадрировать изображение» в меню «Изображение», холст сократится по размеру выбранного слоя.
Теперь, когда маска готова, сохраните все 4 изображения (2 фоновых, загиб и маску) в
нашу папку. Можно приступать к созданию анимации. Выбираем самый нижний слой и задаем количество кадров анимации
К этому слою добавляем второй фоновый
Жмём «ОК». Затем добавляем загиб, его надо будет анимировать покадрово. Кадр 1
Загиб сдвигаем вверх до места соединения его с правым краем изображения (обозначено красной точкой)
Поскольку я хочу оставить первые кадры без изменений, то делаю загиб невидимым и нажимаю «Add Point» столько раз, сколько кадров пропускаю (5). На 6-м кадре делаю первый шаг анимации, сдвигая загиб на 50 пунктов вниз (можете взять другое значение,
исходя из размеров вашего изображения), видимость на 100%
Продолжаем до самого низа
Если кадры остались (у нас их 21), то на следующем кадре сделайте загиб снова невидимым и прощелкайте остальные кадры кнопкой «Add Point». Жмем «ОК».
То же самое проделаем с маской, начальная позиция – полностью белый лист
Непрозрачность изменять не нужно. Так же пропускаем кадры в начале, начинаем анимацию с 6 кадра
Используем то же расстояние, что и в прошлый раз, непрозрачность 100%. Повторять до тех пор, пока изображение не станет полностью черным (на 17 кадре в моем случае).
Остальные кадры также прощелкиваем.
Снова «ОК». Теперь во вкладке слоёв 4 слоя
Подгоним слои под один размер, 0 – для маски, 1 – для загиба. Отсюда и дальше работаем с
фильтром «Frames Modify»
Нужно расположить маску непосредственно над слоем, к которому её прикрепляем. Жмем на «Function», выбираем «Layer Stackposition» (порядок слоёв) - «Lower layer(s)» (опустить слой)
Теперь применяем маску к слою
Маску применяем ко второму снизу слою, который должен находиться непосредственно под слоем с маской
Удаляем слой с маской. Кроме описанного ранее способа есть ещё один, жмем «Function», выбираем «Delete layer(s)» и указываем номер слоя
Просмотреть полученную анимацию до её завершения можно с помощью фильтра «Playback» (качество предпросмотра ухудшается, но на анимацию это не влияет)
Пролистали? Всё в порядке? Тогда завершаем анимацию.
Ещё один переход в копилку