1. Характер і розміри банерів
2. Стандартні розміри банерів
3. Інструменти і програми для створення банера
4. Онлайн сервіси і спеціальний софт

Доброго вечора шановні мої читачі! Тим хто ще мене не знає, мене звуть Володимир Савельєв та сьогодні я розповім - як зробити банер для сайту. Так як стаття вийшла досить об'ємна, то я розділю її на дві частини.

У другій частині я покажу Вам як зробити банер в фотошопі , Обов'язково дочекайтеся її публікації! Ну а щоб нічого не пропустити, підпишіться на мою безкоштовну розсилку!

До речі, написав детальний огляд популярного скрипта БаннерБро - який продає банери на автоматі !

А тепер повернемося до теми банерів ... В який уже раз доводиться згадувати цю сакраментальну фразу: «Реклама - двигун торгівлі». І нічого не вдієш, це дійсно так.

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

А в наше століття нестримного Інтернету не обійтися без неї і на сторінках ресурсів мережі.

Звичайно, можна просто наповнити сайт звичайними словесними рекламними закликами, що, до речі, дуже часто і робиться в тому ж Google AdWords. Це швидко і дуже непогано працює.

Переваги такого підходу:

• швидкість створення - по суті витрачений час не більш часу набивання рядки тексту;
• можливість оперативного зміни.

Але, прямо скажу, такий підхід схожий на простому оголошенню в газеті в рубриці «Послуги» «на 5-ій сторінці».

Якщо ж ви хочете, щоб на Вашу пропозицію було звернуто особливу увагу, щоб повз нього ніяк не можна було пройти, то тут не обійтися вже без її художнього оформлення в кольорі і на «першій сторінці».
Ось тоді, ми і замислюємося зробити банер для сайту і які програми для цього використовувати. Тут необхідно буде вирішити кілька організаційних питань.

Характер і розміри банерів

Коли говоримо про характер, то маємо на увазі: зробити його статичним або він буде Анімаційний. Все-таки зупиняємося саме на використанні анімації, хоча вона і вимагає акуратного її використання, коли діяти доводиться за принципом «не нашкодь».

Дуже важливо підкреслити основну ідею або мету створеної банера, щоб він доповнювався анімацією, а не псував і не спотворював його суті! .

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

Поганий лінією поведінки є ситуація, коли рекламні банери ховаються у вигляді невидимих ​​шарів. Вони з'являються завдяки, наприклад, події onmouseover (а найгірше - onload), присвоєного будь-якому мабуть об'єкту на сайті.

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

Стандартні розміри банерів

Вже на першому етапі розробки необхідно визначитися з розмірами банера. В принципі розміри підійдуть будь-які, аби вони гармонійно поєднувалися з іншими елементами Web-сторінки.

Якщо дотримуватися принципу - «вчися на старших дивлячись», привожу популярні розміри банерів для сайту і ті, які рекомендує служба GoogleAdSense (ширина x довжина):

• Горизонтальні - 468 × 60; 728 × 90; 320 × 100;
• Вертикальні - 240 × 400; 300 × 600; 336 × 280; 300 × 250;
• Квадратні - 250 × 250; 200 × 200; 300 × 300 і так далі ...
• Адаптивні - тренд сезону! Добре підійде під адаптивну верстку . Такий банер підлаштовується під ширину екрану.

Інструменти і програми для створення банера

Програму для створення рекламних банерів потрібно вибирати виходячи з його майбутнього формату. Перед тим як що-небудь зробити, спочатку визначимося, який він буде статичний або анімований ?!

Статичний JPG - був і залишається найвідомішим графічним форматом для Web-дизайнера. Як показує аналіз, з кожних 100 графічних файлів, які розміщені на сайті, не менше 70 мають jpg-формат.

Для роботи зі статикою кращою програмою є - Adode Photoshop у всіляких своїх версіях - вже в 7-ий є практично всі інструменти, які дозволять створити прекрасний рекламний банер.
В принципі можна використовувати будь-який подібний редактор, головне щоб він мав наступні функції:

• дозволяв працювати з шарами;
• володів розгалуженим набором інструментів для виділення;
• можливість змінювати прозорість кожного шару і його положення щодо інших шарів;
• хороший набір інструментів для роботи з текстами.

Анімований GIF - найвідоміший формат. Для створення таких файлів можна використовувати нескладну програму Easy GIF Animator.

Але раджу скористатися Image Ready, що входить в пакет Photoshop, як самостійну програму в версіях 7 і CS, або як внутрішній інструмент самого Фотошопа. Цінність IR полягає в повній підтримці рідного багатошарового формату PS, а також в наступності інтерфейсу.
Новачкам раджу вибрати IR у вигляді самостійної програми, вона і простіше і зрозуміліше, без тих наворотів, які вже пропонує PS CS5 та які здебільшого не мають ніякого значення.

Анімований SWF - формат рекламних роликів на основі Flash-технології. Тут вже в банерах можна вставити і звук і відео, і все це в неймовірно стислому вигляді. Але дуже часто створення такої реклами виглядає як стрілянина з гармат по горобцях.

Крім того, для новачків swf-реклама може здатися занадто складною, а для замовників - занадто дорогий. Але володіння таким банером окупитися десятикратно !!!

Онлайн сервіси і спеціальний софт

Для особливо вибагливих, публікую кілька посилань на on-line сервіси та програми, які допоможуть зробити задумане ...

• Banner-Maker-Pro
• Banner-Designer-Pro
• Banner-Design-Studio
• Ulead-Gif-Animator
• Sothink-SWF-Easy
• AleoFlash-Intro-Banner-Maker
• Atani
• Websmartz-Banner-Designer-Pro

Через велику кількість посилань, не буду робити їх активними - просто скопіюй і встав в адресну рядок браузера. А проги погуглити в ПС ...

На цьому я закінчую 1 частина статті - як зробити банер для сайту! Сподіваюся Вам все сподобалося і Ви дізналися щось нове для себе ... Скоро опублікую 2 частина не менш пізнавальну

PS: До речі буде круто, якщо Ви поділитеся в коментарях своїм досвідом і знаннями в цій області. Який софт або сервіс віддаєте перевагу? А може і не варто паритися і замовити роботу у фахівця ?! Пишіть ...

Я ось зовсім не давно купив і почав вивчати класний курс Сергія Буйбарова, блін він реальний профі в своїй справі, однозначно варто у нього повчитися! Так, у нього ще є і безкоштовний курс ... рекомендую ознайомитися!

А я з Вами не прощаюсь До скорого!