Как оживить собственный пользовательский GIF с помощью Photoshop

Оглавление:

Как оживить собственный пользовательский GIF с помощью Photoshop
Как оживить собственный пользовательский GIF с помощью Photoshop

Видео: Как оживить собственный пользовательский GIF с помощью Photoshop

Видео: Как оживить собственный пользовательский GIF с помощью Photoshop
Видео: Секреты Gmail #1: как работать с ярлыками, создавать алиасы адреса, настроить автоответчик и подпись - YouTube 2024, Ноябрь
Anonim
Создание анимаций с нуля в Photoshop может показаться сложным, но на самом деле они очень просты. Запустите Photoshop и захватите некоторые из ваших файлов. Пришло время раздражать штаны у ваших друзей множеством анимированных GIF!
Создание анимаций с нуля в Photoshop может показаться сложным, но на самом деле они очень просты. Запустите Photoshop и захватите некоторые из ваших файлов. Пришло время раздражать штаны у ваших друзей множеством анимированных GIF!

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

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

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

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

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

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

Image
Image

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

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

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

Разложите свои рамки, когда вы идете вперед, используя панель слоев, чтобы переместить свой объект (в нашем примере, глаза), как бы вы ни старались, и делать много и много снимков. Помните, что 25 или около того будут равны одной секунде, поэтому сделайте снимок соответственно.
Разложите свои рамки, когда вы идете вперед, используя панель слоев, чтобы переместить свой объект (в нашем примере, глаза), как бы вы ни старались, и делать много и много снимков. Помните, что 25 или около того будут равны одной секунде, поэтому сделайте снимок соответственно.
Вы также можете отредактировать задержку нескольких кадров одновременно с помощью клавиши shift и выбора многих или всех ваших кадров и изменения задержки. Обратите внимание, что вы можете установить задержку на «Другое …» в нижней части, чтобы использовать нашу пользовательскую задержку 0,05.
Вы также можете отредактировать задержку нескольких кадров одновременно с помощью клавиши shift и выбора многих или всех ваших кадров и изменения задержки. Обратите внимание, что вы можете установить задержку на «Другое …» в нижней части, чтобы использовать нашу пользовательскую задержку 0,05.
Перейдите в меню «Файл»> «Сохранить для Интернета и устройств», чтобы открыть инструмент с тем же именем.
Перейдите в меню «Файл»> «Сохранить для Интернета и устройств», чтобы открыть инструмент с тем же именем.
Image
Image

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

Image
Image

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

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

Рекомендуемые: