Как сделать GIF в Photoshop (или бесплатную альтернативу)

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

Содержание

  • Как сделать анимированный GIF из видео (Photoshop)
  • Как сделать анимированный GIF из неподвижных изображений (Photoshop)
  • Как сделать анимированный GIF из неподвижных изображений (бесплатно)
  • Сначала настройте неподвижные изображения
  • Создание анимированного GIF с помощью бесплатного инструмента
  • Как сделать анимированный GIF из видео (бесплатно)
  • Как сделать гифку из видео на ютубе

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

Рекомендуемые видео

Умеренный

20 минут

  • Photoshop или бесплатный онлайн-инструмент, например Giphy.

  • Неподвижные изображения, которые вы хотите использовать для своего GIF

  • Видео, из которого вы хотите сделать свой GIF

  • ПК

Как сделать анимированный GIF из видео (Photoshop)

Прежде чем мы перейдем непосредственно к учебнику, мы должны обратиться к слону в комнате. Adobe Photoshop, вероятно, является лучшим программным обеспечением для создания GIF-файлов (или редактирования изображений в целом). Если у вас нет Photoshop, другие программы могут предоставить вам некоторые из тех же функций, например GIMP, но если вы хотите серьезно заняться созданием GIF-файлов, Photoshop — это то, что вам нужно.

Шаг 1: Найдите в сети хороший видеоряд, который вы хотите превратить в GIF. Это может быть практически что угодно, но постарайтесь выбрать не слишком длинный клип, так как краткость является ключом к хорошему GIF.

Шаг 2: Сохраните видео на свой компьютер. Ознакомьтесь с нашим руководством по как скачать видео с ютуба если вам нужно руководство по копированию видеоматериалов из Интернета. Обрежьте отснятый материал до той длины, которую вы хотите воспроизвести в формате GIF. Две-три секунды — это здорово, пять — это слишком много, а 10 и более — возможно при правильном измельчении, но файл будет большим, и с ним будет сложно работать. Общее эмпирическое правило заключается в том, чтобы передать вашу идею в как можно меньшем количестве кадров.

Связанный

  • Лучшие предложения Adobe Photoshop: получите программное обеспечение для редактирования фотографий бесплатно
  • Как объединить файлы PDF в Windows, macOS или в Интернете
  • Как сохранить веб-страницу в формате PDF

Шаг 3: Откройте видео в Фотошопе. Для этого перейдите к Файл > Импортировать > Видеокадры в слои. Выберите нужный видеофайл, и Photoshop откроет его как серию неподвижных кадров. Вы можете импортировать все видео целиком от начала до конца или использовать ползунки, чтобы выбрать меньшую часть клипа. Вы можете ограничить импорт каждым вторым (или каждым третьим, четвертым и т. д.) кадром, чтобы уменьшить размер файла, но это также сделает видео более прерывистым.

Импорт видео в слои в Photoshop.

Шаг 4: Заморочился с настройками. На этом этапе вы можете настроить цветовой баланс и многое другое с помощью Photoshop, если хотите. Когда у вас все будет выглядеть идеально, отправляйтесь в Файл > Сохранить для Интернета. Затем вас встретит окно, которое выглядит примерно так:

Настройки GIF в Photoshop.

Шаг 5: Вы можете настроить эти параметры, чтобы уменьшить размер GIF. В идеале вам нужно сделать его размером не более 1 МБ, чтобы загрузка веб-страниц не занимала целую вечность. Играйте со всем этим, пока не найдете золотую середину.

  • Цвета: Это ограничивает количество цветов, используемых для создания изображения, поэтому чем больше, тем лучше (GIF-файлы ограничены максимум 256 цветами). Опускайтесь до 128 или ниже только в том случае, если это необходимо или если ваш GIF изначально не имеет большого количества цветов.
  • Дизеринг: Сглаживание разбрасывает разноцветные пиксели на изображении, чтобы оно выглядело так, как будто в изображениях есть промежуточные цвета с ограниченной цветовой палитрой. При более высоких настройках изображения будут выглядеть лучше, но при этом файл будет больше.
  • С потерями: Используйте этот параметр, чтобы применить преднамеренное снижение качества. Чем меньше значение, тем лучше, но может потребоваться некоторая потеря качества, чтобы сделать файл достаточно маленьким.
  • Размер: Изменение размеров вашего GIF может оказать огромное влияние на размер файла.

Шаг 6: Сохранить и поделиться! Выберите Сохранять кнопку, чтобы завершить ваше творение. После этого вы можете загрузить его на бесплатный сайт для размещения изображений, например Имгур чтобы поделиться им с друзьями и встроить в блоги и веб-сайты.

Как сделать анимированный GIF из неподвижных изображений (Photoshop)

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

Шаг 1: Соберите неподвижные изображения, которые вы хотите упорядочить для своего GIF, и поместите их в одну папку. Затем в Photoshop выберите Файл > Скрипты > Загрузить файлы в стек. Затем выберите Просматривать и выберите изображения на рабочем столе, которые вы хотите объединить в GIF.

Шаг 2: Выбирать ХОРОШО, и должна открыться новая композиция с этими кадрами, которые теперь визуализируются как отдельные слои в одном изображении. Расположите их соответствующим образом; ваш первый кадр должен занимать самый нижний слой и так далее.

Шаг 3: Вы также можете создавать каждый слой отдельно в самом Photoshop, а не загружать свои фотографии в виде слоев. Запустите Photoshop и создайте новое изображение, выбрав Файл > Новый а затем выбрав ХОРОШО. Затем разблокируйте фоновый слой, дважды выбрав Замок значок, создайте новый слой, открыв Слой > Новый… > Слой, и спроектируйте каждый кадр соответствующим образом.

Шаг 4: Снова натяните анимацию снизу вверх. (Этот процесс работает, если вы используете более старую версию Photoshop, в которой нет параметра «Загрузить файлы в стопку».) кадры в Photoshop, перетащите их в новый проект и соответствующим образом измените размер вновь созданных слоев с помощью инструмента преобразования Photoshop. (Редактировать > Свободная трансформация или Ctrl + Т), затем перетащите углы, чтобы изменить размер объекта).

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

Экран слоя в фотошопе.

Шаг 5: Теперь, когда вы расположили свои слои соответствующим образом, вы можете начать упорядочивать слои. Опять же, этот процесс будет зависеть от того, какую версию Photoshop вы используете. Если вы все еще используете CS5 или более раннюю версию (эй, мы не будем судить), откройте окно анимации, открыв Окно + Анимация. Так же выберите Окно + временная шкала в Photoshop CS6 и Photoshop CC для доступа к окну временной шкалы. Для Photoshop CC выберите Выпадающее меню в середине окна временной шкалы и выберите Создание кадровой анимации.

Шаг 6: После того, как вы открыли инструмент последовательности Photoshop, выберите Маленькая стрелка вправо в правом верхнем углу, а затем выберите Создание кадров из слоев.

Вы также можете выбрать Стрелка вправо для создания нового кадра вручную (или вы можете использовать горячую команду Ctrl > Сдвиг > Альт > Ф).

Шаг 7: Оттуда выберите Глаз значок рядом с каждым слоем, чтобы скрыть слои, которые вы не хотите отображать в созданном вами фрейме.

Экран слоя 3 в Photoshop.

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

Шаг 9: Поздравляем! Вы создали анимированный GIF-файл, используя неподвижные изображения, и теперь все, что вам нужно сделать, это экспортировать его из Photoshop, используя процесс, описанный выше. Для краткого обзора:

Направляйтесь к Файл > Сохранить для Интернета. Помните, что ваш GIF должен быть не больше 1 МБ. При необходимости настройте параметры цвета, дизеринга, потери и размера, пока размер GIF не изменится соответствующим образом. Как только вы будете счастливы, сохраните свой новоиспеченный GIF.

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

Если у вас нет доступа к Photoshop, есть бесплатные методы вы можете использовать для создания GIF, хотя качество конечного продукта может быть не таким высоким. Существуют различные бесплатные программы (такие как GIMP или Pixlr), которые предлагают основные функции Photoshop, таким образом позволяющие создавать неподвижные изображения и последовательно воспроизводить их, а веб-сайты позволяют вырезать GIF-файлы из видео. Ни один из этих процессов не будет таким эффективным, как Photoshop, однако они дешевле и довольно просты.

Сначала настройте неподвижные изображения

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

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

Шаг 2: Когда у вас есть холст, сделайте первый кадр GIF. В этом примере мы будем использовать инструмент фигуры, чтобы создать человека из круга, прямоугольников и линий, сохранив это изображение для создания первого кадра.

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

Фигурка человека неподвижное изображение.

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

Второй кадр GIF-изображения фигурки из палочек. У этой фигурки обе руки в воздухе.

Шаг 4: Далее мы будем использовать Тип чтобы появился текст, и мы сохраним это изображение как третий кадр.

Третье неподвижное изображение фигурки из палочек. У этого есть слово Вот! в теме.

Шаг 5: Затем мы добавим еще немного текста и сохраним его как четвертый кадр.

Это четвертое неподвижное изображение GIF-фигурки. У этого есть слова Вот! Гифка! добавлено к нему.

Создание анимированного GIF с помощью бесплатного инструмента

Когда наши кадры будут готовы, мы загрузим их на Ezgif. Вот как завершить создание GIF с помощью Ezgif:

Шаг 1: Выберите вкладку с надписью Создатель GIF и выберите Просматривать кнопка. Выберите все файлы изображений, связанные с вашим GIF.

Шаг 2: Далее выберите кнопку с надписью Загрузите и сделайте GIF!. Когда файлы изображений будут загружены, убедитесь, что они расположены в правильном порядке. Вы также можете установить время задержки, то есть время между кадрами, и выбрать, сколько раз (если вообще) вы хотите, чтобы GIF повторялся.

Пошаговое руководство по созданию GIF на веб-сайте EZGIF.

Шаг 3: После этого выберите кнопку с надписью Сделай гифку!

Шаг 4: Затем должен появиться ваш GIF вместе с кнопками для его редактирования или сохранения на вашем компьютере.

Сохранение GIF сделанного на EZGIF.

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

Если вы хотите использовать определенный фрагмент видео для GIF, многочисленные сайты могут помочь вам сделать это с минимальным участием с вашей стороны. Эзгиф, Гифи, ImgFlip, Gfycat, и многие другие онлайн-сервисы позволяют создавать GIF-файлы без помощи кредитной карты, хотя удобство достигается за счет снижения уровня контроля, который у вас есть.

Шаг 1: Использовать один из этих онлайн-инструментов невероятно просто. В качестве примера мы будем использовать Giphy. Этот сайт позволяет вам либо вставить URL-адрес определенного видео, либо загрузить видеофайл с вашего компьютера. Введите URL-адрес или загрузите видео и перейдите к шагу 2.

Создатель GIF на сайте Giphy.

Шаг 2: После того, как вы это сделаете, вы можете выбрать точку в видео, где будет начинаться GIF, и выбрать, как долго будет работать GIF. Вы также можете ввести подпись, если хотите.

Редактирование длины GIF в Giphy.

Шаг 3: После того, как вы определились с этими элементами, выберите Создать гифку и позвольте сайту позаботиться обо всем остальном.

Процесс более или менее одинаков для других сайтов, включая ImgFlip. Однако, если вы хотите больше контролировать итоговое качество вашего GIF, вам, вероятно, следует придерживаться Photoshop. Тем не менее, для базовой функциональности видео в GIF такие сайты, как Giphy, должны работать нормально.

Как сделать гифку из видео на ютубе

Вы можете использовать вышеуказанные сайты и многое другое, чтобы создать GIF из видео на YouTube. У нас также есть пошаговое руководство, которое может помочь вам создавайте потрясающие GIF-файлы из любого видео на YouTube.

Вот и все! Теперь вы гуру GIF (или джедай GIF, если вы предпочитаете мягкое произношение «g»), и ваши ленты в социальных сетях станут бесконечно более захватывающими.

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

Рекомендации редакции

  • Как сделать скриншот на Mac: лучшие способы в 2023 году
  • Как печатать с Chromebook — простой способ
  • Сколько оперативной памяти вам нужно?
  • Лучшее бесплатное программное обеспечение для родительского контроля для ПК, Mac, iOS и Android
  • Как дарить игры в Steam