Как оживить свой собственный GIF с Photoshop

Создание анимации с нуля в Photoshop может показаться сложным, но на самом деле они очень просты. Запустите Photoshop и возьмите несколько файлов. Пришло время раздражать штаны от друзей множеством анимированных GIF-файлов.!

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

Создание анимации с помощью инструментов анимации в Photoshop

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

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

Для начала откройте панель «Анимация». Найдите это, зайдя в Window> Animation.

Панель появляется в нижней части окна и довольно проста в использовании. Каждый новый «кадр» анимации напоминает снимок файла. Нажмите на на панели анимации всякий раз, когда вы хотите создать новый снимок из текущего состояния файла. Но не сейчас!

Эта панель также позволяет вам установить «задержку» для каждого отдельного кадра, то есть, как долго (в целом или долях секунды) он отображается на экране, прежде чем перейти к следующему кадру. 25 кадров в секунду (0,04) - это стандартная скорость для анимации, но, возможно, немного быстрая для анимированных GIF-файлов. Для нашего примера мы пошли на компромисс с задержкой 0,05, которую вы также можете использовать. Если вы хотите использовать другое количество кадров в секунду, просто разделите 1 на количество кадров, чтобы получить правильное время задержки. (Например, 1 секунда, разделенная на 25 кадров, равна 0,04 времени задержки.)

Идея состоит в том, чтобы переместить слой глаз в небольшие приращения и делать снимки по пути. Мы будем использовать инструмент перемещения (сочетание клавиш «V») и подталкивая наш слой используя клавиши со стрелками. В нашем примере мы сделали снимок после смещения каждые два пикселя или около того.

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

(Примечание автора: если вы чем-то похожи на меня, то, во всяком случае, вы будете изменять задержку миллион раз. Вещи не всегда работают именно так, как вы хотите!)

Размещайте свои кадры по мере продвижения, используя панель слоев для перемещения вашего объекта (в нашем примере, глаз) так, как вам хочется, и делайте множество снимков. Помните, что 25 или около того будет равняться одной секунде, поэтому сделайте снимки соответственно.

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

Перейдите в «Файл»> «Сохранить для Web и устройств», чтобы открыть одноименный инструмент.

Этот инструмент позволит вам создать анимированный GIF для браузера, а также протестировать его внутри инструмента (как показано выше, где находится стрелка курсора). Убедитесь, что для вашего типа файла установлено значение GIF, и используйте любые параметры Перцептивный, Выборочный или Адаптивный. Это может изменить ваш образ по-разному, но для многих из вас даст почти идентичные результаты. Чтобы уменьшить размер файла, вы можете изменить Размер изображения (внизу) и ваш номер Цвета (в верхней правой части). Вы также можете уменьшить размер файла, не включив прозрачность, хотя мы этого не сделали (упс!).

И наш анимированный GIF готов выложить в Интернете, чтобы восхищать, шокировать и создавать страх.

И это оборачивает это для анимации. Мысли или вопросы по нашему методу? Есть лучший метод или несколько простых методов? Хотите увидеть что-то более продвинутое? Расскажите нам о них в комментариях или отправьте нам свои мысли по адресу [email protected], и мы можем включить их в будущую графическую статью.