Как сохранить gif в фотошопе
Обновлено: 03.07.2024
Социальные сети, в том числе Pinterest, Twitter, Facebook и Reddit, вызвали ренессанс анимированных GIF, и многие крупные онлайн-бренды регулярно публикуют анимированные GIF для привлечения потенциальных клиентов. И угадайте, что? Оно работает. Анимированные GIF-файлы — это мощная форма мультимедиа, от которой сходят с ума как клиенты, так и заказчики. Но знаете ли вы, что их на самом деле довольно легко сделать? Выполните эти семь шагов, и вы быстро научитесь создавать GIF.
Что такое GIF?
GIF означает формат обмена графикой. Он включает серию кадров или изображений, которые воспроизводятся последовательно, чтобы создать иллюзию короткого видеоклипа, но в формате изображения. Количество цветовых тонов в GIF обычно ограничено 256. Однако возможность добавлять движения к изображениям и создавать контент, которым легко делиться, более чем компенсирует более низкое качество изображения.
Получите сертификат по графическому дизайну
Освойте основы графического дизайна и приобретите новые творческие навыки.
Будучи визуально более привлекательными, GIF-файлы регулярно используются цифровыми маркетологами для демонстрации своих идей, продуктов или услуг в виде привлекающих внимание мемов или рекламы. GIF-файлы упрощают самовыражение и мгновенно устанавливают эмоциональную связь с вашей аудиторией, поскольку они небольшого размера, быстрее загружаются и воспроизводятся автоматически, и зрителю не нужно воспроизводить их вручную.
В современном цифровом мире умение создавать GIF-файлы является очень желанным навыком для любой работы в области цифрового маркетинга или графического дизайна, что делает его отличным дополнением к вашему резюме.
В этом уроке вы узнаете, как за пять простых шагов создать собственный GIF-файл с помощью Photoshop. Учебник настолько прост, что даже тот, кто впервые пробует Photoshop, сможет сделать это без каких-либо хлопот.
Приступим.
Как сделать GIF
Чтобы сделать GIF, вам понадобится серия изображений и Photoshop. В этом уроке я использую Photoshop 2021, но вы можете использовать любую версию Photoshop, которая у вас уже есть.
Шаг 1. Загрузите файлы в стопку
Вы можете взять любое количество файлов, но для этого руководства делайте это проще. Убедитесь, что изображения, которые вы выбираете, имеют поток. Вот изображения, с которыми я буду работать ниже.
В верхнем меню Photoshop выберите «Файл» -> «Сценарии» -> «Загрузить файлы в стопку».
Шаг 2. Выберите изображения
В следующем окне нажмите «Обзор» и выберите серию изображений, которые вы хотите загрузить в стопки. Если ваши изображения не выровнены, вы можете установить флажок с предложением попытаться автоматически выровнять исходные изображения. Это стабилизирует весь кадр GIF.
< бр />
Выбрав изображения, нажмите кнопку "ОК".
< бр />
Затем Photoshop начнет процесс создания слоя для каждого загруженного вами изображения. Вы можете найти их на панели «Слои» в правом нижнем углу.
< бр />
При желании вы можете изменить порядок этих слоев, щелкнув и перетащив их. Вы также можете переименовать их, нажав на название слоя.
Если Photoshop автоматически выровнял изображения, они могут выглядеть немного искаженными, но это можно исправить, обрезав кадры. Если вам не нужно было устанавливать флажок «Попытаться автоматически выровнять исходные изображения» на предыдущем шаге, вы можете сразу перейти к шагу 3.
Чтобы обрезать кадр:
<р>1. Нажмите на значок кадрирования. <р>2. Нажмите и перетащите края обрезки, чтобы сделать выбор. <р>3. Нажмите Enter, чтобы подтвердить обрезку.Шаг 3. Настройте хронологию
В верхнем меню выберите «Окно» и установите флажок «Временная шкала». Окно временной шкалы появится под рабочей областью.
В окне временной шкалы нажмите «Создать покадровую анимацию».
Если он не выбран автоматически, выберите его в раскрывающемся меню, а затем щелкните его, чтобы отобразились параметры анимации кадра.
Убедитесь, что выбран верхний слой, и нажмите на значок ниже, чтобы дублировать кадр.
Поскольку в этом сценарии у меня есть три изображения, я дублирую кадр дважды. Это создаст три кадра на временной шкале.
Шаг 4. Установите время
Выберите первый кадр. Под миниатюрой вы увидите «0 сек.». Это время, в течение которого этот кадр будет отображаться в формате GIF. Нажмите на раскрывающееся меню рядом с ним и выберите предпочтительную продолжительность, например. 0,5 секунды. Повторите этот шаг для следующих кадров.
< бр />
Шаг 5. Скройте верхние слои
На миниатюре видно, что на втором кадре также отображается первое изображение. Чтобы изменить изображение, перейдите в раздел «Слои» и отобразите первый слой.
< бр />
Вы увидите, что теперь второй кадр показывает изображение во втором слое.
Перейдите к третьему кадру. Здесь скройте первые два слоя, чтобы открыть третий слой в кадре.
Если вы используете более трех изображений, повторяйте этот шаг, пока не установите слой для всех своих кадров.
Шаг 6. Предварительный просмотр GIF
Просмотрите свой GIF, нажав на значок воспроизведения. Проверьте порядок и время показа ваших изображений и убедитесь, что GIF воспроизводится плавно.
< бр />
Шаг 7. Экспортируйте GIF
Счастлив? Перейдите в «Файл» и нажмите «Сохранить как».
В раскрывающемся меню выберите формат файла GIF. Нажмите Сохранить.
< бр />
Откроется окно параметров сохранения GIF. Выберите предпочтительные настройки и нажмите OK.
< бр />
В качестве альтернативы выберите Файл -> Экспорт -> Сохранить для Интернета. Откроется окно предварительного просмотра GIF.
< бр />
В раскрывающемся меню в правом верхнем углу выберите формат файла GIF. Вы также можете установить размер изображения в этом окне в правом нижнем углу. Если вы хотите, чтобы ваш GIF-файл был совместим на разных платформах, рекомендуется изменить его размер до 500 пикселей по высоте и ширине.
Нажмите "Сохранить".
И готово! Теперь вы можете поделиться своими новыми навыками создания GIF с друзьями, коллегами и клиентами.
Хотите узнать больше советов и рекомендаций по редактированию фотографий?
Интернет-курсы Shaw Academy по графическому дизайну научат вас, как освоить Photoshop, от основ до более продвинутых методов и процессов. Присоединяйтесь к Shaw Academy сегодня и станьте профессионалом в Photoshop!
Примечание редактора. Эта запись была первоначально опубликована в 2016 году и обновлена для полноты картины.
Когда слов недостаточно, GIF – идеальный способ передать сильные эмоции, например возмущение, шок или радость.
Но вы когда-нибудь чувствовали себя ограниченными из-за имеющегося выбора? Возможно, у вас есть серия фотографий, которые эффектно смотрелись бы в формате GIF, если бы вы только знали, как их сделать. Или, возможно, вы хотите улучшить контент, который вы публикуете в социальных сетях, с помощью изящной, художественной анимации.
Хотя создание GIF может показаться трудным делом, если вы выполните следующие действия в Adobe Photoshop CC 2020, вы будете на пути к созданию пользовательских GIF за считанные минуты.
Ознакомьтесь с продуктами, упомянутыми в этой статье:
Adobe Photoshop (от 239,88 долларов США в Adobe)
MacBook Pro (от 1299,99 долларов США в Best Buy)
Lenovo IdeaPad 130 (от 299,99 долларов США в Best Buy)
Как сделать GIF в Photoshop
Для начала вам понадобится пакет изображений. Использование штатива отлично подходит, если вы хотите создать анимацию в стиле покадровой анимации, или вы можете использовать кадры из видео, чтобы запечатлеть движение.
Подготовив изображения, возьмите свой ПК или компьютер Mac и откройте Adobe Photoshop CC 2020.
<р>1. Перейдите в «Окно», вкладку на главной панели задач, и выберите «Временная шкала»." При выборе слева появится галочка. <р>2. Затем нажмите "Файл" на той же верхней панели задач и прокрутите вниз до "Скрипты". <р>3. Выберите «Загрузить файлы в стопку…» <р>4. В появившемся новом окне под названием «Загрузить слои» нажмите «Обзор…»Не беспокойтесь о порядке загрузки файлов. Вы можете изменить его позже. Эмма Уитман/Business Insider
<р>5. Выберите изображения — опять же, их должно быть несколько — которые вы хотите использовать для создания анимированного GIF. Удерживайте клавишу «Shift», чтобы выбрать несколько изображений. Затем нажмите "Открыть". <р>6. Если у вас не было под рукой штатива при создании снимков в формате GIF, нажмите «Попытаться автоматически выровнять исходные изображения», прежде чем выйти из «Загрузить слои», нажав «ОК». <р>7. Photoshop начнет процесс создания слоя для каждого загруженного изображения. Вы можете найти их на панели «Слои» в правом нижнем углу.Убедитесь, что вы выбрали «Временная шкала» в разделе «Окно» на первом этапе, иначе вы не сможете получить доступ к необходимой панели. Эмма Уитман/Business Insider
<р>8. Следующим шагом будет добавление вновь созданных слоев на панель «Временная шкала» внизу. Начните с нажатия «Создать покадровую анимацию», расположенного в центре панели «Таймлайн». Одна из ваших рамок появится внутри панели. <р>9. Далее вы развернете так называемое всплывающее меню панели «Таймлайн». Меню представляет собой четыре горизонтальные линии, и вы найдете его в правом верхнем углу панели. Откройте меню и выберите «Создать кадры из слоев». Все загруженные вами слои теперь появятся на панели «Таймлайн».Вам нужно всего лишь одно изображение — неважно, какое — должно появиться на временной шкале, чтобы создать кадры для всех слоев. Эмма Уитман/Business Insider
<р>10. Убедитесь, что кадры — ранее называемые «слоями» — расположены в том порядке, в котором вы хотите, чтобы они были при воспроизведении GIF. Просто перетащите значки в нужном порядке. <р>11. Когда вас устраивает порядок кадров, выберите все кадры, удерживая клавишу Shift и нажимая первый и последний кадры. <р>12. Теперь, когда все кадры выделены, перейдите к любому кадру и щелкните значок в форме буквы V внизу. Вы увидите «0 сек.» слева от него. Выберите 0,1 секунды в меню. Если вам нужна более длительная пауза в каждом кадре вашего GIF-файла во время его воспроизведения, выберите значение больше 0,1 секунды.Я предпочитаю GIF с короткой задержкой между кадрами, поэтому выбрал 0,1 секунды, самое быстрое из возможных. Эмма Уитман/Business Insider
<р>13. Вы можете установить цикл цикла GIF на «Навсегда» или ограничить анимацию воспроизведением определенного количества раз. Вы увидите эти параметры чуть ниже фреймов на нижней панели инструментов. <р>14. Теперь ваш GIF готов к предварительному просмотру. Слова «Воспроизводит анимацию» появятся, когда вы наведете курсор на кнопку воспроизведения на нижней панели инструментов. <р>15. Как только вы будете довольны тем, как выглядит ваш GIF, сохраните его. Нажмите «Файл» в верхней строке меню, «Экспорт» во всплывающем меню, а затем «Сохранить для Интернета (предыдущая версия)». <р>16. При необходимости измените размер, затем нажмите «Сохранить…» и назовите свой GIF. Нажмите "Сохранить" еще раз.Несмотря на то, что они довольно эффективны, файлы GIF занимают значительно больше места после создания не только потому, что они состоят из нескольких изображений, но и потому, что рендеринг анимации добавляет кучу данных. Эмма Уитман/Business Insider
Возможно, вам потребуется изменить размер файла GIF (максимум 500 пикселей по высоте и ширине — это хороший примерный диапазон), чтобы сделать его совместимым на разных платформах.
Слишком большой GIF-файл будет обречен оставаться на жестком диске вашего компьютера, а не в ваших текстах и в социальных сетях, которым и принадлежат GIF-изображения.
Короткая анимация. Часто причудливый вид домашних растений подтолкнул меня к идее поместить их в анимированный формат GIF. Эмма Уитман/Business Insider
В этом окне представлено множество различных параметров и настроек, которые могут показаться довольно запутанными для начинающих пользователей или даже для опытных пользователей Photoshop.
В этом уроке мы рассмотрим, что означают все эти настройки и какие из них лучше всего подходят для создания гифок.
Открытие окна "Сохранить для Интернета".
Прежде всего нам нужно открыть окно сохранения для Интернета. Это окно можно найти в меню «Файл» > «Экспорт» > «Сохранить для Интернета». Вы можете обнаружить, что он не будет экспортироваться, а просто находится в меню «Файл». Это полностью зависит от вашей версии Photoshop.
Нам нужно немного настроить, прежде чем мы начнем обращаться к настройкам, которые будем использовать.
Просмотр вчетвером, первый взгляд на функцию «Сохранить для Интернета»
Когда вы открываете окно «Сохранить для Интернета», вы видите что-то похожее на это. Справа вы видите гифку, над которой вы работали, и настройки, с которыми вы можете ее сохранить.
Мы собираемся оптимизировать это окно для создания картинок, потому что в оставшейся части урока будет использоваться вид «4 на одном».
Над вашей гифкой должно быть несколько вкладок, на которые вы можете нажимать. Если вы никогда не меняли это, скорее всего, вы находитесь в «Оптимизированном». То, что вы хотите сделать, если вы еще этого не сделали, это нажать «4-up».
После того, как вы это сделаете, вы увидите 4 разные версии вашего gif. Используя вкладку «Четверо», вы можете увидеть несколько версий вашего GIF-файла с разными настройками, которые вы можете настроить для каждой версии.
В левом верхнем углу вы видите исходное изображение. Вот как выглядит ваш gif в Photoshop перед его сохранением. Вы не можете сохранить эту версию. Эта версия будет использоваться в качестве эталона для остальных 3 версий вашего gif. Имея эту версию, вы можете сравнить другие версии, чтобы увидеть, какая из них больше всего похожа на то, что вы создали в Photoshop.
Остальные — это разные версии вашего gif. Все они являются версиями вашего gif с разными настройками сохранения. В режиме просмотра «4 на одном» вы можете протестировать 3 разных параметра сохранения рядом друг с другом и посмотреть, какой из них выглядит лучше по сравнению с другими.
Например:
В правом верхнем углу я установил:
Адаптивный, узор, 256 цветов.
Нижний левый параметр я установил на:
Адаптивный, диффузный (100 % дизеринг), 256 цветов.
Нижний правый я установил на:
Адаптивный, без дизеринга, 256 цветов.
Условно говоря, я вижу, что тот, что на шаблоне, лучший. Благодаря этому я могу точно видеть, какие настройки я использовал и насколько они велики.
Объяснение параметров сохранения
Не существует такой вещи, как одна настройка сохранения, которая управляла бы ими всеми. Нет «лучшего». В зависимости от сцены, которую вы дарите, ваши настройки должны будут измениться. По этой причине я пройдусь по всем настройкам и объясню, что они из себя представляют и что делают.
Меню алгоритма уменьшения цвета
Сначала мы рассмотрим меню алгоритма уменьшения цвета. Это первое раскрывающееся меню, в котором будут такие параметры, как «Выборочный» и «Адаптивный».
В этом меню вы можете указать, какой метод используется для создания и уменьшения цветов в ваших GIF-файлах.
Perceptual: «Создает пользовательскую таблицу цветов, отдавая приоритет цветам, к которым человеческий глаз более чувствителен».
Выборочный: «Создает таблицу цветов, аналогичную таблице перцептивных цветов, но отдавая предпочтение широким областям цвета. Эта таблица цветов обычно дает изображения с наибольшей цветовой целостностью».
Адаптивный: «Создает пользовательскую таблицу цветов путем выборки цветов из преобладающего спектра на изображении. Например, изображение, содержащее только зеленый и синий цвета, создает таблицу цветов, состоящую в основном из зеленого и синего цветов. Большинство изображений концентрируют цвета в определенных областях спектра».
Пользовательский: «Использует цветовую палитру, созданную или измененную пользователем». Например, если вы удалите цвета из таблицы цветов после выбора адаптивного, он превратится в пользовательский.
Вы обнаружите, что в создании гифок в 99,9 % случаев вы будете использовать выборочные и адаптивные. Другие не особенно украшают ваши гифки.
Методы дизеринга (без дизеринга, диффузия, шаблон и т. д.)
Под меню алгоритма снижения цвета находится меню методов дизеринга.Дизеринг — это процесс использования двух цветов для имитации оттенка третьего цвета путем размещения точек двух цветов близко друг к другу.
Дизеринг — это метод имитации цветов, недоступный в системе цветного отображения вашего компьютера. Более высокий процент сглаживания создает впечатление большего количества цветов. Для изображений с непрерывным цветом (особенно с цветовыми градиентами) может потребоваться сглаживание, чтобы предотвратить появление цветовых полос.
Вы можете выбрать один из следующих методов дизеринга:
Диффузия: применение случайного шаблона, который обычно менее заметен, чем сглаживание шаблона. Эффект дизеринга распространяется на соседние пиксели.
Узор: применение полутонового квадратного узора для имитации любых цветов, не указанных в таблице цветов.
Шум. Применяет случайный шаблон, аналогичный методу дизеринга «Диффузия», но без рассеивания шаблона по соседним пикселям. При использовании метода шумоподавления швов не появляется.
Без дизеринга: в основном диффузия, но с дизерингом, установленным на 0%.
При создании картинок вы обнаружите, что чаще всего будете использовать диффузию с разным процентным сглаживанием и шаблоном. Шум не очень важен, так как в большинстве случаев он не дает хорошего результата.
Итак, какие настройки вам нужно использовать?
Теперь, когда мы знаем, что все такое и что делает, пришло время получить несколько наглядных примеров того, о чем мы говорим.
Какие настройки вы используете, полностью зависит от типа сцены, которую вы видите перед собой. Давайте возьмем гифку и сохраним ее разными способами.
^ Селективная диффузия 100% смешение
Проблема с диффузией заключается в том, что в большинстве случаев градиентные цвета не будут выглядеть лучше. Однако ваши плоские цвета будут выглядеть довольно хорошо с небольшой зернистостью. Лично я почти никогда не сохраняю свои гифки на обычном распространении. Обычно я предпочитаю узор.
Шаблон — лучший выбор для ваших GIF-файлов. Как следует из названия, он создает шаблон на вашем изображении, который создаст иллюзию более плавных градиентов. Однако недостатком шаблона является то, что вы не сможете получить супергладкие плоские поверхности.
Вы заметите, что когда вы находитесь в диффузии и есть крошечная часть зерна, это преобразуется в очень четкую узорчатую форму зерна в узоре. Хороший способ определить, когда рисунок будет выглядеть чистым, — посмотреть, нет ли у диффузии зернистости на плоских поверхностях.
^ Селективная диффузия 99 % дизеринга
Допустим, у персонажа было несколько деталей зернистости при 100% дизеринге и диффузии. Снижая % дизеринга до 99%, мы удаляем любую зернистость на плоских поверхностях персонажа. В свою очередь, это сделало дверь ужасной.
^ Селективная диффузия 0 % дизеринга
Если еще уменьшить дизеринг, даже плоские поверхности будут выглядеть плохо. Ее лицо полностью покрыто пятнами, чего мы абсолютно не хотим. Дверь выглядит еще хуже. Конечно, есть ситуации, когда вы можете это сделать, но, как правило, это совершенно плоские цветные сцены.
Итак, давайте посмотрим на гифки при определенных настройках
Сохранение по шаблону (выборочное/адаптивное)
Все эти сцены очень насыщенные цветами и градиентами. Они не будут выглядеть так хорошо, если сэкономить на диффузии/пониженном дизеринге.
Экономия на диффузии с пониженным % дизеринга/без дизеринга:
В этих сценах преобладают плоские цвета с небольшим градиентным затенением или вообще без него. Из-за этого вы можете уменьшить количество дизеринга в них, и они не будут выглядеть ужасно.
Другие варианты, которые не так важны
Прозрачность: всегда устанавливайте этот флажок. Это позволит сделать ваш gif прозрачным. Хотя это не очень важно для качества вашего GIF, в 99,9% случаев ваш GIF будет намного меньше, когда дело доходит до размера файла.
Чересстрочная развертка. Это влияет на то, как GIF загружается на веб-страницу. Это не имеет значения для гифок на Tumblr и только увеличит размер файла. Снимите этот флажок.
Этот ползунок позволяет удалить некоторые детали изображения, чтобы еще больше уменьшить размер файла. Не используйте это.Всегда оставляйте это значение равным 0, если только вы не делаете что-то нелепое, что требует от вас настолько сильного уменьшения размера файла.
На самом деле не слишком сильно влияет на вашу картинку, если только вы не увеличите значение %. Я бы просто избегал этого.
Таблица цветов и цвета
Самое важное ограничение в отношении GIF-файлов заключается в том, что они могут иметь только 256 цветов. Этот формат файла был очень популярен в старые времена веб-разработки, когда у всех все еще было плохое подключение к Интернету, и было очень важно иметь веб-сайт с крошечными файлами изображений (все еще важно не иметь массивный веб-сайт, но я отвлекся) .
Учитывая ограничение в 256 цветов, вы не сможете захватить все цвета изображения в конечном результате GIF. Чем меньше цветов, тем больше Photoshop пытается компенсировать их отсутствие, помещая уже существующие цвета в места, где нет лучшего цвета.
В таблице цветов вы можете увидеть, какие цвета присутствуют в вашем GIF-файле, который вы собираетесь сохранить. Чтобы получить лучшее представление о них, отсортируйте цвета по оттенку с помощью небольшого меню справа от раздела таблицы цветов.
Вместо того, чтобы уменьшать значение количества цветов в правом верхнем углу, вы можете удалить определенные цвета, которые, по вашему мнению, не слишком сильно ухудшат качество вашего GIF-файла. Вы в основном контролируете, какие части изображения будут иметь полноцветные цвета, а какие — нет.
Самые важные три кнопки, которые вы найдете под таблицей цветов, находятся справа.
Блокировка: заблокирует определенные цвета, которые вы хотите сохранить. Если вы измените значение цвета вверху, вы не потеряете заблокированные цвета.
Листок бумаги: с помощью инструмента "Пипетка" в левой части окна "Сохранить для Интернета" можно выбирать цвета в предварительном просмотре исходного изображения слева. После выбора цвета вы можете добавить его в цветовую палитру GIF, нажав эту кнопку. Это при условии, что у вас нет 256 цветов, что является пределом.
Корзина: удаляет любой выбранный вами цвет.
Предварительный просмотр GIF
Итак, теперь, когда мы прошли через все это, вы захотите увидеть, как выглядит ваша гифка, когда она на самом деле движется. В правом нижнем углу вы найдете небольшое меню «видео», в котором вы можете воспроизвести GIF.
Однако, когда вы удерживаете кнопку воспроизведения, гифка не будет воспроизводиться в то время, когда она на самом деле. Некоторые люди говорят, что если вы нажмете кнопку воспроизведения, а затем будете удерживать кнопку воспроизведения, это будет точно, но хотя я обнаружил, что это немного точнее, в половине случаев это не так.
Вместо этого в левом нижнем углу вы можете найти кнопку предварительного просмотра. Выберите версию GIF, которую хотите просмотреть, и нажмите кнопку предварительного просмотра.
Теперь в браузере по умолчанию откроется окно, в котором будет показано, как ваш gif-файл воспроизводится в фактическое время. Он также покажет вам некоторую основную информацию о настройках сохранения вашего gif. Отсюда вы можете щелкнуть GIF правой кнопкой мыши и сохранить его или вернуться в Photoshop и нажать «Сохранить».
Сохранение настроек при работе с GIF
Итак, приведенный выше gif весит 4,4 МБ. Однако мне нравится, как это выглядит, и я действительно не хочу уменьшать количество цветов, которые у меня есть. Это означает, что я хочу вернуться в Photoshop, чтобы немного отредактировать gif, чтобы сделать его меньше. Однако я хочу сохранить настройки, которые я выбрал прямо сейчас.
В правом нижнем углу вместо нажатия кнопки "Отмена" вы можете нажать "Готово". Нажав «Готово», он запомнит выбранные вами настройки и откроет ваш GIF-файл с теми настройками по умолчанию, когда вы в следующий раз откроете окно сохранения для Интернета.
Photoshop — отличный инструмент для создания GIF-файлов. У вас есть выбор: использовать несколько изображений или использовать видеофайл (хотя я бы постарался, чтобы видеофайл был как можно меньше).
Здесь вы можете загрузить некоторые образцы ресурсов для использования в этом руководстве.
Преобразование фотографий в GIF
Откройте Photoshop и выберите «Файл» > «Сценарии» > «Стопка» > «Загрузить файлы в стопку». Нажмите «Обзор», выберите фотографии, которые вы хотите использовать, которые будут отображаться в ваших слоях, щелкнув полный список, удерживая клавишу Shift. Каждая из этих фотографий будет одним кадром в вашем GIF.
Экран «Загрузить слои» будет выглядеть так, как показано на рисунке ниже. Если вы довольны выбранными изображениями, нажмите кнопку ОК.
Создание временной шкалы для GIF
В меню "Окно" в раскрывающемся списке внизу нажмите "Временная шкала".
< /p>
Под окном предварительного просмотра появится дополнительное окно. Нажмите стрелку справа от «Создать временную шкалу видео». Нажмите здесь и измените его на «Создать покадровую анимацию».
Превращение ваших фотослоев в набор анимационных кадров (где происходит волшебство)
В правом верхнем углу панели "Временная шкала" вы увидите значок гамбургера. Откройте меню-гамбургер и выберите «Создать кадры из слоев».
Теперь на панели «Таймлайн» кадры анимации отображаются в последовательном порядке. Вы можете щелкнуть и перетащить их, чтобы изменить их порядок по своему усмотрению.
Нажмите значок «Воспроизвести», чтобы увидеть свои кадры в действии — это предварительный просмотр того, как ваш GIF будет выглядеть после экспорта. Не забудьте убедиться, что в раскрывающемся меню слева выбран параметр «Навсегда». Если этот параметр не выбран, ваш GIF будет повторяться только определенное количество раз.
Преобразование видеофайла в GIF
Преобразование видео в формат GIF с помощью Photoshop требует создания слоев из видеокадров. Сначала нажмите Файл > Импорт > Видеокадры в слои…
Появится всплывающее окно с вопросом, какую часть видео вы хотите импортировать (для файлов небольшого размера я бы назвал его коротким). Просто нажмите «Только выбранный диапазон» и выберите нужную часть видео с помощью ползунка под видео. Следующий шаг Photoshop спросит, сколько кадров он должен импортировать. Поэкспериментируйте, пока не будете удовлетворены, а затем нажмите OK.
После импорта видеофайлов в слои вы можете перейти к экспорту.
Как экспортировать GIF
Нажмите «Файл» > «Экспорт» > «Сохранить для Интернета (предыдущая версия)»…
Далее появится это меню, которое выглядит невероятно сложным. В меню "Стандарт" выберите GIF 128 Dithered.
Измените значение параметра "Цвета" на 256 (максимальное число для GIF), чтобы получить GIF-файл самого высокого качества.
Чтобы проверить, как это получится, нажмите «Просмотр» в левом нижнем углу. Он откроет веб-браузер по умолчанию и воспроизведет зацикленный предварительный просмотр вашего GIF-файла.
После этого нажмите Сохранить. Отсюда вы называете свой GIF-файл и сохраняете его на свой компьютер.
Поздравляем, вы создали свой первый GIF! А теперь иди и зарабатывай больше!
Читайте также: