Як зробити банер?

Банер являє собою невелике оголошення рекламного характеру, яке, крім усього іншого, також є клікабельно посиланням, що веде на інші web-ресурси або сторінки. Основним завданням банера стає залучення уваги користувачів. Ефективний баннер має бути максимально помітним, але не сильно дратувати увагу відвідувачів (же не бути настирливим). Багато починаючі верстальники та веб-дизайнери замислюються про те, як зробити банер. Адже йдеться про те компоненті сторінок, без якого продажу послуг і товарів за допомогою використання доступу в Інтернет були б не настільки ефективними.

Намагаючись зрозуміти, як зробити банер для сайту, необхідно, насамперед, засвоїти один нюанс - стислість не перестала бути сестрою таланту. Не потрібно робити "папужачі" анімацію з масою написів і картинок. Чим лаконічніше буде думка, укладена в банері, тим простіше буде відвідувачу зрозуміти і прийняти її.

Як зробити флеш банер

1. Запустити відповідну програму, наприклад, Aleo flash intro banner maker, створити новий проект;
2. У вкладці "size and solid" задати розмір бажаного банера, його форму і швидкість прокрутки ролика. При необхідності можна задати конкретне музичний супровід;
3. Вкладка "background" відповідає за фон банера. Фоном може бути певне зображення, або ж колір.
4. Вкладка "effect" представляє особливий інтерес для веб-дизайнерів. Тут є досить багато ефектів, слід підібрати відповідні.
5. Вкладка "text and image" надасть можливість прописати на банері текст, а також встановити на нього конкретне зображення.
6. Вкладка "web links" дозволить встановити посилання на ресурс, відкриття якого буде виконуватися після натискання на наш флеш банер.

Для того, щоб готовий банер вивести з програми, треба натиснути "publish banner" -> "publish", після чого підібрати потрібний формат - swf, gif, avi. Не забути зробити позначку "create HTML code", щоб створити код html. Потім натиснути "copy html code to clipboard", після чого вставити готовий код у файл сайту.

Як зробити банер в фотошопі

1. Створити новий документ, задавши дозвіл, висоту, ширину і назва;
2. Позначити ім'я шару, клікнувши по відповідній іконці;
3. Знову клікнути двічі по іконці шару, щоб відкрити параметри безпосереднього накладення. Вибрати пункт накладення градієнта, вказавши сам градієнт від сірого до білого;
4. Створити новий шар;
5. Намалювати за допомогою використання інструменту "Pen Tool" форму банера;
6. Перейти на вкладку контурів, вибрати "Робочий контур", клікнути по значку Load Path as a Selection, скористатися інструментом "прямокутна область", натиснути клавіші I + Shft + Cntr, вибрати інструмент "заливка";
7. Встановити колір переднього плану, клікнути всередині виділення, щоб швидко заповнити його підібраним кольором;
8. Клікнути двічі по мініатюрі шару, відкривши параметри накладання, скористатися обведенням, якщо це необхідно;
9. Вибрати інструмент Round Rectangular Tool і колір для нової фігури, яку потрібно створити, акуратно намалювати її;
10. Вибрати всі шари, затиснувши клавішу Ctrl і клікнувши по кожному шару;
11. Згрупувати всі верстви - Ctrl + G, назвати їх, наприклад, "фігури";
12. У центр банера вставити потрібне зображення;
13. Вибравши інструмент "Довільна фігура", підібрати в випадаючому списку стрілки або що-небудь в цьому роді, щоб поліпшити дизайн банера;
14. Вибравши інструмент "Text Tool", додати необхідний текст;
15. Додавши стилі шару, поліпшити візуально виконання тексту;
16. Згрупувати шари вказаного тексту в окремій папці також, як раніше групували шари фігур. Назвати папку "текст".

Банер готовий до безпосереднього розміщення!