Как сделать красивый заголовок в Photoshop?

krasivoe oformlenie zagolovka

Привет, друзья!

Сегодня мы поговорим о том, как написать красивый заголовок при помощи замечательной программы Photoshop.

Я постоянно привожу такую интересную статистику. Обычно 80% посетителей, которые заходят на страничку сайта, читают только заголовок, а потом быстренько уходят. Еще 10% «отсеиваются» после прочтения первого абзаца.

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

Если вы еще не читали – вот тут о том, как делать красивые заголовки в html.

А если уже прочли, то помните об основном недостатке html кода: мы ограничены только тем набором шрифтов, которые есть на компьютерах большинства пользователей. Ну Таймс, Вердана, Ариал, Калибри…набор не очень велик и слегка однообразен.

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

Это можно делать разными способами. Основные из них мы рассмотрим в серии постов. Сегодня поговорим об очень любимой мной программой – Photoshop.

Итак, нам надо создать красивую надпись.

Шаг 1. Ищем шрифт для красивого заголовка

Тут все очень просто. Идем в поисковую систему и вбиваем запрос «скачать шрифты». Или «скачать супер шрифты» или…как позволит вам ваша фантазия, основную суть вы поняли.

Я нашел вот такую красоту:

Нам надо скачать файл со шрифтом на свой компьютер и скопировать его в папку C/WINDOWS/Fonts. Обязательно запомните название шрифта. У меня он называется Karnac Two.

Шаг2. Создаем красивый заголовок для коммерции в Фотошопе

А теперь открываем Фотошоп и создаем новое изображение. Надеюсь, вы знаете, как это делается. Выбираем инструмент «Текст», а вверху в выпадающем списке – шрифт, который мы уже установили (вы последовали моему совету и запомнили его название?):

Пишем, собственно, сам заголовок. Вот что получилось у меня:

Шаг 3. Красивое оформление заголовка

Итак, у нас есть слово, написанное красивым витиеватым шрифтом. Можете немного поэкспериментировать с цветом. А я вот немного решил поэкспериментировать с текстурой. Такой инструмент есть справа и выглядит он вот так:

В итоге получаем:

Обратите внимание еще на один инструмент, который находится сверху:

При помощи него тексту можно придавать любое искривление. Нажмите на него. Вы увидите окошко с выпадающим списком:

Хотите посмотреть, что получилось у меня? А вот и не покажу! Поэкспериментируйте сами – там много интересных эффектов.

Шаг последний: важное предупреждение!

Схемка, которую я тут описал, очень проста. Более продвинутые пользователи Фотошопа наверняка придумают еще много чего. Но копирайтеру достаточно и описанного.

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

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

На этой ноте прошу разрешить мне откланяться.

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

Всех благ. Артем Кабанов.

Понравилась статья? Поделись с друзьями:
Комментариев: 3
  1. Артем Мартиросян

    Никогда ранее не делал красивые заголовки таким образом. Как появится свободная минутка обязательно попробую.

  2. Лев

    Красивый шрифт! =)

    1. Артем Кабанов (автор)

      Лев, первый попавшийся по запросу «скачать красивые шрифты» :-)

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: