Часть1- як зробити банер для сайту: Програми та інструменти!
- Характер і розміри банерів
- Стандартні розміри банерів
- Інструменти і програми для створення банера
- Онлайн сервіси і спеціальний софт
Доброго вечора шановні мої читачі! Тим хто ще мене не знає, мене звуть Володимир Савельєв та сьогодні я розповім - як зробити банер для сайту. Так як стаття вийшла досить об'ємна, то я розділю її на дві частини.
У другій частині я покажу Вам як зробити банер в фотошопі , Обов'язково дочекайтеся її публікації! Ну а щоб нічого не пропустити, підпишіться на мою безкоштовну розсилку!
До речі, написав детальний огляд популярного скрипта БаннерБро - який продає банери на автоматі !
А тепер повернемося до теми банерів ... В який уже раз доводиться згадувати цю сакраментальну фразу: «Реклама - двигун торгівлі». І нічого не вдієш, це дійсно так.
Все досить просто - якщо ти хочеш, щоб про твою чудової ідеї дізнався світ, щонайменше, йому потрібно про неї повідомити. І тут реклама, скрізь і вся, виступає на передній план.
А в наше століття нестримного Інтернету не обійтися без неї і на сторінках ресурсів мережі.
Звичайно, можна просто наповнити сайт звичайними словесними рекламними закликами, що, до речі, дуже часто і робиться в тому ж 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: До речі буде круто, якщо Ви поділитеся в коментарях своїм досвідом і знаннями в цій області. Який софт або сервіс віддаєте перевагу? А може і не варто паритися і замовити роботу у фахівця ?! Пишіть ...
Я ось зовсім не давно купив і почав вивчати класний курс Сергія Буйбарова, блін він реальний профі в своїй справі, однозначно варто у нього повчитися! Так, у нього ще є і безкоштовний курс ... рекомендую ознайомитися!
А я з Вами не прощаюсь До скорого!
Перед тим як що-небудь зробити, спочатку визначимося, який він буде статичний або анімований ?Який софт або сервіс віддаєте перевагу?
А може і не варто паритися і замовити роботу у фахівця ?