Як зробити банер для сайту самостійно
Відео: Як самому зробити рекламний GIF банер в Фотошопі? Як зробити банери для сайту відео
Рано чи пізно кожен початківець веб дизайнер або власник сайту приходить до думки про те що йому необхідна якісна і красива реклама сайту. Для цього існує чимало можливостей та інструментів. Але мабуть самим традиційним і дієвим способом такої реклами (розкрутки) сайту є - банерна реклама. Але тут виникає питання, а як зробити банер для сайту самостійно, так як на початковому етапі бюджет сайту сильно обмежений, і тому не кожен власник готовий заплатити фрілансерам за виготовлення банера. Виявляється, зробити банер для сайту не таке вже й складна справа і дуже близьке за технологією з таким процесом як зробити шапку для сайту, при цьому ми ведемо мову про статичному банері.
Отже, приступимо, як зробити банер для сайту. Для цього нам знадобиться програма «Фотошоп», причому немає необхідності гнатися за найсучаснішими версіями, для нашої мети цілком підійде і фотошоп 6-й версії. До речі хто не знає, як зробити фонове зображення для сайту, а так само шапку для вашого сайту може так само скористатися даною програмою для цих цілей.
Для того, щоб дати відповіді на питання як зробити банер для сайту, необхідно відкривши програму створити наш банер точніше його основу. При цьому слід пам`ятати, що стандартні банери мають кілька типорозмірів. Як правило, на сайтах застосовуються банери 468х60, 120х120, 100х100, а так само 88х31. Розглянемо варіант виготовлення банера з розміром 468х60.
Після того як відкрили програму натискаємо вкладку «файл» - «новий». Після в вікні прописуємо розміри (висоту 60 і ширину 468) при цьому обов`язково переконайтеся в тому, що одиницями виміру є пікселі. Дозвіл ставимо на значення 150 пікселів на дюйм, і вибираємо прозорий фон.
Далі необхідно на нашому банері розмістити картинку і текст. Але для початку заллємо наш банер потрібним вам кольором. Для цього зліва в панелі інструментів виберіть інструмент заливка, але перед цим обов`язково виберете необхідний колір (клацаємо лівою кнопкою по верхньому квадратику кольоровості і в палітрі вибираємо необхідний вам колір). А ось тепер можна використовуючи заливку зафарбувати фон банера в обраний колір.
Тепер розмістимо картинку на банері. Для цього спочатку визначитеся з картинкою, яку будете розміщувати. Бажано що б вона представляла не складну фігуру і була якщо не логотипом, то максимально схожою на нього (хоча багато що залежить від завдань які стоять перед банером). Після того як картинку вибрали, до речі, вона повинна мати розширення або jpg або gif, відкриваємо її в фотошопі. Після цього підганяємо розмір картинки під наш банер. Для цього в основному меню вибираємо вкладку «зображення» - «розмір зображення». Після чого у вікні, необхідно задати висоту картинки в 60 пікселів при цьому обов`язково повинна стояти галочка в полі «зберігати пропорції». Якщо ж зображення має свій фон, то попередньо його необхідно вирізати і вставити в нове зображення з прозорим фоном. Після того як розмір підігнали вибравши інструмент переміщення перетягуємо зображення на наш банер і розміщуємо там в необхідному нам місці.
Тепер нам необхідний текст. Для цього за допомогою інструмента «текст» вписуємо необхідну нам фразу і розміщуємо простим перетягуванням по картинці як нам необхідно. Після цього залишається вибрати в меню «зберегти для web» (зберегти як) і при збереженні вибрати формат зображення jpg.
Відео: Як зробити банер з анімацією самому Безкоштовно і просто!
Але багатьом банера з текстом буває мало бажано, що б це був банер посилання. Як зробити посилання для свого банера і зв`язати їх. Для цього необхідно на сайті який розмістить ваш банер написати наступний код (це можна зробити і в html редакторі типу дрімвевер) lt; а href ="URL вашої сторінки"gt; lt; img SRС =" URL БАНЕРА " gt; lt; / Аgt ;. для того щоб визначити " URL БАНЕРА " необхідно знати як додати банер на сайт і куди.
Під і все ваш банер готовий і тепер ви не задаєте собі дурне питання як зробити банер для сайту. До речі використовуючи банери, але не статичні, а засновані на флеш-технології можна помітно урізноманітнити сторінки вашого сайту і надати йому вигляд типу як красиві флеш сайти.
