Как сделать красивую надпись в Фотошопе
Создание красивых привлекательных надписей – один из основных приемов дизайна в программе Фотошоп. Такие надписи могут использоваться для оформления коллажей, буклетов, при разработке сайтов. Создать привлекательную надпись можно разными способами, например, наложить текст на картинку в Фотошопе, применить стили или различные режимы наложения. В этом уроке мы покажем, как сделать красивый текст в Фотошопе CS6
Создание красивой надписи
Как всегда, будем экспериментировать над названием нашего сайта LUMPICS.RU с помощью стилей и режима наложения «Цветность».
Этап 1: Применение стилей
- Создаем новый документ необходимого размера, заливаем фон черным цветом и пишем текст. Цвет текста может быть любым, контрастным.
- Создаем копию слоя с текстом (CTRL+J) и снимаем с копии видимость.
- Затем переходим на оригинальный слой и дважды кликаем по нему, вызвав окно стилей слоя. Здесь включаем «Внутреннее свечение» и выставляем размер 5 пикселей, а режим наложения меняем на «Замена светлым».
- Далее включаем
- Нажимаем ОК, переходим в палитру слоев и снижаем значение параметра «Заливка» до 0.
- Переходим на верхний слой с текстом, включаем видимость и дважды кликаем по нему, вызвав стили. Включаем
- Переходим к пункту «Контур» и ставим галку, включая сглаживание.
- Затем включаем «Внутреннее свечение» и меняем размер на 5 пикселей.
- Жмем ОК и снова убираем заливку слоя.
Этап 2: Раскрашивание
Осталось только раскрасить наш текст.
- Создаем новый пустой слой и красим его любым способом в яркие цвета. Мы воспользовались вот таким градиентом:
Подробнее: Как сделать градиент в Фотошопе
- Для достижения необходимого эффекта меняем режим наложения для этого слоя на «Цветность».
- Для усиления свечения создаем копию слоя с градиентом и меняем режим наложения на «Мягкий свет». Если эффект окажется слишком сильным, можно снизить непрозрачность данного слоя до 40-50%.
Надпись готова, при желании ее еще можно доработать различными дополнительными элементами на ваш выбор.
Урок окончен. Эти приемы помогут при создании красивых текстов, пригодных для того, чтобы подписывать фотографии в Фотошопе, размещения на сайтах в качестве логотипов или оформления открыток и буклетов.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.Помогла ли вам эта статья?
ДА НЕТКак сделать надпись в фотошопе — подробная инструкция
Рассмотрим, как сделать надпись в Фотошопе красиво и быстро. Все представленные ниже методы можно использовать в любой версии редактора Photoshop.
Самый простой способ: вставка текста
Если вам быстро нужно добавить надпись простую на фотографию, можно воспользоваться только стандартной «вставкой текста», которая находится слева на панели инструментов (дашборде) программы:
- откройте фотографию в окне редактора;
Рис. 1 – первоначальное изображение
- найдите на панели инструментов элемент «Текст», как показано на рисунке:
Рис. 2 – внешний вид меню инструментов
- теперь кликните указателем на том месте картинки, где будет размещена надпись. Начните печатать текст;
Рис. 3 – печать текста на фото
- чтобы поменять размер и тип шрифта, цвет надписи или расположение текста, воспользуйтесь соответствующими клавишами, которые находятся вверху на открывшемся дашборде:
Рис. 4 – настройка форматов надписи
- выполним настройку деформации текста, с помощью соответствующей кнопки;
Рис. 5 – применение деформации
- чтобы убрать появившуюся рамочку вокруг текста, необходимо изменить стиль слоя. Перейдите в соответствующее окно и выберите слой с введённой надписью;
Рис. 6 – окно выбора
- в открывшемся окне настройки стилей слоя настройте тени, обводки и прочие эффекты.
Рис. 7 – внешний вид окна настроек
- мышкой перетяните блок с надписью на нужную часть фотографии. Сохраните внесённые изменения.
Рис. 8 – размещение итоговой надписи
Таким образом можно очень быстро добавить стандартные виды текста на картинку в Фотошоп.
Чтобы получить более текстурную надпись, воспользуйтесь следующими методами.
Читайте другие наши статьи о работе в Фотошопе:
Как сделать фотошоп лица – детальное руководство по фотомакияжу
Как поменять язык Photoshop – инструкции для всех версий
Выбираем шрифт
В данном способе мы будем создавать надпись, выполняя установку дополнительных скачанных шрифтов, создадим градиентную заливку символов и их обводку.
Скачивать дополнительные шрифты для Фотошоп можно на сторонних ресурсах.
Самый популярный из них – 1001 free fonts. Выберите понравившийся шрифт и скачайте его, затем распакуйте архив.
Переместите файл формата TTF в системную папку Шрифты Windows, которая расположена в панели управления.
Рис. 9 – системна папка «Шрифты»
После перемещения файла выполните перезагрузку редактора Фотошоп, чтобы новый установленный шрифт добавился в программу.
Теперь нажмите на инструмент «Горизонтальный текст».
Напишите его на любом месте фотографии.
С помощью верхней панели выберите шрифт (помимо стандартных элементов, в этой вкладке также будет отображаться установленный шрифт).
Рис. 10 – добавление надписи
Выберите размер символов. Теперь можно приступать к добавлению различных эффектов. Откройте окно слоёв (вкладка «Окно», пункт «Слои»).
Выберите слой с текстом. В окне стили слоя добавляем тень. Для этого необходимо отрегулировать параметр непрозрачности примерно на 75%.
Далее выставьте смещение на 10-12 пикселей. В строке Размер также переместите ползунок до значения 10-12 пикселей.
Рис. 11 – настройка тени надписи
Все значения указаны примерно, вы можете настроить их на своё усмотрение, создавая новые эффекты. В правой части окна «Стиль слоя» присутствует предварительный показ настраиваемого шрифта.
Теперь добавим свечение внешней части текста. Для этого в том же окне «Стиль слоя» слева отметьте галочкой «Внешнее свечение».
В правой части окна выставьте параметр «Размах» как 8% и Размер как 27 пикселей. Чтобы увеличить площадь свечения, отрегулируйте элемент «Размах».
Рис. 12 – настройка внешнего свечения текста
Далее приступим к работе с градиентной заливкой символов текста. В окне «Стиль слоя» кликните на раздел «Наложение градиента.
Нажмите на цвет градиента, чтобы открыть палитру оттенков. Можно выбрать цвет с помощью мышки или ввести код оттенка. Введём #fbfea0.
Далее нужно нажать на нижнем ползунке, который находится справа и ввести код цвета #ffef04.
Рис. 13 – создание градиентной заливки текста
Теперь сделаем обводку для символов. Кликните на «Обводка» и выберите размер контура «3» и цвет обводки под кодом #031f01.
Рис. 14 – настройка обводки текста
Закройте окно стилей слоя. Аналогично вы можете добавить ещё одну надпись с другим шрифтом и настроить для неё обводку, внешнее свечение и градиент.
Рис. 15 – результат создания надписи
Создаём стилизованную надпись
Далее рассмотрим, как создавать уникальные текстурные надписи. Этот метод является самым сложным, однако, результат вас порадует.
Создание стилизованного текста – неотъемлемая часть графического дизайна. В этом примере мы будем создавать текст, символы которого внешне очень похожи на леденцы.
Советуем создавать такую надпись в отдельном проекте. При необходимости, её можно будет добавить на любую картинку, изменив текст.
Откройте новый проект в редакторе Photoshop. Размер листа должен быть 800×600 px. Выполните дублирование слоя с задним фоном.
Рис. 16 – дублирование с задним фоном
Теперь кликните на дубликате и откройте окно «Стили слоя». В левой части окна выберите пункт «Наложение градиента» (или «Gradient Overlay»). Справа настройте параметры: радиальный стиль (Radial Style), Масштаб – 50% (Scale). Затем выставьте цвет градиента левая точка будет иметь код #ffffff, а правая — #979797.
Рис. 17 – создание градиента
Если вы закроете окно настройки стилей, увидите, что изображение приобрело градиентную текстуру.
Рис. 18 – результат создания градиента
Далее загрузите по ссылке файл с текстурой. Откройте его в проекте. Скачанная картинка должна быть расположена выше всех остальных слоёв.
Также вы можете создать другой масштаб для текстуры, но, советуем пока оставить как есть.
Рис. 19 – наложение текстуры
Скачайте на свой ПК шрифт «Bubble Gum» по ссылке и установите его. Не забудьте сохранить проект перед тем, как будете перезагружать проект в Фотошоп.
Добавьте на страницу проекта надпись, используя новый установленный шрифт. Выставьте размер – 170 пт., вид – Обычный.
Рис. 20 – добавление надписи
Примечание: каждую новую строку следует создавать только на отдельной вкладке Layer
На панели Layer выделите два текстовых слоя (если вы создали три строки, то выделите три слоя) и создайте их дубликаты.
Выставьте значение заливки равное 0 (параметр Fill) для каждого дубликата слоя строки текста.
Кликните по оригинальному слою текста в соответствующем меню, чтобы открыть окно «Стиль слоя».
Теперь откройте вкладку «Тиснение» («Bevel and Emboss»). Теперь выставьте все настройки аналогично к показанными на рисунке ниже (код цвета в параметре «Shadow Mode» — #878787):
Рис. 21- настройки тиснения
Теперь перейдите во вкладку контура и выставьте такие настройки:
Рис. 22 – настройки контура
Во вкладке «Текстуры» кликните на встроенный узор «Диагональные полоски».
Рис. 23 – выбор узора
Теперь необходимо настроить внутреннюю тень. Перейдите на соответствующую вкладку и задайте такие параметры (Цвет — #ffffff):
Рис. 24 – настройки внутренней тени
Параметры вкладки «Внутреннее свечение» (левая точка градиента — #391c21, правая — #f7efed):
Рис. 25 – настройки внутреннего свечения
Теперь откройте вкладку «Глянец» и выставьте настройки (код цвета — #ffeae3):
Рис. 26 – создание стиля глянца
Настроим наложение цвета (код — #e0dadb):
Рис. 27 — параметры наложения цвета
Создаём градиент надписи (левая точка — #ffffff, правая точка — #999999):
Рис. 28 – настройка градиента
Откройте вкладку «Перекрытие узора» и выберите узор под номером 6. Масштабирование – 7%.
Рис. 29 – перекрытие узора
Теперь нужно настроить тень надписи:
Рис. 30 – настройки тени
Скопируйте созданный стиль для каждого слоя текста (для каждой строки). Итоговый вид надписи:
Рис. 31 – итоговая надпись
Чтобы применить надпись к конкретному рисунку, просто поменяйте фоновое изображение проекта и выставьте размер шрифта в окнах стилей слоёв.
Читайте другие наши статьи о Фотошопе:
Как удалить фон в фотошопе – простые способы
Как вставить картинку в картинку в фотошопе – подробное руководство
« Предыдущая запись 
Следующая запись »Работа с текстом — красивая надпись в фотошопе
Потратьте несколько минут своего времени и создайте красивый текстовый эффект в фотошопе. Текст вы можете написать любой.
90% успеха красивого эффекта составляет шрифт.
Используемый шрифт:
В этом интересном уроке раскрываются некоторые секреты и методики создания красивого постера с прекрасно оформленным текстом. Урок для тех кто интересуется текстовыми эффектами в фотошопе.
Создайте новый документ
В окошке слоев (layers) выберите Gradient
Делайте следующие настройки
Жмем на прямоугольник напротив слова «Gradient» и выставляем:
Должно получится так
Берем Brush tool и выставляем:
Color: #ccffff
Hardness: 0%
Создаем новый слой, поставьте данному слою Оpacity — 60%. И brush tool кликните на центр, у вас должно получится вот так:
Загрузите кисти Splatter Brushes from Bittbox.
Создаем новый слой и при помощи Brush tool (#77e5e4) сделайте также как автор.
Дублируем слой с брызгами. Жмем Filter > Blur > Gaussian Blur и выставляем параметр Radius на 3px. Данному слою выставляем Blending Mode — Color Dodge.
Переместите слоя с брызгами (тот который без blur) на верх и выставите ему Blending Mode — Linear Dodge.
Таким же способам добавляем еще брызг на ваше усмотрение, автор использует цвет #e577d2.
Берем Text tool и пишем “design”.
Двойной клик по слой с текстом (“design”) и делаем как на картинках ниже:
Цвета — #1b2f2f / #231d1d
Вот что должно получится в итоге:
Сохраняем нашу работу в формате .psd.
Жмем Alt+F9, откроется окошко Actions. Загружаем Photoshop Actions Set. Появится папка free-web-design.co.cc и вне находится записанные автором Actions Set.
Выберите желаемый результат из 12 вариантов и нажмите кнопку воспроизвести.
Автор выбрал такой:
Добавим эффекты.
Filter > Render > Lighting Effects и сделайте так как показано ниже.
Жмем Filter > Render > Lens Flare.
Повторите Filter > Render > Lighting Effects.
Добавим Filter > Render > Lens Flare.
Урок для Pixelbox.ru
Как сделать текст в Фотошопе
Если Вам нужно сделать красивую надпись на изображении: подписать открытку, создать водяной знак, вставить надпись на фото, обложку и прочее, используя программу Adobe Photoshop, Вы сможете получить желаемый результат. В статье мы рассмотрим основные параметры для текста, использование и изменение которых, поможет Вам сделать красивый текст в Фотошопе.
Добавление надписи
Для того чтобы написать что-то на фото или изображении, откройте это изображение: «File» – «Open» или «Ctrl+O». В примере мы будем создавать текст в новом документе на прозрачном фоне. В конце можно будет сохранить на прозрачном фоне результат, тогда у Вас будет возможность в любое время вставить надпись на нужное изображение.
Создадим новый файл в Фотошопе: «Ctrl+N». В диалоговом окне установите значения ширины «Width» и высоты «Height» и выберите «Background Contents» (Содержимое фона) – «Transparent» (Прозрачный). Нажмите «ОК».
Новый файл будет создан с фоном в виде шахматной доски. Это и означает прозрачность.
Чтобы написать текст в Фотошопе, на панели инструментов нажмите на пиктограмму с изображением буквы «Т».
Теперь добавим текст на изображение. Кликните мышкой в том месте, где будете писать, и там появится прыгающий курсорчик, как в привычном текстовом редакторе.
Вы можете, как ввести что-то с клавиатуры, так и вставить текст с любого документа, предварительно скопировав нужный фрагмент оттуда.
То, что написала я, не поместилось полностью на листе. Поэтому выделяю все, нажав сочетание клавиш «Ctrl+A», и перехожу к настройкам инструмента.
Настройки текста
Первая кнопочка позволит изменить направление — горизонтальное или вертикальное. Дальше можно выбрать нужный шрифт, размер и цвет. Кнопка «Create warped text» (Создать деформированный текст) поможет деформировать надпись, нужно просто выбрать подходящий стиль. В примере выставлены все параметры, которые подчеркнуты на рисунке, код цвета «#4b84d8».
Поместив курсор мышки за границами текста, он примет вид черной стрелочки (такой же, как первый инструмент Панели инструментов «Move Tool» (Перемещение)), зажав левую кнопку мышки, можно переместить напечатанное в любое другое место на изображении.
Окно настроек деформации появится после нажатия на кнопку «Create warped text» (Создать деформированный …). Выберите подходящий стиль, настройте параметры и нажмите «ОК».
Изменение стиля слоя
Рассмотрим палитру слоев. Каждый раз, при добавлении новой надписи, там будет создаваться новый слой. Если Вы добавляли текст на фото, оно будет представлено в палитре отдельным слоем. Таким образом, при работе с написанным мы никак не изменим изображение.
Если Вы хотите сделать что-либо с текстом, на палитре обязательно должен быть выделен соответствующий слой, на котором он написан.
Давайте рассмотрим, какие можно применить стили для слоя. На палитре слоев выделяем нужный слой, в примере он один, и нажимаем на пиктограмму «fx» внизу.
В открывающемся списке выбираем верхний пункт «Blending Options» (Параметры наложения).
Откроется окно «Layer Style» (Стиль слоя). Слева в нем будут представлены различные стили:
«Drop Shadow» (Тень), «Inner Shadow» (Внутренняя тень), «Outer Glow» (Внешнее свечение), «Inner Glow» (Внутреннее свечение), «Bevel and Emboss» (Тиснение), «Contour» (Контур), «Texture» (Текстура), «Satin» (Глянец), «Color Overlay» (Наложение цвета), «Gradient Overlay» (Наложение градиента), «Pattern Overlay» (Перекрытие узора), «Stroke» (Обводка).
Галочка напротив означает, что выбранный стиль применен к тексту, нажав на название стиля, посредине откроются его параметры.
Дальше, я буду применять для надписи те стили, которые показаны на рисунках ниже. Экспериментируйте, изменяйте параметры, включайте или отключайте различные стили.
«Drop Shadow» (Тень).
«Inner Shadow» (Внутренняя тень).
«Outer Glow» (Внешнее свечение).
«Bevel and Emboss» (Тиснение).
«Contour» (Контур).
«Gradient Overlay» (Наложение градиента).
«Stroke» (Обводка).
После добавления каждого стиля, он добавляется на палитре слоев под слоем с текстом. Глаз напротив позволит скрыть выбранный стиль.
В результате, получилось сделать следующий текст в Фотошопе. На рисунке показано, как он будет выглядеть на прозрачном и на белом фоне .
Как видите, сделать красивый текст в Фотошопе можно. Для этого в программе предусмотрено множество функций. Подбирайте различные параметры и тогда результат Вас точно порадует.
Оценить статью: Загрузка… Поделиться новостью в соцсетях
Об авторе: Олег Каминский
Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности