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

Відео: Як створити миготливий банер для сайту, Лендінзі і т.п.

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

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

  • - встановити на свій комп`ютер програму 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, які дозволяють зменшити розмір при невеликій втраті якості.
Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!
—хоже

Увага, тільки СЬОГОДНІ!