Приветствуем в очередном уроке интенсива. В обучающих курсах и вообще в тикетах, заметили, что многие не умеют работать с графическими редакторами, поэтому без этого урока никак…

Для начала открываем Adobe Photoshop. Подойдёт любая версия этой программы (я использую 6). Советую обязательно найти русификатор, так, вы сможете экспериментировать с различными устройствами и развивать свой навык. Обязательно подмечайте фишки в промо ваших коллег и пытайтесь использовать их наработки в своих тизерах, баннерах.

Сегодня мы создаём тизер

  • Делаем стандарт 200 на 200 пикселей (для некоторых тизерных сетей другие стандарты, например, для marketgid прямоугольный тизер . Нажимаем сочетание клавиш Ctrl+N (или наверху в панели Файл/Создать). Появится окно, в котором мы указываем высоту и ширину нашего тизера.

Интенсив по тизерному трафику. Часть 3: Создание тизеров

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

Интенсив по тизерному трафику. Часть 3: Создание тизеров

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

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • Выбрав инструмент лупа, нажимаем правой кнопкой мыши на картинке/реальный размер. И левой кнопкой мыши, если хотим увеличить, для прорисовки деталей.

Интенсив по тизерному трафику. Часть 3: Создание тизеров

 

  • Обратите внимание на слои. Поскольку, редактировать нам фон не надо, мы создаем новый слой. Кнопка находится внизу, напоминает завёрнутую страницу, рядом с корзиной. Здесь мы создадим текст.
  • Выбираем инструмент «Прямоугольная область», или просто букву M на клавиатуре. Выделяем участок, и делаем заливку (обязательно следите за слоем, заливка должна быть на слое с именем Слой 1).
  • Заливка делается при помощи сочетаний клавиш, Shift+F5 (или наверху в меню, Редактировать/Выполнить заливку). Появится окно, в котором вы увидите Использовать/Цвет.. Кликаем на слове цвет, и появится другое окно с палитрой цветов, выбираем любой цвет, который вам нравится, но не забываем, что он должен выделяться, и привлекать внимание. Нажимаем два раза «ОК».

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • После заливки, этот прямоугольник надо отредактировать, чтоб выглядело более объёмно. Для этого мы в окне «Слои», два раза быстро кликаем на слое где мы только что использовали заливку (правее от названия слоя, если сделаете ближе, будет редактироваться имя слоя).

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • Появится окно с названием Стиль слоя. Здесь, ставим галочку на тиснении, и в установках Размер и Смягчение, двигаем ползунки, так, чтобы нас всё устраивало (советую на досуге изучить функцию Стиль слоя, она помогает так же отредактировать текст со вкусом).
  • Далее в инструментах выбираем текст (или английская Т на клавиатуре). Включаем панель Символ Абзац (находится сверху, под основным меню, самый последний в ряду, рядом буква т с волной).
    Набираем необходимые слова. И приступаем к редактированию.

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • В панели Символ, мы можем расположить буквы дальше или ближе друг от друга, сделать их выше или ниже. Делаем, так как душа пожелает. Далее снова вызываем Стиль слоя. (кликаем два раза на слое с текстом в окне Слои). Выбираем галочкой вкладку Обводка.

Интенсив по тизерному трафику. Часть 3: Создание тизеров

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

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • Я выбрала кнопку оформить заказ. И просто перетащила её на наш тизер. Но иногда бывает так, что мы не можем найти то, что нужно, и приходится делать самому. Сейчас на примере этой шапки объясню, как делается эта кнопка. Я могу скрыть или удалить слой, со скаченной кнопкой заказа (для скрытия слоя, нажимаем на глаз рядом с ним, в окне Слои).
  • Теперь, выделяем прямоугольником место для нашей кнопки, как делали ранее, после этого, набираем на клавиатуре G (или инструмент градиент в панели инструментов) Сверху под меню мы видим какой градиент сейчас используется, я хочу другой цвет, поэтому нажимаю на него и появляется Редактор градиентов. Здесь, выбираем из наборов оранжево-желтый, другие не подходят (можете, отредактировать цвета, нажимая на квадратики под полоской и выбирая нужный цвет). Теперь в нашем выделенном поле рисуем направление градиента, сверху вниз.

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • Чтобы сделать кнопку полукруглой, снова выбираем в панели инструментов «Прямоугольная область»(буква М). Под меню, выбираем функцию «Уточнить край». Появится окно, в котором мы сдвигаем ползунки до желаемого результата. Ок. Затем, правой кнопкой мыши на нашем прямоугольнике/Инверсия выделенной области. На клавиатуре кнопка Del.

Интенсив по тизерному трафику. Часть 3: Создание тизеров

  • Останется овальчик для нашего текста. Двойной клик на слое, в окне ставим галочку, с установкой Тень. Теперь вставляем текст, как делали раньше. И при помощи нашей фантазии, добавляем детали. Скачиваем png картинки с разными стрелочками, акциями, или логотипами, впихиваем их на наш тизер, но так, чтобы это не выглядело заляписто.

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

Интенсив по тизерному трафику. Часть 3: Создание тизеров

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

Видео с тренинга:

Для тизерного трафика отлично подходят офферы, которые решают какую-то проблему человека. Также хорошо продаются различные вещи, на типа: клатчи, часы, украшения (с того же маркетгида).

Подборка офферов, которые хорошо заходят с тизерного трафика:

1) Монастырский чай (похудение, паразиты)
2) Экстракт Сафлора Африканского (диета)
3) Акулий хрящ (суставы, остеохондроз, артрит)
4) Крем от геморроя «Здоров»
5) Gas Saver — экономитель газа
6) Ultra Slim Spray — спрей для похудения
7) Спрей-оздоровитель воздуха AirFit
8) BIGZILLA — капли для потенции

Для создания баннеров (например, под МТ) используются те же наработки, как и для тизеров, разница только в размере промо, для майтаргета активно юзают мобильный формат — широкоформатные баннеры (1080х607).

Статья взята с ресурсов CPA-сети M1-Shop

Источник статьи