Як зробити свій банер

Як зробити свій банер

Створення власного сайту — важливий крок у розвитку людини і вигідний хід для молодої компанії. До найважливіших атрибутів будь-якого сайту належать інформативність, зручність навігації та дизайн. Однією з найбільш значущих деталей дизайну, в свою чергу, є барвистий і оригінальний банер.

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

Редактор растрової графіки Adobe Photoshop

Інструкція

  1. Спочатку потрібно визначитися з розміром банера. Найчастіше банери займають всю (або практично всю ширину) сайту і мають невелику висоту. Тому на початку потрібно дізнатися ширину свого сайту (зробити це можна як засобами html, так і програмою DreamWeaver, що використовується для розробки сайтів) і визначитися з висотою вашого банера.
  2. Створюємо новий документ в програмі Adobe Photoshop (версія в даному випадку вагомої ролі не грає). Ширину і висоту нового документа задаємо в пікселях, Фон переважно використовувати білий або чорний, щоб він не відволікав вас про процесу створення банера. Потім його можна замінити на більш цікавий колір (який підбирається трохи світліше, або навпаки, темніше основного фону сайту). Коли розміри і фон вибрані, можемо натискати «ОК» і приступати до створення цікавого банера.
  3. Як правило, баннер складається з графічної інформації — ряду невеликих картинок і тексту (на якому представлена ​​в кількох словах найважливіша інформація — про що і для кого даний web-ресурс). Для того, щоб розмістити на банері невеликі картинки, відкриваємо в окремих вікнах вихідні зображення або вже готові кліпарти і перетягуємо на банер, використовуючи інструмент «ласо», яким виділяємо об’єкт. Потрібно застосувати клавіші CTRL + C для копіювання малюнка. Далі ми робимо вікно банера активним клацанням по ньому, натискаємо CTRL + V — і потрібний графічний об’єкт розміщено на банері.
  4. Додавання текстової інформації набагато простіше. Використовуємо інструмент «текст» (іконка — заголовна буква «Т»), і на активному вікні створення банера друкуємо потрібні слова. Змінити колір тексту можна, використовуючи панель атрибутів «Текст», також можна використовувати інструмент «Піпетка» для підбору потрібного кольору з елементів банера.

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

Дуже важливо визначитися з тим, який банер вам потрібен — анімований чи статичний. Якщо на вашому сайті є безліч текстової інформації, обов’язкової для прочитання, краще використовувати статичну картинку — вона не буде відволікати відвідувачів від важливих матеріалів.

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

Незважаючи на той факт, що зробити цікавий і оригінальний банер в фотошопі може практично кожен, для серйозних сайтів і порталів має сенс звернутися до досвідченого дизайнера з портфоліо. Знайти дизайнерів-фрілансерів можна на спеціалізованих ресурсах, наприклад на www.demiart.ru.