GIF – это картинка с движением. GIF может быть коротким видеоклипом или серией неподвижных изображений, которые кажутся движущимися. GIF не обязательно должны быть сложными, чтобы быть эффективными.
Даже простое движение привлекает внимание. Гифки используются в маркетинге или даже для создания мемов, часто для юмористического эффекта или чтобы сделать заявление. В этой статье мы покажем вам, как сделать GIF в Photoshop. Каждый шаг прост. Так что дайте волю своему воображению!
Что такое GIF?
GIF расшифровывается как Graphics Interchange Format. Существуют некоторые споры о том, как произносить этот термин. Некоторые произносят его с твердым Г, как в слове graphic. Другие произносят его с буквой J, как в слове jiffy.
Это тип файла, как JPEG или PNG. Но файл содержит множество отдельных кадров изображения и быстро показывает их в последовательности. Это создает иллюзию движения. Он становится анимированным GIF.
Как сделать анимированные GIF из неподвижных изображений
ГИФы создают иллюзию движения с помощью двух или более кадров. Большинство элементов изображения остаются неизменными. Но по крайней мере один элемент меняется между кадрами. Это может быть движущийся объект или человек. Анимированный GIF не обязательно должен быть сложным. В одном кадре может быть слово или символ, а в другом – нет.
Вы можете использовать серию фотографий, сделанных в рамках таймлапса. Или вы можете сами создать изменения в процессе постобработки. Много кадров с небольшими движениями создают более плавный GIF. Меньшее количество кадров с большими движениями выглядит как стоп-кадр.
Шаг 1: Выберите изображения
Выберите изображения, которые вы хотите использовать в анимированном GIF. Для создания иллюзии движения вам понадобится всего 2 изображения. Вы можете выбрать до 100 изображений. Больше 100, и ваш GIF может медленно загружаться на сайте.
Создадим в Photoshop GIF, который показывает фотографию на разных этапах пост-обработки в сравнении “до” и “после”.
Шаг 2: Открыть изображения как слои в Photoshop
Загрузите файлы как отдельные слои в один файл Photoshop. В Lightroom выделите изображения и выберите выпадающее меню Photo. Выберите Photo > Edit In > Open as Layers in Photoshop.
Если вы открываете файлы непосредственно в Photoshop, сохраните их в той же папке. В Photoshop перейдите в раскрывающееся меню File и выберите File > Scripts > Load Files into Stack.
Затем нажмите кнопку Обзор и перейдите к изображениям, которые будут составлять ваш GIF. Нажмите Открыть. И нажмите OK.
Вы можете автоматически выровнять слои, перейдя в раскрывающееся меню “Редактирование” и выбрав Редактирование > Автовыравнивание слоев. У вас есть несколько вариантов, но “Авто” обычно хорошо справляется со своей задачей.
Вы можете дублировать слой и добавить текст или графику. Объедините текст с дублирующим слоем, перейдя в раскрывающееся меню Слой. Выберите Слой > Слияние.
Шаг 3: Размер изображений для веб
Вы можете открыть RAW файлы или файлы других типов в Photoshop. Но для создания GIF нет необходимости во всех этих дополнительных пикселях. Большие изображения замедляют анимацию, и файл становится слишком большим для удобного просмотра в Интернете. Идеальный размер GIF – 480 пикселей по длинной стороне. Но вы можете сделать его размером до 720 пикселей.
Перейдите в раскрывающееся меню Изображение. Выберите Image > Image Size. В окне Image Size введите меньший размер пикселей. И нажмите OK.
Шаг 4: Создание покадровой анимации
Окно Photoshops Timeline необходимо, когда вы работаете с видео или анимацией. Чтобы открыть его, перейдите в раскрывающееся меню Windows. Выберите Window > Timeline. В нижней части рабочей области появится новое окно Timeline. Нажмите на стрелку в центре окна. Выберите в меню пункт Создать покадровую анимацию.
Вы увидите, как верхний слой появится в окне Timeline.
Шаг 5: Создание рамок из слоев
Чтобы увидеть все слои, нажмите на три линии в правом верхнем углу окна Timeline. Откроется новое меню. Выберите Сделать кадры из слоев.
Слои появляются в виде отдельных кадров в окне Timeline. Теперь вы должны видеть все слои. Перетащите кадры в другое положение, чтобы изменить порядок.
Шаг 6: Установите время для каждого кадра
По умолчанию под каждым кадром время будет равно 0 секунд. Щелкните каретку рядом с временем под каждым кадром. Вы можете изменить время для отдельных кадров или выделить и изменить все время сразу.
Нажмите на элемент управления Play для предварительного просмотра вашего GIF.
Попробуйте разные варианты времени. Если у вас много кадров и вы хотите получить плавное движение, выбирайте короткое время. Если вы хотите получить эффект “стоп-старт”, выберите более длительное время. Оптимальное общее время для GIF – около 6 секунд, хотя цикл может быть и короче. Многие GIF представляют собой один кадр или движение длительностью не более секунды.
Шаг 7: Выбор петли
По умолчанию GIF будет воспроизводиться в цикле вечно. Чтобы изменить это, откройте меню зацикливания. Вы можете воспроизвести GIF один раз, три раза или выбрать другой вариант.
Для предварительного просмотра GIF нажмите на элемент управления Play.
Шаг 8: Сохранить для сайтов
Чтобы сохранить анимированный GIF-файл для интернета, перейдите в раскрывающееся меню Файл. Нажмите Файл > Экспорт > Сохранить для Web (Наследие).
В окне Сохранить для Web выберите предустановку GIF 128 Dithered. Это ограничивает количество цветов в изображении и ускоряет загрузку GIF. Но при этом сохраняются цветовые градиенты на фотографии.
При нажатии на кнопку Preview ваш GIF откроется в окне браузера.
Нажмите кнопку Сохранить. Выберите местоположение и снова нажмите Сохранить.
Как сделать анимированный GIF из видео
Вы можете создать анимированный GIF в Photoshop, зацикливая короткие видеоклипы. Вам понадобится всего одна-две секунды видео. Самое сложное – решить, где начать и остановить цикл.
Шаг 1: Открыть видео в Photoshop
Вы можете либо открыть все видео в Photoshop. Или можно импортировать отдельные кадры из видео.
Lightroom импортирует видеоклипы. Но вы не можете отправить видео из Lightroom в Photoshop. Откройте видео непосредственно в Photoshop, перейдя в раскрывающееся меню “Файл” и выбрав Файл > Открыть.
Перейдите к видеофайлу и нажмите кнопку Открыть. Видео автоматически откроется непосредственно в окне Timeline.
Чтобы импортировать выбранные кадры из видео, перейдите в меню Файл. Выберите Файл > Импорт > Видеокадры в слои. Затем перейдите к видеофайлу и нажмите кнопку Открыть.
В окне Импорт видео в слои передвиньте ползунки начала и конца в нижней части, чтобы выбрать участок видео, который вы хотите импортировать.
Большинство видеофайлов снимают 30 кадров в секунду. Но для создания GIF вам не нужно такое количество кадров. Поэтому установите флажок Limit To Every и введите число. Каждые 4 или 5 кадров – это хорошо. Используйте наименьшее количество кадров, чтобы получить желаемое движение.
Установите флажок рядом с пунктом Сделать покадровую анимацию. После этого каждый кадр видео станет слоем.
Затем выполните предыдущие шаги, описанные выше, чтобы создать GIF из неподвижных изображений.
Шаг 2: Изменение размера для вебсайтов
GIF-файлы загружаются быстрее, если они представляют собой небольшие видеофайлы. Поэтому измените размер видео для веб, перейдя в раскрывающееся меню Изображение. Выберите Изображение > Размер изображения.
В окне Размер изображения введите размер между 480 и 720 пикселями по длинному краю. (Размер можно также изменить при сохранении GIF в Интернете) и нажмите OK. Может появиться предупреждение о том, что для преобразования слоя видео требуется преобразовать его в слой смарт-объекта. Нажмите кнопку Преобразовать.
Шаг 3: Выберите кадры для GIF
Переместите начальную и конечную точки в скобки видеофрагмента, который вы хотите использовать в качестве GIF. Опять же, отличное общее время для GIF – около 6 секунд, хотя цикл может быть и короче.
Проиграйте фрагмент по кругу несколько раз. Обратите особое внимание на то, как выглядит видео, когда оно возвращается к началу. Многие GIF резко перезапускаются. Небольшое перемещение начальной и конечной позиции может минимизировать толчок.
Шаг 4: Сохранить для вебсайтов
Чтобы сохранить анимированный GIF-файл для интернета, перейдите в раскрывающееся меню Файл. Нажмите Файл > Экспорт > Сохранить для Web (Наследие).
При нажатии на кнопку Preview ваш GIF откроется в окне браузера.
Нажмите кнопку Сохранить. Выберите местоположение и снова нажмите Сохранить. Теперь у вас есть видеопетля.
Заключение
Анимационные GIF-файлы легко сделать в Photoshop, используя серию изображений или короткие видеоклипы. Используйте команду “Создать покадровую анимацию” в окне “Временная шкала”. Затем экспортируйте GIF в Интернет.
Не волнуйтесь, если ваш GIF не совсем идеален. Существует традиция, согласно которой анимированные GIF имеют вид ручной работы. Отчасти это объясняется ограниченностью самого формата GIF. Это стало ожидаемым видом GIF.
После создания GIF в Photoshop загрузите его в социальные сети или на свой вебсайт. Он должен воспроизводиться без проблем. Вы можете добавить GIF-файлы в электронное письмо. И они даже воспроизводятся в документах Word.
Мы надеемся, что вам было легко узнать, как сделать GIF в Photoshop!
