Створюємо анімований gif банер - Adobe Photoshop
Нове у рубриці:
Перше, що необхідно зробити - це розробити сценарій банера, тобто вирішити яким буде тло, що саме рухатиметься. А коли ви все це уявили, створіть у Photoshop файл з розмірами рівними розмірам банера. Тепер створюємо тло банера. Він не змінюватиметься під час анімації. Всі інші елементи банера, які братимуть участь в анімації - текст, зображення помістимо в окремі шари. У верхньому шарі помістіть рамку банера.
Тепер можна приступати до створення анімації. Для цього, натиснувши нижню кнопку основної палітри програми Photoshop (“Jump to ImageReady”) або натиснувши комбінацію клавіш Ctrl+Shift+M, перейдіть до ImageReady. Ця програма відкриється із вже завантаженим у неї банером.
Програма ImageReady нагадує програму Photoshop, але має й власні вкладки. Під час створення анімації використовується вкладкаAnimation. Створений нами файл вже поміщений у перший кадр вкладки Animation, його збільшене зображення можна побачити на вкладці Original.
Тепер звернемо увагу на вкладку Layers. Вона виглядає так само як і у програмі Photoshop. Саме з цією вкладкою ми зараз і працюватимемо. Наприклад, щоб на банері блимав текст, у першому кадрі шар з текстом зробіть видимим. Перейдіть до вкладки Animation і створіть другий кадр анімації, зробіть дублікат першого кадру (кнопка “Duplicates current frame” внизу вкладки Animation). Тепер, щоб текст блимав, зробіть шар з текстом у другому кадрі невидимим (клацніть на зображенні ока в шарі з текстів на вкладці Layers). Необхідно також вказати тривалість кадру, натисніть на маленький трикутник під кадром з написом 0 sec і виберітьтривалість кадру з списку. Тепер за допомогою кнопки "Plays/stops animation" ви можете подивитися свою анімацію.
Якщо ви хочете додати до вашого банеру рух або зміну прозорості, вам не потрібно промальовувати кожен кадр самому. Нехай ви хочете змінити положення будь-якої фігури. Нині вона перебуває у початковому положенні. Створіть наступний кадр і в цьому кадрі пересуньте фігуру. Тепер, натиснувши кнопку “Tweens animation frames”, вкладки Animation будуть створені проміжні кадри анімації. Після натискання цієї кнопки відкриється вкладка Tween, де в рядку Frames to Add необхідно вказати бажану кількість проміжних кадрів. Таким самим методом можна змінювати прозорість фігур. На цих, створених програмою ImageReady кадрах, необхідно, керуючи видимістю шарів, показати чи приховати решту шарів, щоб усе відповідало сценарію.
Коли всі необхідні кадри створені, приступимо до оптимізації та збереження банера у форматі GIF. Перейдіть на вкладку 4-UP , де ви спостерігатимете за якістю зображення та розміром майбутнього gif файлу. Для оптимізації використовується вкладка Optimize. На цій вкладці виберіть тип файлу GIF. Не можна забувати про те, що банер, щоб він був прийнятий банерообмінними мережами, повинен бути легким. Наприклад, вага банера розмірами 468х60 не повинна перевищувати 15 Kb. Виходячи з цього, виберіть на вкладці Optimize таку кількість кольорів, щоб при високій якості зображення вага банера була якомога меншою. Потім, звернувшись до головного меню, зберігаємо банер (File-Save Optimized As…). Все ви створили анімований gif банер.
Успіхів у створенні банерів!
Оцініть, будь ласка, цю статтю:
- Currently 2.73/5
Рейтинг:2.7 /5 (голосів: 22)