Руководство: как создавать анимированные GIF-файлы с помощью Photoshop или GIMP

Несколько раз мы говорили о том, как создавать анимированные GIF-файлы с помощью конкретных программ. Несколько раз мы просматривали сайты, на которых можно редактировать GIF или создавать новые. Но в этой реке слов мы всегда пренебрегли объяснением как создавать анимированные GIF-файлы с помощью Photoshop или GIMP. Пришло время восполнить этот недостаток. И что может быть лучше, чем с помощью простого — я надеюсь — и гибкого руководства? Но имейте в виду одну вещь, когда вы читаете следующее: изображения были сняты и созданы с помощью Photoshop, но процедура такая же, если мы используем GIMP или любую другую программу, способную управлять слоями. Тем не менее, давайте начнем.

Как создать анимированный GIF: выбираем изображения для использования

Выберите изображения для создания анимированного GIF

Перед началом необходимо иметь четкое представление о цели, в достижении которой мы заинтересованы. В данном случае у меня простая цель: создать анимированный GIF-файл, который последовательно отображает различные параметры панели управления Firefox.. Для этого в первую очередь нужно сделать снимок экрана (изображение экрана компьютера), чтобы получить то, что станет отдельными кадрами моего GIF. Я опускаю промежуточные шаги в этом руководстве: я думаю, вы все можете вырезать часть изображения на основе интересующих вас деталей.

После того, как мы получили все различные кадры, давайте приступим к созданию нашего собственного GIF. Для этого мы каноническим методом создаем новый образ. В этом руководстве я создаю такой размер: 397 на 400 пикселей. Запомните эти меры, они сразу же пригодятся.

Загрузим различные уровни

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Загрузите изображение для каждого уровня

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

Но не будем слишком торопиться: прежде чем мы начнем думать о кадрах и задержке отображения, мы должны хорошо исправить наши уровни. Прежде всего, сделаем их все однородными по размеру. Нравиться? Ну, масштабируем их высоту и ширину до размера изображения, до тех 397 пикселей на 400 пикселей, о которых мы говорили ранее. Затем все они должны быть упорядочены, выровнены и расположены так, чтобы не образовывать дыр или прыжков: если вы оставите слой только наполовину видимым в анимации, мы получим довольно странные эффекты, не обязательно красивые.

Давайте наведем порядок

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

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

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

Давайте серьезно: давайте настроим анимацию

Установите анимацию GIF

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

Создаем рамки

Создавайте кадры из слоев

С этого момента мы действительно начинаем работать над нашим (будущим) анимированным GIF. Нажимаем на «Создавайте рамки из слоев”За создавать кадры из слоев изображения. Или, лучше, действительно преобразовать каждый уровень в соответствующий фрейм.

Создайте анимацию

Создайте анимацию и выберите, повторять ее или нет

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

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

Быстро или медленно

Установите скорость анимированного GIF

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

Если мы снимаем фильм, мультик или стандартную анимацию, особо волноваться не стоит: просто установите скорость 24 кадра в секунду. Но изображения в формате GIF — это не обычная анимация. Действительно, в отличие от обычных роликов это не большая проблема, если они дают эффект «рывков». Тогда, конечно, все зависит от того, чего мы пытаемся достичь.

Однако, помимо нашего выбора, установка длительности одного кадра выполняется довольно быстро: уровень за уровнем определяется с помощью меню, которое появляется под каждым кадром. При желании мы можем автоматически установить одинаковую продолжительность для каждого кадра, что позволяет нам ускорить создание нашего анимированного GIF.

И вот результат

Анимированный GIF, полученный с помощью Photoshop

После настройки всего, положения слоев, продолжительности каждого кадра и общего размера изображения, нам просто нужно сохранить наше творение. Здесь тоже процедура известна: нажмите на Файл а затем на Сохранить с именем. Очевидно, мы хотим создать анимированный GIF и, следовательно, выбираем формат GIF в качестве типа файла для сохранения. Я бы сказал, лапалисян.

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

Дополнительные руководства для Photoshop

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.