Как да създадете банер в Photoshop: ръководство стъпка по стъпка, съвети за начинаещи

Всеки от нас всеки ден се сблъсква с реклама, гледане на телевизия, заседание в интернет, на открито, в търговски център и много повече. В тази статия ще говорим за един от най-популярните видове реклама - банери. Ще разберете какви са банерите, какви са те и как да създадете банер в Photoshop.

Какво е банерна реклама

Банерна реклама - графичен образ на рекламния характер. Рекламни табла по улиците, простиращи се над магазините, картини на сайтовете в интернет, когато кликнете върху това, се преместите на друг сайт - всичко това са банери. Уличните банери се появиха отдавна, когато дори нямаше радио. Но в интернет изтича през 1994 г. и бързо започна да придобива популярност. Към днешна дата, нито един бизнес не може да направи без реклама, и по-специално, реклама в интернет, и банери - е един от най-ефективните инструменти за насърчаване на стоки и услуги.


Какви видове банери има

  • Външен рекламен банер. Изработена от специална поливинилхлоридна филм, винил, латекс или найлон хартия. Това е правоъгълно платно с различни размери, върху което се отпечатва рекламна информация. Печатането се извършва от принтери на широкоформатен печат - плотери.
  • Рекламни банери в интернет. Първоначално това бяха ярки, запомнящи се картини, но с развитието на технологията се появиха банери с анимирано съдържание, под формата на кратко видео, както и интерактивни мини-игри. Във всеки случай, това е реклама,защото съдържа хипервръзки, които водят до конкретен сайт. Дори и да не кликнете върху банер, информационният образ на рекламния герой ще остане в паметта.
  • Видове интернет банери по методи за изпълнение

    Преди да научим как да създадем банер в Photoshop, ще се запознаем с различните начини за тяхното реализиране.


  • Статично. Най-простият банер е картина с рекламно съдържание. Размерът на файла е малък, така че се зарежда бързо дори при бавна интернет връзка. Лесно е да се създаде банер в "Photoshop" и други графични редактори.
  • Анимирани. Те ги тежат няколко пъти по-статично, в това отношение те се зареждат по-бавно, но повече се хвърлят в очите на потребителя. Много по-сложно е да се създаде такъв рекламен банер в Photoshop.
  • Богат текст (богат текст). Банер, подобно на информационна статия от графичен компонент.
  • HTML5 JS, флаш анимация. Това са банери, които са интерактивни мини-програми. Например: различни тестове, примитивни игри, въпросници. Както можете да разберете, създаването на такъв банер в "Photoshop" няма да успее.
  • Определяне на размера на банера

    Преди да научите как да създадете оформление на банер в Photoshop, трябва да определите неговия размер. Стандартният размер е 100 x 100 пиксела. Най-често използваната опция е 468 x 60 и 234 x 60. Първата цифра определя ширината и втората дължина. Така вертикалният банер ще има размер, например 60 x 468 пиксела. Затова е важно да знаете къде ще поставите вашия банер.
    От каквоstart
    Тук открихме, че можете да създадете банер в Photoshop както големи, така и миниатюрни. Но не е необходимо да бързате и преди да отворите програмата, за да създадете банер, както във всеки творчески бизнес, трябва да разберете дизайна и съдържанието. Съветваме ви да направите това с хартия и моливи. Първо рисуваме правоъгълник, като отчитаме пропорциите на бъдещия банер. Ще излезем с необходимия рекламен текст. След това определете какъв ще бъде фонът. Необходимостта от рисуване на всичко това не е достатъчно, просто напишете замислена дума. След това можете да обобщите кои снимки можете да вмъкнете и къде да ги сложите стилно, включително възможното лого на марката. Най-вероятно получената хартия ще изглежда като схематичен план. Финален етап на обучение: Търсим снимки в интернет, които отговарят на вашата идея. Важно е да запомните авторските права, така че изберете снимки за безплатни ресурси.

    Създаваме собствен рекламен банер

    Така че оформлението ви е готово. Сега да се обърнем към основния процес. В тази статия ще направим статичен хоризонтален банер с размер 468 x 60 пиксела и текста "iPhone 5. Продажбата не е шанс" в програмата Photoshop CS6.
  • Стартирайте програмата. Създаваме нов документ с размери 468 x 60 пиксела.
  • Ще направим синия фон, плавно ще се преместим в бяло. За да направите това, изберете цвета в долния бял ъгъл, след което изберете инструмента за пълнене на градиента. За да приложите пълнежа, натиснете курсора на едната страна на кърпата и, без да пускате, плъзнете до друготокрая Опитайте различни опции, докато не го намерите.
  • До следващия елемент ще вмъкнем снимка, намерена в търсачката. Отворете го в Photoshop. За да започнете, ние ще увеличим размера на картината под банера - избираме раздела "Изображение" в менюто и щракваме върху "Размер на изображението". Задаваме височина от 60 пиксела, а ширината ще бъде пропорционална на намаляване. Сега трябва да отделите изображението на смартфона от фона. Изберете инструмента "Polygon Lasso" и изберете необходимото пространство. След това преместваме избраната област с помощта на командата "copy-paste".
  • Вмъкване на текст с помощта на инструмента "Текст". Регулирайте размерите, изберете шрифта и цвета. Можете да използвате готови шаблони в полето за стил. Обърнете внимание на раздела „Слоеве“. Там всеки банерен елемент е отделен слой. Можете да копирате, изтривате, променяте различни свойства поотделно. Дублираме слоя с картината и преместваме второто изображение на противоположната страна на платното. Остава само да запишете файла. Изберете формат JPG, GIF или PNG, докато записвате.
  • Първият ви банер е готов, просто трябва да го поставите на желания сайт. Всъщност всичко се оказа съвсем просто. Това беше уводна статия за начинаещи с минимална подробна инструкция за създаване на банер. В интернет има много специални литературни и видеоуроци. След като прекарахте няколко дни в проучването на тази велика програма, можете да създадете много по-качествени рекламни банери. Също така си струва да се отбележиче има подобни продукти с лесна функционалност, както и приложения, специално създадени за създаване на рекламни елементи.

    Свързани публикации