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

Feb 2, 2026
Инструкции

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; Купить это здесь !

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

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

Советы визуального развития: расскажите историю с вашим произведением искусства

Инструкции Feb 2, 2026

(Кредит на кредит: Саймон Баек) Что такое визуальное развитие? Ну..

10 способов создания лучшего персонажа анимации

Инструкции Feb 2, 2026

Что касается размера 3D-индустрии в год на год, важнее, чем когда-либо, чтобы убедиться, что ваша работа вы�..

Проводить бесплатные и быстрые пользовательские тесты с помощью UserLook

Инструкции Feb 2, 2026

Изображение: getty Images Допущения плохие для бизнеса. Они плохие, по..

Как проектировать графические фигуры

Инструкции Feb 2, 2026

В предыдущие годы моей иллюстрации я поклонился от необходимости иллю..

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

Инструкции Feb 2, 2026

Для этого семинара я буду делать вам шаг за шагом через одну из моих ка�..

Выровняйте игровые символы с креативной сборкой

Инструкции Feb 2, 2026

С огромным разнообразием страховных существ и персонажей для создани�..

Как имитировать взрывы в Maya

Инструкции Feb 2, 2026

Страница 1 из 2: Страница 1 Страница 1 ..

Подготовьте свою работу для 3D-печати: 8 верхних советов

Инструкции Feb 2, 2026

3D печать стала чрезвычайно популярной. Если вы хотите начать печатать свои собственные 3D арт Ес�..

Категории