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


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

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

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

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

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

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

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

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

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

Layer - Layer Style - Drop Shadow (Слои - Стиль слоя - Тень):

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

Layer - Layer Style - Inner Shadow (Слои - Стиль слоя - Внутренняя тень):

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

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

Layer Style - Pattern Overlay (Стиль слоя - Наложение узора):

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

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

Layer Style - Stroke (Стиль слоя - Обводка):

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

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

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

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

Layer - Layer Style - Inner Shadow (Слои - Стиль слоя - Внутренняя тень):

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

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

Layer Style - Gradient Overlay (Стиль слоя - Наложение градиента):

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

В итоге:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: lorelei;

Перевел: Manoylov AC;

photoshoplessons.ru

Вдавленный текст в фотошопе | Серьезный блог о серьезном

Вдавленный текст с тиснением в фотошопеЗдравствуйте, уважаемые читатели. При работе в фотошопе мне нравится применять эффект вдавленного текста, это смотрится очень реалистично и придает объем изображению, как и в создании 3D текста в фотошопе. Посмотрите пример на странице у надписи Subscribe. Заодно подписывайтесь на рассылку.

Демо

Сейчас рассмотрим один из вариантов создания вдавленного текста в фотошопе. Задачу можно упростить, если установлены специальные стили. Но они не у всех есть и не у всех есть время для того, чтобы их найти и установить. Поэтому всю процедуру будем делать вручную. Итак, открываем фотошоп и создаем новый документ Ctrl + N. Размер документа значения не имеет, но так, как мы тренируемся, то зададим произвольный размер 400×100 пикселей. Содержимое — устанавливаем цвет фона, по умолчанию он черный. Для начала нам нужно его подготовить. Он имеет большое значение. Для разного фона нужно применять разные эффекты к тексту. Мы будем работать с темным цветом. Заходим в Фильтр — Шум — Добавить шум и устанавливаем эффект 5% равномерное распределение и монохромный. Идем в слои и создадим новый слой Shift + Ctrl + N. Выбираем инструмент Кисть B и устанавливаем размер 490 пикселей мягкой кисти с нулевой жесткостью. Наводим кисть на новый слой посередине и кликаем один раз. Устанавливаем прозрачность слоя 20%. В итоге должно получиться примерно так.Фон для текста

Далее выбираем инструмент Текст и пишем надпись, кстати, можно и по кругу. Убираем его заливку на ноль. Не пугайтесь, что текст пропал, сейчас мы все исправим. Кликаем по слою с текстом 2 раза, тем самым вызывая панель стилей, которые мы будем сейчас к нему применять. Устанавливаем такие настройки: Обводка в фотошопе

Внутренняя тень в фотошопе

Внутреннее свечение в фотошопе

С настройками можно поэкспериментировать как вам удобно. Если кажется, что недостаточно тени, то можно добавить. Эти настройки, как я уже говорил, подобраны специально для этого фона. Если фон будет другой, то и настройки стилей тоже будут другими. Вот, что должно у нас получиться в итоге. Вдавленый текст

Надеюсь, что у вас получилось сделать вдавленный текст в фотошопе. Поделитесь своими успехами в комментариях.

serblog.ru

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

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

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

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

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

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

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

    Создание нового документа

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

    Создания слоя для подложки

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

    Инструмент Градиент

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

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

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

    Настройка градиента

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

    Радиальный градиент

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

    Заливка градиентом

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

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

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

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

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

    Снижения значения заливки

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

  2. Кликаем по пункту «Внутренняя тень» и настраиваем размер и смещение.

    Внутренняя тень текста

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

    Настройка тени для текста

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы. Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Web-дизайн в Photoshop: Создание эффекта вдавленного текста (Letterpress Text)

Web-дизайн в Photoshop: Создание эффекта вдавленного текста (Letterpress Text)

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

Вот несколько примеров применения эффекта вдавленного текста

wdtslt1

wdtslt2

wdtslt3

wdtslt4

Создание эффекта вдавленного текста (Letterpress Text)

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

wdtslt5

Используя инструмент добавления текста Type Tool, добавьте необходимы текст.

wdtslt6

Теперь необходимо добавить стили слоя Layer > Layer Style > Blending Options. Сначала добавьте внутреннюю тень (Inner Shadow).

wdtslt7

Добавьте наложение градиента (Gradient Overlay).

wdtslt8

Теперь добавьте небольшую тень.

wdtslt9

Должно получиться нечто подобное.

wdtslt10

Вы можете поиграть с градиентом и тенью:

wdtslt11

Похожие записи

Опубликовать пост в социальных сетях

quicktuts.ru

Узнать за 10 секунд | YANIX угадывает треки Obladaet, Егора Крида, Oxxxymiron, Face и еще 31 хит

Хотите попасть в «Узнать за 10 секунд»? Запишите видео с реакцией на новую Афишу www.afisha.ru и выложите его на ютуб с хэштегом #хочувафишу в заголовке до 31 мая. Четырех лучших претендентов мы позовем в один из следующих выпусков. Что нового в синей Афише whatsnew.afisha.ruПопробуйте новую Афишу со скидкой 10% на билеты в кинотеатры «Синема Парк» и «Формула Кино». Промокод - NEWAFISHA. Действует на сайте и в приложенииiOS go.afisha.ru/9EHt8G2Android go.afisha.ru/kjau1TEYanix, самый стильный негодяй в русской рэп-игре, проходит тест Афиши Видео на музыкальную эрудицию. Подсказывает ему DJ Vader-One.Спасибо фотостудии Apriori за гостеприимство apriori.photoYanix в соцсетях vk.com/yanix_groupinstagram.com/1yanix/twitter.com/Yanix_Officialbr-tv.net/ch/UCDCc_T19H_pfVHRmOhEvRvgПо поводу рекламы в «Узнать за 10 секунд»: [email protected]Паблик создателей шоу: vk.com/bannikov_squadТреклист выпуска- Хаски - Иуда br-tv.net/tv/video-0e9JgyzCIBc.html - Rita Ora - Anywhere br-tv.net/tv/video-ksdAs4LBRq8.html - Avicii - Wake Me Up br-tv.net/tv/video-IcrbM1l_BoI.html- Boulevard Depo - Кащенко ft. PowerpuffLuv br-tv.net/tv/video-KPnqsYPY2fY.html 03:25 Yanix - На груди, на запястье br-tv.net/tv/video-qrqGYooRWWE.html- GONE.Fludd - Boys Don’t Cry br-tv.net/tv/video-bavdfgNNYvc.html - Lil Xan - Deceived br-tv.net/tv/video-BYD4BiHIu60.html 05:55 ATL - Демоны br-tv.net/tv/video-uOOzdsygPu0.html - Killy x 16yrold - No Romance br-tv.net/tv/video-E_xRMGvVHfs.html - Соня Мармеладова - Соболев Diss Chalenge br-tv.net/tv/video-ZhrDuugsQps.html 08:32 DK - Гнойный Diss Challlenge br-tv.net/tv/video-obyZ3pNyquY.html - Аигел - Принц на белом br-tv.net/tv/video-WHs4YL6RbOU.html - Flesh - Space Jam br-tv.net/tv/video-oES3EbtO8BI.html 10:50 Arcade Fire - Reflektor br-tv.net/tv/video-57E0fVfectDo.html - Mozee Montana x Ra Hash Tabasko - Базарю br-tv.net/tv/video-QEhTrIPcu-8.html - Nicki Minaj - Chun-Li br-tv.net/tv/video-SCq8n_hOcN8.html 13:07 Obladaet - TheMarket br-tv.net/tv/video-mFiEhcgckEk.html - Bone Thugs-N-Harmony - Foe tha Love of Money ft. Eazy-E br-tv.net/tv/video-xkuZApgjj1U.html- Redman - Da Countdown (Saga Continues) br-tv.net/tv/video-U-6bnCQvE4w.html 14:10 Face - Где тебя нет br-tv.net/tv/video-e5UQu5J21ys.html - Ghostemane x Pharaoh - Blood Oceans (How Many?) br-tv.net/tv/video-Nz5Ner7rctw.html - Loqiemean - Горсвет ft. Oxxxymiron br-tv.net/tv/video-8MgxOxkueNo.html 18:01 A$AP Rocky - A$AP Forever ft. Moby br-tv.net/tv/video-BNzc6hG3yN4.html - Thomas Mraz - Stereocoma ft. Oxxxymiron br-tv.net/tv/video-0UISd8YZa3E.html- Егор Крид - Семья cказала br-tv.net/tv/video-TvBFwipMcRc.html 19:20 Треки от «Аигел»- Dead Man's Bones - Pa Pa Power ft. The Silverlake Conservatory of Music Children's Choir br-tv.net/tv/video-LV2Ux3O_XRc.html- Hope Sandoval & The Warm Inventions - Trouble br-tv.net/tv/video-ldCtRxALvyY.html- Slayer - Killing Fields br-tv.net/tv/video-h2kxqa9ELo8.html- Arctic Monkeys - Red Right Hand (Nick Cave & The Bad Seeds сover) br-tv.net/tv/video-7psIbGeoij0.html- Стас Экстаз - Я - крокодил soundcloud.com/stas-exstas/stas-ekstaz-ya-krokodil-lacoste 23:00 Суперигра- Kimbra - Top of the World br-tv.net/tv/video-e4FApt6z55c.html- Saba - Busy ft. TheMind br-tv.net/tv/video-WeLs6lfokwQ.html- Kali Uchis x Tyler, The Creator x Bootsy Collins - After The Storm br-tv.net/tv/video-9f5zD7ZSNpQ.html- Jorja Smith & Preditah - On My Mind br-tv.net/tv/video-PA5uuBCtZ5k.html- Brockhampton - Bleach br-tv.net/tv/video-8HA5OBmJdT0.htmlYanix - Когда гаснет свет ft. Obladaet br-tv.net/tv/video-4-EG6oUIAuc.html Треклист в Apple Music apple.co/2qZKuITв Яндекс.Музыке bit.ly/2vP4mDnКонкурс! Подпишитесь на Афишу Видео, лайкните этот ролик и напишите в комментариях, зачем вам легендарная кепка Яникса. Победит автор лучшего варианта! Неношеную форму от Александра Гудкова выиграла LifeSi Ma bit.ly/2Fh0dY4 (напишите нам на [email protected])Видео: Игорь Банников, Алексей ДубковИнтервью: Егор БеляковОператор: Алексей МеньшовПродюсеры: Анна Шипилова, Александр КирилловМонтаж: Илья Гришин, Виталий КулаковДизайн: Ольга КараяНАШИ СОЦСЕТОЧКИ:Afisha Rulezz ft. Afisha $VVVVVV$- twitter.com/afishavideo - vk.com/afisha - facebook.com/afisha/ Игорь aka I9or Ha5tla B0om- instagram.com/igor_bannikov/- twitter.com/igor_bannikov- t.me/BannikaParilka - vk.com/igorbannikov Леха aka Dirty Lexxxa Inc.- instagram.com/dubkov/Егор aka Jaguor 39- instagram.com/egorbelya/Кому-то стиль Яникса может показаться вульгарным: в текстах сплошные разговоры про девушек, успех и вечеринки, поведение дерзкое, кичливость ненаигранная. Но смысл здесь задается в первую очередь стилем, который немыслим без вычурного карнавального бахвальства, модного флоу и известной доли праздного безумия. Именно поэтому строчка «одел цепь на цепь на цепь» звучит здесь максимально аутентично. А трек «Хайпим» Yanix сочинил за пару лет до того, как это слово стало описывать смысл жизни сразу нескольких поколений.

br-tv.net


Смотрите также