Adobe Photoshop CS5 — це потужна програма для редагування зображень, яку можна використовувати для створення або редагування майже будь-якого типу зображення, яке вам може знадобитися. Однак Photoshop CS5 особливо вправний у створенні зображень, призначених для розміщення в Інтернеті, наприклад, зображення, яке ви можете розмістити на своєму веб-сайті або яким, можливо, захочете поділитися з друзями. Популярним вибором зображення є анімований GIF, оскільки його легко зробити, він має рух, але його можна розмістити як звичайне статичне зображення. Photoshop містить деякі корисні інструменти, які дозволяють створювати анімований GIF у Photoshop CS5, і ви навіть можете налаштувати свій анімований GIF у Photoshop CS5, щоб відповідати потрібним вам специфікаціям.
Підготовка кадрів для вашого анімованого GIF у Photoshop CS5
Анімований GIF у Photoshop CS5 — це насправді п’ять окремих зображень, які ви збираєтеся розмістити у вигляді шарів. Кожен шар представлятиме кадр вашого зображення, тому кожен кадр має трохи відрізнятися, щоб вказати, що у вашому анімаційному GIF-файлі відбувається дія або рух. Для цілей цього уроку я збираюся створити анімований GIF у Photoshop CS5 із зображенням зірки, яка рухається по чорному тлі. Анімований GIF буде складатися з п’яти різних кадрів, де зірка знаходиться в дещо іншому місці в кожному кадрі. Окремі зображення виглядають так:
Для простоти я позначив зображення як 1.gif, 2.gif, 3.gif, 4.gif і 5.gif, що допоможе мені запам’ятати порядок, у якому я хочу їх відображати. Кожне зображення однакового розміру, 100×100 пікселів.
Щоб почати створювати анімований GIF у Photoshop CS5, тепер ви можете запустити Photoshop, клацніть Файл у верхній частині вікна натисніть Новий, потім встановіть розмір зображення. Після встановлення параметрів зображення натисніть кнопку добре кнопку, щоб створити порожнє полотно.
Наступне, що потрібно зробити, це відкрити папку, що містить зображення, які ви збираєтеся включити в анімований GIF у Photoshop CS5. Зауважте, що ви відкриваєте папку в Провіднику Windows, а НЕ за допомогою відчинено команду в Photoshop. Провідник Windows – це програма, яку ви використовуєте для перегляду папок і файлів на комп’ютері, і ви можете запустити її, клацнувши піктограму папки на панелі завдань у нижній частині екрана комп’ютера. Коли папка з вашими зображеннями буде відкрита, утримуйте клавішу CTrl на клавіатурі, щоб вибрати всі зображення, а потім перетягніть їх на полотно Photoshop CS5.
Це змінить ваше полотно, щоб відображати один із ваших кадрів із X над ним, наприклад на цьому зображенні:
Коли ви побачите це, натисніть Введіть на клавіатурі, щоб вставити кожне зображення як шар у Photoshop. Після того, як усі зображення були додані, ваші Шари Вікно в правій частині Photoshop має виглядати так.
Зверніть увагу, що зображення, яке ви хочете відобразити як останній кадр вашого анімованого GIF, має бути верхнім шаром. Якщо ваші шари розташовані в неправильному порядку, ви можете просто перетягнути їх усередині Шари вікно, поки вони не будуть у правильному порядку.
Тепер потрібно відкрити Анімація вікно, яке можна зробити, натиснувши кнопку Вікно меню у верхній частині Photoshop, а потім клацніть значок Анімація варіант. The Анімація вікно відкриється як горизонтальне вікно внизу Photoshop.
Натисніть кнопку у верхньому правому куті Анімація вікно (кнопка виглядає як стрілка, спрямована вниз поруч із 4 горизонтальними лініями), а потім натисніть кнопку Зробіть рамки з шарів варіант.
Натисніть стрілку, спрямовану вниз, праворуч від 0 сек і під одним із ваших кадрів у Анімація вікно, а потім виберіть, як довго ви хочете, щоб цей кадр відображався у вашому анімаційному GIF-файлі. Повторіть цей крок для кожного кадру вашого зображення. Мені подобається вибирати 1.0 для тривалості кадрів у багатьох анімованих GIF-файлах у Photoshop CS5, але експериментуйте з різною тривалістю, поки не знайдете той, який найкраще підходить для вас.
Ви також можете вказати, скільки разів анімований GIF має прокрутити всі його кадри, натиснувши кнопку Назавжди спадне меню внизу Анімація вікно. я використовую Назавжди як варіант для анімованого GIF в кінці цієї статті, а це означає, що анімований GIF буде безперервно переглядати, поки ви не залишите цю сторінку.
Ви закінчили створювати анімований GIF у Photoshop CS5, тому його потрібно зберегти. Натисніть Файл у верхній частині вікна, а потім клацніть Зберегти для Інтернету та пристроїв. Натисніть спадне меню у верхньому правому куті вікна, щоб вибрати GIF параметр, а потім натисніть кнопку Зберегти кнопку в нижній частині вікна.
Введіть ім'я вашого файлу в Ім'я файлу поле, а потім натисніть кнопку Зберегти кнопку. Потім ви можете двічі клацнути створене зображення у своїй папці, щоб запустити анімований GIF і побачити, що ви створили. Нижче наведено мій приклад зображення анімованого GIF у Photoshop CS5.
