Skip to main content

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

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

Geoffrey Carr

Створення анімацій з нуля у Photoshop може здатися дратуючим, але насправді вони дуже прості. Запустити Photoshop і захопити деякі з ваших файлів. Прийшов час роздратувати штани своїх друзів з безлічі анімованих GIF-файлів!

Ми розповіли про деякі прості способи перетворення відео та YouTube в риси анімаційних GIF, але сьогодні ми збираємося показати вам, як зробити просту анімацію без використання відеофайлів. Продовжуй читати - це дуже весело.

Створення анімації з інструментами анімації Photoshop

Для простої анімації ми створимо частину зображення на окремому шарі, на якому ми можемо рухатися. Ми будемо лише анімувати рух очей, але ви можете створити будь-яку анімацію таким чином, включаючи фактичні ручні анімаційні клітини або рухомі фотографії.

Незалежно від того, що ви хочете анімацію, починайте з щонайменше двох шарів. У нашому прикладі ми використовуємо логотип HTG, і ми просуваємо очі на другий шар, який ми можемо використовувати для анімації руху.

Щоб розпочати, перетягніть панель "Анімація". Знайдіть його, перейшовши у вікно> Анімація.

Панель з'явиться у нижній частині вікна і досить простий у використанні. Кожне нове "кадр" анімації виглядає як знімок файла. Натисніть кнопку

коли ви хочете створити новий знімок з поточного стану файлу на панелі анімації. Але ще не!

Ця панель також дозволяє встановлювати "затримку" для кожного окремого кадру, що означає, скільки часу (в цілому або частки секунди) він відображається на екрані, перш ніж переходити до наступного кадру. 25 кадрів в секунду (0,04) - стандартна швидкість для анімації, але, можливо, трохи швидка для анімованих GIF-файлів. Для нашого прикладу ми зіткнулися з затримкою 0,05, яку ви також можете використовувати. Якщо ви хочете використовувати іншу кількість кадрів в секунду, просто розділіть 1 на кількість кадрів, щоб отримати правильний час затримки. (Наприклад, 1 секунда, розділена на 25 кадрів, дорівнює 0,04 часу затримки.)

Ідея полягає в переміщенні шару очей в невеликі кроки і фотографувати на цьому шляху. Ми будемо використовувати перемістити інструмент (клавіша "V") та натискаючи наш шар використовуючи клавіші зі стрілками. У нашому прикладі ми зробили знімок після того, як натискали кожні два пікселі або близько того.

Натиснувши кнопку

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

(Примітка до автора: якщо ви щось подібне до мене, ви все-таки налаштуєте затримку у мільйон разів, що не завжди спрацьовує саме так, як ви хочете!)

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

Ви також можете відредагувати затримку кількох кадрів одночасно за допомогою клавіші Shift та вибору багатьох або всіх кадрів і зміни затримки. Зверніть увагу, що ви можете встановити затримку на "Інше ..." внизу, щоб використовувати нашу спеціальну затримку від 0,05.

Перейдіть до Файл> Зберегти для веб-пристроїв та відкрийте інструмент з таким ім'ям.

Цей інструмент дозволить вам створити зручний анімований GIF веб-переглядач, а також тестувати його всередині інструмента (як показано вище, де знаходиться курсор стрілки). Переконайтеся, що встановіть тип файлу на GIF та використовуйте будь-які параметри Perceptual, Selective або Adaptive. Вони можуть змінювати ваше зображення різними способами, але для багатьох з них ви одержите майже однакові результати. Щоб зменшити розмір файлу, ви можете змінити його Розмір зображення (донизу) і ваша кількість Кольори (у верхній правій частині). Ви також можете зменшити розмір файлу, не включаючи прозорість, хоча ми і не наводимо в нашому прикладі (горе!).

І наш анімований GIF готовий покластися в Інтернет, щоб насолоджуватися, шокувати і створювати страх.


І це про обгортання його для анімації. Думки чи питання щодо нашого методу? У вас є кращий метод або деякі прості методи? Хочете побачити щось більш просунутий? Розкажіть нам про них в коментарях або надішліть нам свої думки на адресу [email protected], і ми можемо включити їх до майбутньої графічної статті.

Link
Plus
Send
Send
Pin