Як зробити миготливий банер

Як зробити миготливий банер

Анімований банер — один з основних засобів просування інтернет-реклами. У більшості випадків банери розміщуються на сайтах сторонніх компаній, при натисканні на них реалізується перехід на рекламований ресурс. Виготовлення простого миготливого банера, що складається з трьох-чотирьох фреймів, займає кілька хвилин.

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

- Встановити на свій комп’ютер програму Adobe Photoshop.

Інструкція

  1. Створіть в Adobe Photoshop новий документ заданої ширини і висоти (File-New). Найбільш поширені банери, що мають наступні розміри в пікселях: 468х60, 125х125, 120х90, 100х100, 120х60, 88х31. Встановіть у полях Width і Height значення 100. Відкрийте в Adobe Photoshop будь-яку картинку, наприклад, аватарку, і скопіюйте її зображення на ваш документ. Таким чином, перший кадр вашого банера створений.
  2. Натиснувши разом клавіші Ctrl і J, створіть другий шар вашого документа. Увімкніть відображення другого шару і вимкніть відображення першого натискання очка навпроти відповідного шару. Натисніть комбінацію клавіш Ctrl і L і, рухаючи повзунки, затемните другий шар.
  3. Створіть з отриманих двох кадрів анімовану картинку. Для цього відкрийте анімаційне вікно (Window-Animation). У ньому висвітиться повністю все ваше зображення, що складається з двох кадрів, яке буде збігатися з затемненим кадром. Встановіть для нього час показу, наприклад, 0,5 с. За допомогою «очка» виберіть перший шар і вимкніть другий. Натисніть кнопку Duplicates selected frames на вкладці Animation (Frames). Другий кадр з’явиться в анімаційному вікні. Виберіть для нього час показу 0,2 с.
  4. Збережіть отриманий файл у форматі GIF (File-Save for Web and Devices …). Виберіть необхідні значення зі списку Preset для визначення якості зображення. Враховуйте, що в режимі No Dither зображенню надається м’якість у нечітких лініях.
  5. Перевірте, як блимає ваш банер при натисканні кнопки Play Animation. При необхідності перед збереженням анімаційної картинки відрегулюйте час показу кожного кадру.

Зверніть увагу

Зберігайте банер тільки у форматі gif. При його збереженні в будь-якому іншому форматі ефект анімації не буде досягнутий.

Корисні поради

Для зменшення розміру банера при його збереженні на вкладці Optimized вибирайте режим GIF32 або GIF64, які дозволяють зменшити розмір при невеликій втраті якості.