Как создать тизер в Photoshop и увеличить трафик

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

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

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

Как создать тизер в Photoshop?

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

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

Кто-то владеет фотошопом и может сделать картинку «огонь», а кому-то это не удается создать самую простую.

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

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

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

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

Основные способы создания уникальных тизеров. Проверка на уникальность

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

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

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

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

Как создается тизер?

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

Этап создание тизера:
  1. Взять картинку (своя картинка), усилий много не нужно, потому, что она уже уникальная. Либо в фотошопе немного дорабатываете, приводите к нужному формату, либо добавляете какие-нибудь эффекты, если это необходимо.
  2. Если вы берете картинку из интернета, то в фотошопе добавляете различные элементы и затем приводите к уникальному виду. Добавляете текст, если это необходимо, эффекты, тени и прочее. И проверяете на уникальность.

Проверка тизера на уникальность

Все картинки в статье и тизер не исключение, должны быть уникальные.

Чтобы проверить картинку на уникальность, нужно зайти в Google и нажать на значок фотоаппарата

Здесь есть два варианта:
  1. Указать ссылку
  2. Загрузить файл

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

такое изображение 100% не уникально, использовать его на блоге не желательно.

Другой пример:

Если я зайду на свой блог, для этого правой кнопки мыши мы копируем URL картинки, вставляем в поиск картинки и проверим картинку,

то мы видим в результате цифру 2 - это означает, что картинка уникальна.

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

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

Как сделать картинку уникальной?

1. Отразить по горизонтали и сохраняем к примеру:

Вот картинка, при загрузке найдено 19 910 000 000.

Поэтому открыть картинку с помощью фотошоп

А вот эта же картинка после доработки, проверяем, видим результат изображения, картинка стала уникальной

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

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

2. Искажения

Пробуем этот способ, если не поможет, можем добавить к искажению изменить угол, + по горизонтали или по вертикали. До тех пор пока нас не будет удовлетворять картинка, добиваясь уникальности.

3. Наклон - применять под небольшим углом, если это позволяет

4. Деформация - можно использовать, но крайне редко

Как искать картинки для тизера в интернете

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

Google показывает нам по введенному запросу картинки с компьютером. Когда начинаем подбирать картинку, то нужно обратить внимание на размер картинки.

Внизу каждой картинки есть параметр размера картинки. Размер указывается в пикселях (px).

Почему это важно?

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

Также может пригодится то, когда картинка не имеет фона, т.е. найти картинку с прозрачным фоном.

Для этого нужно находим на панели картинки

“Инструменты” - “Цвет” - “Прозрачный”

И Google покажет картинки, у которых примерно 95% нет фона в основном, лучше находить именно эти картинки, т.к.вырезать фон затруднительно.

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

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

Если мы видим маленький размер, то в таком случае, просто перейти на сайт картинки и скачать полный размер картинки.

Подводя итог по поиску картинок, что мы должны сделать?

Открыть Google, ввести запрос на тему, по которой хотите найти картинку и ищете подходящее изображение

Процесс создания тизера в программе Adobe Photoshop. Основные инструменты

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

Открываем программу Photoshop и нажимаем кнопку “Создать проект”.

Выбраем размер 1200х700, больше ничего не меняем, разрешение оставляем стандартное и нажимаем кнопку “Создать”

Появляется чистое поле

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

У нас есть инструмент кадрирование, выбираем его

Это означает, что как у нас будет обрезано по формату (16х9) и нажимаем вверху на значок обрезки

теперь у нас будет картинка именно такого формата и с этим тизером можно работать

Следующий шаг - разблокировка фона

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

Для того, чтобы загрузить картинку в Photoshop, нужно нажать на "Файл" выбираем функцию "Открыть" и загружаем картинку или просто перетаскиваете катинку в окно фотошопа, чтобы она добавилась, щелкаем вверху кнопочку

Все, картинка размещена

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

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

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

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

Итак, картинка добавлена и нам нужно добавить что-то, также перетаскиваем картинку в окно фотошопа

Подтверждаем галочкой, как я уже описывала.

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

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

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

  1. тень
  2. заливка другим цветом
  3. обводка
и различные другие эффекты.

Применение эффектов

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

открывается панель.

Можно взять эффект - Обводка - он часто применяется. Применяя, сделайте необходимые настройки. Как мы видим, что мы можем Выставить размер от 1-225 и более px, на ваше усмотрение

Положение: внутри или снаружи (как бы подчеркнуть объект, выделить среди других элементов);

Цвет: можно изменить на любой цвет;

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

В данном случае можно поставить смещение 0, для того чтобы четко подчеркивать видимость.

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

Тиснение

Включаем данную опцию, появляется некоторый объем. Обычно выбирается внутренний скос стиль.

  • Метод - экспериментируйте сами

  • Глубина - настраивается, как сильно выделяется

  • Объем - смотрим, какие будут изменения

  • Размер - смотрим, также

  • Смягчение краев - края становятся менее острыми.

Все на ваше усмотрение, для большей индивидуальности вашего тизера.

Если нам нужно внести корректировки в ранее созданное окно, нам необходимо отключить предыдущее окно, с которым мы пока не будем работать, а именно это

где мы просто отключаем значок “глазик” и продолжаем вносить изменения в свой тизер.

Внесение текста на тизер

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

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

Подложка

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

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

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

40

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

Отмена действий

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

Создание заливки градиентом

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

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

Еще раз Игорь Колпаков в проекте «Одна семья» напомнил, что визуальное офомление статьи в блоге — это очень важный момент и картинки должны быть уникальными.

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

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

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

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

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

Понравилась статья? Поделись!

Сообщение

Яндекс метрика