http://poradumo.pp.ua

Online Журнал-Світ порад.
Головна сторінка

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

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

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

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

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

  • JPG є найпростішим для виготовлення, це просто зображення.

  • GIF це формат анімованих зображень, що він застосовується для збереження «живої» картинки, на якій відбувається зміна декорацій, тексту і так далі. До речі, улюблені всіма смайлики зберігаються в цьому ж форматі.

  • PNG хороший тим, що його легко змінити, якщо є збережена копія оригіналу, проте «важить» набагато більше, ніж в файл форматі GIF. Це може позначитися на швидкості завантаження сайту, якщо у користувача інтернет з невеликою швидкістю передачі даних.

  • FLASH «найважчий» формат як за обсягом, так і за принципом створення, однак він себе виправдовує. Файл з таким розширенням робиться в програмі Adobe Flash, і можна зробити дійсно шедевр, однак людина без досвіду навряд чи зможе працювати.


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

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

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


    Отже, запускаєте програму, і створюєте новий документ необхідного вам розміру (файл - новий). Відразу подумайте, він буде прозорим чи ні, це теж можна задати в меню при створенні документа. Звичайно, фон можна потім стерти, але навіщо робити зайву роботу. Пам'ятайте, що, якщо ви хочете зробити банер у фотошопі з прозорим фоном, не зберігайте його в форматі jpg, тоді всі зусилля пропадуть дарма. Для цієї мети існує чудовий формат gif, який не тільки збереже фон прозорим, але і дозволить навіть відтворити анімацію.
    Прозорий фон малюнка цікавий тим, що його можна поставити на поверхню будь-якого кольору, головне зробити банер якісно.
    Створивши новий документ в фотошопі, знайдіть підходящу картинку в інтернеті. Її не обов'язково зберігати на комп'ютері, досить просто скопіювати його (Ctrl+C), а потім вставити в наш створений документ (Ctrl+V).
    Якщо зображення не підходить за розміром, ви легко можете його змінити, вибравши з меню вгорі «Правка» пункт «вільна трансформація». Навколо зображення з'явиться рамка, якій можна, за допомогою миші, задати необхідний розмір.
    В фотошопі в самому низу праворуч необхідно зробити новий шар - наведіть на іконки, випливе підказка. Або ж використовуйте поєднання клавіш (Shift+Ctrl+N), і там же перетягніть його під машину, щоб вона не зникла після розфарбовування шару.
    Тепер раскрашиваете цей шар потрібним вам кольором, використовуючи інструмент «Заливка» на панелі зліва, або ж можете скористатися інструмент «Градієнт», вийде більш красиво.







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

    Зберігаєте зображення у форматі gif, він буде нашим першим кадром анімації.
    Як ви, напевно, вже зрозуміли, ефект досягається шляхом зміни кадрів із заданою періодичністю. Зробити анімацію з декількох картинок неважко, програм для цього існує безліч, однак її можна зробити і за допомогою фотошопу.
    Анімація створюється так. Відкриваєте в програмі кілька приготовлених для банера фото одночасно. У вас вийде кілька відкритих вікон.
    Виділяєте зображення, яке буде відображатися в самому початку анімації і в полі шарів розміщуєте його в самий верх списку. Потім, за допомогою миші, перемістіть їх на основну картинку і так все. Ви побачите, що наш майбутній банер наповнився різними зображеннями, кожне з яких видно в шарах внизу праворуч. Після цього інші відкриті картинки, крім головної, можна закрити.
    У верхній частині панелі управління програмою є пункт «Меню». Натискаєте на нього і вибираєте розділ «Анімація». З'явиться вікно, в якому буде видно перший кадр, але це нормально. Щоб додати інші, необхідно натиснути в цьому вузькому віконці на невелику кнопочку, вона виглядає як три лінії, потім у випадаючому меню вибрати «Створити кадри з шарів», і вони з'являться.
    Однак це ще не все. У самому низу вікна, де розташовані наші кадри, ви можете натиснути на кнопку відтворення і подивитися, як виглядає наш банер. Занадто швидко миготять картинки? Нічого страшного, натисніть на будь-який кадр, задайте йому час відображення.
    Там же вибираєте вид перегляду - зациклений (постійне повторення), або один раз. Якщо поставити таку команду, анімація зупиниться на останньому кадрі.

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

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


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

    .

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

    Відео уроки






    of your page -->

    Популярні поради

    загрузка...