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

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

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

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

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

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

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

Варто відмітити, що в даному уроці не піде мова про те, як зробити флеш банер, одного маленького уроку просто не вистачить, щоб навіть трохи пояснити процес. Щоб напевно зрозуміти і добре засвоїти, як зробити flash банер необхідно вивчити цілий ряд статей, зрозуміти всі тонкощі і нюанси. Крім того потрібна деяка практика, інакше банер може вийде корявий і некрасивий. У даній статті мова піде тільки про фотошопі, звичайно, розмір його банера буде на порядок більше, ніж під flash, зате якість нічим не гірше. Та й новачкові розібратися набагато простіше.

Перед початком створення самого банера визначитеся з концепцією. Придумайте що-небудь оригінальне, помітне, то що буде помітно навіть на самому яскравому сайті. Але в теж час стежте за тим, щоб банер не був набридливим і громіздким. Бажано, щоб банер був яскравий, світлий, інтригуючий. Все це лежить в основі вашої ідеї, яка є головним показником. Нехай на банері буде зображено щось пов'язане з тематикою вашого сайту, нанесений короткий пояснювальний слоган, завдяки якому буде зрозуміло, що ви пропонує користувачеві. Також варто звернути увагу на те, чи будете банер статичним або анімованим. Зрозуміло, що анімований малюнок містить більше інформації і більше впадає в очі, але його складніше виготовляти. Зазвичай веб-майстри роблять банер по такій концепції: максимально наближений до теми рисунок, причому якість і зрозумілість повинна бути на висоті і невеликий текст, що виражає основну ідею сайту. Ще можна додати адресу сайту, так користувачі будуть помаленьку запам'ятовувати його, і незабаром банер можна буде прибрати. Зверніть увагу на зрозумілість, тому якщо людина не буде розуміти, що йому пропонують, він просто пройде мимо.
Після того як визначитеся з темою, палітрою кольорів, зображеннями і текстом, варто підібрати розмір, після чого можна приступити вже до створення банера. Не можна просто знайти фото і написати величезний текст, щоб потім викласти все на лист розміром A4. Існують певні розміри і стандарти, під які ви повинні підлаштовуватися, інакше ви просто не знайдете майданчики під свій банер.

Основні стандарти:

728 * 90
160 * 600
100 * 100
240 * 400
468 * 60

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

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

Давайте розберемо створення на конкретному прикладі. Банер буде мати розмір 468 * 60. Створіть новий документ в фотошопі і залийте його потрібним кольором.
Тепер пора запастися картинками. Для цього відкриваємо гугл і шукаємо підходящі. Зверніть увагу на їх розмір. У голові ви вже повинні приблизно представляти картину в цілому, тому чи буде малюнок вертикальним або горизонтальним вирішувати вам. Необов'язково брати фото з інтернету, якщо ви володієте знаннями фп, можна спробувати зробити їх самому.

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

Після нанесення зображення подбайте про текстової інформації. Адже банер повинен нести якусь смислове навантаження. Добре, якщо ви зможете умістити всю інформацію про сайт в одне маленьке пропозицію. Наприклад: "Дитячі товари: одяг та іграшки".

Якщо банер анімований, зробіть кілька картинок з різною інформацією, в цьому вам допоможе вбудований фільтр для створення анімації. Користуватися ним вкрай просто, всі налаштування інтуїтивно зрозумілі. Щоб відкрити цей фільтр відкрийте перейдіть у Вікна-Анімація. Знизу з'явиться віконце, де будуть відображатися всі кадри документа. Експериментуйте з ними, може у вас буде 2 кадри, а може і всі 5. Головне, щоб користувач встиг прочитати інформацію на всіх картинках і не пішов зі сторінки.

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

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

Після створення банера потрібно його зберегти, для цього перейдіть за цим вкладці Файли- Зберегти для web, виберіть дозвіл jpg (це обов'язково, тому що тільки цей формат підтримує анімацію).

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

Щоб створити хороший банер вам досить освоїти елементарні речі в фотошопі. Всього 2-3% знань від всієї програми дадуть вам приголомшливі результати.