Как сделать красивый текст в фотошопе

Как сделать красивую надпись в Фотошопе

Создание красивых привлекательных надписей – один из основных приемов дизайна в программе Фотошоп. Такие надписи могут использоваться для оформления коллажей, буклетов, при разработке сайтов. Создать привлекательную надпись можно разными способами, например, наложить текст на картинку в Фотошопе, применить стили или различные режимы наложения. В этом уроке мы покажем, как сделать красивый текст в Фотошопе CS6

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

Как всегда, будем экспериментировать над названием нашего сайта LUMPICS.RU с помощью стилей и режима наложения «Цветность».

Этап 1: Применение стилей

1. Создаем новый документ необходимого размера, заливаем фон черным цветом и пишем текст. Цвет текста может быть любым, контрастным.
2. Создаем копию слоя с текстом (CTRL+J) и снимаем с копии видимость.

Этап 2: Раскрашивание

Осталось только раскрасить наш текст.

Создаем новый пустой слой и красим его любым способом в яркие цвета. Мы воспользовались вот таким градиентом:

Надпись готова, при желании ее еще можно доработать различными дополнительными элементами на ваш выбор.

Урок окончен. Эти приемы помогут при создании красивых текстов, пригодных для того, чтобы подписывать фотографии в Фотошопе, размещения на сайтах в качестве логотипов или оформления открыток и буклетов.

25 творческих эффектов текста Photoshop — в ярком стиле.

Существует несколько способов получить великолепные результаты в Photoshop и сэкономить время.

В этой статье мы предлагаем отборную коллекцию Photoshop text effects от Envato Market с множеством ярких стилей к вашему набору цифровых инструментов.

Best Selling Photoshop Text Effect Actions — продаются на Envato Market (GraphicRiver)

Эти премиум-эффекты текста созданы для дизайнеров и художников, которые работают в Adobe Photoshop. Они разработаны с использованием профессиональных технологий Photoshop, таких как actions, стили слоя и smart объекты.

Каждый загружаемый файл позволяет вставлять текст и быстро настраивать сообщение. Если вы применяете action, корректируете слой или изменяете объект, то можете получить стильный результат всего за несколько нажатий кнопок.

Возьмите этот вдохновляющий набор и просмотрите весь ассортимент стилей текстовых эффектов и сочных цветов на дисплее!

Творческие эффекты текста для Photoshop

Вот 25 ярких текстовых файлов эффектов, которые вы можете приобрести по доступной цене от $4 до $10. Здесь тонны стилей, таких как: жирный старинный текст, киношная надпись, реалистичные стили металла и многое другое.

Сделайте надпись в своем следующем проекте исключительной с помощью одного из этих текстовых эффектов Photoshop:

1. VHS — RGB Glitch PSD Text Effect

С оглядкой на эстетику 90-х, этот текстовый эффект имеет стильный дизайн видео-помехи. Этот файл Photoshop легко настраивается с помощью смарт-объектов. Вы можете применить его к своему тексту, логотипу или другой форме и настроить по необходимости. Размер шаблона 2000px на 1500px и 300 DPI, но может быть легко скорректирован.

В пакете двенадцать текстовых эффектов для PSD с различным количеством искажений текста и многочисленными фонами ошибок. Для флаера клуба или дизайна маркетинговой компании это отличный плюс для вашего графического арсенала!

2. 3D Photoshop Text Effects Vol.2

Это яркий набор текстовых эффектов с 10 PSD-файлами для работы в стилях Дерево, Старая ржавчина и Шторм. Их быстро настроить, вы можете просто заменить текст в любом файле с помощью смарт-объекта слоя. Больше поработайте над общим замыслом, без лишних усилий на оформление текста в стиле 3D.

3. 80s — Vibrant Photoshop Text Effects

Текстовые эффекты 80-х годов невероятно характерны, сверхзабавны и ретро-круты. В наборе 8 стилей PSD для работы — все сделаны smart объектами для простого редактирования. Независимо от того, у вас флаер событий, плакат или цифровая деталь для дизайна, эти яркие трёхмерные стили текста проявятся сияющими эффектами.

4. Cinematic Title PSD Text Effects Vol 5

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

Это идеальное решение для создания игровых обложек, плакатов, сайтов и прочего. Он поставляется с 8 многослойными файлами Photoshop, работает со smart объектами и включает в себя фоновые текстуры. Легко изменить цвета текста и подложку, чтобы придать текстовому эффекту отличительный стиль.

5. 14 Bold Vintage PSD Text Effects V.2

Удивительная подборка с 14 текстовыми эффектами, сочетающих ретро и современный стиль. Если вам нужен отличный текст смеси 3D в PSD и классического дизайна, этот набор имеет нужные стили. Вы можете быстро приложить свой собственный бренд (и послание) к любому тексту в этом наборе. Он будет работать даже с вашими формами и логотипами!

6. Broken Glass — Creative Photoshop Actions

Великолепно подходит для обложек игр, рекламных flyers или материалов для приложений. Эффект разбитого стекла добавляет изюминки любому титульному или выделенному тексту.

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

В наборе шесть actions, настроенных на hi-res 300 DPI, включая один файл action ATN Photoshop и один файл PAT Photoshop, которые используются шестью actions.

7. Photoshop Glow Text Styles Pro

Этот текстовый эффект имеет стиль свечения, который вы можете применить к веб-дизайну, игре или приложению. Если нужен стиль логотипа, применить свечение к элементам меню или текстовым полям, этот пакет имеет стильный трендовый дизайн. Он предназначен для web и имеет значение 72 DPI. Он поставляется с 50 стилями слоя PSD, с несколькими цветами и источниками света.

8. Full Metal Package 3D — Photoshop Actions

Этот пакет поставляется с несколькими Photoshop actions и стилями слоев. Всего здесь 47 actions (18 для 3D-эффектов и 29 actions стиля). Также 62 стиля слоя для создания 29 материалов в Photoshop: хром, серебро, золото, медь и многое другое — полный металлический пакет.

Разработан в высоком разрешении, пригоден для создания текстовых эффектов на печать или web. Супер-универсальный и работает с различными формами и стилями текста. Это переход к набору стилей PSD для создания любых трёхмерных металлических элементов — с быстрыми качественными результатами!

9. Gold Photoshop Text Effects

Возьмите обычную надпись и быстро превратите её в красивый золотой текст. Этот PSD action включает в себя 15 эффектов, которые могут использоваться в различных проектах, от стилей золотой фольги до эмуляции золотой печати, горячей фольги и т. д. Добавьте к дизайну элегантную эстетику!

10. Ultimate PSD Text Effect Collection

С тоннами удивительных стилей текстового эффекта для лёгкой работы с файлом Photoshop, в этой выдающейся коллекции множество стилей, которые можно добавить в ваш арсенал.

Предлагается с металлическими, винтажными, деревянными, кожаными, бумажными, тканевыми и другими стилями. Он работает с организованными слоями и smart объектами, поэтому вы можете изменять цвета и эффекты нужного текста за считанные секунды.

11. AtoZ: Epic PSD Text & Logo Effect

Этот high-energy текстовый эффект Photoshop CC файла основан на популярном стиле видеоигр. С ним нет необходимости устанавливать шаблоны, стили, кисти или выполнять actions.

Всё основано просто на формах smart объектов и лёгкости в работе. Поставляется с четырьмя яркими эффектами, состоящими из различных светящихся драгоценностей и графических текстур. Действительно интересные эффекты с большим вниманием к деталям!

12. 10 Elegant Photoshop Text Styles Vol.5

Этот том наполнен разнообразными текстовыми эффектами Photoshop, такими как: элегантная пузырьковая надпись, эффекты галактических звезд и сияющий металл. Есть десять эффектов, включенных в PSD-файл в комплекте с ASL-файлом. Работает с любым шрифтом.

13. Retro Photoshop Text Effects

Добавьте свой текст, логотипы, значки с налётом ретро-стиля с помощью этого графического набора файлов Photoshop. Он работает со слоями smart объектов и поставляется с шестью файлами PSD, упакованными в несколько стилей фона. Вы можете быстро создать привлекательную рекламу, стильный дизайн плаката или рекламный баннер с помощью этого набора винтажных текстовых эффектов.

14. Neon Pro — Bright PSD Text Effect

Этот эффект неонового текста имеет реалистичный стиль, который очень прост в применении. Просто откройте слой smart объектов, чтобы изменить текст или фигуры в Illustrator, и он обновится в Photoshop. У вас мгновенно будет настроенный профессиональный неоновый эффект.

15. Watercolor Photoshop Text Effects

Вы можете быстро создавать акварельные текстовые эффекты с помощью этого набора. Он состоит из 10 уникальных стилей качества ручной работы. Это отлично подходит для проектов с ощущением подлинности, например, в дизайне печати или графике в социальных сетях. Используйте этот стиль, чтобы превратить свой вдохновенный текст в осязаемый печатный дизайн!

16. Real Fire Photoshop Text Creator 2

Сделайте реалистичный текстовый эффект огня тремя простыми шагами. Введите свой текст, запустите action PSD, а затем настройте его, разместив пламя специальной кистью. Результаты в высоком разрешении на прозрачном фоне могут быть достигнуты за одну-две минуты. Рисуя пламя своей рукой, вы добьётесь действительно творческого результата.

17. Sweet Colorful Text Effects — 10 PSD

Этот набор восхитительных текстовых эффектов Photoshop включает в себя 10 ретро стилей красочных надписей на конфетах — с розовой содой, сладкой полоской, молочным коктейлем и другими. Настройка текста так же проста, как открытие и редактирование smart объекта. Возьмите немножко вкусного старинного добра!

18. Cartoon — Stylish PSD Text Effects

Поразите своих клиентов с этим мощным набором весёлых текстовых эффектов. Они все красочные, уникальные, с профессиональными стилями и легко настраиваются. В загрузку включены 10 файлов PSD с высоким разрешением.

19. Balloon Effect — Vibrant PSD Action

Этот текстовый эффект Photoshop выполнен в ярком стиле надувного шарика. Вы можете быстро превратить ваш текст или фигуру в бодрый дизайн, просто нажав кнопку воспроизведения в этом PSD action. Цвета можно также полностью настроить, создавая уникальные результаты.

Загрузка включает файл action Photoshop ATN, Photoshop кисть ABR и шаблон файла Photoshop PSD, а также файлы справки и инструкции.

20. Letterpress — Creative Photoshop Text Effects

Идеальный для печати плакатов или открыток, или для веб-страниц с эстетикой ручной работы, этот винтажный текстовый пакет содержит 10 ярких стилей. Он настроен на простую замену в smart объектах и работает со свободными шрифтами. Дизайны стилей красивы и дадут вам быстрый, качественный результат!

21. 4 Glitch Video — Photoshop Text Effects

Это набор эффектов телепомех в виде старинного экрана, напоминающий ранние видеоигры. Дайте вашим дизайнам классический техно-стиль с эффектами глюка и шумами.

Отлично подходит для флаеров стиля 80-х, постеров или классических техно-дизайнов. В комплекте четыре PSD-файла, которые работают со smart объектами Photoshop. Поместите свой текст в объект, и в ответ получите захватывающий дизайн!

22. 3D Gold PSD Text Mockups

Сделанный с помощью смарт-объектов в Photoshop, этот золотой текстовый эффект поставляется с тремя стилями в многослойном PSD-файле. Он работает с различными комбинациями текстовых форм и выделяется на любом фоне. Вы можете получить блестящий 3D-результат с высоким разрешением, импортированным из Photoshop.

23. Realistic Photoshop Styles Bundle

Это набор 27 текстовых эффектов и 50 стилей в файле ASL Photoshop. Этот большой набор позволяет легко создавать реалистичные текстовые эффекты в стиле гранжа на темном фоне, от текста из шипов, до цифрового хаоса и окрашенной кровью стали. Тонны текстовых эффектов этой коллекции отлично подойдут для стильного сайта, брендинга приложений, плакатов, флаеров событий или оформления игровой обложки.

24. Retro Vintage Text Effects Bundle — PSD Vol. 1-3

Этот большой комплект поставляется с 30 уникальными стилями старинных текстов. Каждый стиль представлен соответствующими файлами Photoshop. Каждый графический ресурс PSD быстро заменяется в smart объектах.

Это эффекты с послойным профессиональным качеством, с поднятыми 3D буквами и эффектами, имитирующими старый способ печати. Результат — чёткие, уникальные текстовые эффекты, классические очертания.

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

25. Letterpress Photoshop Style — Wood Edition

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

В этом наборе Photoshop 15 файлов ASL для применения к тексту или фигурам. Все с высоким разрешением и включают 12 деревянных блоков. Также имеется файл бонусов, включающий уже смоделированную сцену. Вы можете почувствовать чернила на деревянных буквах в этом подробном 3D-дизайне.

Хватайте текстовые эффекты Creative Photoshop!

В Envato Market множество ярких Photoshop text effect actions и стилей . Просмотрите сотни мощных файлов PSD и возьмите тот, который соответствует потребностям вашего проекта. У нас есть популярные Photoshop add-ons и best-selling photo effects — от профессионалов, добавляющих новые premium проекты на регулярной основе.

Оформление текста в Photoshop: полное руководство для новичков

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

В этой статье я расскажу о том, как сделать текст в Photoshop, покажу различные эффекты и приемы оформления текстов. Каждый пример я буду подробно иллюстрировать. Обещаю, будет несложно даже новичку.

Добавляем текст в Фотошопе

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

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

Эти способы отлично подходят для создания заголовков. Однако если вам нужно сделать абзац, можно поступить немного иначе. Щелкните левой кнопкой мыши по холсту и потяните – вы увидите, что теперь появилась рамка для ввода абзаца.

Когда вы создаете новый текст в документе, он отображается в виде текстового слоя. Если вы не видите эту панель, просто нажмите F7 или откройте вкладку «Окно» – «Слои». Обязательно откройте эту панель – далее мы будем часто к ней обращаться.

Редактирование текста в Photoshop

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

Как поменять шрифт и размер текста

Для того чтобы изменить размер текста, для начала нужно найти инструмент «Перемещение» на панели инструментов (значок со стрелками). Выбираем текст, размер которого нужно изменить, и просто тянем за уголок рамки. Если так сделать не получилось – убедитесь, что в верхней панели стоит галочка возле пункта «Автовыбор».

Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.

Поменять размер текста можно другим способом – просто выберите необходимый размер шрифта. Выберите слой с текстом, а затем нажмите на инструмент «Текст» (Т). В верхней панели или в окне «Символ» появятся все необходимые параметры: чтобы изменить размер шрифта, впишите значение или выберите что-то из предложенного в меню. Здесь же вы можете выбрать шрифт – чтобы увидеть все установленные шрифты, нажмите на стрелочку.

Как сделать выравнивание текста

Чтобы настроить выключку, пользуйтесь окном «Абзац». На иконках изображены миниатюры способов выравнивания.

Как изменить текст в Photoshop

Существует два способа поменять текст:

1. Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
2. Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

Как поменять цвет текста

Давайте теперь попробуем добавить красок – поменяем цвет заголовка. Чтобы это сделать, нажмите на инструмент «Текст», затем выберите нужный слой в панели слоев, а наверху нажмите на квадратик с цветом.

Открылась целая палитра – меняйте ползунки, и цвет текста будет изменяться в режиме реального времени. Здесь же можно вписать значения цветов, если вам необходимо задать точный оттенок.

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

Если вы хотите поменять цвет только одной буквы, просто выделите ее инструментом «Текст». Я сделала новую картинку с кукурузкой и теперь хочу покрасить первую букву в желтый цвет. Выделяю ее, а затем нажимаю на окошечко «Цвет» в любой области – у меня целых три варианта.

Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.

Как скопировать текст

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

Метод с копированием и вставкой также работает, если вы копируете текст, например из Word.

Создаем эффекты для текста

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

Как сделать обводку текста

Чтобы сделать простую обводку текста в Фотошопе, необходимо попасть в окно «Стили слоя». Находим нужный слой на панели слоев и дважды щелкаем по нему мышью. Ставим галочку возле пункта «Выполнить обводку»: в этом окошке можно выбрать ее цвет, положение и размер.

Как сделать контур текста

Еще одна задачка, которую можно решить за пару минут. Итак, у меня уже подготовлена картинка с горами. Я хочу написать на ней контуром слово «nature». Выбираю инструмент «Текст», нажимаю куда-нибудь на холсте и пишу заветное слово.

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

Как сделать прозрачный текст

Прозрачный (вырубленный) текст я буду делать на белой плашке. Сперва нужно создать новый документ и поместить в него какую-нибудь картинку. Сегодня мне особенно нравятся черно-белые пейзажи, ничего не могу поделать. Давайте создадим новый текстовый слой и напишем любое слово. У меня это будет «mystery» – думаю, отлично подходит.

Дальше следите за руками:

1. Нажимаем на инструмент «Прямоугольник» (U), чтобы сделать подложку. Я возьму прямоугольник белого цвета со скругленными углами.
2. Перемещаем эту фигуру под слой с текстом (потяните его на панели слоев вниз на один пункт).
3. Нажимаем правой кнопкой мышки на панели слоев по слою прямоугольника, затем на «Растрировать слой».
4. Теперь с зажатой кнопкой Ctrl кликаем по слою с текстом, прямо по значку «Т».
5. Скрываем текстовый слой, ткнув на иконку с глазиком.
6. Выбираем слой с плашкой и нажимаем Delete.

Как изменить прозрачность текста

Чтобы изменить прозрачность букв, откройте панель «Слои». Найдите нужный вам слой и введите значение непрозрачности. Если нажать на стрелочку, появится ползунок.

Больше всего мне нравится, как выглядят цветные буквы с прозрачностью. Я выбрала желтый заголовок в цвет кукурузы, а прозрачность текста опустила до 52%.

Как сделать неоновые буквы

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

1. Создаем текстовый слой какого-нибудь кислотного цвета, например ярко-малинового.
2. Дважды кликаем по нему на панели, чтобы вызвать окно стилей слоя.
3. Открываем «Внешнее свечение» и выбираем цвет этого свечения – у меня малиновые буквы, и свечение от них я тоже сделаю малиновым, только чуть светлее.
4. Настраиваем непрозрачность и переходим ко вкладке «Внутреннее свечение».
5. Во вкладке «Внутреннее свечение» я выбрала светло-розовый цвет, полностью непрозрачный, а возле пункта «Источник» – «Из центра».

После всех настроек текст можно изменить. А если вы скопируете слой, то все настройки неона тоже сохранятся. Покрутите ползунки, поиграйте с прозрачностью, оттенками и мягкостью свечения. Экспериментируйте, у вас все получится!

Как сделать градиент текста

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

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

Меняем форму

Наклон

Для того чтобы сделать наклон текста, выберите его инструментом «Перемещение» или нажмите на него на панели слоев. Затем выберите вкладку «Редактирование» – «Трансформирование» – «Наклон».

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

Деформация

В Фотошопе есть специальное окно, посвященное деформации текста. Чтобы его открыть, нажмите на инструмент «Текст». Наверху появится кнопка, открывающая окно деформации. Здесь вы можете выбрать стиль и настроить уровень искажения текста. После этого текст все еще будет доступен для редактирования.

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

Помните, что после растрирования текст нельзя будет редактировать. Растрировав его, зайдите во вкладку «Редактирование» – «Трансформирование», а там выберите, к примеру, «Искажение».

Можно тянуть слово в любую сторону, попробуйте!

Во вкладке «Трансформирование» есть и другие штучки. Обратите внимание на пункт «Деформация» – с его помощью можно делать забавные вещи. Вот что получится, если выбрать деформацию с сеткой 5х5:

Как сделать текст по кругу

Текст по кругу в Adobe Photoshop делается буквально в пару кликов. Итак, для начала нам необходимо нарисовать круг. Найдите инструмент «Эллипс». Он может прятаться за «Прямоугольником» – щелкните по нему правой кнопкой мышки, и вы сразу его увидите.

Наверху выберите пункт «Контур». Зажмите Shift, чтобы создать ровный круг, и отпустите, когда размер вас устроит. Чтобы начать писать текст по кругу, выберите инструмент «Текст» и щелкните прямо на контур нашего круга. Чтобы редактировать текст, кликните по нему дважды.

Заключение

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

Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом 🙂

Шаг 1

Создайте новый документ размером 850 х 600 px, дублируйте фоновый слой.

Шаг 2

Дважды кликните по копии полученного слоя, чтобы применить стиль слоя Gradient Overlay(Наложение Градиента) со следующими настройками:

• Dither (Сглаживание) поставьте галочку
• Style (Стиль): Radial (Радиальный)
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки с помощью цвета #3d3d3d слева и #151515 справа.

Шаг 3

Поместите изображение Бесшовный серый мягкий гранж в верхней части копии фонового слоя, а затем перейдите в меню Edit > Transform > Rotate 90 °Counter Clockwise (Редактирование > Трансформирование > Повернуть на 90 ° против часовой стрелки) и измените его размер по мере необходимости.

После этого переименуйте текстурный слой в BG Texture, а затем измените его режим наложения на Overlay (Перекрытие) с Opacity (Непрозрачность) 75%.

Шаг 4

Нажмите на иконку Create new fill or adjustment layer (Создать новый слой-заливку или корректирующий слой) в нижней части панели Layers (Слои) и выберите Hue/Saturation (Цветовой тон/Насыщенность).

Шаг 5

Измените Hue (Цветовой тон) на 155, Saturation (Насыщенность) на -50 и Lightness (Яркость) -9.

2. Создаем текст и определяем узор с блестками

Шаг 1

Создайте текст из заглавных букв, используя шрифт RockoUltraFLF, и установите размер 200 пт.

Шаг 2

Дублируйте текстовый слой и измените у копии значение Fill (Заливка) на 0.

Шаг 3

Откройте изображение Блестки, которое хотите использовать, перейдите в меню Edit > Define Pattern(Редактирование > Определить узор) и нажмите кнопку OK .

Это добавит изображение Блестки в качестве узора, который вы сможете найти в ваших наборах.

3. Стилизуем исходный текст

Дважды кликните по исходному текстовому слою, чтобы применить следующий стиль слоя:

Шаг 1

Добавьте Bevel and Emboss (Тиснение) со следующими настройками:

• Size (Размер): 9
• Soften (Смягчение): 8
• Anti-aliased (Сглаживание): поставьте галочку
• Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)

Шаг 2

Добавьте Contour (Контур) с настройками:

• Contour (Контур) : Half Round (Полукруг)
• Anti-aliased (Сглаживание): поставьте галочку
• Range (Диапазон): 100%

Шаг 3

Добавьте Stroke (Обводка) с настройками:

• Size (Размер): 1
• Position (Положение): Inside (Внутри)
• Blend Mode (Режим наложения): Color Dodge (Осветление Основы)
• Fill Type (Тип заливки): Gradient (Градиент)
• Нажмите на поле Gradient (Градиент) для создания градиента

Шаг 4

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

Цвет — Расположение

• #272727–0%
• #4f3662–32%
• #8163a6–67%
• #ebdffe — 100%

После того, как закончите создание градиентной заливки, нажмите на кнопку New (Новый), чтобы добавить градиент к набору, что у вас есть.

Шаг 5

Добавьте Inner Shadow (Внутренняя тень) с настройками:

• Opacity (Непрозрачность): 35%
• Distance (Расстояние): 0
• Size (Размер): 27

Шаг 6

Добавьте Inner Glow (Внутреннее Свечение) с настройками:

• Blend Mode (Режим наложения): Vivid Light (Яркий свет)
• Opacity (Непрозрачность): 100%
• Color (Цвет): #999891
• Technique (Метод): Precise (Точная)
• Size (Размер): 90
• Contour (Контур) : Rolling Slope-Descending (По склону — по убыванию)

Шаг 7

Добавьте Satin (Глянец) с настройками:

• Blend Mode (Режим наложения): Multiply (Умножение)
• Color (Цвет): #0d3537
• Opacity (Непрозрачность): 50%
• Angle (Угол обзора): 90
• Distance (Расстояние): 50
• Size (Размер): 60
• Contour (Контур): Linear (Линейный)
• Anti-aliased (Сглаживание): поставьте галочку
• Invert (Инверсия): поставьте галочку

Шаг 8

Добавьте Gradient Overlay (Наложение Градиента) с параметрами:

• Dither (Сглаживание) поставьте галочку
• Scale (Масштаб): 150%
• Используйте ту же градиентную заливку, что вы использовали для Stroke (Обводка)

Шаг 9

Добавьте Drop Shadow (Тень) с настройками:

• Color (Цвет): #a3a3a3
• Opacity (Непрозрачность): 80%
• Снимите галочку с Use Global Light (Глобальное Освещение)
• Angle (Угол обзора): 132
• Distance (Расстояние): 17
• Size (Размер): 35

Это будет стилем первого текстового слоя.

4. Стилизуем дубликат текстового слоя

Дважды кликните по копии текстового слоя, чтобы применить следующий стиль слоя:

Шаг 1

Добавьте Bevel and Emboss (Тиснение) со следующими настройками:

• Size (Размер): 9
• Soften (Смягчение): 8
• Gloss Contour (Контур глянца): Ring (Кольцо)
• Anti-aliased (Сглаживание): поставьте галочку
• Highlight Mode (Режим Подсветки): Vivid Light (Яркий Свет)

Шаг 2

Добавьте Contour (Контур) с настройками:

• Anti-aliased (Сглаживание): поставьте галочку

Шаг 3

Добавьте Inner Glow (Внутреннее Свечение) с настройками:

• Blend Mode (Режим наложения): Vivid Light (Яркий свет)
• Opacity (Непрозрачность): 100%
• Noise (Шум): 30%
• Color (Цвет): #999891
• Technique (Метод): Precise (Точная)
• Size (Размер): 90
• Contour (Контур) : Ring — Double (Двойное кольцо)

Шаг 4

Добавьте Gradient Overlay (Наложение градиента) с параметрами:

• Dither (Сглаживание) поставьте галочку
• Blend Mode (Режим наложения): SoftLight (Мягкий Свет)
• Opacity (Непрозрачность): 20%
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиента ниже

Цвет — Расположение

• #272727–0%
• #575653–32%
• #a09d93–66%
• #fef7df — 100%

Шаг 5

Добавьте Pattern Overlay (Наложение Узора) с параметрами:

• Blend Mode (Режим наложения): Lighter Color (Светлее)
• Pattern (Узор): glitter-yellow.jpg
• Scale (Масштаб): 50%

Это стилизует второй текстовый слой и добавит блестящую часть.

5. Коррекция конечного результата

Шаг 1

Чтобы усилить эффект, дублируйте копию текстового слоя, а затем уменьшите у слоя Copy 2 Opacity(Непрозрачность) до 60%.

Шаг 2

Наконец, добавьте корректирующий слой Gradient Map (Карта Градиента) поверх всех слоев.

Создайте градиентную заливку с помощью цвета #566d7c слева, #9a9c8a в центре и #fddea2 справа.

Затем измените режим наложения корректирующего слоя на Linear Light (Линейный Свет) и Opacity(Непрозрачность) 15%.

Поздравляем! Вы закончили!

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

И, наконец, мы усилили эффект и добавили корректирующий слой, чтобы закончить работу.

Пожалуйста, не стесняйтесь оставлять свои получившие работы нашему боту