Тизер картинки как сделать

Тизер картинки как сделать
Тизер картинки как сделать
Тизер картинки как сделать
Тизер картинки как сделать
Тизер картинки как сделать

kak-sdelat-tizer-v-photoshop-main

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

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

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

Шаг 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. Нажмите на кнопочки соцсетей: возможно, этот пост вам или вашим друзьям ещё пригодится. 

Тизер картинки как сделать Тизер картинки как сделать Тизер картинки как сделать Тизер картинки как сделать Тизер картинки как сделать Тизер картинки как сделать Тизер картинки как сделать Тизер картинки как сделать

Статьи по теме:



Как на втором айфоне сделать так же как на первом

Сдр приемники своими руками

Друзья благодарю всех за поздравления

Ободок для греческой прически своими руками фото

Как сделать шаблон в excel 2010