Как сделать гиф файл в фотошопе
Как сделать GIF анимацию в Фотошопе, сохраняем анимированный gif
Ранее на сайте мы рассматривали сторонние сервисы создания гиф анимации, однако большинство из них запросто может заменить обычный Фотошоп. Анимированные GIF файлы с его помощью делаются достаточно легко и быстро. Они, как правило, состоят из нескольких изображений (кадров), которые при пошаговой смене и образуют финальный результат. Сегодня постараемся максимально детально рассмотреть данный вопрос от А до Я: Скриншоты ниже представлены из Photoshop СС, но работа с GIF анимацией в CS6 и других версиях программы плюс-минус аналогична. Возможно, визуально инструменты будут немного отличаться, но в целом, принцип и алгоритм действий похожие. В качестве примера рассмотрим тривиальную задачу как создать GIF анимацию в Фотошопе из фотографий, сменяющих друг друга. Недавно с помощью этого руководства сделал гифку о своих приключениях для итогового поста за 2016 год в персональном блоге.
Процесс занял буквально минут 5-10. Тут важно просто внимательно выполнять все шаги. В конце поста найдете англоязычный видеоурок по данной теме.
Добавление изображений GIF анимации в Photoshop
Первым делом нужно загрузить в графический редактор все картинки/фото, которые будут участвовать в анимации. Добавьте их в один проект разными слоями — этот будут кадры для результирующего GIF файла. Проверьте размеры картинок и их отображение чтобы все было как вам нужно. Слои можно скрывать (с помощью иконки глаза слева от слоя) дабы просматривать все объекты.
Далее в пункте меню Window (Окно) включаете отображение панели Timeline (Шкала времени). Инструмент отвечает за создание GIF анимации в Photoshop. Расположите его снизу в рабочей области.
В центре данной панели есть выпадающий список, где нужно выбрать вариант «Create Frame Animation» и кликнуть по кнопке. В результате этого действия Timeline немного преобразится, и вы должны увидеть в качестве первого кадра картинку из самого верхнего слоя.
На следующем шаге выделяете все слои в проекте (кликаете по ним удерживая клавишу Ctrl). После этого открываете контекстное меню в правом верхнем углу окна Timeline и по выбираете «Make Frames From Layers».
Из всех видимых и выделенных слоев Adobe Photoshop создаст кадры анимированного GIF. В результате увидите их в панели Timeline.
Настройки GIF анимации в Фотошопе
Здесь вам нужно будет указать 2 вещи: продолжительность отображения разных кадров + число повторений гифки. Начнем с первого. Под каждым объектом-картинкой в Timeline найдете время показа и стрелочку вниз. Кликаете по ним и во всплывающем меню выбираете длительность карда.
Элементам можно указывать разное время либо задать параметр одновременно для нескольких из них (совместное выделение как и в слоях — с помощью Ctrl).
Чтобы «зациклить» GIF в Фотошопе при создании анимации выбираете значение Forever в соответствующей настройке как показано на скриншоте ниже.
Тамже есть возможность указать любое нужное вам число повторений. Рядом находится кнопка Play, позволяющая проиграть анимированный GIF и посмотреть как будет выглядеть итоговый результат.
Сохранение GIF анимации в Фотошоп
В финальной части нашего руководства рассмотрим как правильно сохранить GIF анимацию в Фотошопе. Для этой цели используется знакомый всем инструмент Save for Web, однако в последних версиях Adobe Photoshop СС он располагается в новом месте меню (File — Export). К счастью горячая клавиша Alt + Shift + Ctrl + S все еще работает.
В открывшемся окне настроек надо выбрать формат GIF, а также убедиться, что настройка Looping Options установлена в Forever. В нижнем правом углу окна есть возможность запустить созданный вами анимированный GIF в Photoshop для предпросмотра.
Если все функционирует так, как нужно, кликаете Save и сохраняете файл на локальном компьютере. Чтобы проверить работоспособность GIF требуется открывать его в браузере, т.к. встроенный просмотрщик Windows анимацию не проигрывает.
Кстати вы также легко можете экспортировать ваш проект в видео формат. Порядок действий аналогичный как при сохранении GIF анимации, но в Фотошоп меню выбираете пункт File — Export — Render Video.
В открывшемся окне будут разные настройки видео, но ничего дополнительно менять не нужно, просто кликаете по кнопке Render. В итоге получите mp4 файл со слайдшоу фотографий/изображений.
Напоследок предлагаем глянуть англоязычный видеоурок про создание анимированных GIF в Photoshop. Алгоритм работы там такой же, как и в статье, но возможно, вам будет проще воспринимать информацию по видео.
Если у вас остались еще какие-то вопросы о том как сделать GIF анимацию в Фотошопе или есть дополнения, пишите в комментариях.
Gif maker - создайте анимированный GIF в Photoshop
Создать идеальный GIF-файл быстро и легко.
Вот как это сделать.
Редактор GIF предоставляет все функции редактирования в удобном рабочем пространстве.
Фильтры и эффекты.
Ретушируйте изображения в формате GIF, добавляя привлекательные фильтры и эффекты, чтобы добиться нужного вида.
Скорость анимации.
GIF-анимация идет с вашей скоростью, изменяя частоту кадров с помощью панели «Таймлайн».
Добавьте текст.
Наложите текст поверх анимации с помощью таких шрифтов, как TruType, OpenType SVG или шрифтов внутри Typekit.
Изменение размера изображений.
Отрегулируйте размер изображения с сохранением резкости с помощью простого перетаскивания.
Работа с файлами любого типа.
файлов GIF можно создать из файлов изображений BMP, JPG, PNG и других типов, а также из видеофайлов, таких как AVI, FLV и MP4.
Посмотрите, как создается GIF.
Посмотрите, как дизайнер и создательница GIF Кендалл Плант дает новую жизнь одному из своих эскизов, превратив его в GIF. Посмотрите, как Кендалл создает GIF в этом коротком одноминутном видео.
Ее работы включают в себя природу, уличную фотографию и черепа. Плант - дизайнер, арт-директор и создатель контента, которая привносит свой уникальный творческий подход в Adobe в качестве помощника креативного директора.
Шаги, которые она использовала, описаны ниже.
Перед тем, как начать.
Используйте эти образцы набросков или потренируйтесь самостоятельно.
Шаг 1: Нарисуйте
Первым шагомПлант было создание вариантов своего первоначального рисунка, чтобы показать различные состояния движения, и сохранение каждого варианта в виде отдельного файла. Затем она открыла первый эскиз в Photoshop и перетащила оставшиеся файлы со своего компьютера в документ, нажимая клавишу возврата (или ввода), чтобы поместить каждый файл на отдельный слой.Затем она щелкнула значок замка, чтобы разблокировать исходный слой.
.Как сделать анимированный GIF в Photoshop
GIF, или «формат обмена графикой», представляет собой формат файла сжатого изображения, который позволяет использовать анимацию. Есть много способов создать GIF, но Photoshop работает быстро и легко, со встроенными инструментами для обработки изображений и анимации.
Как и классическая анимация, анимированный GIF состоит из серии неподвижных изображений, воспроизводимых последовательно, чтобы создать иллюзию движения. Найдите GIF в Интернете и перетащите его в Photoshop, и вы увидите отдельные кадры, составляющие анимацию.Эти кадры - это то, что мы собираемся создать в этом руководстве, чтобы анимировать убийственный баннер рекламного GIF.
Узнайте, как я сделал этот GIF! Фото через Graham Wizardo. Без лишних слов, вот как создать анимированный GIF в Photoshop.
Шаг 1. Настройте размеры и разрешение документа Photoshop
–
. Настройте документ заранее. Даже если ваша единственная цель - создать GIF-файл, которым вы можете поделиться для своих друзей в социальных сетях, если размер ваших фотографий или видео будет определять размер вашего документа, это может сделать файл больше, чем вам нужно, что приведет к низкому качеству. GIF.В общем, для квадратного изображения подходит диапазон 600-800 пикселей.
Установите размеры, разрешение и цветовой режим документа Photoshop. Размеры
В этом проекте мы работаем с рекламным баннером в формате GIF со стандартными требованиями к размеру. Я выбрал макет 720 × 300. Убедитесь, что ваши единицы измерения указаны в пикселях.
Разрешение
Чтобы размер файла был как можно меньше, достаточно разрешения 150. Я выбрал 300, так как знаю, что мой GIF не будет таким большим.Убедитесь, что единицы измерения указаны в пикселях на дюйм.
Цветовой режим
Наконец, для экрана создаются анимированные GIF-файлы, поэтому установите цветовой режим на цвет RGB. Нажмите Create , чтобы открыть новый документ.
Шаг 2. Импортируйте файлы изображений в Photoshop
–
. 
Файл> Сценарии> Загрузить файлы в стек… 
Выберите «Обзор», найдите изображения, выровняйте их, если нужно, и нажмите «ОК». Создание GIF из неподвижных изображений
Перейдите в File> Scripts> Load Files into Stack и нажмите кнопку Browse в появившемся окне Load Layers.Откроется окно Finder / Explorer, в котором вы можете найти свои файлы и выбрать все, что вам нужно. Когда вы закончите, нажмите Открыть , а затем ОК в следующем окне. Файлы будут импортированы в отдельный документ, из которого вы можете выбрать все слои и перетащить их в свой рабочий документ.
Создание GIF из видео
Если вы конвертируете видео в GIF, выберите Файл> Импорт> Видеокадры в слои .
Шаг 3. Откройте окно временной шкалы
–
Окно> Временная шкала 
Настройка окна временной шкалы для покадровой анимации Перейдите в Window> Timeline .Это откроет панель в нижней трети холста. В центре панели щелкните стрелку, чтобы открыть раскрывающееся меню, и выберите Create Frame Animation .
Шаг 4. Преобразуйте слои в кадры
–
. 
Если у вас уже подготовлены неподвижные изображения, щелкните значок меню гамбургера на шкале времени и выберите «Создать кадры из слоев». Ваш первый кадр уже будет настроен, он будет состоять из всех видимых слоев (имеется в виду видимость слоя или глаз значок, включен) в вашем документе.Теперь все, что вам нужно сделать, это заполнить временную шкалу несколькими кадрами для имитации движения. Это можно сделать двумя способами: импортировать уже подготовленные кадры или создать анимацию с нуля в Photoshop. В этом разделе будет рассмотрен первый сценарий.
Если вы уже заранее настроили неподвижные последовательные изображения (или работаете с импортированными видеокадрами, см. Шаг 2), щелкните значок меню гамбургера в правом верхнем углу панели временной шкалы. Выберите Создать кадры из слоев .Вы увидите, что шкала времени заполнится кадрами из ваших слоев.
Шаг 5. Дублируйте кадры для создания анимации
–
Под шкалой времени находится панель инструментов, которая содержит (среди прочего) настройку цикла, кнопку предварительного просмотра и кнопку дублирования кадра. Если вы не настроили неподвижные изображения заранее или вам необходимо настроить части анимации, созданный на шаге 4, вы можете создать анимацию вручную, кадр за кадром (именно так я и сделал свою анимацию).Для этого продублируйте последний кадр на временной шкале (щелкните значок выделенной страницы на панели инструментов под временной шкалой), внесите необходимые изменения в изображение и повторите.
Например, моя анимация - это пара солнцезащитных очков, скользящих по глазам объекта. Для этого я продублировал рамку, переместил солнцезащитные очки на несколько пикселей вниз (сколько пикселей было вопросом проб и ошибок - подробнее об этом позже) и повторял этот процесс до тех пор, пока у меня не было примерно пятнадцати кадров, и солнцезащитные очки оказались там, где я хотел их, что привело к плавной анимации нисходящего скольжения.
Фотография сделана Грэмом Уизардо. Шаг 6: Установите время задержки каждого кадра
-
Установку продолжительности можно найти внизу каждого кадра. Вы можете найти таймер задержки внизу каждого кадра (время в секундах со стрелкой раскрывающегося списка рядом с ним).
Щелкните стрелку, чтобы открыть меню и выбрать время, в течение которого кадр будет отображаться на экране.
Вы можете установить продолжительность отдельных кадров или нескольких кадров одновременно, выбрав все нужные кадры и используя раскрывающееся меню для одного из них.
Совет: Большое количество кадров с короткими задержками является ключом к сглаживанию анимации, в то время как несколько кадров с длинными задержками создают резкий эффект покадровой анимации.
Шаг 7. Установите количество циклов анимации
–
Также на панели инструментов под шкалой времени находится настройка цикла. Вы можете настроить анимацию на цикл «Навсегда», «Один раз» или определенное количество раз.
Шаг 8. Предварительный просмотр и повторение анимации
–
Кнопка воспроизведения на панели инструментов окна временной шкалы позволяет предварительно просмотреть анимацию.Используйте это, чтобы убедиться, что ваша анимация правдоподобна и ведет себя должным образом. Если это не так, попробуйте поработать с задержкой или добавить больше кадров, пока не получите желаемый результат. И наоборот, это также прекрасное время, чтобы поэкспериментировать с удалением как можно большего количества кадров, не нарушая иллюзию движения, чтобы получить минимально возможный размер файла.
Шаг 9. Экспорт документа Photoshop в формате GIF
–
Файл> Экспорт> Сохранить для Интернета (устаревшая версия)… Прежде всего, не забудьте сохранить рабочий PSD!
Когда вы будете готовы экспортировать окончательный GIF-файл, выберите Файл> Экспорт> Сохранить для Интернета (устаревшая версия) .(Примечание: если вы работаете со старой версией Photoshop, скорее всего, это будет «Файл»> «Сохранить для Интернета и устройств»). Откроется окно экспорта.
Здесь много вариантов, но для наших целей нам понадобится лишь несколько. Сначала убедитесь, что вы установили тип файла GIF в раскрывающемся списке в правом верхнем углу. Остальные параметры, которые я выделил на изображении ниже, необязательны, но полезны для создания облегченного файла. Давайте теперь пройдемся по ним.
Обрезать размер файла
Ваша главная цель с остальными параметрами - уменьшить размер файла за счет уменьшения количества деталей в вашем GIF без ущерба для качества изображения.Помните, что большой размер файла означает медленное время загрузки, что может быть особенно неприятным для маркетинговых целей, таких как баннерная реклама, когда зритель не искал ваш контент и не ждал, пока он загрузится. Старайтесь оставаться ниже 1 МБ. На большинстве веб-сайтов можно увеличить размер до 5 МБ, но при этом нужно увеличить его. Вы можете увидеть размер вашего файла GIF в нижнем левом углу панели, содержащей изображение для предварительного просмотра.
Это параметр, на который следует обратить внимание в окне «Сохранить для Интернета» Уменьшить информацию о цвете
Ненужная информация о цвете - самая большая проблема, когда дело доходит до большого размера файла.Чтобы сократить его, отрегулируйте общее количество цветов в раскрывающемся списке с надписью «Цвета:» и уменьшите настройку дизеринга (смешение пикселей для создания бесшовного затенения) под ним. Внося изменения, следите за изображением предварительного просмотра вашего GIF-изображения слева, чтобы увидеть, как это влияет на разрешение.
преобразовать в sRGB
sRGB или «Стандартный RGB» имеет более узкий диапазон цветов, чем стандартный «Adobe RGB», поэтому обязательно установите этот флажок.
Сохранить
Когда вы будете довольны разрешением и размером файла, нажмите кнопку сохранения в нижней части окна.Чтобы убедиться, что все получилось, вы можете предварительно просмотреть готовый файл GIF, перетащив его в поле URL браузера.
Моя готовая баннерная реклама GIF. Фото через Graham Wizardo. Шаг 10: Поделитесь своим готовым Photoshop GIF!
–
Вот и готовый GIF-файл, готовый к публикации во всемирной паутине. Теперь, когда у вас есть навыки создания базовой анимации Photoshop из видеороликов и неподвижных изображений, вы можете дарить подарки практически всем!
Хотя этот метод полезен для быстрых веселых GIF-файлов, GIF-файлы для профессиональных целей должны быть намного надежнее, чем моя глупая реклама солнцезащитных очков.Изучить программное обеспечение несложно, но сама анимация - сложная форма искусства, требующая практики и опыта. Когда вы будете готовы к созданию игры в формате GIF, убедитесь, что вы работаете с профессионалом.
Ищете профессиональную помощь в создании анимации?
Работайте с одним из наших талантливых дизайнеров!
Эта статья была первоначально написана Ребеккой Крегер и опубликована в 2013 году. Она была дополнена новой информацией и примерами.
.Как сделать GIF в Photoshop
20 октября 2020 г. • Проверенные решения
Мы все любим GIF-файлы и их впечатляющий стиль подачи историй.Они не только содержат набор рамок, но и заключают в себе массу эмоций и мыслей создателей. Вы можете легко найти множество привлекательных коллекций GIF в социальных сетях.
Если вам нравятся эти анимированные изображения, возможно, вы инициировали поиск в Интернете о том, как создавать GIF. И поисковая система должна была указать вам путь к неограниченным инструментам для создания GIF. Это обычное дело. Но здесь мы поговорим об одной профессиональной рекомендации по созданию GIF.Да, это Photoshop, и он может мгновенно создавать для вас привлекательные анимированные гифки.
Ниже вы сможете узнать о стратегиях создания изображений в формате GIF в последней версии Photoshop:
Как сделать GIF в фотошопе
Метод 1. Создание GIF из видео в Photoshop
Шаг 1: Запустите ваше программное обеспечение:
После того, как вы загрузили программный инструмент Photoshop на свое устройство, просто запустите его.Обратите внимание, что версии Photoshop CS6 полностью поддерживают анимированные файлы.
Шаг 2: Импортируйте видеоклип:
Поскольку ваша временная шкала программного обеспечения доступна на экране, теперь вам нужно импортировать желаемый видеофайл на эту платформу. Просто перейдите к опции «Файл» в верхнем левом углу панели инструментов, а затем в раскрывающемся меню выберите «Импорт». Далее выберите, кадры видео в слои. Выберите свой видео файл, и вскоре все его кадры появятся на экране. Photoshop также позволяет пользователям работать с обрезанными версиями видеофайлов; в этом случае вы можете использовать ползунок, чтобы ограничить количество кадров во время процесса загрузки.
Шаг 3. Настройте параметры импорта файлов:
Вы будете рады узнать, что Photoshop предлагает функции творческого редактирования, где вы также можете настраивать цветовой баланс. Когда вы закончите настройку фрейма, перейдите в «Файл» и выберите «Сохранить для Интернета» из раскрывающегося меню.
Он немедленно откроет одно новое окно, содержащее все расширенные настройки, которые могут помочь в лучшей настройке вашего изображения GIF. Поскольку пользователям требуется небольшой размер файла для загрузки в Интернет, вы можете настроить все эти параметры ниже, чтобы получить наилучшие результаты:
Цвета: Цвета являются наиболее важными описательными элементами для любого видео, поэтому их выбор должен производиться с умом.Поскольку большее количество цветов может обеспечить лучший просмотр, но для одновременного уменьшения размера файла вы можете отказаться от этого выбора до 128.
Дизеринг: Процесс дизеринга используется для рассеивания такого количества насыщенных цветом пикселей в изображении, что даже ограниченный набор цветов может создавать промежуточные цвета поверх него. Если вы выберете большее количество цветов, тогда изображение определенно будет выглядеть лучше, но за счет большего размера файла.
Lossy: Если вы хотите добавить некоторое внутреннее снижение качества изображения, то эта настройка полезна.Но старайтесь держать его ниже, потому что более высокий диапазон может уничтожить фактическую информацию с изображения, тогда как меньшее значение хорошо, если вы хотите просто уменьшить размер файла.
Размер: Пользователи могут предпочесть изменить габаритные размеры своего GIF-изображения, что в конечном итоге окажет огромное влияние на размер файла.
Шаг 4. Пора сохранить файл GIF:
Когда вы закончите процесс редактирования и захотите сохранить вновь созданное изображение в формате GIF, просто перейдите в меню «Файл», доступное в верхнем левом углу окна программного обеспечения, и в раскрывающемся меню выберите «Сохранить для Интернета».Далее он попросит вас заранее настроить параметры выходного файла, внести изменения в соответствии с потребностями вашего проекта и, наконец, сохранить его на вашем устройстве.
Посмотрите это видео, чтобы узнать больше:
Метод 2: создание GIF из фотографий в Photoshop
Также возможно разработать анимированные изображения в формате GIF из коллекции неподвижных изображений в Photoshop. В этом методе пользователям просто нужно поддерживать слои каждого кадра, а затем они упорядочиваются с помощью инструмента временной шкалы или редактирования на основе анимации Photoshop.Вот несколько простых шагов для достижения наилучших результатов:
1. Шаг 1
Прежде всего, пользователю рекомендуется поместить все желаемые неподвижные изображения в одну папку на своем компьютере. Затем перейдите в окно программы, перейдите в раздел «Файлы» и выберите «Сценарии». Он предоставит вам возможность загружать файлы в стек. Теперь нажмите кнопку обзора и выберите изображения из папки на рабочем столе, которые вы хотите использовать для разработки изображения GIF. Нажмите ОК. Он немедленно откроет новую композицию на экране, и все эти кадры будут отображаться как отдельные слои нового единого изображения.
Пользователи могут переупорядочивать или переупорядочивать эти кадры в соответствии с желаемой анимацией GIF, но обратите внимание, что кадр, который вы хотите разместить на первой позиции в окончательном GIF-файле, должен отображаться на нижнем слое, а другие должны следовать той же последовательности вверх.
Все эти слои GIF также могут быть созданы пользователем индивидуально с помощью инструментов Photoshop. Для этого просто запустите Photoshop, а затем выберите «Файл»> «Создать», чтобы начать работу с новым проектом. Хит ОК. Пришло время разблокировать фоновый слой; вы можете сделать это, просто дважды щелкнув значок блокировки на экране.Теперь, чтобы создать новый слой поверх него, перейдите к опции Layer и нажмите кнопку New. Вы можете создавать все свои новые слои с помощью этого процесса. Как только все ваши изображения будут созданы, расположите их в порядке снизу вверх, как и в предыдущем методе.
Обратите внимание, что этот процесс вступает в силу только в том случае, если вы работаете над более старой версией программного обеспечения и в ней нет функции «Загрузить файлы в стек». Вы можете просто загрузить все желаемые кадры на платформу Photoshop, а затем перетащить их в новое окно проекта.Бесплатный инструмент преобразования Photoshop может помочь вам изменить размер всех добавленных слоев по мере необходимости. Используйте сочетания клавиш: Ctrl + T, чтобы вносить изменения быстрее.
2. Шаг 2
Теперь, когда все ваши слои изображения GIF организованы, следующая задача - начать последовательность. Если вы работаете с CS5 или более ранней версией Photoshop, вы можете перейти к окну анимации с помощью опции «Окно плюс анимация». С другой стороны, пользователям CS6 или CC нужно нажать на опцию Window + Timeline.
Как только инструмент секвенирования появится на вашем экране, вы увидите маленькую стрелку вправо в верхнем правом углу экрана. Нажмите на эту стрелку, а затем выберите опцию «Создать кадры из слоя». Значок глаза можно использовать, чтобы скрыть все нежелательные слои. В нижнем меню вы можете выбрать последовательность зацикливания для вашего изображения.
3. Шаг 3
Наконец, ваше анимированное изображение в формате GIF готово, и теперь вы можете экспортировать его на свой компьютер. Нажмите «Файл», а затем выберите «Сохранить для Интернета» в раскрывающемся меню.Но учтите, что для загрузки в Интернет допустим размер файла менее 1 МБ. Вы можете изменить его, изменив настройки потери, дизеринга, цвета и размера. Наконец, нажмите кнопку «Сохранить», и теперь вы можете загрузить свой GIF.
Прочитайте больше, чтобы получить: полное руководство о том, как конвертировать GIF в видео на вашем ноутбуке или телефоне.
Вывод
Если вы чувствуете, что Photoshop сложно изучить, создатель мемов Filmora - ваше лучшее решение. Он помогает создавать мемы из изображений, GIF и видео напрямую без водяных знаков.Это абсолютно БЕСПЛАТНО для использования и без регистрации. Вы можете изменить размер, цвет и положение текста для создания подписи во время редактирования. Вы также можете поместить текст внутри или снаружи в GIF. Всего за несколько кликов ваш GIF готов. Попробуй это сейчас!
Лиза Браун
Лиза Браун - писательница и любительница всего видео.
Подписаться @Liza Brown
.Как сделать GIF: 4 проверенных метода
Если вы в 2019 году пользуетесь социальными сетями, вам нужно знать, как создавать GIF. GIF-файлы полезны для создания привлекательной рекламы или общения с вашими подписчиками через моменты из поп-культуры.
Думайте о гифках как о промежуточном звене между изображениями и видео. Основное преимущество использования GIF-файлов заключается в том, что вы можете мгновенно рассказать историю или выделить точку. Кроме того, это небольшие файлы для загрузки, поэтому они идеально подходят для мобильных устройств.
GIF-файлов стали очень популярными в последние годы.GIPHY, одна из самых популярных баз данных GIF в Интернете, утверждает, что у нее более 300 миллионов активных пользователей в день. В 2018 году Google купил Tenor, приложение для клавиатуры и архив GIF, призванное помочь пользователям находить нужные им GIF. Tenor обрабатывает более 400 миллионов запросов в день в формате GIF.
Эта статья покажет вам, как создать GIF четырьмя различными способами. Добавьте их в свои сообщения в социальных сетях, чтобы порадовать и заинтересовать своих подписчиков.
Приступим.
Содержание
Как сделать GIF в Photoshop
Как сделать GIF из видео на YouTube
Как сделать GIF на мобильный
Как создавать GIF-файлы для записи экрана
Бонус: получите всегда актуальную шпаргалку по размеру изображений в социальных сетях. Бесплатный ресурс включает рекомендуемые размеры фотографий для каждого типа изображений во всех основных сетях.
Как сделать GIF в Photoshop
Примечание: все скриншоты, используемые в этой статье, взяты из Adobe Photoshop CC 2018 (выпуск 19.1.2).
Вы можете использовать Photoshop для объединения изображений в GIF. Для создания следующего GIF-изображения Фергус Бэрд использовал 20 фотографий, сделанных в Photo Booth.
Вы также можете использовать короткий видеофайл для создания GIF в Photoshop.Процесс почти такой же; изменится только первый шаг.
Выбери свое приключение:
Если вы начинаете с серии фотографий, начните с шага 1A .
Если вы конвертируете видео в GIF с помощью Photoshop, начните с шага 1B .
1А. Начиная с фотографий: загрузите свою колоду фотографий в Photoshop
.В Photoshop перейдите в Файл> Стек> Загрузить файлы в стек. Щелкните Обзор , затем выберите фотографии («слои»), которые вы хотите использовать, щелкнув полный список, удерживая клавишу Shift.Каждая из этих фотографий будет одним кадром в вашем GIF.
Совет: Если вы хотите сэкономить время спустя, пронумеруйте свои файлы (например, 001, 002, 003), чтобы они располагались по порядку.
Экран «Загрузить слои» должен выглядеть так, как показано ниже. Нажмите ОК и переходите к шагу 2!
1Б. Начиная с видео: загрузите видеофайл в Photoshop
Чтобы превратить короткое видео в GIF с помощью Photoshop, вам нужно создать слои из существующих видеокадров.Сначала нажмите File> Import> Video Frames to Layers…
Появится новое окно с вопросом, какую часть видео вы хотите импортировать. Вы можете выбрать диапазон, используя ползунок под видео.
Затем укажите Photoshop, сколько кадров нужно импортировать. Нет необходимости импортировать каждый кадр для создания GIF. В данном случае мы импортировали один из трех кадров и только половину видеоматериала. Когда все будет готово, нажмите ОК .
После того, как вы импортировали видеофайл в слои, перейдите к Шаг 4 .
2. Создайте временную шкалу для вашего GIF
В меню «Окно» прокрутите вниз и щелкните Временная шкала .
Под первым изображением в списке появится небольшой прямоугольник: Создать временную шкалу видео . Щелкните здесь и измените его на Create Frame Animation .
3. Преобразуйте слои фотографий в набор циклических кадров анимации
В правом верхнем углу панели «Временная шкала» вы увидите небольшое гамбургер-меню (обведено желтым).
Щелкните меню гамбургера, прокрутите вниз и щелкните Make Frames From Layers .
На панели «Временная шкала» теперь будут последовательно отображаться кадры анимации. Вы можете перетащить их, чтобы изменить их порядок.
Нажмите треугольный значок Воспроизвести (обведен красным ниже), чтобы получить представление о том, как будет выглядеть ваш GIF. Также убедитесь, что Forever выбран в раскрывающемся меню слева (обведено желтым), иначе ваш GIF будет зацикливаться только заданное количество раз.
4. Экспортируйте ваш GIF
Щелкните Файл> Экспорт> Сохранить для Интернета (устаревшая версия)…
Вы попадете в это меню ниже. Выглядит немного подавляюще, но не волнуйтесь. В меню «Preset» выберите GIF 128 Dithered .
Затем измените настройку цветов на 256 (максимальное число для GIF).
Теперь вы готовы экспортировать GIF.
Чтобы увидеть, как это получилось, нажмите Preview… в нижнем левом углу.Он откроет ваш браузер по умолчанию и запустит циклический предварительный просмотр вашего GIF.
Затем нажмите Сохранить… , чтобы назвать файл GIF, и загрузите GIF на свой компьютер.
И все! Поздравляю! Вы умеете делать GIF в фотошопе.
Как сделать GIF из видео на YouTube
Если у вас нет доступа к подписке на Adobe Creative Suite, не отчаивайтесь: есть несколько способов сделать кошку гифкой.
1.Зайдите на GIPHY.com и нажмите Create
2. Добавьте веб-адрес видео, которое хотите преобразовать в GIF.
3. Найдите часть видео, которую хотите снять, и выберите длину.
Выбор большей продолжительности в верхнем ползунке добавит больше времени после «времени начала», которое вы выбрали в нижнем ползунке.
4. Необязательный шаг: украсить свой GIF
Здесь есть множество вариантов.Вы можете добавить текст или оживить GIF с помощью наклеек, фильтров или даже нарисованных от руки аннотаций. Я ничего не добавила, потому что ребенок, которого хлопнула кошка по телу, действительно говорит сам за себя.
5. Необязательный шаг: добавьте хэштеги в свой GIF
Добавьте хэштеги, если хотите, чтобы люди нашли ваш GIF и широко распространили его. Включите в список название вашего бренда и несколько общих связанных терминов, чтобы его можно было легко найти. Подумайте, что бы вы искали, если бы пытались найти этот GIF в спешке.
6. Загрузите свой GIF в GIPHY
И готово! Чтобы включить GIF в свои сообщения в социальных сетях, просто вставьте ссылку Giphy или загрузите файл Giphy и прикрепите его.
Вы можете выполнить те же действия, чтобы загрузить созданный вами GIF. Просто добавьте ссылку на URL-адрес GIF вместо ссылки на видео YouTube в начале. Вы также можете использовать эти шаги для создания GIF из вашего собственного видео - просто загрузите его на YouTube.
Как сделать GIF на мобильный
Мобильные приложения, такие как GIPHY Cam, позволяют создавать GIF-файлы на вашем телефоне. Они чрезвычайно просты в использовании: если вы когда-либо использовали Snapchat, вы можете справиться с GIPHY Cam. Если вы не использовали Snapchat… вы все равно можете работать с GIPHY Cam.
1. Запустите приложение и запишите свой GIF
Нажмите кнопку фото, чтобы сделать короткую серию фотографий, или удерживайте ее, чтобы сделать снимок более длинным.
2. Необязательный шаг: выберите фильтр или добавьте стикеры / текст
3.Сохраните свой GIF и поделитесь им со всем миром
Как сделать запись экрана GIF
Такие приложения, как GIPHY Capture, ScreenToGif, LICECap и GifCam, позволяют создавать GIF-изображения ваших действий на экране. Это отличный вариант, если вы пишете небольшую обучающую статью (например, для справочного центра в Интернете) и хотите визуально показать шаги.
1. Запустите программу для записи экрана в формате GIF.
Когда вы запустите программу, вы увидите оверлей записи, как показано в красной области на снимке экрана ниже.
2. Натяните маску на область, которую вы хотите записать
С помощью GIPHY Capture вы можете записывать все, что находится в наложении записи (опять же, обведено красным). Чтобы увеличить эту область, щелкните и перетащите правый нижний угол (обведен желтым).
3. Запишите свои действия на экране
Нажмите круглую красную кнопку в центре для записи, затем нажмите ее еще раз, чтобы остановить запись. Вы должны увидеть миниатюру вашего GIF-изображения, всплывающего на панели под наложением записи.
4. Настройте параметры GIF
Сверните область записи и посмотрите меню опций GIF. Здесь вы можете настроить свой GIF, включая тип цикла (нормальный, обратный или пинг-понг), размер пикселей и частоту кадров. Перетащите вкладки слева или справа, чтобы обрезать GIF. Вы также можете добавлять подписи из этого меню. Просто нажмите подписи рядом с опциями .
Когда вы будете готовы, вы можете нажать на синий текст Рассчитать размер , чтобы получить представление о том, насколько велик будет ваш файл GIF.Менее 3 МБ идеально подходит для быстрой загрузки.
5. Сохраните GIF
Вы можете сохранить свой GIF-файл на свой компьютер или, в случае GIPHY Capture, загрузить его прямо в онлайн-архив GIPHY.
Как бы вы ни решили использовать GIF в своей маркетинговой стратегии - социальной или иной - убедитесь, что ваш подход тщательно продуман и соответствует ценностям вашего бренда. И не забывайте получать от этого удовольствие!
Вы можете добавлять свои недавно созданные веселые GIF-изображения в сообщения в социальных сетях с помощью Hootsuite.Легко управляйте своими социальными каналами и привлекайте подписчиков из разных сетей с единой панели управления. Попробуйте бесплатно сегодня.
Начало работы
.
Видео-курс
