Как сделать обводку текста в Фотошопе

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

Как сделать обводку текста в Фотошопе

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

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

Эх, что-то в далеком прошлом мы с вами кстати не фотошопили.

Простая обводка

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

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

Второй слой

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

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

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

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

Он просто потрясающе сочетает в себе простоту, полезность и лёгкость. смотрится легко на одном дыхании. А по промокоду KOSKOMP_E73 вы получите скидку 10% от цены курса!

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

Удачи вам. Пока-пока!

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

Как сделать обводку текста в фотошопе cs6?

Источник: http://foto-matrix.ru/kak-legko-sdelat-obvodku-teksta-v-fotoshope-dvumja/

Как обвести текст в фотошопе: быстро и красиво

Как сделать обводку текста в Фотошопе

Доброго времени суток, уважаемые читатели. Продолжаем постигать основы Adobe Photoshop. Поработаем сегодня с текстом. Уже неоднократно в своих уроках я применял обводку текста, и внимательные посетители неоднократно сталкивались с этим моментом и даже могли уже самостоятельно научиться обводить текст в фотошопе.

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

Итак, эта публикация полностью ответит на все вопросы о том, как обвести текст в фотошопе. Давайте приступим без лишних предисловий.

Как делать простую обводку текста

Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com). Она не проще, но некоторые вещи в ней можно выполнить быстрее, особенно если Photoshop на вашем компьютере притормаживает. Однако, хорошо, когда у вас есть своя собственная программа.

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

Итак, я буду работать в своей версии, чего и вам желаю. Открываем и создаем новую картинку.

Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

Ну, а для того чтобы сделать ровную обводку, для начала надо что-либо написать. Выбираем инструмент «Текст» в панели справа. Его я пометил стрелкой.

Итак, мы написали текст.

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

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

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

Посмотрите, вот так выглядит текстовый слой.

Нажмите правой кнопкой мыши, чтобы у вас появилось дополнительное меню. Здесь нам нужны «Параметры наложения».

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

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

Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.

И снова дополнительное меню. Выбирайте, пока не найдете лучший.

Сейчас цвет слабо заметен. Поэтому увеличьте размер обводки. Делать это лучше всего не ползунком, а при помощи клавиатуры. Так оно аккуратнее выходит.

Теперь выделение более заметно.

Текст можно обвести по внешнему краю, внутреннему или из центра. Поэкспериментируйте, пока не получится идеально.

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

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

Чуть ниже вы найдете непрозрачность. Она делает контур более заметным или менее.

Ну а теперь давайте перейдем к «фишечкам».

Контур, тень, а также градиентная и узорная обводка текста

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

Вот так может выглядеть ваш рисунок.

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

Также вы можете попробовать тиснение – контур.

Или добавить в текст тень, чтобы буквы были выпуклыми. Я не буду уделять этому много внимания. Тут все понятно и просто. Просто тыкайте в разные штуки и пробуйте. Все, до чего вы доходите сами – запоминается намного лучше.

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru.

Тут есть кисти, рамки, красивые шрифты, шаблоны и текстуры. То, что нам сейчас и нужно.

Выберите тот узор, который вам нравится. Кстати, обратите внимание. Вам нужен не только тот раздел, который «узоры». Подойдет и металл, и цветочные, и ассорти. Скачайте то, что понравилось. Кнопка под описанием.

Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

Теперь нужно загрузить узоры.

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

То есть, вы загрузили архив в папку, допустим «Загрузка». Нашли «Загрузку» на своем компьютере. Потом отыскали по названию документ, который только что скачали, открыли ее, схватились за файл с расширением .pat и перенесли ее в папку «Загрузка». Все, вы видите нужный узор через фотошоп и в состоянии его загрузить.

Готово. Узоров стало больше! Можете применять к тексту.

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

Далее вы можете пройти [urlspan]курс для начинающих веб-дизайнеров[/urlspan]. Первые три дня вам разрешается смотреть видео с этого сайта бесплатно. Откровенно говоря, если вы усидчивы, то этого времени хватит, чтобы захватить основу и многое понять. Самое главное – хотите ли вы связываться с этим.

Мне лично очень понравилось, но в то же время я твердо определился, что в веб-дизайн меня не так уж сильно тянет, поэтому в моей команде работает Кирилл. Фотки для своего блога обработать – это классно, но заниматься этим постоянно даже за большие деньги мне не хотелось бы.

Каждому, как говорится, свое.

Однако мне, как руководителю проектов веб-студии необходимо разбираться в дизайне и контролировать работу своих сотрудников. Поэтому я не смог пройти мимо другого курса, на нетологии — Веб-дизайнер: эффективный сайт от идеи до реализации.

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он за три минуты придумал логотип. Это была точка.

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

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

Источник: https://start-luck.ru/photoshop/obvesti-tekst.html

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.