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

Банер являє собою один з багатьох варіантів реклами продукту, компанії або сайту. Така реклама дуже популярна серед рекламодавців. Її розміщують в газетах, на стендах, просто приклеюють на будівлі або роздають на вулиці.

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

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

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

Існує чотири основних формату зображень:

1. JPG є найпростішим для виготовлення, це просто зображення.
2. GIF це формат анімованих зображень, він застосовується для збереження «живої» картинки, на якій відбувається зміна декорацій, тексту і так далі. До речі, улюблені всіма смайли зберігаються в цьому ж форматі.
3. PNG хороший тим, що його легко відредагувати, якщо є збережена копія исходника, проте «важить» він набагато більше, ніж файл у форматі GIF. Це може позначитися на швидкості завантаження сайту, якщо у користувача інтернет з невеликою швидкістю передачі даних.
4. FLASH самий «важкий» формат як за обсягом, так і за принципом створення, однак він себе виправдовує. Файл з таким розширенням робиться в програмі Adobe Flash, і можна зробити дійсно шедевр, однак людина без досвіду навряд чи в ній зможе працювати.

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

Динамічний банер

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

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

Створивши новий документ в фотошопі, знайдіть відповідну картинку в інтернеті. Її не обов'язково зберігати на комп'ютер, досить його просто скопіювати (Ctrl + C), а потім вклеїти в наш створений документ (Ctrl + V).

Якщо зображення не підходить за розміром, ви легко можете його відредагувати, вибравши з меню вгорі «Редагування» пункт «вільна трансформація». Навколо зображення з'явиться рамка, якою можна, за допомогою миші, задати необхідний розмір.

В фотошопі в самому низу праворуч необхідно зробити новий шар - наведіть на іконки, випливе підказка. Або ж використовуйте поєднання клавіш (Shift + Ctrl + N), і там же перетяните його під машину, щоб вона не зникла після розфарбовування шару.

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

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

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

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

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

Анімація створюється так. Відкриваєте в програмі декілька приготованих для баннера фото одночасно. У вас вийде кілька відкритих вікон.

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

У верхній частині панелі управління програмою є пункт «Меню». Натискаєте на нього і вибираєте розділ «Анімація». З'явиться вікно, в якому буде видно перший кадр, але це нормально. Щоб додати інші, необхідно натиснути в цьому вузькому віконці на невелику кнопочку, вона виглядає як три лінії, потім у випадаючому меню вибрати «Створити кадри з шарів», і вони з'являться.

Однак це ще не все. У самому низу вікна, де розташовані наші кадри, ви можете натиснути на кнопку відтворення і подивитися, як буде виглядає наш банер. Занадто швидко миготять картинки? Нічого страшного, натисніть на будь-який кадр, задайте йому час відображення.

Там же вибираєте вид перегляду - зациклений (постійне повторення), або один раз. Якщо задати таку команду, анімація зупиниться на останньому кадрі.
Красиво? Ну, хто б сумнівався. Тепер потрібно правильно зберегти наш шедевр. Для цього натискаєте вгорі «Файл», і вибираєте в підміню «Зберегти для Web і пристроїв». Відкриється велике вікно, вибираєте кількість квітів, потім зберігаєте. Формат файлу спочатку gif, його не міняєте.

Порада: пам'ятайте, якщо зробили щось не те або помилилися при виборі команди, у верхньому меню «Редагувати» можна в будь-який момент вибрати команду «Крок назад».

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

У програмі натискаєте «Файл», в ньому пункт «Створити» і вибираєте розміри і фон майбутнього банера. Для зручності можна вибирати ширину і висоту або в пікселях, або в сантиметрах. За замовчуванням новий документ створюється в кольорі RGB і з дозволом сімдесят два пікселя, ці параметри не міняйте, вони оптимальні для відображення в інтернеті. Розміри вибираєте, виходячи з розмірів підготовленої картинки, тільки висоту задавайте на п'ятдесят-шістдесят пікселів більше, туди ви розмістите кнопку.

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

Рада. Якщо знімете галочку напроти пункту «Зберігати пропорції», ви зможете зображення витягнути або звузити.

Коли все буде готово і банер вам подобається, натискаєте «Файл», а в ньому «Зберегти як», і зберігаєте картинку на комп'ютер.
.
У програмі можна робити багато чого - красиві оформлення для фотографій, колажі, просто малюнки. Такими фото наповнений інтернет, потрібна лише фантазія і знання можливостей фотошопа.

Якщо ви новачок, в мережі можна легко знайти безкоштовні програми та уроки для вивчення.

Відео уроки