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

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


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

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

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

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

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

  1. Итак, создаем новый документ необходимого размера.

и в нем создаем новый слой.


Затем активируем инструмент «Градиент» .

и, на верхней панели настроек, кликаем по образцу


Откроется окно, в котором можно отредактировать градиент под свои нужды. Настройка цвета контрольных точек происходит просто: дважды кликаем по точке и выбираем нужный оттенок. Сделаем градиент, как на скриншоте и нажмем ОК (везде).


Снова обращаемся к панели настроек. На этот раз нам необходимо выбрать форму градиента. Вполне подойдет «Радиальный».


Теперь помещаем курсор примерно в центр холста, зажимаем ЛКМ и тянем к любому углу.


Подложка готова, пишем текст. Цвет не важен.

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

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

    Двойным кликом по слою открываем его стили и в разделе «Параметры наложения» снижаем значение заливки до 0.

Как видим, текст полностью исчез. Не пугайтесь, следующие действия нам его вернут в уже преображенном виде.
Кликаем по пункту «Внутренняя тень» и настраиваем размер и смещение.


Затем переходим к пункту «Тень». Здесь нужно настроить цвет (белый), режим наложения (Экран) и размер, исходя из размера текста.

Читать еще:  Как сделать блокнот из бумаги и картона

После завершения всех действий нажимаем ОК. Вдавленный текст готов.

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

Версия 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 (Перекрытие). Чтобы усилить сияние, достаточно просто провести по тому же месту еще раз или сделать это на новом слое:

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

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

Как сделать вдавленный текст в PhotoShop

Привет друзья! Сегодня урок посвящен всеми любимому фотошопу. Я хочу рассказать как сделать эффект вдавленного текста. Не знаю правильно ли его так называть, но этот эффект мне нравится и я его назвал так. Как вы заметили превью этого поста сделан при помощи этого эффекта.

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

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

Я указал разрешение 400х400 так как это для урока. Далее после того как мы создали новый документ залейте его желаемым цветом я выбрал цвет 2186d3 . Чтобы залить документ нажмите Alt+Backspace. Затем с помощью инструмента текст пишем любой текст цветом 313131 далее после того как мы написали, что нам нужно дважды щелкаете на слой с текстом в вкладке Layers (слои):

Читать еще:  Как сделать жесткие волосы мягкими

И открывается окошко с параметрами и эффектами. Нам нужны два пункта. Это Drop Shadow и Inner Shadow (Отбрасываемая и внутренняя тень). На картинках ниже указаны параметры которые нужно задать.
Объясню, что я делаю. Blend mode я делаю Normal для того, что бы избежать неправильного отображения тени, рядом в окошечке я выбираю цвет тени абсолютно белый. Ниже Opacity это прозрачность тени, значение которой я выставляю равным 50-ти процентам. Далее Angle это угол под которым отображается тень, я выставляю ее на 120% (для удобства уберите галочку Use global Light — использовать глобально освещение). Distance это дистанция на которой отображается тень от объекта (в нашем случае объектом является текст) значение должно быть всегда 1 пикселю. И размер тени Size выставляю равным 0. Остальное все делаю по умолчанию. Вот скрин:

С Inner Shadow все почти так же. Только нам нужно указать дистанцию и размер внутренней тени объекта в зависимости от его размеров. Грубо говоря на глаз подобрать как красивее выглядит. И использовать для тени черный цвет с 50-ти процентной прозрачностью:

В итоге после выполненных действий мы получаем симпатичный эффект вдавленного текста:

Если есть желание узнать как делается тот или иной эффект в PhotoShop пишите постараюсь разобраться и показать. Как применить данный эффект в дизайне сайта? Например при создании какого либо баннера или как делаю я для создания превью к записи. На самом деле благодаря обычной тени можно добиться очень красивой читабельности на картинках.

Источники:

http://lumpics.ru/how-make-a-bulged-text-in-photoshop/

http://photoshoplessons.ru/text/vdavlennyj

Как сделать вдавленный текст в PhotoShop

Ссылка на основную публикацию
Статьи на тему:

Adblock
detector