Как получить больше от GIFS

Sep 16, 2025

Инструкции

GIFS работает в бесшовных циклах, которые Ребекка издевательства описывает как «идеальный цикл». Эта петля должна идеально стереть первый и последний кадр, так что любой кадр может быть первым. При создании собственного GIF сделайте циклирование приоритетом - это вызывает меньше отвлечения к зрителю и добавляет завораживание, визуальный интерес. Мока также предлагает добавить дополнительный кадр: «Пусть пауза длится чуть более длиннее», - говорит она. «Пространство между двумя действиями может значительно многое».

This GIF was made for PC World to accompany an article about the app Evernote — Этот GIF был сделан для мира ПК, чтобы сопровождать статью о приложении Evernote (Образ кредита: Mockcca Mock)

Основные методы

Основы движения могут быть расширены и встроены в сложные анимации. Как вы начинаете создавать свое изображение в Photoshop CC. Обязательно оставьте его организованным. Работайте в слоях и анимируйте каждый кусок отдельно. Таким образом, если вы должны изменить один элемент позже, легко изолировать, не отменив остальную часть вашей тяжелой работы.

Позиционирование можно сделать вручную или настройкой запуска и конечных точек и позволить Photoshop сделать работу - все зависит от того, какое движение вы хотите, чтобы ваш ГИФ был. Использование курсора и перетаскивания объектной рамы по кадрам будет производить нерегулярное путь. Tweening - создание промежуточных кадров между двумя изображениями - даст ей устойчивое движение.

Изображение 2 из 7

Select which frame to tween and the number of frames you want to add. — Выберите какую рамку в Tween и количество кадров, которые вы хотите добавить.

02. Выберите кадр

Изображение 3 из 7

Start the flicker effect by creating a straight line with a rough edge. — Начните эффект мерцания, создавая прямую линию с грубой кромкой.

03. Начните эффект

Изображение 4 из 7

Copy and paste the rough edge at the top of your original line. — Скопируйте и вставьте грубый край в верхней части оригинальной строки.

04. Скопируйте и вставить

Изображение 5 из 7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker. — Создайте маску слоя к неясной части линии. При анимированном, он будет напоминать мерцание.

05. Маска слоя

Изображение 6 из 7

Hold down the Shift key to rotate a shape in 15 degree increments. — Удерживайте клавишу Shift, чтобы повернуть форму в возрасте до 15 градусов.

06. Поверните форму

Изображение 7 из 7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette. — Сохранить для веб-панели позволяет настроить ваши сохраненные цвета. Помогая оттенка, вы можете удалить его из своей палитры.

07. Сохранить

Макет любит использовать эффект мерцания / исчезновения для роста пара и пламени. Чтобы создать его, нарисуйте прямую линию, используя грубую кисть. Добавьте маску слоя (например, пламя), так что часть ее скрыта. Затем сделайте чистую петлю, используя метод изготовления шаблонов - порежьте строку пополам и переместите его шероховатый нижний край в верхнюю часть его линии, заполняя середину и перекрывая маску слоя. Используйте команду Tween, чтобы убедиться, что линия перемещается вертикально на согласованной скорости. На данный момент петли должны быть бесшовными.

Спиннинг и вращение движения создаются с крошечными, инкрементными поворотами объекта. Сделайте нерегулярно в форме круга и переместите его в 16-24 шага, пока у вас не будет полного поворота; Удерживайте клавишу Shift, чтобы повернуть его в 15-градусных приращениях.

Creation Can Change The World was made for Sony Digital Entertainment. — Создание может изменить мир был сделан для Sony Digital Entertainment. (Образ кредита: Mockcca Mock)

Экспорт вашей работы

Экспорт вашего GIF может быть последний шаг, но это то, о чем вы должны думать на протяжении всего вашего процесса. Чем больше пикселей, которые движутся, тем больше размер файла будет и в идеале, вы хотите, чтобы GIF, который находится под 1 МБ. Файлы GIF ограничены использованием 256 цветов, а вещи, такие как тяжелые текстуры и градиенты, не сжимаются хорошо - вам лучше с плоскими цветами и острыми краями, которые будут держать файлы управляемыми и простыми для загрузки в Интернете.

Эта статья изначально появилась в Компьютерное искусство Выпуск 259; Купить это здесь !

Темы

Графический дизайн

Как получить больше от GIFS

Основные методы

02. Выберите кадр

03. Начните эффект

04. Скопируйте и вставить

05. Маска слоя

06. Поверните форму

07. Сохранить

Экспорт вашей работы

Инструкции - Самые популярные статьи

Как раскадровку в Photoshop

Как сделать фотоколлаж в Photoshop CC

Как сделать скриншот на Mac

Скорость лепить существо в Zbrush

4 Основные советы по оптимизации изображений

4 Простые шаги для улучшения вашего визуализации

Как начать работу с TypeyctScript

Как создать волосы в кино 4D

Категории