Как сделать анимированный GIF в Photoshop [Tutorial]

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

Лучшая часть о GIF-файлов является то, что они не слишком трудно сделать. Если у вас есть доступ к Photoshop и несколько минут, чтобы сэкономить, вы можете создать анимированный GIF в свободное время.

Нажмите здесь, чтобы скачать наше бесплатное руководство, чтобы узнать, как дизайн высококачественной графики.

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

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

Вот пример анимированных GIF вы можете сделать с помощью этого учебника:

Хорошо, давайте начнем!

Шаг 1: Загрузите изображения в Photoshop.

Если у вас уже есть изображения, созданные …

Соберите нужные изображения в отдельной папке. Чтобы загрузить их в Photoshop, щелкните > файлов > загрузите файлы в стек.

Затем выберите Просмотр и выберите файлы, которые вы хотели бы использовать в GIF, а затем нажмите OK.

Photoshop создаст отдельный слой для каждого выбранного изображения. После того как вы сделали это, пропустить на шаг два.

Если у вас еще нет серии изображений, созданных …

Создайте каждый кадр анимированного GIF как другой слой Photoshop. Чтобы добавить новый слой, выбирали слой > New > Layer.

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

Если у вас есть слои там, и вы назвали их все, вы готовы к шагу два.

Pro Совет: Если вы хотите объединить слои, чтобы они появляются в одном кадре в GIF, включите видимость для слоев, которые вы хотите объединить (нажав на "глаз" слева от каждого слоя имя так что только глаза для слоев вы хотите объединить открыты). Далее, нажмите Shift — Команда — Опция — E (Mac) или Shift — Ctrl — Alt и E (Windows).Photoshop создаст новый слой, содержащий объединенный контент, который также следует переименовать.

Шаг 2: Откройте окно Хронологии.

Чтобы открыть Хронологию, перейдите на верхнюю навигацию, выберите Окно > Хронике.Хронология позволит вам включить и выключить различные слои в течение различных периодов времени, тем самым превратив ваше статическое изображение в GIF.

Окно Хронике будет отображаться в нижней части экрана. Вот как это выглядит:

Шаг 3: В окне Хронике щелкните кнопку "Создайте анимацию кадра".

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

Теперь ваша Хронология должна выглядеть так:

Шаг 4: Создайте новый слой для каждого нового кадра.

Для этого сначала выберите все слои, завехав в верхнее меню навигации и выбрав Select > All Layers.

Затем нажмите значок меню справа от экрана Хронике.

Из высадивного меню, которое появляется, выберите Создать новый слой для каждого нового кадра.

Шаг 5: Откройте ту же иконку меню справа и выберите "Сделать кадры из слоев".

Это сделает каждый слой рамкой вашего GIF.

Шаг 6: Под каждым кадром выберите, как долго он должен отображаться перед переходом на следующий кадр.

Чтобы сделать это, нажмите время под каждым кадром и выберите, как долго вы хотите, чтобы он появился. В нашем случае мы выбрали 0,5 секунды на кадр.

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

По умолчанию будет сказать один раз, но вы можете цикл его столько раз, сколько вы хотите, в том числе forever.Нажмите Другие, если вы хотите указать пользовательское количество повторений.

Шаг 8: Предварительный GIF, нажав значок воспроизведения.

Шаг 9: Сохраните GIF для использования в Интернете.

Довольны своим GIF? Сохранить его для использования в Интернете, переходя к верхней навигации бар и нажав файл > Export > Сохранить для Интернета (Наследие).

Далее выберите тип файла GIF, который вы хотели бы сохранить, как в соответствии с заданной высадкой. Если у вас есть GIF с градиентами, выберите Dithered GIFs, чтобы предотвратить полосу цветов.Если ваше изображение использует много твердых цветов, вы можете выбрать не смятение.

Номер рядом с файлом GIF определяет, насколько большие (и точные) цвета GIF будут сравниваться с исходными JPEGs или PNG.По данным Adobe, более высокий процент дизеринга приводит к появлению большего числа цветов и деталей, но увеличивает размер файла.

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

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