Создание красивой надписи в Фотошопе

914

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

Создание красивой надписи

В качестве примера возьмем название нашего сайта и попробуем превратить его во что-то интересное.

Этап 1: создаем текстовый слой

  1. Для начала требуется документ нужного размера.Создание нового документа в Фотошопе
  2. На боковой панели инструментов выбираем “Текст” (в нашем случае – горизонтальный). Цвет может быть любым, т.к. мы его потом уберем полностью или заменим.Выбор инструмента Горизонтальный текст в Фотошопе
  3. Щелкаем по холсту, вводим нужные символы, после чего переключаемся на любой другой инструмент, чтобы завершить редактирование.Набор текста в Фотошопе
  4. Убеждаемся, что в Палитре выбран текстовый слой, заходим в меню “Окно”, где выбираем пункт “Свойства”.Включение окна со свойствами слоя в Фотошопе
  5. В появившемся окошке мы можем настроить параметры теста: шрифт, размер, расстояние между символами и т.д.Свойства текстового слоя в Фотошопе
  6. Выбираем черный цвет в качестве основного, переключаемся на фон в Палитре, берем инструмент “Заливка” и щелкаем по холсту, чтобы закрасить слой. Так проще будет дальше визуально отслеживать изменения в результате наших действий. Теперь можем перейти к оформлению созданного текста, чтобы сделать его красивым и оригинальным.Заливка фона черным цветом в Фотошопе

Этап 2: работаем со стилем слоя

  1. Нажимаем Ctrl+J, чтобы создать дубликат текстового слоя.Копирование слоя в Фотошопе
  2. Отключаем видимость скопированного слоя, нажав на значок в виде глаза рядом с ним, после чего возвращаемся на исходник.Управление слоями в Фотошопе
  3. Дважды щелкаем в Палитре по исходному текстовому слою (по пустой части, т.е. не по названию/миниатюре).Переход к настройкам стиля слоя в ФотошопеПримечание: Дальнейшие настройки сделаны нами в качестве примера, и указанные Вами значения параметров могут отличаться от наших согласно Вашей творческой задумке и требуемому конечному результату.
  4. Перед нами появится окно “Стиль слоя”. Здесь мы переключаемся в раздел “Внутреннее свечение”, где выставляем параметры: непрозрачность – 70-80%, размер – от 5 до 10 пикс., режим наложения – “Замена светлым”. Также при желании можно выбрать цвет свечения и настроить оставшиеся параметры, но мы ограничимся уже упомянутыми.Настройка внутреннего свечения слоя в Фотошопе
  5. Теперь переключаемся на “Внешнее свечение”. Здесь выставляем те же настройки, что и выше, но “Диапазон” указываем максимальный, т.е. 100%. После этого жмем кнопку OK.Настройка внешнего свечения слоя в Фотошопе
  6. В Палитре выставляем нулевое значения для параметра “Заливка”.Нулевая заливка слоя в Фотошопе
  7. Переключаемся на слой-дубликат, активируем его видимость и дважды щелкаем по нему, чтобы открыть окно со стилями.Переход к настройкам стиля слоя в Photoshop
  8. Заходим в настройки “Тиснение”, где выставляем следующие значения: глубина – 200-300%, размер – от 2 до 5 пикс., контур глянца – “кольцо” или любой другой понравившийся вариант. Обязательно активируем “Сглаживание”, остальные опции настраиваются по желанию и необходимости.Настройка тиснения слоя в Фотошопе
  9. Переключаемся в “Контур”, где включаем параметр “Сглаживание”.Включение сглаживания контура слоя в Фотошопе
  10. Теперь идем во “Внутреннее свечение”. Здесь задаем размер – от 5 до 10 пикс., режим наложения – “Экран”. По готовности жмем OK.Настройка внутреннего свечения в Photoshop
  11. Убираем заливку слоя-копии в Палитре, после чего переходим к финальной настройке текста.Отключение заливки слоя в Фотошопе

Этап 3: раскрашиваем текст

Вариант 1

  1. Создаем новый слой в Палитре.Создание нового слоя в Фотошопе
  2. Теперь нам нужно его раскрасить. Сделать это можно по-разному. Мы воспользуемся градиентом ниже. Как работать с этим инструментом, мы подробно рассмотрели в нашей публикации – “Как сделать градиент в Фотошопе”.Пример градиента
  3. Для залитого градиентом слоя меняем режим наложения на “Цветность”. При желании можно снизить “Заливку”, но мы оставим ее на уровне 100%.Залитый градиентом слой в Фотошопе
  4. Мы можем заметить, что вместе с текстом окрасился и фон. Нам нужно это исправить.Результат наложения слоя с градиентом на текст в Фотошопе
  5. Зажав клавишу Ctrl щелкаем по миниатюре текстового слоя.Выделение содержимого текстового слоя в Фотошопе
  6. Поле этого на холсте появится выделение вокруг текста. Мы видим, что оно не охватывает внешнее свечение, однако это поправимо.Выделенный текст в Фотошопе
  7. В меню “Выделение” выбираем пункт “Расширить” в группе “Модификация”.Расширение границ выделения в Фотошопе
  8. В открывшемся окошке указываем то же самое значение, что и в настройках внешнего свечения при настройке стиля исходного текстового слоя (в нашем случае – 7 пикс.).Настройка расширения выделенной области в Фотошопе
  9. Границы выделения должны расшириться согласно заданным настройкам.Расширенное выделение текста в Photoshop
  10. Теперь в меню “Выделение” выбираем команду “Инверсия”. В результате этого на холсте должно быть выделено все, кроме самого текста.Инверсия выделенной области в Фотошопе
  11. Переключаемся в Палитре на слой с градиентом.Выбор слоя с градиентом в Фотошопе
  12. Жмем клавишу Del, чтобы удалить выделенную область.Удаление выделенной области в Фотошопе
  13. После этого остается только снять выделение с помощью сочетания клавиш Ctrl+D и насладиться полученным результатом.Красивая надпись с градиентным контуром и свечением в Фотошопе

Вариант 2

  1. Снова заходим в окно со стилем слоя-дубликата и переходим в “Наложение градиента”. Здесь мы настраиваем градиент на свое усмотрение (задаем для него стиль, угол, непрозрачность и т.д.), после чего сохраняем настройки нажатием кнопки OK. Для удобства сравнения с Вариантом 1 мы взяли тот же самый градиент.Наложение градиента на текст через стиль слоя в Фотошопе
  2. Можем оценить полученный результат. В данном случае цветом заполнились сами буквы. При этом свечения остались нетронутыми.Текст с наложенным градиентом в Photoshop

Вариант 3

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

Текст с наложенным градиентом и градиентным свечением в Фотошопе

Заключение

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

Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии