Прежде чем мы начнем, давайте сначала объясним домашнее задание после последнего урока, которое представляет собой анимацию с двумя объектами, движущимися вместе. Так называемые два объекта на самом деле представляют собой два слоя. Нарисуйте квадрат и круг соответственно, затем скопируйте один кадр и переместите положения слоев относительно. Это не технически сложно.
Но обратите внимание на наш пример анимации. Круг в нем не движется вначале, а запускается с некоторой задержкой. Это означает, что в первых нескольких кадрах необходимо перемещать только квадратный слой, а не слой с кругом. После того, как квадрат переместится на несколько кадров, прежде чем вы начнете перемещать круг, палитра анимации будет выглядеть так, как показано на изображении ниже. Нажмите красную стрелку, чтобы открыть параметры палитры и самостоятельно установить размер миниатюры кадра. у зеленой стрелки Это кнопка шага по кадрам. Нажмите, чтобы воспроизвести по одному кадру за раз. Воспроизводится предыдущий кадр. кнопка возвращается к начальному кадру.
Мы составили этот пример, чтобы рассказать всем, что более сложная анимация часто состоит из множества объектов, и не все эти объекты могут двигаться (например, перемещаться) вместе. Например, при создании анимации удара одного объекта о другой объект ударный объект должен оставаться неподвижным до тех пор, пока ударяющийся объект не вступит в контакт.
Ранее мы делали анимацию смещения, в которой использовалось движение слоев. Кроме того, вы также можете создавать анимацию, устанавливая разную прозрачность слоев. Я думаю, каждый может догадаться о методе создания, который заключается в изменении значения частичной прозрачности в палитре слоев в разных кадрах. Теперь создайте новое изображение размером 100×100, создайте новый слой и нарисуйте квадрат. Затем скопируйте сразу 5 кадров, и вы увидите, что все 6 кадров имеют одинаковое содержимое. Измените время задержки всех кадров на 0,1 секунды, как показано на левом рисунке ниже.
Затем выберите кадр 2 и измените непрозрачность квадратного слоя на 80% в палитре слоев, затем на 60% для кадра 3 и так далее, пока кадр 6 не станет 0%. Эффект аналогичен показанному справа ниже. В это время во время игры вы увидите, как эффект блоков постепенно затухает. Следует отметить, что через Кнопка скрытия слоя эквивалентна установке непрозрачности на 0%.
Большая разница в этом производстве заключается в том, что мы изменили исходный метод копирования одного кадра и его немедленной установки, а затем копирования другого кадра после его установки. На этот раз копируются все кадры сразу, а затем кадры выбираются для настройки. Это тоже метод производства.
В ходе операции нетрудно обнаружить, что непрозрачность в палитре слоев вернется к 100% при выборе другого кадра. Это иллюстрирует тот факт, что изменение непрозрачности одного кадра не влияет на другие кадры. Представьте себе еще раз: если мы используем этот метод для создания начального движения блока, что произойдет, когда мы выберем следующий кадр после перемещения слоя в предыдущем кадре?
Очевидно, мы увидим, как квадраты вернутся на круги своя. И если настройка положения слоя в этот момент не будет следовать траектории предыдущего кадра, эффекта плавного движения добиться не удастся. Следовательно, этот метод предварительного построения всех кадров и их последующей модификации не подходит ни для анимации смещения, ни для других анимаций. Он используется только тогда, когда вам нужно анимировать определенное количество кадров.
Теперь, когда мы освоили две настройки, которые могут создавать эффекты анимации: одна — это положение слоя, а другая — непрозрачность слоя. Теперь мы можем использовать обе для создания анимации, которая одновременно движется и исчезает. Это можно изменить на основе простого затухания прямо сейчас. То есть используйте простой метод, выберите кадр, а затем немного переместите его и так далее.
Но нам нужен эффект перемещения от левого конца к правому, а это значит, что начальная позиция блока должна быть у левого конца, но теперь блоки во всех кадрах находятся посередине. Что нам делать? Поскольку «все кадры» находятся посередине, давайте переместим «все кадры» влево. Выделите все кадры в палитре анимации, с помощью инструмента перемещения переместите слой в крайнее левое положение, и вы увидите, что положение квадратов во всех кадрах изменилось.
Есть другой способ. Весь процесс анимации можно рассматривать как взаимосвязь между причиной и следствием. Если вы удалите слой в первом кадре, он больше не будет существовать во всех последующих кадрах. Поэтому в настройках анимации Photoshop первый кадр является относительно особенным. Теперь выберите первый кадр и убедитесь, что в палитре слоев включен параметр «Развернуть кадр 1», как показано красной стрелкой на левом изображении ниже. Затем переместите слой, и вы обнаружите, что блоки во всех кадрах переместились равномерно, как показано на правом рисунке ниже. Если параметр «Распространить кадр 1» недействителен, будет изменена только позиция блока в кадре 1.
У обоих методов есть свои плюсы и минусы. «Распространение кадра 1» на самом деле означает «распространение кадров 1», что означает распространение изменений в кадре 1 на все кадры. И это позволяет легко изменить настройки определенных объектов во всей анимации. метод выбора всех кадров будет немного затруднительным, если количество кадров велико, но его можно вывести из метода «выбора определенных кадров». Например, когда вам нужно изменить только первые 3 кадра, вы можете выбрать. первые 3 кадра вместе и установите их.
Следует отметить, что «Распространение кадра 1» по-прежнему действует, даже если для каждого кадра изначально установлено другое положение слоя. Эффект эквивалентен смещению координат во всех кадрах относительно первого кадра.
Давайте еще раз поговорим о проблеме выбора нескольких кадров. Мы уже знаем, что если вы хотите выбрать первые 4 кадра, вы можете сначала выбрать кадр 1, затем, удерживая клавишу SHIFT, нажать на кадр 4, а можно и наоборот. сделанный. Но если вы хотите выбрать прерывистые кадры, такие как кадр 1, кадр 3 и кадр 4, вы можете сначала выбрать кадры с 1 по 4 в соответствии с предыдущим методом, а затем, удерживая клавишу CTRL, щелкнуть кадр 2, чтобы вычесть кадры. выбранный кадр 2. . Повторите операцию один раз, чтобы добавить рамку выделения 2. Если вы хотите выбрать отдельные кадры, которые находятся далеко, например кадр 2, кадр 11, кадр 17 и кадр 27, вы можете сначала выбрать любой из них по отдельности, а затем, удерживая клавишу CTRL, добавить и выбрать другие кадры.
После перемещения блоков во всех кадрах влево вам останется только задать положение блоков покадрово, то есть выбрать 2-й кадр, чтобы немного сдвинуться, и 3-й кадр, чтобы немного сдвинуться. Конечно, есть проблема, о которой мы уже говорили: сложно обеспечить плавность движения. В Photoshop мы узнали, что при выборе инструмента перемещения вы можете использовать клавиши со стрелками на клавиатуре для перемещения слоя по 1 пикселю за раз и использовать клавишу SHIFT для перемещения его на большие расстояния.
Теперь давайте выберем кадр 2 и переместим его, используя SHIFT+стрелку вправо. Затем выберите кадр 3. Так как блок в этом кадре вернулся в исходную точку, нужно дважды нажать SHIFT+стрелку вправо. В кадре 4 это 3 раза и так далее. Настройки аналогичны показанным ниже. В кадре 6 квадрат исчез, поэтому никаких настроек не требуется.
Хотя метод использования клавиш направления для перемещения может обеспечить постоянство траектории, его ограничение также очевидно, то есть он подходит только для создания таких траекторий, как горизонтальные, вертикальные или под углом 45 градусов. Что, если нам нужна более случайная траектория движения (например, дуга), но мы хотим сохранить плавность? Конечно, все скажут, что если с самого начала использовать метод «копировать кадры и перемещать слои», то нынешних проблем у вас не будет, но не забывайте, что траекторию движения принято изменять. Поэтому хорошенько подумайте, как с ним работать.