Рассмотрим, как сделать надпись в Фотошопе красиво и быстро. Все представленные ниже методы можно использовать в любой версии редактора Photoshop.
Самый простой способ: вставка текста
Если вам быстро нужно добавить надпись простую на фотографию, можно воспользоваться только стандартной «вставкой текста», которая находится слева на панели инструментов (дашборде) программы:
- откройте фотографию в окне редактора;
![Рис. 1 – первоначальное изображение](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-1-–-первоначальное-изображение.jpg)
Рис. 1 – первоначальное изображение
- найдите на панели инструментов элемент «Текст», как показано на рисунке:
![Рис. 2 – внешний вид меню инструментов](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-2-–-внешний-вид-панели-инструментов.jpg)
Рис. 2 – внешний вид меню инструментов
- теперь кликните указателем на том месте картинки, где будет размещена надпись. Начните печатать текст;
![Рис. 3 – печать текста на фото](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-3-–-печать-текста-на-фото.jpg)
Рис. 3 – печать текста на фото
- чтобы поменять размер и тип шрифта, цвет надписи или расположение текста, воспользуйтесь соответствующими клавишами, которые находятся вверху на открывшемся дашборде:
![Рис. 4 – настройка форматов надписи](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-4-–-настройка-параметров-надписи.jpg)
Рис. 4 – настройка форматов надписи
- выполним настройку деформации текста, с помощью соответствующей кнопки;
![Рис. 5 – применение деформации](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-5-–-применение-деформации.jpg)
Рис. 5 – применение деформации
- чтобы убрать появившуюся рамочку вокруг текста, необходимо изменить стиль слоя. Перейдите в соответствующее окно и выберите слой с введённой надписью;
![Рис. 6 – окно выбора](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-6-–-выбор-слоя.jpg)
Рис. 6 – окно выбора
- в открывшемся окне настройки стилей слоя настройте тени, обводки и прочие эффекты.
![Рис. 7 – внешний вид окна настроек](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-7-–-внешний-вид-окна-«Стили-слоя».jpg)
Рис. 7 – внешний вид окна настроек
- мышкой перетяните блок с надписью на нужную часть фотографии. Сохраните внесённые изменения.
![Рис. 8 – размещение итоговой надписи](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-8-–-размещение-итоговой-надписи.jpg)
Рис. 8 – размещение итоговой надписи
Таким образом можно очень быстро добавить стандартные виды текста на картинку в Фотошоп.
Чтобы получить более текстурную надпись, воспользуйтесь следующими методами.
Читайте другие наши статьи о работе в Фотошопе:
Выбираем шрифт
В данном способе мы будем создавать надпись, выполняя установку дополнительных скачанных шрифтов, создадим градиентную заливку символов и их обводку.
Скачивать дополнительные шрифты для Фотошоп можно на сторонних ресурсах.
Самый популярный из них – 1001 free fonts. Выберите понравившийся шрифт и скачайте его, затем распакуйте архив.
Переместите файл формата TTF в системную папку Шрифты Windows, которая расположена в панели управления.
![Рис. 9 – системна папка «Шрифты»](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-9-–-системна-папка-«Шрифты».png)
Рис. 9 – системна папка «Шрифты»
После перемещения файла выполните перезагрузку редактора Фотошоп, чтобы новый установленный шрифт добавился в программу.
Теперь нажмите на инструмент «Горизонтальный текст».
Напишите его на любом месте фотографии.
С помощью верхней панели выберите шрифт (помимо стандартных элементов, в этой вкладке также будет отображаться установленный шрифт).
![Рис. 10 – добавление надписи](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-10-–-добавление-надписи.jpg)
Рис. 10 – добавление надписи
Выберите размер символов. Теперь можно приступать к добавлению различных эффектов. Откройте окно слоёв (вкладка «Окно», пункт «Слои»).
Выберите слой с текстом. В окне стили слоя добавляем тень. Для этого необходимо отрегулировать параметр непрозрачности примерно на 75%.
Далее выставьте смещение на 10-12 пикселей. В строке Размер также переместите ползунок до значения 10-12 пикселей.
![Рис. 11 – настройка тени надписи](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-11-–-настройка-тени-надписи.jpg)
Рис. 11 – настройка тени надписи
Теперь добавим свечение внешней части текста. Для этого в том же окне «Стиль слоя» слева отметьте галочкой «Внешнее свечение».
В правой части окна выставьте параметр «Размах» как 8% и Размер как 27 пикселей. Чтобы увеличить площадь свечения, отрегулируйте элемент «Размах».
![Рис. 12 – настройка внешнего свечения текста](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-12-–-настройка-внешнего-свечения-текста.jpg)
Рис. 12 – настройка внешнего свечения текста
Далее приступим к работе с градиентной заливкой символов текста. В окне «Стиль слоя» кликните на раздел «Наложение градиента.
Нажмите на цвет градиента, чтобы открыть палитру оттенков. Можно выбрать цвет с помощью мышки или ввести код оттенка. Введём #fbfea0.
Далее нужно нажать на нижнем ползунке, который находится справа и ввести код цвета #ffef04.
![Рис. 13 – создание градиентной заливки текста](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-13-–-создание-градиентной-заливки-текста.jpg)
Рис. 13 – создание градиентной заливки текста
Теперь сделаем обводку для символов. Кликните на «Обводка» и выберите размер контура «3» и цвет обводки под кодом #031f01.
![Рис. 14 – настройка обводки текста](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-14-–-настройка-обводки-текста.jpg)
Рис. 14 – настройка обводки текста
Закройте окно стилей слоя. Аналогично вы можете добавить ещё одну надпись с другим шрифтом и настроить для неё обводку, внешнее свечение и градиент.
![Рис. 15 – результат создания надписи](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-15-–-результат-создания-надписи.jpg)
Рис. 15 – результат создания надписи
Создаём стилизованную надпись
Далее рассмотрим, как создавать уникальные текстурные надписи. Этот метод является самым сложным, однако, результат вас порадует.
Создание стилизованного текста – неотъемлемая часть графического дизайна. В этом примере мы будем создавать текст, символы которого внешне очень похожи на леденцы.
Советуем создавать такую надпись в отдельном проекте. При необходимости, её можно будет добавить на любую картинку, изменив текст.
Откройте новый проект в редакторе Photoshop. Размер листа должен быть 800×600 px. Выполните дублирование слоя с задним фоном.
![Рис. 16 – дублирование с задним фоном](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-16-–-дублирование-слоя-с-задним-фоном.jpg)
Рис. 16 – дублирование с задним фоном
Теперь кликните на дубликате и откройте окно «Стили слоя». В левой части окна выберите пункт «Наложение градиента» (или «Gradient Overlay»). Справа настройте параметры: радиальный стиль (Radial Style), Масштаб – 50% (Scale). Затем выставьте цвет градиента левая точка будет иметь код #ffffff, а правая — #979797.
![Рис. 17 – создание градиента](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-17-–-создание-градиента-слоя.jpg)
Рис. 17 – создание градиента
Если вы закроете окно настройки стилей, увидите, что изображение приобрело градиентную текстуру.
![Рис. 18 – результат создания градиента](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-18-–-результат-создания-градиента.jpg)
Рис. 18 – результат создания градиента
Далее загрузите по ссылке файл с текстурой. Откройте его в проекте. Скачанная картинка должна быть расположена выше всех остальных слоёв.
Также вы можете создать другой масштаб для текстуры, но, советуем пока оставить как есть.
![Рис. 19 – наложение текстуры](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-19-–-наложение-текстуры.jpg)
Рис. 19 – наложение текстуры
Скачайте на свой ПК шрифт «Bubble Gum» по ссылке и установите его. Не забудьте сохранить проект перед тем, как будете перезагружать проект в Фотошоп.
Добавьте на страницу проекта надпись, используя новый установленный шрифт. Выставьте размер – 170 пт., вид – Обычный.
![Рис. 20 – добавление надписи](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-20-–-добавление-текста.jpg)
Рис. 20 – добавление надписи
На панели Layer выделите два текстовых слоя (если вы создали три строки, то выделите три слоя) и создайте их дубликаты.
Выставьте значение заливки равное 0 (параметр Fill) для каждого дубликата слоя строки текста.
Кликните по оригинальному слою текста в соответствующем меню, чтобы открыть окно «Стиль слоя».
Теперь откройте вкладку «Тиснение» («Bevel and Emboss»). Теперь выставьте все настройки аналогично к показанными на рисунке ниже (код цвета в параметре «Shadow Mode» — #878787):
![Рис. 21- настройки тиснения](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-21-параметры-тиснения.jpg)
Рис. 21- настройки тиснения
Теперь перейдите во вкладку контура и выставьте такие настройки:
![Рис. 22 – настройки контура](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-22-–-настройки-контура.jpg)
Рис. 22 – настройки контура
Во вкладке «Текстуры» кликните на встроенный узор «Диагональные полоски».
![Рис. 23 – выбор узора](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-23-–-выбор-узора.jpg)
Рис. 23 – выбор узора
Теперь необходимо настроить внутреннюю тень. Перейдите на соответствующую вкладку и задайте такие параметры (Цвет — #ffffff):
![Рис. 24 – настройки внутренней тени](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-24-–-настройки-внутренней-тени.jpg)
Рис. 24 – настройки внутренней тени
Параметры вкладки «Внутреннее свечение» (левая точка градиента — #391c21, правая — #f7efed):
![Рис. 25 – настройки внутреннего свечения](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-25-–-настройки-внутреннего-свечения.jpg)
Рис. 25 – настройки внутреннего свечения
Теперь откройте вкладку «Глянец» и выставьте настройки (код цвета — #ffeae3):
![Рис. 26 – создание стиля глянца](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-26-–-создание-стиля-глянца.jpg)
Рис. 26 – создание стиля глянца
Настроим наложение цвета (код — #e0dadb):
![Рис. 27 - параметры наложения цвета](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-27-параметры-наложения-цвета.jpg)
Рис. 27 — параметры наложения цвета
Создаём градиент надписи (левая точка — #ffffff, правая точка — #999999):
![Рис. 28 – настройка градиента](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-28-–-настройка-градиента.jpg)
Рис. 28 – настройка градиента
Откройте вкладку «Перекрытие узора» и выберите узор под номером 6. Масштабирование – 7%.
![Рис. 29 – перекрытие узора](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-29-–-перекрытие-узора.jpg)
Рис. 29 – перекрытие узора
Теперь нужно настроить тень надписи:
![Рис. 30 – настройки тени](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-30-–-параметры-тени.jpg)
Рис. 30 – настройки тени
Скопируйте созданный стиль для каждого слоя текста (для каждой строки). Итоговый вид надписи:
![Рис. 31 – итоговая надпись](/wp-content/uploads/geek/geek-nose.com/wp-content/uploads/2016/11/Рис.-31-–-итоговая-надпись.jpg)
Рис. 31 – итоговая надпись
Чтобы применить надпись к конкретному рисунку, просто поменяйте фоновое изображение проекта и выставьте размер шрифта в окнах стилей слоёв.
Читайте другие наши статьи о Фотошопе:
Как удалить фон в фотошопе – простые способы
Как вставить картинку в картинку в фотошопе – подробное руководство