Как оживить изображение в фотошопе

С некоторой практикой и терпением вы можете научиться анимировать в Photoshop и превратить свою работу в GIF поделиться в Интернете. Инструменты анимации в Photoshop часто неизвестны, но их стоит изучить. Мы проведем вас через каждый шаг, необходимый для обучения анимации в Photoshop.

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

Начните с создания кадров анимации в фотошопе

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

Хитрость в обучении анимации в Photoshop состоит в том, чтобы делать небольшие движения и сохранять новую фотографию каждый раз, когда вы делаете движение. Каждое движение должно иметь одинаковый вес. Например, если вы хотите, чтобы строка текста скользила по экрану, каждый кадр должен заставить текст двигаться на одинаковое количество пикселей, чтобы анимация выглядела плавно.

Если вы не уверены, как добраться из точки А в точку А в своей анимации, начните сначала с конечного кадра, а затем создайте первый кадр. Наконец, заполните рамки между ними.

При сохранении каждого изображения присваивайте им числовые имена, чтобы не путать их положение.

Как оживить последовательность изображений в фотошопе

Как только у вас появятся ваши покадровые изображения, самое время превратить их в анимацию. Обязательно следуйте инструкциям ниже.

1. Нажмите «Файл», «Сценарии», затем «Загрузить файлы в стек».
2. Нажмите Обзор … и выберите все свои кадры для анимации.
3. Нажмите OK и подождите, пока изображения загрузятся в отдельные слои.
4. Нажмите Window, а затем Timeline, чтобы открыть окно анимации.
5. Нажмите стрелку раскрывающегося списка на панели временной шкалы и выберите «Создать анимацию кадра».
6. Нажмите Создать рамочную анимацию.

Теперь у вас будет слой в вашей временной шкале. Следующий шаг — превратить каждый из ваших слоев в новый кадр. Следуйте инструкциям ниже.

1. Нажмите «Выбрать» вверху, а затем нажмите «Все слои».
2. Нажмите значок меню из трех стеков в левой части панели временной шкалы.
3. В появившемся меню выберите «Создать новый слой для каждого нового кадра».
4. Щелкните значок меню из трех стеков, а затем нажмите «Создать кадры из слоев».

Теперь все ваши изображения будут загружены в отдельные кадры. Следующая задача — выбрать время, в течение которого будет воспроизводиться каждый кадр. Может потребоваться некоторое тестирование, чтобы получить правильную скорость, но вы можете выбрать время кадра для каждого отдельного кадра, нажав стрелку под каждым кадром рядом с текстом 0 секунд.

Вы можете экспериментировать с разными временами, но лучше всего начать с выбора одинакового времени для каждого кадра. Если анимация содержит разные сцены или фазы анимации, вы можете настроить время для каждой из этих фаз / сцен отдельно.

В любой момент вы можете нажать кнопку воспроизведения, чтобы просмотреть анимацию. В окне временной шкалы также есть ряд других элементов управления, которые мы объяснили слева направо ниже.

Таймлайн переключатель

Переключите временную шкалу между покадровыми временными рамками и традиционной временной шкалой фильмов.

Сумма воспроизведения

Измените, будет ли анимация воспроизводиться вечно или для определенного количества циклов перед остановкой. Это повлияет на конечный результат после его сохранения в формате GIF. Вы можете изменить этот параметр еще раз, прежде чем экспортировать анимацию позже.

Воспроизведение Dropdown

Стрелка раскрывающегося списка, отображаемая на элементах управления временной шкалой, является еще одним методом доступа к количеству воспроизведения.

Элементы управления воспроизведением

Воспроизведите, приостановите, остановите и переместите анимацию в конец или начало с помощью четырех доступных элементов управления воспроизведением.

Tween

Используйте функцию Tween для генерации промежуточных кадров, чтобы ваша анимация выглядела более плавной. Функция Tween будет объяснена более подробно ниже.

Двойная рамка

Эта кнопка дублирует любой выбранный в данный момент кадр и поместит его на шкалу времени после оригинала.

Удалить кадр

Эта опция удалит любой выбранный кадр.

Как экспортировать анимацию в Photoshop

Если вы довольны анимацией Photoshop, вы можете экспортировать ее, выполнив следующие действия.

1. Нажмите Новый.
2. Нажмите «Экспортировать», а затем — «Сохранить для Web (прежняя версия)».
3. Если у вас есть анимация с подробными цветами, выберите GIF 128 Dithed под выпадающим меню.
4. Если у вас есть анимация с простыми цветами блока, выберите GIF 128 No Dither.
5. Убедитесь, что у вас есть предпочтительный вариант в Looping Options внизу.
6. Наконец, нажмите Сохранить … и выберите место для сохранения вашего GIF на вашем компьютере.

Как сделать анимацию плавной в фотошопе

Если у вас нет опыта создания покадровой анимации, конечный результат может показаться немного веселым. К счастью, вы можете использовать функцию Tween для автоматического заполнения пробелов в вашей анимации, чтобы все выглядело более плавно.

Чтобы сделать это, удерживайте клавишу Shift, щелкните два отдельных кадра в окне временной шкалы и щелкните значок Tween. Затем нажмите, чтобы выбрать, будет ли параметр Tween использовать положение, непрозрачность или эффекты. Для большинства анимаций, основанных на движении, вы захотите использовать положение.

Убедитесь, что выбраны все слои, и нажмите кнопку ОК. Повторите этот процесс для каждого парного кадра. Например, кадры 1 и 2, затем кадры 3 и 4 и т. Д.

Резюме

Мы надеемся, что наше руководство по анимации в Photoshop помогло. Если вам нужна дополнительная помощь, оставьте комментарий ниже.