Как сделать тизер в Фотошопе

kak-sdelat-tizer-v-photoshop-main

Вообще, для чего делать тизеры? Естественно, для заработка. Об этом я уже писала и даже пробовала заработать на знаниях Фотошопа. Если вкратце, тизеры необходимы для двух целей: для арбитража трафика и, собственно, продажи этих картинок арбитражникам. Заработать и в том, и в другом случае можно неплохо, если знать своё дело. Поэтому, мы будем учиться делать тизер в Фотошопе на примерах. Для начала рассмотрим изготовление статического изображения.

Работу будем строить в несколько этапов:

  1. Находим картинки для тизеров.
  2. Делаем их обработку (обрезаем, подгоняем под размер, корректируем цвет, если нужно).
  3. Добавляем красивые элементы (кнопки, ленточки и пр.). 
  4. Сохраняем.

Как сделать тизер в Фотошопе поэтапно

Шаг 1. Чтобы найти подходящие изображения, идём в гугл картинки и подбираем столько, сколько нам нужно. Предпочтение лучше отдавать четким объектам на однородном фоне, хотя здесь всё зависит от вашей тематики. Важное условие — это достаточная чёткость, так как картинка будет маленькой (200х200 обычно, или даже меньше), и в то же время привлекательной.

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

 Шаг 2. Если вы нашли картинки в Гугл и скачали их себе, то просто откройте их в photoshop. Если решили сграбить картинку принтскрином, то создайте новый документ (file — new), и, не меняя размеров, жмите «ок» в открывшемся диалоговом окне. 

kak-sdelat-tizer-v-photoshop

Далее, используя инструмент выделения (нажмите клавишу M английское), примерно выделите ту область, которая нужна, нажав и потянув мышкой. Должен появиться пунктирный прямоугольник. Далее, нажмите ctrl+x. И создайте новый документ размером 200х200. 

Затем, жмите ctrl+v и потом ctrl+t, чтобы изменить размеры вставленного изображения. Нажмите на маркер (квадратик) левой кнопкой мыши, как указано ниже на картинке, зажмите и держите клавишу shift (чтобы уменьшить размеры, не теряя пропорциональности), и тяните маркер немного вниз и вправо. Затем подтяните картинку вверх и влево, кликнув внутри прямоугольника и удерживая зажатой левую кнопку мыши. Подкорректируйте размер ещё, используя маркеры и клавишу шифт, пока не достигнете желаемого размера. Вот что вышло у меня:

kak-sdelat-tizer-v-photoshop-31

 Белое пятно можно устранить заливкой. Убедитесь, что у вас активирован слой с фоном вот на этой панели:

kak-sdelat-tizer-v-photoshop-4

 

kak-sdelat-tizer-v-photoshop-41

Нижний слой (background) — это наш белый фон. Кликните по нему дважды (на пустом месте возле белого квадрата), чтобы разблокировать (должен убраться значок замка). Выберите инструмент «Заливка», нажав G на клавиатуре. Затем, слева в углу кликните по значку цвета:

kak-sdelat-tizer-v-photoshop-5

 

Появится инструмент «пипетка». Кликните в той черной области с нашими часами, чтобы выбрать цвет. В диалоговом окне жмём «ОК». 

kak-sdelat-tizer-v-photoshop-6

Заливаем нашу белую область на картинке черным цветом (нижний белый слой должен быть активным). 

Есть ещё один способ убрать белую область. Нажмите английское М и выделите прямоугольный кусочек черного фона под часами, активировав при этом слой с нашей картинкой. Ctrl+T. Потяните центральный маркер вниз, пока область не закрасится черным. Такой способ хорош тем, что его можно применять не только с однородным фоном, но и с многоцветным.

kak-sdelat-tizer-v-photoshop-7Ок, с горем пополам закрасили:) В общем, картинка у нас получилась яркой, поэтому исправлять настройки цвета мы не будем в этот раз. Нарисуем кнопку «купить». Выберем любой оттенок красного, нажав на этот квадратик.

kak-sdelat-tizer-v-photoshop-5Выберем инструмент «прямоугольник», нажав U. Нарисуем его под часами. Появится новый слой. Кликнем дважды по нему. Вы можете поиграться там с настройками, выбрав эффекты. Я выбрала «Внешнее свечение». 

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

kak-sdelat-tizer-v-photoshop-9

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

kak-sdelat-tizer-v-photoshop-10

 

Впрочем, в Фотошопе можно самому сделать и более красивые, объёмные вещи, возможно с бликами, тенями и т.п. Но мы над этим заморачиваться не будем. В Интернете есть море коллекций кнопок, ленточек, звёздочек и много чего ещё. Поэтому, идём в яндекс, забиваем «Скачать кнопки для Фотошопа в psd» или  «Скачать ленточки для Фотошопа в psd» и ищем сайты, на которых можно всё это дело скачать. Скачиваем, открываем, и скорее всего там будет несколько кнопок на листе. Чтобы перенести подходящую кнопку на наш тизер, в скачанном файле идём в раздел «слои» и видим там примерно такую папку:

kak-sdelat-tizer-v-photoshop-11Активируем папку, чтобы она стала синей, как на скрине. Заходим в верхнем меню в раздел Слои — Создать дубликат группы. В диалоговом окошке выбираем имя для кнопки и документ с нашим тизером, куда её нужно скопировать. kak-sdelat-tizer-v-photoshop-12

Всё, она должна благополучно скопироваться в документ, потом нужно будет её переместить в нужное вам место. Можно ещё скачивать кнопки-картинки в png формате, чтобы только они были с прозрачным фоном. Например, зададим в Яндекс.Картинках «кнопка play png», смотрим чтоб вокруг не было фона, качаем, копируем себе на тизер, масштабируем — и будет красота 🙂

kak-sdelat-tizer-v-photoshop-14

Если ваша картинка тусклая, тёмная и её хочется сделать поярче, выбираем в верхнем меню «Изображения», и там ищем настройки «цветовой фон — насыщенность» и/или «яркость/контраст». Это самые простые способы задать нужную яркость/насыщенность.

kak-sdelat-tizer-v-photoshop-15

Вот вам ещё несколько примеров, как сделать тизеры в Фотошопе:

kak-sdelat-tizer-v-photoshop-13

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

P.S. Нажмите на кнопочки соцсетей: возможно, этот пост вам или вашим друзьям ещё пригодится. 

Понравилась статья? Подпишитесь по e-mail!
11.07.2015 / CPA БИЗНЕС / Теги: , , , , , , / Комментарии: 1
Похожие записи
Комментарии: 1
  1. seoonly.ru
    17.08.2015 в 07:08 – Ответить

    Спасибо!

Добавить комментарий