Руководство: как сделать тизер самому в Фотошоп и увеличить трафик

Создание и размещение тизера

Привет! Сегодня хотелось бы поделиться с вами фишками, как сделать тизер, чтобы блог выходил в ТОП, так как от этого зависит прибыль блогера и дополнительный трафик на их ресурс. Но не все блогеры уделят должное внимание уникальности тизера. Это большая ошибка, которую совершают по незнанию или блогеры просто не понимают важности привлечения внимание посетителей.

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

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

Делать это легко и просто за 20 минут в “Фотошопе”, только нужно разобраться в нескольких кнопках программы, не изучая многофункциональный графический редактор Adobe Photoshop целиком, а запомнив лишь несколько функций. Попробуем разобрать, для чего нужен тизер, как создать тизер и уникализировать, а также основные способы создания тизеров.

Как сделать тизер – поиск картинки

Чтобы найти картинку для тизера, используем поисковую систему Google. Эта система удобнее, чем поисковая система Yandex. Вбиваем в строку поиска ключевое слово, по которому хотим найти картинку, к примеру, "компьютер".

Google показывает нам по введенному запросу картинки с компьютером. Когда начинаете подбирать картинку, обратите внимание на размер. Внизу каждой картинки есть параметр размера, он указывается в пикселях (px). Почему это важно?

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

Подбирая картинку, выберите размер, т. к. картинка показывается большого размера, но при скачивании остается маленькой. Чтобы проверить размер, необходимо нажать на картинку правой кнопкой мыши и выбрать “Свойства”, потом ”Далее”, и мы увидим размер. Если картинка будет маленького размера, то нужно просто перейти на сайт и скачать полный размер.

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

новый тизер

Также могут пригодиться картинки с прозрачным фоном. Для этого нужно на панели нажать на “Инструменты” – “Цвет” – “Прозрачный”. Тогда Google покажет картинки, у которых примерно на 95% нет фона. Лучше находить именно такие фото, так как самостоятельно вырезать фон затруднительно.

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

Что такое тизер? Это главная картинка, которая содержит часть информации о заметке. Она располагается над заголовком или под заголовком или рядом, в зависимости от шаблона блога. Я работаю с шаблоном движка Smartblog, поэтому у меня картинка располагается ниже заголовка статьи.

Понятие “качественно” у всех разное: кто-то может себе позволить дорогие товары, а для кого-то и подешевле тоже может быть красиво и достойно. Тоже самое и с блогом: кто-то владеет фотошопом и может сделать картинку «огонь», а кому-то не удается создать самую простую.

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

Все картинки в статье, и тизер – не исключение, должны быть уникализированы. Чтобы проверить уникальность картинки, нужно зайти в Google и нажать на значок фотоаппарата. Предлагается два варианта загрузки: указать ссылку или загрузить файл. Для примера загрузим любую картинку, и видим, что картинка размещена на 25 270 000 000 сайтов – такое изображение не уникально, использовать его не желательно.

Если вы только начинаете работать с Adobe Photoshop, то сделать тизер очень хорошо не получится, но так или иначе нужно стремиться. Когда появится больше опыта, можно поменять старые картинки на новые, более качественные. У картинки хорошего качества больше шансов заинтересовать читателя. Теперь рассмотрим, как сделать тизер в фотошоп:

  • Если вы берете свою картинку, усилий много не нужно: просто приводите ее к нужному формату и добавляете какие-нибудь эффекты, если это необходимо.
  • Если берете картинку из интернета, то в фотошопе добавьте различные элементы: текст, если это необходимо, эффекты, тени и прочее. Так вы добьетесь уникальности.

Как сделать тизер самому и уникализировать его

Чтобы сделать тизер самому, нужно зайти на блог и кликнуть правой кнопки мыши по картинке, затем взять URL картинки, вставить в поиск и проверить картинку на уникальность. Видим, что в результате проверки стоит цифра 2 – это означает, что картинка уникальна.

Нужно стремиться к тому, чтобы картинки были все уникальные, и цифра не была больше 10. Если цифра более 10-ти, то тогда картинку нужно дорабатывать. А вот фото из интернета проверять нет смысла – они распространены в интернете, и с ними нужно работать. Есть несколько способов преобразования:

  1. Отразить по горизонтали – то есть развернуть фотографию и сохранить. Точно также можно изменить картинку по вертикали. Такой способ работает далеко не для всех изображений, в основном для тех, которые используются редко.
  2. Искажения – плюс к этому можно еще изменить угол по горизонтали или по вертикали до тех пор, пока нас не будет удовлетворять картинка.
  3. Наклон – применять нужно под небольшим углом, если это позволяет изображение.
  4. Деформация – ее крайне редко можно использовать.

Adobe Photoshop: основные инструменты

Для создания тизера я применяю основные инструменты, а затем усложняю и добавляю все новые эффекты. Для работы нужно открыть программу Photoshop и нажать кнопку “Создать проект”, выбрать нужный размер: 1200 х 700 или 730 х 410 px, больше ничего не меняем. Разрешение оставляем стандартное (300) и нажимаем кнопку “Создать”.

Появится чистое поле, вам нужно привести формат картинки (16х9), чтобы все тизеры были одного размера. В программе есть инструмент “Кадрирование”, выбираем его. Картинка будет обрезана по формату (16х9) и после чего продолжаем работать с тизером.

Как создать тизер и разблокировать фон? В разделе “Слои” справа стоит замочек, это значит, что с фоном ничего сделать мы не можем, его нужно разблокировать. Для этого щелкаем по замочку, и блокировка снимается. Для загрузки картинки в Photoshop нужно нажать на "Файл" выбрать функцию "Открыть" и загрузить картинку или просто перетащить файл в окно фотошопа.

photoshop слои

Если картинка не занимает весь размер, то ее можно растянуть, нажав на уголочки и подтянув картинку до размера. Если этого не происходит и линии не отображаются, то в верхнем меню нужно нажать на значок инструмента “Рамка” и после этого появятся линии, за уголки которой можно растягивать и подгонять картинку.

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

Для того, чтобы teaser как-то выделить, нужную картинку необходимо изменить. Мы просто немного убираем непрозрачность, поэтому смещаем ползунок непрозрачности до 55%, если это вам необходимо.

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

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

Для того, чтобы применить эффекты, нужно открыть раздел “Слои” и рядом с названием кликнуть дважды левой кнопкой мыши, и откроется панель. Можно взять эффект “Обводка” – он часто применяется и сделайте необходимые настройки.

Мы можем выставить размер от 1-225 и более px, на ваше усмотрение. Также нужно выставить положение: внутри или снаружи (как бы подчеркнуть объект, выделить среди других элементов), цвет можно изменить на любой. Также можно для выделения объекта среди других применить тень.

Ставим галочку на “Тень”, открывается окно настроек, можно выставить 60-65% – этого будет достаточно. В данном случае смещение уходит вниз, угол стоит 90 градусов, им также можно регулировать саму тень, если поставите 130 градусов. В данном случае можно поставить смещение 0 для того, чтобы четко подчеркивать видимость.

Все настройки зависят от тизера, который вы делаете, и той задачи, которую вам нужно подчеркнуть. Будете настраивать по своему: где-то будет прозрачность, а где-то ее совсем не будет и т.д. Также есть эффект “Тиснение” – включаем опцию, появляется некоторый объем.

  • Метод – экспериментируйте сами.
  • Глубина – настраивается то, как сильно выделяется объект.
  • Объем – смотрим, какие будут изменения.
  • Размер – смотрим также.
  • Смягчение краев – края становятся менее острыми.

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

Для внесения текста на тизер просто нажимаем на значок в боковой панели “Т” и направляем на то место, где хотим поместить текст. Если у вас не одна строка, а между строками большой интервал, то нужно его уменьшить за счет настройки в верхнем меню.

И к тексту можно применять такие же эффекты, что и к картинкам, кликнув по панели “Т” два раза. Чтобы еще лучше подчеркнуть текст, можно использовать подложку, лучше использовать прямоугольник. Слева на панели есть прямоугольник, правой кнопкой мыши, выбираем еще раз прямоугольник. Кликаем и, удерживая, растягиваем до нужных размеров.

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

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

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

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

Для отмены предыдущих действий используйте сочетание клавиш Alt+Ctrl+Z

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

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

Как тизер влияет на трафик блога?

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

создание тизера

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

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

Картинки большего размера уменьшают скорость загрузки страницы. Скорость загрузки относится к критически важному фактору ранжирования. Проверить скорость загрузки страницы можно на следующих ресурсах: Google PageSpeed Insights и Сompressor.io.

Заключение

создание тизера

Задача создания тизеров онлайн – улучшить подачу материала, усилить, подтвердить или заменить текст там, где это необходимо. В проекте «Одна семья» представлены 100 бесплатных уроков по заработку в интернет на лайфблоге, по раскрутке и выходе на большую пенсию за 1 год. В девятнадцатом шаге можете посмотреть видеоматериал: "Ошибка № 5 | Усложняем себе задачу, чтобы сделать все очень круто. Тизеры.”

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

Также важно вставить в атрибут alt ключевое слово, чтобы поисковые сети могли определить, что за картинка. Тизеры должны выдерживать размер FullHD 730×410 и соответствовать основным требованиям дневника:

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

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

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

P.S. Друзья! Если есть вопросы, задавайте в комментариях или ВКонтакте. Пробовали ли вы работать в фотошоп с нуля 4.0, что вам приемлемо и какие эффекты применяете? Поделитесь своими секретами, как сделать хороший тизер, как можно изменить картинки быстро и эффективно, не затрачивая много времени?

Сделай репост – выиграй ноутбук!

Каждый месяц 1 числа iBook.pro разыгрывает подарки.

  • Нажми на одну из кнопок соц. сетей
  • Получи персональный купон
  • Выиграй ноутбук LENOVO или HP

Смотреть отзывы

LENOVO или HP от 40-50 т.р., 8-16ГБ DDR4, SSD, экран 15.6", Windows 10

2 комментария

  • Аватар комментатора Надежда Суслова Надежда Суслова

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

    Ответить
  • Аватар комментатора Людмила Иванова Людмила Иванова
    Надежда, очень полезная и интересная статья, что такое тизер и уникальная открытка я знаю, но вот как ее делать в фотошоп, еще нет. Я вас поздравляю, вы очень быстро освоили фотошоп и делаете прекрасные уникальные открытки.
    Ответить

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

Отправить комментарий Отменить

Сообщение