Создаем баннеры в Photoshop

Тема в разделе "Дизайн и креатив", создана пользователем admin, 26 дек 2017.

  1. admin

    admin Администратор

    Регистрация:
    23 дек 2013
    Сообщения:
    2.564
    Симпатии:
    930
    Можно конечно упереть чужой креатив через Паблер, Пост Монитор или Адвансетс. Но лучше делать свои креативы и чем больше – тем лучше. Так сложилось исторически, что с практикой к вам придет и опыт, и понимание «на глаз» того, зайдет ли картинка, которую вы выбрали в кач-ве тизера или нет.

    Простой способ сделать баннер

    Изи вариант делать квадратные картинки на тизеры – это делать скрины. Например, с помощью «LightShot».

    Открываем Гугл.Картинки или Яндекс Картинки

    [​IMG]

    Жмакаем PrtScr (Print Screen) на клаве, и выделяем нужную часть картинки квадратом. Нажимаем иконку «Сохранить».Готово, ты восхетителен и сделал тизер!

    Создаем баннер в Photoshop

    Для создания обычного тизера тебе понадобятся такие инструменты ФШ, как:
    • Выделение
    • Кисть/карандаш
    • Текст
    • Прямоугольник
    Создаем холст, перетаскиваем на него картинку и при помощи CTRL + T меняем изображение до подходящего размера.

    [​IMG]

    Дальше на новом слое мы можем просто создать Rectangle и написать на нем речевку. Надеюсь, вы помните, что РЫЖИЕ ДЕВУШКИ И ЖЕЛТЫЙ ЦВЕТ КОНВЕРТИТ?

    [​IMG]

    Тогда берем и вставляем желтый прямоугольник и на нем пишем текст

    [​IMG]

    Всё, готово, ты великолепен.

    Можно использовать градиент

    Чтобы баннер был стильным модным и молодежным, можно использовать «градиент». Он отлично пробивает страшного врага каждого арбитражника - баннерную слепоту.

    Наложим градиент на пустой холст. Для этого создаем фигуру:

    [​IMG]

    И для заливки используем инструмент «Градиент»:

    [​IMG]

    Подглядеть интересные градиенты можно тут: Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь

    Коллажи с помощью модульной сетки

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

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

    [​IMG]

    Чтобы добавить направляющую, можно просто перетянуть их с верхней границы экрана. А можно просто зайти в: Просмотр (View) --> Новый макет направляющей (New Guide Layout)

    Тизеры и промопосты с фигурами

    Наверняка ты видел тизеры, где слева или справа текст, а с другой стороны закруглённая фотка. Так вот, такую штуку быстрее всего можно сделать при помощи инструмента «фигуры»
    Это займет немного времени.

    Делаем свое изображение в несколько этапов

    1) На пустом белом холсте рисуем фигуру

    [​IMG]
    [​IMG]

    2) Добавим Гарольда :)

    [​IMG]

    А чтобы Гарольд был как свой на баннере, сделаем из него Clipping mask. Выбираем слой с Гарольдом, зажимаем Alt и кликаем ЛКМ между Гарольдом и фигурой или заходим в меню слоя, нажатием ЛКМ:

    [​IMG]
    [​IMG]

    3) Немного текста и заливки, и вот он готовый тизер.

    [​IMG]

    Смарт объекты

    Выше об этом уже упоминал, теперь подробней.
    Это слои, содержащие данные изображения в растре или векторе. Смарт-объекты сохраняют первоначальное качество картинки. Это и есть основное их преимущество.

    Если взять 2 одинаковые картинки и одну из них сделаем смарт-объектом, выделить и трансформировать при помощи ctrl + t до 1 пикселя и вернуть всё назад, то ты увидишь: смарт-объект сохранил своё исходное качество, растровая картинка – упала на дно.

    Фишка полезна, когда в работе приходится постоянно изменять размер исходного изображения.

    Текст + картинка = профит

    На что обращает внимание пользователь после цепляющей картинки? Правильно, заголовок и текст объявления. Ссылка на статью как сделать заголовок крутым.

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

    Держи в голове всегда и везде: картинка привлекает внимание, а текст конкретизирует рекламу.

    Значит, что на 70-80% CTR зависит от картинки. Но окончательно кликнуть или не кликнуть, пользователь решает после прочтения текста. И если текст твой будет плох или не точен, конверт, вероятнее всего, будет низким. Ибо пользователь интернета будет кликать на тизер, исходя из того, что символизирует картинка тизера. Но ассоциативный ряд твой и других людей может различаться. И это норма.

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

    [​IMG]

    И посыпались бы на него клики, потому что жители интернета кликали бы на него просто затем, чтобы узнать «ШО ЦЕ ТАКОЕ». В данном конкретном случае текст служит топором отсечения не целевых переходов.

    Что заходит в тексте тизеров?

    1. Действие товара. Ещё лучше, если это будут конкретные симптомы:

    ПОХУДЕТЬ, СБРОСИТЬ ВЕС, ВЫЛЕЧИТЬ ПРОСТАТУ, и т.д.

    2. Товар легко и просто использовать, особо не напрягаясь:

    Похудеть, БЕЗ ДИЕТЫ и ТРЕНИРОВОК!

    3. Быстрый эффект. Никто же не откажется от, допустим, миллиона долларов ПРЯМО СЕЙЧАС.

    Уже СЕГОДНЯ пивной живот начнёт таять на глазах!

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

    СЕКРЕТНАЯ РАЗРАБОТКА военных - приманка для ловли рыбы! ОГРАНИЧЕННАЯ ПАРТИЯ!

    5. Люди любят цифры.

    За 3 дня, я сбросила 10кг, просто добавив в рацион…

    6. Недосказанность, интрига.

    Оказывается, похудеть легко, ЕСЛИ ДОБАВИТЬ В РАЦИОН…

    7. Таргетинг на аудиторию.

    В 40 ЛЕТ самый простой способ похудеть, это…

    8. Имена звёзд, публичных личностей, лидеров мнений.

    ЕЛЕНА МАЛЫШЕВА рассказала о тайной методике похудения российских звёзд!

    9. Убиваем известные методики среди целевой аудитории.

    Лечение простаты в домашних условиях, БЕЗ УНИЗИТЕЛЬНЫХ ПРОЦЕДУР!

    10. В некоторых офферах анонимность - очень важна.

    +5 см к члену за 1 неделю. ДОСТАВКА АНОНИМНО!

    [​IMG]

    Требования к баннерам

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

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

    Элементы на баннере:

    [​IMG]

    На что обращать внимание при создании баннера?

    1. Напиши для чего нужен товар :)

    [​IMG]

    2. Сделай яркую картинку на баннере (именно это привлекает внимание пользователя)

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    Ошибки при работе с Photoshop

    1. Игнор корректирующих слоев

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

    2. Удаление элементов.

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

    • Пиксельная Маска/Pixel Mask
    • Векторная Маска/Vector Mask
    • Обтравочная Маска/Clipping Mask

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

    3. Не сохранение исходного PSD-файла.

    ВСЕГДА. СОХРАНЯЙ. ИСХОДНИК. Даже когда закончил работу над тизером. Возможно после запуска кампании тебя осенит, и ты захочешь отредактировать в объявлении какой-нибудь элемент.

    4. Беспорядок в слоях.

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

    Источник: Внимание! У вас нет прав для просмотра скрытого текста. Зарегистрируйтесь или Авторизуйтесь
     
  2. Imfrendlyman

    Imfrendlyman Новичок

    Регистрация:
    5 сен 2018
    Сообщения:
    39
    Симпатии:
    5
    Мне больше и проще в иллюстраторе работать. Да и большинство графических дизайнеров работают именно в нем
     

Поделиться этой страницей