Як зробити анімований GIF в Photoshop [Tutorial]

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

Найкраща частина про GIF-файли полягає в тому, що вони не надто важко зробити. Якщо у вас є доступ до Photoshop і кілька хвилин, щоб заощадити, ви можете створити анімований GIF в будь-який час.

Натисніть тут, щоб завантажити наш безкоштовний посібник, щоб дізнатися, як розробити високоякісну графіку.

У наступному уроці про створення анімованих GIF-файлів я використовую Creative Cloud 2015 версію Photoshop, але кроки повинні бути аналогічними в інших версіях.

Як створити анімований GIF у Photoshop

Ось приклад анімованого GIF ви можете зробити за допомогою цього підручника:

Гаразд, почнемо!

Крок 1: Завантажте свої зображення в Photoshop.

Якщо у вас вже є зображення, створені …

Зберіть потрібні зображення в окрему папку. Щоб завантажити їх у Photoshop, натисніть ">" > "Завантажити файли у стек".

Потім натисніть кнопку Огляд і виберіть файли, які потрібно використовувати у форматі GIF, а потім натисніть кнопку OK.

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

Якщо у вас ще немає серії зображень, створених …

Створіть кожен кадр анімованого GIF як окремий шар Photoshop. Щоб додати новий шар, виберіть "Шар" > "> шару".

Не забудьте назвати свої шари, щоб ви могли легко відслідковувати їх, коли ви робите GIF. Щоб назвати шар, перейдіть на панель "Шар" у нижньому правому куті екрана, двічі клацніть на назві шару за замовчуванням та введіть ім'я, на яке його потрібно змінити. Завершивши, натисніть клавішу Enter.

Після того, як у вас є шари там, і ви назвали їх усіх, ви готові до кроку 2.

Порада від фахівця: Якщо ви хочете об'єднати шари, щоб вони з'являлися в одному кадрі у вашому GIF, увімкніть видимість для шарів, які ви хочете об'єднати (натиснувши на "око" зліва від назви кожного шару, щоб відкривалися лише очі для шарів, які ви хочете об'єднати). Потім натисніть Shift + Command + Option + E (Mac) або Shift + Ctrl + Alt + E (Windows).Photoshop створить новий шар, що містить об'єднаний вміст, який також слід перейменувати.

Крок 2.

Щоб відкрити хронологію, перейдіть до верхньої панелі переходів, виберіть елемент Вікно > часової шкали.Шкала часу дозволить вам вмикати та вимикати різні шари протягом різних періодів часу, тим самим перетворюючи статичне зображення на GIF.

У нижній частині екрана з'явиться вікно Часова шкала. Ось як це виглядає:

Крок 3: У вікні "Часова шкала" натисніть "Створити анімацію кадру".

Якщо його не вибрано автоматично, виберіть його зі спадного меню , але не забудьте фактично клацнути на ньому, інакше параметри анімації кадру не з'явиться.

Тепер часова шкала має виглядати так:

Крок 4: Створіть новий шар для кожного нового кадру.

Для цього спочатку виділіть усі свої шари, перебравши верхнє навігаційне меню та вибравши "Виділити > всі шари".

Потім клацніть піктограму меню праворуч на екрані Часова шкала.

У випадаючому меню, що з'явиться, виберіть "Створити новий шар" для кожного нового кадру.

Крок 5: Відкрийте той самий значок меню праворуч і виберіть "Зробити кадри з шарів".

Це зробить кожен шар кадром вашого GIF.

Крок 6: Під кожним кадром виберіть, як довго він повинен з'являтися перед переходом до наступного кадру.

Для цього клацніть час під кожним кадром і виберіть, як довго він відображатиметься. У нашому випадку ми вибрали 0,5 секунди на кадр.

Крок 7: У нижній частині панелі інструментів виберіть, скільки разів потрібно, щоб вона зациклююся.

За замовчуванням буде говорити один раз, але ви можете петлі його стільки разів, скільки ви хочете, в тому числі forever.Натисніть кнопку Інше, щоб указати нетипову кількість повторень.

Крок 8: Перегляньте GIF, натиснувши значок відтворення.

Крок 9: Збережіть GIF для використання в Інтернеті.

Задоволений вашим GIF? Збережіть його для використання в Інтернеті, перейшовши на верхню панель переходів і вибравши пункт Файл > експорт > зберегти для Інтернету (Legacy).

Потім виберіть тип GIF-файлу, який потрібно зберегти, як у розкривному списку Стиль. Якщо у вас є GIF-файл із градієнтами, виберіть "Змочені GIF-файли", щоб запобігти смугам кольорів.Якщо у вашому зображенні багато суцільних кольорів, ви можете вибрати без змішування.

Число поруч із файлом GIF визначає, наскільки великі (і наскільки точні) кольори GIF будуть порівнюватися з оригінальними JPEG або PNG.За даними Adobe, більш високий відсоток змішування призводить до появи більшої кількості кольорів та деталей, але збільшує розмір файлу.

Натисніть кнопку Зберегти внизу, щоб зберегти файл на комп'ютері. Тепер ви готові завантажити цей GIF для використання у вашому маркетингу!

Завантажте GIF-файл у будь-яке місце в Інтернеті, де ви поклали зображення, і він повинен відтворюватися безперебійно. Ось як може виглядати кінцевий продукт: