Як створити gif банер

Відео: Як створити gif банер в photoshop

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




Вам знадобиться

  • - графічний редактор;
  • - GIF аніматор.

Інструкція

1
Створіть новий файл для малюнка в графічному редакторі: “файл”-gt;”новий”.
2
Встановіть параметри зображення: розмір, дозвіл і колірний режим.
3
Додайте зображення в розпочатому шарі, встановіть колір фону, введіть текст. При розміщенні тексту автоматично створюється окремий шар.
4
Змініть положення шару на фрагменті, вибравши потрібний шар і утримуючи ліву кнопку миші. Зробіть верхній шар активним, клікнувши по ньому на панелі шарів в правій частині екрана лівою клавішею миші.
5
Злийте воєдино активний шар з нижнім: “шар”-gt;”Злити з нижнім”.
6
Створіть ще два кадри за аналогічною схемою.
7
Збережіть отримані зображення: “файл”-gt;”Зберегти для Web”. Щоб правильно зберегти кадри, активуйте один шар, залишаючи інші невидимими. Потім, за аналогічною схемою, збережіть залишилися шари. Встановіть для файлів необхідні настройки в меню Settings.
8
Послідовно склейте кадри банера в GIF аніматор. Для цієї мети скористайтеся, наприклад, програмою Ulead GIF Animator 5.0. Відкрийте вкладку “файл”-gt;”Майстер анімації”.
9
Пропишіть розміри банера в формі, що відкрилася і завантажте збережені малюнки банера кнопкою “Додати зображення”. Щоб задати період чергування кадрів у фреймі, виставте тимчасову затримку.
10
Виберіть в редакторі закладку Optimize і оптимізуйте зображення. Виставте необхідну кількість квітів і збережіть готовий банер.
Зверніть увагу
Простежте за тим, щоб розмір готового до розміщення оптимізованого зображення середніх розмірів не перевищував 15 Kb - це зменшить швидкість завантаження Web - сторінок. Таблиці стандартних розмірів для GIF- анімації відшукайте в інтернеті.
Корисна порада
До початку розробки уявіть максимально докладно зовнішній вигляд, колірну гамму і рух елементів банера. Це значно прискорить промальовування кадрів.



Увага, тільки СЬОГОДНІ!
Оцініть, будь ласка статтю
Всього голосів: 58