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



Как легко сделать обводку текста в фотошопе двумя простыми методами?

Рубрика: Adobe Photoshop

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

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

Обычная обводка

Для начала я покажу вам как просто обвести текст. И в этом нам поможет уже знакомая нам функция. Итак, поехали!

  1. Давайте откроем какое-нибудь изображение в качестве фона и выберем белый (или любой другой) цвет в качестве основного. Теперь выберите инструмент «Текст», задайте нужный шрифт и размер, и напишите что-либо на новом слое. 
  2. А теперь вам нужно войти в стили слоя этого текста и поставить галочку на пункте «Обводка». Вы сразу заметите, как надпись обвелась и преобразилась. Правда неизвестно, какие настройки там стоят, так что давайте подстроим все сами. 
  3. В настройках текста два самых главных параметра — это положение и размер. Положение показывает, с какой стороны будет происходить обводка (снаружи, внутри или в центре). Практика показывает, что самое оптимальное положение — это снаружи. А размер, как вы сами понимаете, будет указывать размер обвoдки в пикселях. 
  4. Ну и конечно же нельзя забывать про сам цвет обводки. Тут все зависит от цвета текста. Если вы будете использовать белую надпись, то обводка должна быть потемнее, например черная или темно-синяя. Но вы можете экспериментировать с текстом. Здесь вас совершенно никто не ограничивает.

Второй слой

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

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

Вот пара примеров того, что у меня получилось.

Кстати, если вы помните, то заливать область вы можете не только областью, но и какой-нибудь текстурой, тогда эффект может получиться еще интереснее. Так что всё в ваших руках. Ну а если вы всё же захотите изучить фотошоп с нуля буквально за пару недель, то я вам настоятельно рекомендую изучить этот классный видеокурс. Он просто потрясающе сочетает в себе простоту, легкость и полезность. смотрится просто на одном дыхании. А по промокоду KOSKOMP_E73 вы получите скидку 10% от стоимости курса!

Ну а я с вами на сегодня прощаюсь. Надеюсь, что мой сегодняшний урок вам понравился и был полезным. Так что не забывайте подписываться на мой канал и делиться в социальных сетях данными материалами. Ну а я в свою очередь постараюсь вас радовать своими статьями, поэтому заходите на мой блог в любое время. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

 

 

Этот блог читают уже более 3500 человек, которые решили покончить с компьютерной неграмотностью. Присоединяйся
Комментариев 5
  • О существовании второго способа обводки текста в фотошопе не подозревала. Получается двойная обводка?

    Спасибо, Дмитрий за урок!

    Виктория
    14 октября 2016 в 15:15
    • Ну да, типо двойная. Таким же образом хоть десятирную обводку разных цветов и текстур можно сделать)

      Дмитрий
      14 октября 2016 в 16:32
  • Ну Дима, я самая настоящая звезда))) Благодаря твоим статьям многое изучила, а потом однажды полезла генералить и что я обнаружила... курс Зины еще с 2013 года лежит неактивированный. Вставила диск, а у меня требуют код активации. Ты же знаешь, Женя после покупки присылает код в кабинет. А я с этим ремонтом дома и с огородом совсем зачухалась. Забыла про курсы все) Написала в службу Зине, они прислали мне код на емел, но Женя видимо по айпишнику отследил меня и запустился курс) Сам. А у меня их... этих курсов купленных) А я ищу по ПС бесплатные подсказки. Вот теперь выбираю время и слушаю уроки. Весело живу. Но теперь я потихоньку все изучаю по плану. Столько материала, еще статьи нужно на блог выдавать. Спасибо Тебе за науку и благодаря тебе многое встало на свои места. Спасибо и удачи!!!

    Надежда
    14 октября 2016 в 16:19
  • Спасибо, нужный урок очень пригодится.

    Ольга
    15 октября 2016 в 15:24
  • Про второй способ не знала. Надо будет попробовать его в ФШ для закрепления.

    Светлана
    16 октября 2016 в 09:09
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


Блог Дмитрия Костина
© 2015-2016 Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером, даже если вы впервые слышите это слово