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

Баннер – один из самых распространенных видов рекламы, но для запуска рекламной компании его еще нужно создать. О том, как сделать обычный или анимированный баннер для сайта в режиме онлайн (с помощью сайтов-конструкторов) или с помощью программ, и пойдет речь в этой статье.

Баннер (англ. banner – знамя) – графическое изображение рекламного характера. В сфере Интернет баннер является особым форматом рекламы, содержащим гиперссылку на рекламируемый сайт.

Заблуждение – считать единственной задачей баннера привлечение пользователей. У баннерной рекламы есть и другая роль – сформировать узнаваемый бренд, создать ему положительный имидж. И отличным примером этого служат интернет-баннеры популярных операторов сотовой связи. Во многих видах рекламы используются их логотипы, которые активно раскручиваются рекламой. Но больший вклад в это дело вносят именно баннеры.

Использование баннеров очень полезно для рекламы каких-либо платных товаров или услуг, что поможет владельцу интернет-магазина .

1.1 Форматы баннеров

Прежде всего, возникает вопрос о геометрических размерах баннера. Ведь его размещение планируется на различных сайтах интернета. Вообще-то можно использовать любой размер на свое усмотрение, а затем находить площадки, которые согласятся такой баннер разместить. Однако стандартизация помогает в значительной мере упростить это дело. Например, многие веб-ресурсы изначально содержат статические области, предназначенные для баннерной рекламы (определенных размеров).

Чаще всего в интернете используются следующие стандартные размеры баннеров (сетка взята из рекламной кампании Google Adsense):

Примечание: размеры (горизонтальный Х вертикальный) указаны в пикселях (px).

Посмотреть, как выглядят баннеры данных форматов, можно .

1.2 Виды баннеров

Помимо формата следует учитывать и еще одну особенность. Баннер, по способу его реализации, относят к одному из трех видов:

• Статичный баннер – самый простой вариант. В этом случае баннер представляет собой одну статическую картинку (неменяющееся изображение). Преимущества – простота реализации, небольшой вес файла. Недостаток – минимум выразительности; такие баннеры, как правило, менее эффективные, нежели их другие виды.
• Анимированный баннер представляет собой несколько изображений, поочередно меняющихся во времени. Формат подобного файла – «.gif». Преимущества – высокая эффективность, неплохая выразительность. Недостаток – довольно большой вес баннера по сравнению с предыдущим вариантом.
• Флеш-баннер (Java-баннер) – самый сложный по степени реализации вариант. Создается по технологии Adobe Flash. Благодаря своим особенностям (использование векторной графики вместо растовой) значительно уменьшается объем файла, но появляются дополнительные возможности (звуковые эффекты, плавное изменение кадров и т.д.). Некоторые баннеры дают возможность совершать интерактивные действия (нажимать кнопки на баннере, играть в мини-игры и т.д.). А рекламная внутри и не видна пользователю. По сути, данный баннер представляет собой программу. Преимущества – высочайшая эффективность, отличная выразительность, небольшой размер файла. Недостаток – дополнительные требования к сайтам (необходима поддержка Java) и браузерам (может не работать на старых версиях браузеров, не поддерживающих Flash-анимацию).

2. Как сделать баннер онлайн

Одним из способов сделать анимированный баннер онлайн является сервис bannerfans.com. Его преимущество состоит в том, что функционал создания баннера превосходит аналогичные ресурсы. Есть возможность смены языка (русский поддерживается).

Прежде чем начинать создавать баннер, можно скачать несколько подходящих шаблонов, на основе которых и будет конструироваться макет. Дело в том, что очень сложно создавать красивые баннеры самостоятельно, не будучи web-дизайнером. А шаблоны вполне готовы к использованию, на них нужно будет лишь добавить текст (и, возможно, подредактировать цветовую гамму).

Несколько красивых шаблонов баннеров можно взять . А для работы в фотошопе можно воспользоваться этими .

С помощью данного сервиса можно создавать не только баннеры, а и логотипы, фавиконы и, возможно, собственные уникальные для сайта.

Теперь о том, как создать баннер для сайта с помощью Bannerfans . Делается это за 5 шагов.

2.1 Шаг первый: создание макета

Итак, сначала нужно перейти в онлайн-конструктор баннеров – вот ссылка . Переключив язык интерфейса на русский (правый верхний угол сайта), выберите закладку «Макет » (первая область на скрине ). Здесь создается фон для будущего баннера.

После этого необходимо выбрать размер изображения (свой, фиксированный или шаблонный). Если вы воспользуетесь шаблоном, то выбирайте первый пункт (вторая область ).

Теперь можно выбирать фон изображения (третья область ). Вы можете загрузить свое изображение, для чего нужно выбрать третий пункт. Если же шаблона у вас нет, выбирайте первый пункт (сплошной цвет) или второй (заливка градиентом). На скрине показан вариант с градиентом.

В четвертой области выбирается начальный цвет градиента и конечный.

В пятой области выбирается тип (режим) градиента.

2.2 Шаг второй: создание надписи

На этом этапе можно создавать до 6 различных надписей. Но сначала нужно перейти на вкладку «Текст ». На скрине ниже область разделена на семь частей.

Первая область – превью, где можно посмотреть, как будет выглядеть баннер. Эта область примечательна тем, что прямо на ней можно «двигать» надписи, меняя их положение на фоне. К недостатку сервиса по созданию баннеров следует отнести то, что все изменения, которые вы будете вносить, происходят не в онлайн-режиме (для этого приходится нажимать на кнопку «Изменить баннер »).

Вторая область – непосредственно надписи. Можно создавать до 6 различных вариантов. Но длину надписи следует делать такой, чтобы она поместилась на фоне баннера.

Третья область – выбор шрифта надписи. Тут следует быть осторожным – выбор огромен, но не все шрифты поддерживают кириллицу.

Четвертая область – размер шрифта.

Пятая область – цвет надписи. Доступен довольно большой выбор.

Шестая область – наклон надписи (относительно горизонтали).

Седьмая область – кнопка «изменить баннер». Используется для отображения внесенных изменений.

На этом этапе можно создавать эффекты, приводящие к появлению теней от надписей. Это помогает создавать баннеры более выразительными. Для начала нужно перейти на вкладку «Воздействие ».

Тень – выбор положения тени (справа, слева, сверху, снизу и т.д.)

Расстояние – удаленность тени от основной надписи.

Цвет – выбор цвета тени (по умолчанию выбран серый).

Яркость – выбор яркости тени.

Текст плана – выбор толщины рамки надписи (при создании, текст обводится дополнительным цветом, что делает надпись объемной).

Наброски цветов – выбор цвета рамки.

Этот этап очень простой. Здесь можно сделать при необходимости рамку для своего будущего баннера.

На скрине ниже показаны варианты рамки (отсутсвует, сплошная, пунктирная, двойная сплошная и двойная пунктирная).

Под рамками находятся другие настройки – цвет, размер, удаленность от границ фона и яркость линии.

2.5 Шаг пятый: сохранение баннера

Заключительный этап. Осталось только выбрать формат, в котором будет сохранено изображение, а затем скачать готовый баннер.

. PNG – формат, гарантирующий высокое качество изображения, но и размер его будет большим.

. GIF – самый «легкий» формат. Невысокое качество, но и малый размер файла.

. JPG – что-то среднее между двумя предыдущими вариантами.

3. Программы для создания баннера

Существует множество программ, позволяющих самостоятельно создать простенькие анимированные баннеры для сайта. Все их рассматривать смысла нет, но одну следует разобрать подробнее.

3.1 Easy GIF Animator

Очень удобной программой для создания баннеров является Easy GIF Animator, которую можно скачать бесплатно по этой ссылке (около 4 Мб). Хотя сама программа платная (стоимость около 30$), все же первые 20 запусков бесплатны (ознакомительные). Программа создает незамысловатые анимированные GIF-баннеры для сайта.

Установив программу и запустив ее, выберите пункт «Создать анимированный баннер ».

После этого появится окно для создания фонового изображения. Можно указать стандартный размер баннера из предложенных программой, а можно указать нестандартный – свой собственный (благодаря чему можно даже создать свой анимированный ). Также есть возможность определить размеры шаблона баннера для его дальнейшей обработки.

В следующем окне определяются параметры цветовой гаммы баннера. Можно загрузить свой шаблон, а можно выбрать простой цвет или градиент.

Далее идет окно создания надписей. Тексты (не более 3 штук) будут следовать один за другим с выбранной задержкой. Для надписи можно выбрать шрифт, размер и цвет. Также указывается выравнивание и эффекты появления/исчезания текстов.

Это последний шаг создания анимированного баннера для сайта с помощью данной программы. Баннер, конечно, получается простенький, но для начала и это подойдет. Вот, что может получиться в итоге:

3.2 Другие программы для создания баннеров

1. Banner Maker Pro – еще одна небольшая программа (около 6 Мб), которая дает возможность создавать анимированные несложные баннеры, мини-логотипы или кнопки. Очень проста и удобна в использовании, но ее возможности ограничены.

12.11.14 30.7K

Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких «мудреных » мы и поведаем, как сделать баннер.

Что такое баннеры

Под баннером в интернете подразумевается прямоугольное рекламное изображение со статическим или динамическим (анимированным ) содержимым. Баннер может включать в себя как текст, так и графический рисунок. Баннер, как правило, снабжен ссылкой, активирующейся после щелчка по нему кнопкой мыши.

Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые «созвучны » с тематикой ресурса:

Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:

• Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате JPEG или PNG . Характеризуются малым весом, не влияющим на скорость загрузки страницы.
• Анимированные баннеры – анимация создана с помощью GIF . Состоит из нескольких картинок, сменяющих друг друга с заданной частотой. Вес баннера зависит от количества используемых в нем изображений.
• Flash – в таком баннере анимация сделана на основе Flash . Она может реагировать на действия пользователя.

Интерактивное содержимое может быть представлено в форме игры или анкеты с добавлением звука. Рисунки для анимации создаются с помощью векторной графики.

Существует много различных размеров баннеров для сайта. Но самыми популярными из них являются:

• 88 на 31 пиксель;
• 120 на 60 пикселей;
• 120 на 90 пикселей;
• 120 на 240 пикселей;
• 125 на 125 пикселей;
• 120 на 600 пикселей;
• 160 на 600 пикселей;
• 180 на 150 пикселей;
• 234 на 60 пикселей;
• 240 на 400 пикселей;
• 250 на 250 пикселей;
• 300 на 600 пикселей;
• 300 на 250 пикселей;
• 336 на 280 пикселей;
• 150 на 150 пикселей;
• 468 на 60 пикселей;
• 728 на 90 пикселей.

Признаки эффективного рекламного баннера

Эффективность рекламного баннера, размещенного на сайте, зависит не только от популярности площадки. В большей мере его эффективность зависит от уровня выполнения самой рекламы. Качественный баннер должен отвечать нескольким основным критериям:

• Привлекать внимание пользователя – но это не значит, что баннер должен быть чересчур ярким и мигающим. Такая реклама вызовет у посетителя раздражение, а не внимание. Содержимое баннера должно ненавязчиво «намекнуть» пользователю о своем присутствии. Поэтому при подборе изображения и текста для него всегда должен учитываться психологический фактор;
• Вызвать интерес – баннеры для сайта должны вызывать у пользователя интерес к объекту рекламы. Товар или услуга должны быть поданы не только со вкусом, но и оригинально. Приветствуется использование легкого остроумия и юмора:

• Побуждение к переходу по ссылке баннера – достигается за счет эффекта некоторой таинственности и недосказанности,
  вложенного в содержимое баннера.
• Побуждение к заказу услуги или покупке – прежде всего, зависит от содержимого баннерной рекламы. Оно должно показывать самые лучшие стороны объекта рекламы или ту выгоду, которую может получить пользователь от его приобретения.
• Если баннер предназначен для повышения узнаваемости бренда и увеличения его имиджа, то рекламное содержимое должно навеивать потребителю чувство доверия. Но не вызывать при этом негативных ассоциаций.

Закономерности, которые стоит учитывать перед тем, как размещать баннер на сайте:

• Чем больше баннер, тем выше вероятность перехода по нему пользователя. Самым эффективным размером считается 240 на 400 пикселей;
• Наибольшим эффектом обладает баннерная реклама, размещенная сверху (в шапке ). Также она может быть размещена сбоку или внизу страницы, но эффективность здесь несколько ниже;
• Анимированные баннеры способны быстрее привлечь внимание пользователя – интуитивно глаз человека реагирует на движение.

Создание и размещение рекламного баннера

Перед тем, как вставить баннер на сайт, нужно определиться с местом его размещения. При этом нужно учитывать размеры баннера и имеющиеся свободные места на страницах. Определившись с местом расположения рекламного блока, можно вставлять код баннера в html страницы.

Код большинства баннеров соответствует шаблону:

• a href=»/ссылка на сайт рекламодателя» – адрес ресурса, на который приведет пользователя щелчок по баннеру;
• title=»заголовок» – текст, отображающийся в сплывающей подсказке при наведении на область баннера;
• target=»_blank» – задает правила отображения сайта рекламодателя после перехода по ссылке баннера («_blank»- откроется в новом окне);
• rel=»nofollow» – запрещает поисковикам обработку этой ссылки;
• img src=»/путь к изображению» – задает путь к изображению, отображаемому в баннере;
• alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.

Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:

Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:

• Разработка обычного GIF баннера – от 25$;
• Создание баннера на основе Flash – 70-150$;
• Ресайз – примерно 50% от первоначальной его цены.

Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :

Код баннера:

Если еще немного помудрить с кодом и добавить пару обработчиков событий, то получиться баннер с меняющейся картинкой. Изображение в баннере меняется во время наведения на него курсора.

Вот что получилось:

Код примера:

Создание анимированных и видео баннеров

Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .

2 голоса

Доброго времени суток, уважаемые читатели моего блога. Продолжаем говорить о том, как заставить свой сайт работать. Не так давно я писал о контекстной рекламе в целом и в частности. Этот способ чуть больше подходит для молодых проектов нежели Яндекс Директ.

Сегодня же я расскажу немного о другом методе баннерной рекламы. Речь пойдет не о контексте, но чем-то приближенной. Этот способ заработка элементарен до безобразия и более прибылен.

Вы сможете получать деньги даже если только вчера открыли свой сайт и на него заходит всего 5 человек. Я расскажу как сделать баннер на сайт и дать шанс молодому проекту приносить в разы больше денег.

Приступим?

Сервис для создания баннеров

Онлайн сервис bannerovich прекрасно подойдет для новичка. Он немного сложен, не в плане технологии, а процесса получения самого баннера в первый раз. Тем не менее результат, который вы получите в итоге очень даже неплох, а эта статья поможет разобраться со всеми нюансами.

Самое замечательное, что вы можете пользоваться им совершенно бесплатно и . Он позволит создавать даже анимированную рекламу, намного проще фотошопа и более чем идеально подходит для новичка.

Ну что ж, давайте начнем.

Первое, что вам нужно сделать, зайти на сайт Bannerovich и перейти в конструктор баннеров. Будьте внимательны, не редактор, а именно конструктор.

Теперь вводите название проекта. Задайте ширину и высоту баннера, можно при помощи ползунков над кнопкой «Создать баннер» или ввести цифры в по бокам визуального эскиза. Обратите внимание, что представлен он здесь не в полном размере, а всего лишь с сохранением пропорций. Мой результат будет в несколько раз больше.

Вот так выглядит панель редактора. Здесь есть возможность добавить фон, изображение, кнопку, текст или анимацию.

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

Изображения хранятся в одноименной категории и «Разное». Тут есть всякие картинки с подарками, векторными человечками, стрелками и так далее. Выбирайте и при помощи мыши перетаскивайте в нужное место. Я добавил человечка. Если вы передумали использовать какой-то элемент, щелкните по нему и в правом верхнем углу рисунка появится кнопка «Удалить».

Теперь вы можете добавить кнопку. Нажмите на этот элемент, я расскажу более подробно о его функциях.

С основными настройками думаю, что проблем не возникнет. Наверняка вы и сами разберетесь с тем, что такое верхний и нижний цвет, вкругление углов и текст. Я хочу поговорить про Open Link Tab. Так как сама кнопка не анимированная, сменяются только изображения в заданное время, то я рекомендую вам не ставить на нее линк, а использовать ссылку для всей картинки.

В этом случае не будет разницы нажмет посетитель проекта именно на кнопку или в любом другом месте картинки, он попадет именно туда, куда вам нужно. Просто ничего не трогайте в этой графе.

Теперь можете добавить текст. Здесь тоже нет ничего сложного.

Если вы хотите сделать баннер анимированным, то щелкните на «Добавить анимацию», полностью или частично поменяйте рисунок, а затем снова нажмите «Добавить анимацию». Появится еще один кадр. Вы можете добавлять множество кадров, они будут сменять один другой.

Теперь вам нужно щелкнуть на «Получить баннер».

Появится вот такая незамысловатая форма. Введите адрес своей электронной почты и нажмите «Получить баннер» Дождитесь, когда на почту придет письмо, у меня оно почему-то постоянно уходило в спам. Введите этот код и снова «Получить баннер».

Теперь на вашу почту автоматически должно прийти еще одно письмо с поздравлением, что вы сделали свой первый рекламный баннер, а также пароль от личного кабинета и логин. Введите их, и переходите в «Мой кабинет».

Обратите внимание, что если у вас стоит для этого сайта, вам придется его отключить, иначе вы не увидите свой проект. Выключите его, затем еще раз тыкните на «Мой кабинет».

Чуть ниже появится вам проект и html код, который будет нужно добавить на сайт. Скопируйте его.

Как добавить баннер на все страницы

Откройте и зайдите во вкладку «Внешний вид – Виджеты».

Здесь вы увидите доступный виджет «Текст» переместите его в основную колонку, содержимого или область подвала. От этого зависит в боковой панели, нижней или основной расположится баннер. Попробуйте разные варианты.

Кстати, куда именно вы поместите этот виджет, там он и расположится визуально. Если над «Поиском», как я, то картинка встанет над этой панелью. Если под «Рубрики», то… ну вы поняли.

Вставьте скопированный текст в «Содержимое» и поменяйте информацию в кавычках после «a href» здесь должна быть ссылку, куда будет вести ваш баннер. Измените также текст в кавычках после title. Это добавит вашу подсказку. Сейчас она будет выглядеть, как «Баннер сделан на Баннерович».

Вот так у меня получилось в итоге, после всех изменений.

На всех страницах сайта теперь у меня появился этот рисунок.

Добавляем баннер в записи

Если вы хотите вставить картинку в конкретную статью, то откройте категорию «Записи», а затем выберите ту, в которую хотите добавить картинку или создайте новую.

Откройте вкладку «Текст» в правой верхней части поля ввода информации, вставьте html код, измените ссылку и заголовок. Если после этого вы снова откроете «Визуально», то увидите картинку. Ее можно окружить нужным вам текстом.

Готово. Вот так мой баннер.

Надеюсь, вам удалось все сделать самому и проблем при регистрации не возникло. Если что – оставляйте свои комментарии к этой статье. Будем разбираться вместе. Кстати, в моем блоге вы можете прочитать еще для сайта. Они будут чуть менее красивые, зато исключительно html.

Кстати, создание баннеров – это уже хороший способ делать деньги. Могу предложить вам курс «Как заработать, создавая баннеры ». Это хобби может приносить от 30 000 рублей в месяц. Главное найти хорошего клиента и знать кое-какие нюансы, позволяющие увеличить количество кликов по картинке.

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

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

До новых встреч и удачи в ваших начинаниях.

Итак, чем же отличается дизайн широкоформатной (наружной) рекламы от дизайна листовок и плакатов?

1. Если вы сохраните файл размера 2,5х1 м (к примеру) с разрешением 300 dpi (как требуется для полиграфии), то вы осложните жизнь тем, кто будет это печатать, да и себя покажете не профессионалом.

Приблизительно это должно выглядеть так:

Размер макета	DPI
2×1,5 m	150
5×2 m	72
6×3	50

Если макет даже при 50 dpi очень «тяжелый», а нужно переслать по Интернету, то допускается разрешение в 36 dpi.

ВАЖНО! Если файл сделан в Кореле (CorelDraw) не пытайтесь уменьшить dpi в нем. Просто ухудшите качество картинки и все. Если файл очень большой и Корел не дает его сохранить нормально – не отчаивайтесь! Сохраните файл Корела в PSD. И уже в Фотошопе спокойненько сделайте нужное расширение, сжатие LZW и формат Tif.

! Макет для наружки подразумевает, что его не будут разглядывать с лупой. А это значит, что разрешение печати можно сделать меньше. Так что же это такое – разрешение печати? Это и есть пресловутые dpi. Т.е. сколько точек на дюйм. Это в листовочках и прочей полиграфии важно, чтобы картинка была четкая. Если будете в типографии – попросите показать вам пленки, с которых печатается офсетное изображение. И посмотрите ее на свет. Увидите мелкую сетку. Это оно и есть.

Расскажу вам хитрость. Я, да и многие другие умельцы-дизайнеры (если не нашли иначе, или клиент не согласен на покупку фотоизображений) берут картинки из Интернета. Чтобы избежать наездов нецензурного общения с правообладателями фотокартинок, лучше брать картинки с зарубежных сайтов. В этом очень помогает Google. В работе я пользуюсь только им. Очень подробный поиск, по размеру, цвету, по файлу (ура, яндекс тоже научился! но все равно люблю Гугл)! И голосовой поиск. И ищите на Google.com. Русский Гугл больше ориентирован на Рунет. А нам этого не надо.

К чему это я? А!

Для широкоформатной печати файла с разрешением 72 dpi – вполне хватит! Главное, обрабатывайте файлы в Фотошопе, а не в Кореле… Все-таки векторный редактор…

ХИТРОСТИ

Немного теории:

Большая часть широкоформатной рекламы печатается на баннере. Специальной ткани ПВХ. Из нее же делают даже шатры. Представляете ее плотность? Логично, что плотный материал тяжелый. И когда тяжелый баннер вешают (матерясь и обливаясь пОтом:)) его стараются закрепить и укрепить, чтобы он не порвался и не упал. И для этого баннер подворачивают и проваривают. Это называется карманы . Обычно добавляют по 10 см по периметру основного изображения или белого фона. Бывает, закладывают и меньше. Это надо уточнять у тех, кто печатает.

Пример расположения люверса на китайском банере

Иногда, когда хотят сэкономить, клиенты приворачивают баннер на саморезы. Но чаще заказывают люверсы. Это такие железные колечки по краям баннера. Их стандартный шаг — через 50 см. Бывает, просят через 30 см. А для маленьких баннеров люверсы пробиваются по краям баннера. Ну, иногда и посерединке пробьют. (Не серединка картинки, а середина баннерного края)

Если вы лично обратились в печать, то можно еще попросить вот о чем… Если баннер большой, товарищи-лентяи на производстве его могут свернуть как им вздумается, например, квадратиками. А потом у вас будет висеть баннер «квадратиками». В этом случае, вы имеете право попросить разгладить баннер, вплоть до перепечатки! Ну, а чтобы изначально не портить с ними отношения – попросите скатать заказ в рулон. И не будет проблем. Только проследите, чтобы они это записали. А то мало ли что…

ПОЛОСКИ НА ПЕЧАТИ, КОТОРЫХ НЕ БЫЛО НА МАКЕТЕ.

Кликните, чтобы рассмотреть

У вас большая площадь однотонной, преимущественно темной, заливки? Готовьтесь в «полосатой» печати!

С чем это связано?

1. Кончаются чернила в их печатном станке
2. Проблемы с их печатным станком
3. Самая распространенная — экономят чернила

Для сочной печати нужно прогонять (печатать) макет долго. Аналогия со струйным принтером (эх, молодость — наверное уже не все поймут о чем речь)): чтобы напечатать картинку в хорошем качестве, он долго пыхтит, трудится и потом картинка яркая, сочная, но влажная еще некоторое время, ей нужно просохнуть. А когда печать на экономном режиме — вжих! и картинка готова. Но бледная и полосит. :)

Так же и тут, чтобы качественно пропечатать — нужно прогнать печатные головки несколько раз. Обычно их прогоняют 1-2 раза. Почему? Это влияет на скорость работы. А значит и на количество работы. А чаще всего на производстве работают на сделке. Плюс делают налево заказы:) Вот туда ваша краска и идет.

Что делать? Вы заплатили за качественный продукт. Часто макеты отдают завернутыми, запечатанными в скотч. Думаете ради вас? Нет. Скорее всего что-то накосячено. А банер тяжелый и велика вероятность что вы плюнете и не будете потом приезжать и ждать перепечатывания (ибо обычно все делается в последний момент :)).

1. При заказе покажите себя с менеджером придирчивым клиентом. Спросите сразу и про банер (об этом ниже) если на нем печатаете, и попросите показать образцы печати, и уточните ТОЧНО ЛИ будет как здесь напечатано? А как быстро они перепечатают если вы найдете брак? и тд…
   

   Поверьте, таких клиентов не любят! А потому, чтобы избежать выноса мозга в дальнейшем, менеджер позвонит на производство, скажет им что клиент придирчивый, чтобы все было «как надо»… Если уже попадался такой клиент, то и записочку к заказу прикрепят… ПОТОМУ ЧТО ЭТО ВАШЕ ПРАВО. Вы платите за качество. А они в случае перепечатки как раз тратят больше материала, теряют время, что немаловажно.

2. Если не хотите настолько придираться, то обязательно скажите, что у вас макет с большим запечатыванием черного/синего/красного и тд. И повлияет ли это на стоимость заказа?

Да — значит вы узнаете сумму и будете знать, что они уведомлены, что надо печатать хорошо. Но опять же, будете должны проверить макет… Не все добросовсестны, к сожалению…

Нет — значит это включено в стоимость. Понимаете? Вам именно за эту сумму должны напечатать так, как в макете! (не считая небольшого расхождения цветов, об этом ниже).

В любом случае, попросите менеджера НАПИСАТЬ в заказе ПРИ ВАС, что важно, чтобы макет НЕ ПОЛОСИЛ. Да, печатники не обрадуются, но будут знать, что если что — им же и перепечатывать и минимизируют проблему.

ИТОГ: Как бы вас не торопили, обязательно посмотрите макет. Если есть возможность и они не против — заберите макет прямо с производства (в офисе часто говорят что развернуть макет негде. Хотя частями разворачивать с одного края и сворачивать на другом — всегда можно. ) так же могут забыть вам и проварить карманы, люверсов меньше чем заказали, или вообще без них… ПОСМОТРИТЕ ЗАКАЗ ПРИ ПОЛУЧЕНИИ. Это правда важно. Для вас.
…

БАНЕР ЕВРОПА И БАНЕР КИТАЙ.

Сейчас много материалов придумали. Но я вам расскажу о самом распространенном — банере ПВХ. Раньше говорили Банер Канада и банер Китай. Сейчас говорят банер Европа. Пример прайса на сайте одной компании (весна 2016 г)

В чем разница? Посмотрите, указано: ламинирование и литой, плотность — разная. если попытаться согнуть край китайского банера — он может потрескаться. В этом и разница.

Кстати, таким образом можно проверить, насколько компетентен менеджер этой компании. Попросите рассказать о разнице, показать отличия наглядно. Если вам важно качество — вы поймете, получите вы его тут или нет (это конечно не панацея, но знающий свое дело менеджер говорит с производством на одном языке, а не просто передает бумажки с заказами).

Банер Европа — более устойчив к выцветанию, перемене температур, ветру. Его срок службы — несколько лет. (раньше говорили 3-5 лет).

Банер Китай — соответсвенно более тонкий, может порваться при сильном ветре (особенно касается растяжек и люверсов), не рекомендуется для больших площадей — может не выдержать своего веса, трескается и выцветает . Его срок службы обычно не более года.

Поэтому Европа подходит для долгого нахождения на улице. Если цена поджимает, а надо повесить например банер 6х3 всего на месяц — то вам и Китай сойдет. За месяц, при нормальном температурном режиме, ничего страшного с ним не случится.

Любой банер плохо пахнет. Это и ПВХ, и краска. Если вешаете в помещение — будьте готовы, что сначала банер будет неприятно пахнуть. Потом только вблизи.

1. Но! Вам могут «впаривать» банер подороже, по ряду причин. На самом деле отличия я привела выше. Если вам надо надолго — берите Европу. Ненадолго или в помещение (когда не печатаете на интерьерных материалах) — Китай. Например на выставку. Он плотный, яркий, и на люверсах — отлично выдержит поток народа. А бумага или сетка — нет.
2. Вам все равно напечатают на Китае, если знают что провисит недолго, а вы не разбираетесь. Так же если они сами вешают — почти 99% что на вас сэкономят. Об этом даже начальство и менеджер не обязательно будут знать. Просто имейте это ввиду.

ПОЧЕМУ НА МАКЕТЕ ОДИН ЦВЕТ, А НАПЕЧАТАЛИ ДРУГОЙ ОТТЕНОК.

Не поверите. Так и будет. не только в наружной печати. а в любой. Поэтому если совпадение цветов вопрос принципиальный делают вот что:

• Калибровка монитора под принтер . Процесс долгий и не всем под силу. Но обычно в типографии (сейчас я про цифровую печать) уже знают насколько цвет будет отличаться, вы главное, спросите.
• На мониторе цвета профиля RGB, плюс на разных мониторах — разного оттенка :) Самые близкие к печати — у мониторов Apple. Даже на телефон или планшете Apple макет будет похож по цветам на тот, который вы получите (был смешной случай, еще до появления у меня «яблочного» компьютера, когда перед отправкой в печать, мы согласовывали обложку с экрана Айпада).

Как сделать цветопробу?

Сначала распечатать макет, принести в типографию и сказать, что хочу так) На что вам мило улыбнутся (ох, лучше вам не знать, что подумают:))) и скажут, что для согласования цветов нудно распечатать пробу и подписать ее. И это стоит отдельных денег.

В офсетной типографии один прогон — это очень затратно. Но если оно того стоит (корпоративные цвета или глаза директора на фото должны быть именно такого серо-буро-козявчатого оттенка)- обязательно делайте цветопробу . ОБЯЗАТЕЛЬНО. Это дешевле, чем перепечатывать весь тираж. Причем за ваш счет. Потому что без подписанной вами цветопробы, сделанной у них — ничего предьявить не сможете.

В цифровой типографии все проще. Если заказываете дизайн у них тогда просто предупредите, что хотите именно такой оттенок. Вам распечатают пробу, подпишите и все дела.

Во флексотипографии работают с пантонами (pantone) .Поэтому тут проще поймать цвет. Хотя есть и полноцветная печать. и тут бывает что не совпадают элементы (но это не ваш косяк и пусть переделывают). Но чтобы сделать цветопробу нужно изготавливать отдельную форму-штамп, хорошо если не нож новой формы изготавливать именно под ваш макет… Если цвет принципиален — все равно попросите распечатать вам цветопробу. Но сразу говорю — затратное это дело.

В широкоформатной печати берут кусочек банера/самоклейки/бумаги на котором печатается обычно 4 варианта цвета отдельно вырезанного кусочка макета размером 10х10 — 50х50 см, в зависимости от размера макета и стоимости цветопробы. Кусочек, который печатать лучше выберите сами.

Например если это фото — кусочек где глаз, бровь, часть лба и щеки. тогда будет понятно, какого цвета будет кожа и глаза.
Если это векторное изображение, то возможно попросить чуть-чуть поменять оттенки в этих 4-х вариантах.
После распечатывания нужно обязательно подписать не весь лист, а именно на том или рядом с тем кусочком, который выбрали. Без вашей подписи претензии не примут…

КАК НАКЛЕИТЬ РИСУНОК ИЛИ КАРТИНКУ ИЗ САМОКЛЕЙКИ САМОМУ?

Например у вас есть стекло, на которое надо наклеить режим работы, но не хочется платить за это? Попробуйте сами. Правда, руки должны быть ловкими и не дрожать:) На своем опыте могу сказать: ни у кого с 1 раза не получает ровно и без хотя бы одной складочки. Поэтому лучше заказать монтаж.

Но вдруг вы сможете сами? тогда расскажу как это проще сделать.

1. Стекло/пластик/металл должен быть обезжирен и без пыли . Визуально чисто? Но на самом деле нет. Протереть надо, обезжирить хотя бы.
2. После чего надо увлажнить поверхность, тем, что не оставляет разводов . Так же есть сухой способ, но так надежнее.
3. Взять силиконовый шпатель (к примеру) и отогнуть один уголок самоклейки , чтобы кусочек липкого края был открыт.
4. Потихоньку прислонить и разгладить этот липкий угол рисунка и понемногу отодвигать бумажный слой и проглаживать наклейку.Для чего мыльная основа? В случае чего легко поправить наклейку пока не высохло. И потом обычно не остается следов.ВАЖНО! Отклеивать отдельные кусочки и пытаться заново восстановить рисунок или буквенную строку по отдельной букве — НЕЛЬЗЯ! Получится криво наверняка. Иначе бы специалисты так и делали, если бы так было правильно, верно?

Я нашла видео для вас и парочку уроков по наклейке оракала на поверхности и как создать световой короб:

The locker doesn"t exist or the default lockers were deleted.

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подписаться

Как правило, любой веб-проект создается для того, чтобы на нем зарабатывать. Иначе вся деятельность в интернете теряет смысл. Одним из способов заработка является размещение рекламы на своем сайте. Рекламодатель разрабатывает и размещает свою рекламу на чужом веб-ресурсе за плату для того, чтобы продвинуть товар или услугу.

Что такое рекламный баннер на сайте

Это прямоугольный блок с неподвижной или анимированной картинкой (текстом). Обычно после клика на него пользователь отправляется на веб-страницу рекламодателя.

Немного истории

Впервые интернет-баннер увидел свет в 1994 году: он перекочевал в Сеть из печатных СМИ. В дальнейшем данный маркетинговый прием стал развиваться: создавались целые страницы, сверху донизу заполненные агрессивной рекламой. Со временем посетитель привык не обращать внимания на ее обилие - перенаполняемость веб-сайтов рекламой стала считаться дурновкусием.

Как работает рекламный баннер на сайте

Новые клиенты и покупатели

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

Прирост трафика

Иногда веб-ресурсы обмениваются тематическими медийными материалами для того, чтобы привлечь новых посетителей. Администратор может разместить баннеры со ссылками на страницы своего же сайта. Это делается для того, чтобы завладеть вниманием посетителя к какому-либо важному тексту.

Преимущества данного маркетингового приема

1. Цена на создание и размещение баннеров намного ниже, чем стоимость прокрутки ролика на ТВ.
2. Не требуется огромный штат сотрудников для создания материала.
3. Корректировки под целевую аудиторию, легкое внесение изменений в рекламную кампанию.
4. Баннерная (медийная) реклама + таргетинг (направленность на определенную целевую аудиторию) - один из самых эффективных приемов в маркетинге.

Виды интернет-баннеров

По типу отображения

• Статические - одна картинка.
• Динамические - смена изображений, движущиеся элементы.
• Видео - ролик проигрывается при наведении мышкой или при клике.

По форматам

• Простая статическая картинка в растровой графике (JPG, GIF, PNG и т.д.).
• GIF-анимация - сменяющие друг друга рисунки в растровой графике.
• Flash-анимация - применяется векторная графика, плавная смена элементов, интересные эффекты, может накладываться звук.

Слишком «тяжелые» изображения значительно замедляют загрузку веб-страницы, что отрицательно сказывается на поведении посетителей и доверии поисковых систем. GIF-анимация и Flash обладают большим весом, по сравнению со статичной картинкой, поэтому перенасыщать страницу подобными медийными материалами не рекомендуется. А вот на «легкую» статичную картинку посетители почти не обращают внимания и не кликают на нее, считая изображение одним из красочных элементов страницы.

По размерам

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

• 728х90 - «Доска почета».
• 468х60 - «Горизонтальный».
• 336x280, 300х250, 300х600, 240х400, 180х50 - «Прямоугольные».
• 300х600, 120х240 - «Вертикальные».
• 120х600, 160х600 - «Небоскреб».
• 250х250 - «Квадрат».
• 125х125, 120х90, 120х60 - «Кнопки».
• 88х31 - «Полоса».

Почти все вышеперечисленные размеры доступны для размещения в Яндекс.Директ и Гугл Адвордс.

Как сделать медийную рекламу эффективной

Любой аляпистый блок на веб-ресурсе - это еще не интернет-баннер. Дизайнер должен разместить в небольшом прямоугольнике основную суть о товаре или услуге и одновременно побудить человека кликнуть.

Признаки качественного интернет-баннера

1. Загружается быстро. Пользователь не должен ожидать долго.
2. Привлекает внимание. При этом важна не насыщенность цветами или разнообразие кадров. Картинка должна стимулировать посетителя к дальнейшему ознакомлению с материалом.
3. Оригинальный. Похожими друг на друга изображениями пестрит весь интернет. Поэтому важно заинтересовать искушенного пользователя именно своими ТиУ.
4. Стимулирует совершить покупку (выполнить действие). Это и есть главная цель любого продвижения.
5. Вызывает доверие. Особенно важно для малоизвестной компании. При разработке необходимо учитывать психологию цветов и фраз.

Где должен размещаться рекламный блок

Немаловажно также место размещения и размеры медийных материалов.

• Чем крупнее картинка - тем вероятнее клик по ней.
• Самым лучшим размером блока считается 240х400.
• Верхний левый угол и шапка веб-сайта - именно отсюда взгляд посетителя начинает скольжение по странице.
• Верх сайта - самое эффективное место.
  Анимационные блоки привлекают внимание, если даже они размещены в самом низу.

• Красный - цвет решительности, побуждения. Но его переизбыток может вызвать агрессию к ТиУ. Его оттенки (пурпур, бордо, розовый) менее агрессивны, но также успешно применяются. Красный в сочетании с черным позволяет подчеркнуть важность чего-либо.
• Оранжевый - хорошее настроение, побуждение к действию. Считается самым эффективным в рекламе, но плохо подходит для фона.
• Желтый - радость, настраивает на коммуникабельность, прекрасно сочетается с черным.
• Зеленый - свежесть, тонус, здоровье. Прекрасно подходит для фона, применяется чаще в медицинских ТиУ.
• Синий - покой и нежность.
• Фиолетовый - таинство и торжественность какого-либо события. Подчеркивает оригинальность ТиУ.
• Серый - самый умеренный цвет, ни у кого не вызывает отторжения.
• Белый - чистота. Если неагрессивный баннер имеет белый фон, то он не вызывает эмоций.
• Черный - не подходит для фона, но незаменим как цвет шрифта.

Правила текстового посыла

Картинка только «цепляет» внимание. На медийном блоке важен именно текст, поэтому учитывайте следующие рекомендации:

• Обращайтесь к вашей целевой аудитории.
• Придумайте интересный заголовок.
• Текст должен намекать о вариантах решения проблемы.
• Он должен интриговать, вызывать любопытство.
• Должен описывать интересный сюжет, как в любом рекламном ролике.
• Должен иметь связь с графикой на кадрах.
• Слова «Вход» или «Нажимай» побуждают к действию.
• Слово «Бесплатно» интригует каждого.
• Текст должен занимать до 20% от пространства прямоугольника.
• Любые цифры вызывают доверие.

• Если у вас есть логотип - не забывайте про него.
• Оформление шрифта в виде подчеркнутого голубого текста побуждает пользователя кликнуть на ссылку.
• Используйте элементы дизайна от Windows - на такие баннеры чаще кликают.
• Не применяйте мигающий, а также черный или красный фоны.
• Смена изображений не должна быть слишком быстрой. Человеку нужно успеть понять ваш посыл.
• Если фон прямоугольника белый - обведите его рамкой.
• Забудьте про курсив, мелкий шрифт и слова, написанные кричащими заглавными буквами.
• Рекламный материал должен повторять стилистику рекламируемого интернет-проекта.
• Эротический контекст всегда увеличивает кликабельность (применимо не для всех рекламодателей).
• Изображения людей привлекают внимание.
• Создавайте в анимированном блоке не более 4 кадров.
• Общее время прокрутки анимации - не более 5-6 секунд.
• Если медиа-реклама всплывает и навязывается, то пользователь ее закрывает.
• Рекламный материал должен вести на страницу, которая более полно раскрывает его суть.

Программы для создания баннеров для сайта

В зависимости от формата применяется соответствующее ПО для создания материала. Если для разработки статики подойдет любой графический редактор, то для разработки анимации необходимо специализированное ПО.

• ADOBE PHOTOSHOP - платная. Самый мощный графический редактор. Поддерживает множество форматов, инструментов, позволяет использовать разные спецэффекты и добиваться высокого качества изображений.
• EASY GIF ANIMATOR - платная. Выдает GIF или AVI-формат, позволяет работать как с анимацией, так и со статикой. Предусмотрены красивые эффекты, смена кадров, обладает большим набором инструментов. Доступно 20 открытий для бесплатного тестового применения.
• BANNER MAKER PRO - платная. Понятный интерфейс, простые функции, любые размеры создаваемых материалов, высокое качество готовой продукции.
• ARTWEAVER - условно-бесплатная. Российская программа, графический редактор, имеет множество инструментов для обработки изображений. Можно бесплатно работать с базовым набором функций.
• ULEAD GIF ANIMATOR - условно-бесплатная. Более 15 плагинов, удобная раскадровка, синхронизация с «Фотошопом», сохранение во многих форматах. Можно сохранить материал в HTML.
  ADOBE FLASH CS5 PROFESSIONAL - условно-бесплатная. Сильная программа для разработки FLASH-анимации. Имеет встроенный функционал для производства FLASH-роликов, сотни плагинов, «живую» анимацию, добавление музыки, поддерживает формат FLA. Имеет тестовый период 1 месяц, можно найти бесплатные взломанные версии в интернете.
• GOOGLE WEB DESIGNER - бесплатный сервис от Гугл. Сложноватый интерфейс, небольшое количество эффектов, зато много подсказок на русском.
• GIMP - бесплатная. Бесплатный аналог «Фотошопа». По функционалу уступает своему предшественнику, но нулевая стоимость склоняет чашу весов в пользу GIMP.
• PAINT-NET - бесплатная. Работает только со статикой, ничего лишнего; много возможностей, легкий интерфейс.
• AURORA 3D-ANIMATION - условно-бесплатная. От статики до FLASH. Много шаблонов, простой интерфейс, тонкая настройка смены кадров, поддерживает формат SWF.
• SOTHIK SWF - бесплатная. Позволяет создавать FLASH, имеет множество готовых шаблонов и картинок.
• EASY BANNER - бесплатная. ПО для новичков в дизайне, работает как со статикой, так и с анимацией, есть впечатляющая подборка фонов и стандартных изображений.
• ALEO FLASH INTRO BANNER - без оплаты. Работает с FLASH, GIF-анимацией и статикой, много шаблонных звуков, готовых анимаций, шрифтов. Простой интерфейс.
• ATANI - бесплатная. Работает с форматом GIF. Инструментарий очень прост и понятен.
• BANNER FANS - онлайн-сервис, без оплаты. Много полезных настроек и возможностей. Позволяет рисовать статические медиа-материалы, можно создать баннер онлайн для сайта.
• ANNERS NACK - онлайн-сервис, без оплаты. Предельно простой принцип работы, есть готовые шаблоны. Пользователь может легко выбрать подходящий готовый вариант и внести свои корректировки.

Резюме

Качество интернет-баннера определяется не тем, как он выглядит, а в его кликабельности. Реклама может быть несовершенной, но если люди переходят по ней на ваш сайт - значит, вы все сделали правильно!