Как сделать вдавленный текст в фотошопе
Создаем тисненый текст в Фотошопе
Стилизация шрифтов в Фотошопе – одно из основных направлений работы дизайнеров и иллюстраторов. Программа позволяет, используя встроенную систему стилей, сделать из невзрачного системного шрифта настоящий шедевр.
Этот урок посвятим созданию эффекта вдавливания для текста. Прием, который мы будем использовать, предельно прост в освоении, но, вместе с тем, достаточно эффективен и универсален.
Тисненый текст
Первым делом нужно создать подложку (фон) для будущей надписи. Желательно, чтобы она была темного цвета.
Создаем фон и текст
- Итак, создаем новый документ необходимого размера.
и в нем создаем новый слой.
Затем активируем инструмент «Градиент» .
и, на верхней панели настроек, кликаем по образцу
Откроется окно, в котором можно отредактировать градиент под свои нужды. Настройка цвета контрольных точек происходит просто: дважды кликаем по точке и выбираем нужный оттенок. Сделаем градиент, как на скриншоте и нажмем ОК (везде).
Снова обращаемся к панели настроек. На этот раз нам необходимо выбрать форму градиента. Вполне подойдет «Радиальный».
Теперь помещаем курсор примерно в центр холста, зажимаем ЛКМ и тянем к любому углу.
Подложка готова, пишем текст. Цвет не важен.
Работа со стилями текстового слоя
Приступаем к стилизации.
-
Двойным кликом по слою открываем его стили и в разделе «Параметры наложения» снижаем значение заливки до 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
Загрузка...
