Как сделать вдавленный текст в фотошопе
Перейти к содержимому

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

  • автор:

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

Стилизация шрифтов в Фотошопе – одно из основных направлений работы дизайнеров и иллюстраторов. Программа позволяет, используя встроенную систему стилей, сделать из невзрачного системного шрифта настоящий шедевр.

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

Тисненый текст

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

Создаем фон и текст

  1. Итак, создаем новый документ необходимого размера. Создание нового документаи в нем создаем новый слой. Создания слоя для подложки
  2. Затем активируем инструмент «Градиент» . Инструмент Градиенти, на верхней панели настроек, кликаем по образцу Панель настроек градиента
  3. Откроется окно, в котором можно отредактировать градиент под свои нужды. Настройка цвета контрольных точек происходит просто: дважды кликаем по точке и выбираем нужный оттенок. Сделаем градиент, как на скриншоте и нажмем ОК (везде). Настройка градиента
  4. Снова обращаемся к панели настроек. На этот раз нам необходимо выбрать форму градиента. Вполне подойдет «Радиальный». Радиальный градиент
  5. Теперь помещаем курсор примерно в центр холста, зажимаем ЛКМ и тянем к любому углу. Заливка градиентом
  6. Подложка готова, пишем текст. Цвет не важен. Создание текста

Работа со стилями текстового слоя

Приступаем к стилизации.

  1. Двойным кликом по слою открываем его стили и в разделе «Параметры наложения» снижаем значение заливки до 0. Снижения значения заливкиКак видим, текст полностью исчез. Не пугайтесь, следующие действия нам его вернут в уже преображенном виде.
  2. Кликаем по пункту «Внутренняя тень» и настраиваем размер и смещение. Внутренняя тень текста
  3. Затем переходим к пункту «Тень». Здесь нужно настроить цвет (белый), режим наложения (Экран) и размер, исходя из размера текста. Настройка тени для текстаПосле завершения всех действий нажимаем ОК. Вдавленный текст готов.

Результат обработки Вдавленный текст

Данный прием можно применять не только к шрифтам, но и к другим объектам, которые мы хотим «вдавить» в фон. Результат получается вполне приемлемым. Разработчики Фотошопа дали нам в руки такой инструмент, как «Стили», сделав работу в программе интересной и удобной.

Создаем стильный вдавленный текст используя Фотошоп

В этом уроке Фотошопа мы создадим стильный выдавленный текст.

Версия Photoshop: Photoshop CS4 (2008)

Сложность: Средняя

Дата: 14.07.2011

Обновлено: 24.08.2017

Создаем стильный вдавленный текст используя Фотошоп

1. Создайте новый документ с размерами 600 на 400 рх.

Залейте фоновый слой сероватым цветом #535559 (Shift+F5), мы его еще перекрасим:

Создаем стильный вдавленный текст используя Фотошоп

2. Теперь нужно выбрать красивый широкий шрифт, мне припал к душе шрифт Bello (коммерческий), вы можете воспользоваться другим.

Напечатайте свое слово используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») (размер шрифта 188 pt):

Создаем стильный вдавленный текст используя Фотошоп

3. Теперь добавим тексту стили слоя, зайдите в меню Layer — Layer Style (Слои — Стиль слоя) и настройте следующие стили:

Создаем стильный вдавленный текст используя Фотошоп

Создаем стильный вдавленный текст используя Фотошоп

Теперь настройте внутреннюю текстуру, которую можно сделать самостоятельно:

Создаем стильный вдавленный текст используя Фотошоп

Также настройте градиентную обводку в 1 px, для большего ощущения объема:

Создаем стильный вдавленный текст используя Фотошоп

После всех вышеописанных манипуляций, ваш результат будет следующим:

Создаем стильный вдавленный текст используя Фотошоп

4. Наличие плоского холста может ухудшить восприятие нашего текста, независимо от его привлекательности, поэтому лучше добавить ощущение легкой глубины. Перейдите на фоновый слой, разблокируйте его, и примените стили слоя Layer — Layer Style (Слои — Стиль слоя), что показаны на скринах:

Создаем стильный вдавленный текст используя Фотошоп

Для градиента используйте цвета от серо-голубоватого #667c85 к более темному его варианту #475e68:

Создаем стильный вдавленный текст используя Фотошоп

Создаем стильный вдавленный текст используя Фотошоп

5. Добавим на наш текст отражение света.

Зажмите клавишу Ctrl и кликните по слою с текстом (на миниатюру в панели слоев), чтобы получить выделение по его форме:

Создаем стильный вдавленный текст используя Фотошоп

Создайте новый слой выше остальных. Выберите инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G»), настройте градиент от белого цвета к прозрачному и проведите им сверху вниз. После сделайте новое овально выделение, как это показано ниже:

Создаем стильный вдавленный текст используя Фотошоп

Инвертируйте данное выделение Select — Inverse (Выделение — Инверсия / Сочетание клавиш «Shift+Ctrl+I») и нажмите кнопку Delete, чтобы удалить часть выделенного градиента — это оставит отражение только в верхней части текста:

Создаем стильный вдавленный текст используя Фотошоп

Для большей натуральности измените режим наложения для этого слоя на Overlay (Перекрытие):

Создаем стильный вдавленный текст используя Фотошоп

6. Последним шагом мы сделаем часть контура у текста немного сияющим, что сделает его более изящным, мечтательным и привлекательным. Создайте новый слой выше остальных. Выберите белую мягкую кисть с диаметром около 27 px и поставьте ею по контуру текста несколько пятен в случайных местах. Понизьте этому слою непрозрачность (Opacity) к 70%, режим смешивания Overlay (Перекрытие). Чтобы усилить сияние, достаточно просто провести по тому же месту еще раз или сделать это на новом слое:

Создаем стильный вдавленный текст используя Фотошоп

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

Как сделать эффект вдавленного текста в Фотошопе

В данной статье будет рассмотрено как легко сделать эффект “вдавленного текста”. Это поможет естественно вписать текст в разные текстуры.
Шаг 1. Для начала нужно выбрать исходный фон и подобрать наилучший шрифт. В поле заливки необходимо убрать её до 0%.

Шаг 2. Двойным нажатием по текстовому слою переходим в меню стилей. Для начала наложим цвет. Цвет выбирается под исходный фон и ставится небольшая прозрачность – около 35%.

Шаг 3. Следующим накладываем “внутреннюю тень”. Режим наложения выбрать “Умножение”, непрозрачность около 75%, смещение и размер около 5 пикселей.

Шаг 4. Завершающим является наложение “теснения”. Именно этот стиль придает наибольшую естественность. Стиль выбрать “внутренний скос”, метод “плавное”, глубину около 130%, направление “вниз”, размер 2-5 пикселей. Также важным будет настроить угол затенения: убрать галочка на глобальном освещении и настроить угол 90 и 30. Режим подсветки “Экран” и непрозрачность 75%, здесь также можно выбрать цвет (зависит от фона).

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

Смотрите похожие статьи

Как сделать круговую диаграмму в Figma

Стили и направления веб-дизайна в 2024 году

Логотип SILVERWEB в стилистике известных компаний

Готовы предоставить полную консультацию по условиям и
всем интересующим вопросам работы с нашей компанией!

Получить консультацию

Весь спектр услуг маркетинга и рекламы: лидогенерация, SEO, контекстная реклама, таргетированная реклама, создание и правка сайтов, управление репутацией, внедрение crm-систем и многие другие услуги

  • г. Минск, пр-т Независимости 169, 805Ю, БЦ «XXI век»
  • +375 (29) 390-56-65
  • zakaz @ silverweb.by

Отвечаем
в мессенджерах:

  • Пн 9:00 — 17:00
  • Вт 9:00 — 17:00
  • Ср 9:00 — 17:00
  • Чт 9:00 — 17:00
  • Пт 9:00 — 17:00
  • Сб Выходной
  • Вс Выходной

Частное Предприятие «Сильвервеб ПРО» © 2017-2024

Yandex на основе 28 отзывов
Google SILVERWEB
5 на основе 131 отзыва

Заявка на обратный звонок

Частное Предприятие «Сильвервеб ПРО» с уважением относится к правам наших клиентов. Мы безоговорочно признаем важность конфиденциальности личной информации и соблюдаем правила защиты персональных данных от несанкционированного доступа третьих лиц (защита персональных данных).

Заполнение формы с контактными данными означает согласие с настоящей Политикой конфиденциальности и указанными в ней условиями обработки персональной информации.

Ниже приводится информация об обработке персональных данных.

1. Персональные данные. Цель сбора и обработки персональных данных.

1.1. Вы всегда можете посетить данную страницу, не раскрывая никакой персональной информации.

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

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

1.4. Наше агентство не проверяет достоверность персональных данных, предоставляемых физическими лицами, и не проверяет их дееспособность.

2. Условия обработки персональной информации покупателя и её передачи третьим лицам.

2.1. При обработке персональных данных наших клиентов мы руководствуемся законом РБ «Об информации, информатизации и защите информации».

2.2. В отношении персональной информации покупателя сохраняется ее конфиденциальность.

2.3. Наше агентство не передает персональные данные третьим лицам.

3. Меры, применяемые для защиты персональной информации пользователей.

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

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 17 апреля 2021 . Категория: Уроки фотошопа текст.

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

Сегодня мы будем создавать эффект вдавленного текста на коже.

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

Сначала мы создадим новый документ и поместим в него текстуру кожи из папки с исходниками.

Затем установим шрифт и напишем текст.

Далее применим к текстовому слою стили слоя Тиснение и Внутренняя тень.

После этого создадим несколько корректирующих слоев, чтобы затемнить изображение, обесцветить и добавить контраста.

В завершение урока «Как сделать вдавленный текст в фотошопе» мы добавим на изображение виньетку – при помощи инструмента Кисть нарисуем затемнение по углах и размоем слой с виньеткой.

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

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

1

Помещаем в документ (Файл-Поместить встроенные) изображение «Текстура» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы растянуть изображение на весь холст. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.

2

3

4

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

5

Активируем инструмент Текст. Растягиваем рамку создания текста на ширину холста и пишем слово «Супер». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на черный (# 000000) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста

6

7

8

9

В панели слоев понижаем заливку текстового слоя к 50%.

10

11

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

Во вкладке Тиснение для Режима подсветки используем белый оттенок (# ffffff), а для Режима тени – черный (# 000000). Меняем настройки на следующие.

12

Во вкладке Внутренняя тень используем черный оттенок (# 000000) и вводим настройки, как на рисунке ниже.

13

Результат после применения стилей слоя.

14

В панели слоев выше слоя с текстурой, но ниже текстового слоя создаем корректирующий слой Яркость/Контрастность и вводим следующие настройки.

15

16

17

18

В панели слоев выше корректирующего слоя Яркость/Контрастность, но ниже текстового слоя создаем корректирующий слой Цветовой тон/Насыщенность и меняем настройки на те, что показаны ниже.

19

20

21

В панели слоев создаем еще один корректирующий слой Яркость/Контрастность. Данный слой должен находиться в панели слоев ниже текстового слоя, но выше всех остальных слоев. Вводим настройки, как на рисунке ниже.

22

23

Выше всех слоев в панели слоев создаем новый пустой слой и называем его «Виньетка». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

24

25

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». В панели цвета в качестве основного выставляем черный оттенок. Выбираем кисть, отмеченную стрелочкой. Рисуем кистью на слое «Виньетка» по краям изображения.

26

27

28

29

30

В панели слоев меняем режим наложения слоя «Виньетка» на Мягкий свет и понижаем прозрачность слоя.

31

32

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим настройки, как на рисунке ниже.

33

34

35

Вдавленный текст готов! Урок «Как сделать вдавленный текст в фотошопе» завершен.

финальный результат

Яркого настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *