Як отримати більше від GIFS

Feb 2, 2026

Як

GIFS працюють у безшовних циклах, які Rebecca Mock описує як "ідеальний цикл". Цей цикл повинен ідеально стерти перший і останній кадр, щоб будь-який кадр може бути першим. При створенні власного GIF, зробіть петлі пріоритет - це викликає менш відволікання до глядача та додає закріплення, візуальний інтерес. Макет також пропонує додати додаткову кадру: "Нехай пауза останній трохи довше", - каже вона. "Простір між двома діями може означати багато".

This GIF was made for PC World to accompany an article about the app Evernote — Цей GIF був зроблений для PC World, щоб супроводжувати статтю про програму Evernote (Зображення кредиту: Rebecca Mock)

Основні методи

Основи руху можуть бути розширені та вбудовані в складні анімації. Як ви починаєте створювати зображення Photoshop CC , Не забудьте зберегти його організовано. Працювати в шарах і анімація кожної частини окремо. Таким чином, якщо ви повинні змінити один елемент пізніше, це легко ізолювати його без того, щоб скасувати решту вашої важкої роботи.

Позиціонування можна виконувати вручну або встановити початкові та кінцеві точки і дозволяючи фотошоп виконувати роботу - це все залежить від того, який вид руху ви хочете мати ваш GIF. Використовуючи курсор і перетягування кадру об'єкта за допомогою кадру буде виробляти нерегулярний шлях. 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. (Зображення кредиту: Rebecca Mock)

Експортувати свою роботу

Експортувати свій GIF може бути остаточним кроком, але це те, що ви повинні думати про ваш процес. Чим більше пікселів, які переміщуються, тим більший розмір файлу буде, і в ідеалі, ви хочете, щоб GIF, який знаходиться під 1 Мб. GIF-файли обмежуються використанням 256 кольорів, а речі, такі як важкі текстури та градієнти, не стискаються - вам краще з плоскими кольорами та гострими краями, які будуть зберігати файли керовану та легко завантажувати в Інтернеті.

Ця стаття спочатку з'явилася Комп'ютерне мистецтво випуск 259; купити його тут !

Теми

Графічний дизайн

Як отримати більше від GIFS

Основні методи

02. Виберіть рамку

03. Запустіть ефект

04. Копіювати та вставити

05. Маска для шару

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

07. Зберегти

Експортувати свою роботу

Як - Найпопулярніші статті

Як малювати перспективу

Chiaroscuro art: покроковий посібник

Майстер-процесуальне моделювання

10 порад для моделювання твердого поверхні

Створіть векторну пензлем з переміщенням

Як оволодіти анатомією істоти

Створіть ідеально геометричний дизайн логотипу в Illustrator

Створіть живописні ефекти в Photoshop CC

Категорії