Как выполнить обводку контура в фотошопе cs6. Обводка контура в фотошопе

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

Для начала откроем в программе Adobe Photoshop (Фотошопе) картинку, на которой мы хотим написать поздравление.

Идем в главном меню, выбираем File (Файл) и в открывшемся меню выбираем команду Open (Открыть). Откроется диалоговое окно, в котором нужно найти папку с нашим изображением и открыть его в Фотошопе.

Для написания текста в фотошопе нужно выбрать инструмент T (Текст или TypeTool) на панели инструментов (на картинке инструмент Т помечен красным квадратиком).

Создаем контур

Смотрите также: “Как сделать красивый фон в Фотошопе: градиентные полоски, боке”

Сделать контур можно несколькими методами, давайте рассмотрим их по очереди. В качестве примера будем использовать текст ниже.

Примечание: если мы имеем дело не с текстовым, а обычным слоем с каким-либо объектом (в т.ч. в виде надписи), он должен быть на прозрачном слое. В противном случае, сначала необходимо вырезать объект, и только потом приступить к созданию контура вокруг него.

Метод 1: растрируем текст

Этот метод предполагает растрирование текстового слоя с последующим удалением лишних частей.

  • В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
  • Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
  • В итоге, вокруг текста на холсте должно повиться выделение.
  • Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
  • В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
  • Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
  • Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
  • На этом работа по созданию контура завершена.
  • Растрировать текст можно и на новом слое. Вот как это делается:

  • Выбрав текстовый слой в Палитре выделяем его содержимое полностью, нажав комбинацию клавиш Ctrl+A.
  • В меню “Редактирование” выбираем команду “Копировать” (или жмем сочетание Ctrl+C).
  • Снова идем в это же меню и кликаем по пункту “Вставить” (или жмем Ctrl+V).
  • В итоге получаем новый слой с текстом в виде изображения на прозрачном фоне. Дальнейшие действия аналогичны описанным выше (с шага 2).
  • Метод 2: создаем конутр на новом слое

    Смотрите также: “Как сделать цветное фото из черно-белого в Фотошопе”

    На этот раз мы создадим контур на отдельном, специально созданном для этого слое.

  • Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
  • Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
  • В Палитре создаем новый слой.
  • Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
  • Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.

    Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.

  • Метод 3: настраиваем параметры стиля слоя

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

  • Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
  • В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.

    Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.

  • Видим на холсте следующий результат.
  • Остается только убрать заливку слоя, указав значение – 0%.
  • Все готово, мы успешно создали контур вокруг текста.

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

  • Как добавить текст в фотошопе

    Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

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

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

    Чтобы выбрать шрифт на панели настроек инструмента текст открываем окошко со списком шрифтов и в выпадающем окне мы увидим список шрифтов. Из списка шрифтов выбираем нужный нам шрифт.

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

    Рассмотрим следующий способ создания области выделения. Разберемся как использовать быструю маску (горячая клавиша «Q»). От предыдущих, инструмент отличается кардинально.

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

    Использование маски производится по принципу:

    • закрашиваем белым цветом, чтобы скрыть с картинки;
    • и черным цветом, чтобы показать, поэтому:
  • Выделяем картинку или фотографию с рабочим объектом.
  • Щелкаем два раза мышкой на ярлыке быстрой маске и выбираем «Выделенные области». Еще настройте цвет и прозрачность, чтобы работать с маской было удобнее.
  • Активируем быструю маску, нажатием на ярлык. На рабочей области появится маска, кроме того, слой подкрасится красным цветом.
  • Возьмите инструмент «Кисть», выберите черный цвет и обведите тот объект, который требуется выделить. Напомню, белый цвет исключает из области выделения.
  • Как только работа будет сделана, деактивируйте режим быстрой маски. Автоматически закрашенная область трансформируется в выделенную область.
  • Как выбрать цвет и размер текста в Фотошопе

    Рядом с окошком для выбора шрифта находится окошко для выбора размера шрифта, в котором необходимо выбрать размер шрифта.

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

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

    Теперь можно приступать к написанию текста. В нашем случае мы напишем слово «Поздравляю!» и возьмём цвет для текста с зелёной ленты на картинке. Получилась вот такая надпись:

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

    Для этого откроем палитру «Стиль слоя», которая находится на нижней панели палитры «Слои» и обозначается значком fx.

    Надписи

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

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

    В этот раз не думаю что будет сложно найти обводку.

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

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

    В открывшемся окне выбираем «Параметры наложения» и затем выбираем стиль слоя «Обводка», при этом появляется окно настроек стиля.

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

    Следующий параметр «Положение» отвечает за расположение обводки – выбираем параметр «снаружи». «Режим наложения» устанавливаем «нормальный» и «непрозрачность» устанавливаем 100%.

    В параметре «Тип обводки» выбираем цвет в палитре цветов. В нашем случае выбираем чёрный цвет.

    Как изменить цвет и текстуру обводки

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

    Рис.7

    Цвет

    Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

    Рис.8

    Если вы точно знаете код цвета, можно его вставить в соответствующую графу.

    Теперь наш текст обведен бледно голубым цветом.

    Обводка узором

    Заполняет паттерном, то есть готовым узором.

    Обводку узором покажем на примере изображения.

    Делаем этот слой активным.

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

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

    В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

    Рис.9

    Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

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

    Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

    Рис.10

    Эффекты с текстом в фотошопе

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

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

    Кроме параметра «Обводка» к слою текста можно так же применить любые параметры наложения слоя, например, тень, тиснение, внутренняя тень, внутреннее свечение, глянец и другие параметры.

    Теперь наш текст, с применённым к нему параметром наложения «обводка», выглядит более ярко.

    Чтобы передвинуть текст необходимо активировать инструмент «Перемещение» и с помощью данного инструмента расположить надпись в нужном для нас месте.

    Как обвести текст

    Мы имеем три слоя – фон, изображение, текст.

    Рис.1

    Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

  • Двойным щелчком по слою в палитре;
  • Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.
  • Рис. 2

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

    Рис. 3

    В этот момент активным должен быть тот слой, с которым мы работаем.

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

    Рис. 4

    Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

    Рис. 5

    • В строке Размер меняется толщина линии. Перетягиваем ползунок или вводим числовое значение в пикселях.
    • Строка Положение открывает список расположения линии. Там три варианта:

    Рис. 6

    Для наглядности мы заменили цвет обводки на зеленый и обозначили контур букв белой полосой.

    Функцию Режим наложения рассматривать в уроках для начинающих нет смысла. Ее не часто используют даже продвинутые мастера фотошопа. Это взаимодействие с нижним слоем. Оставим без изменений режим Нормальный.

    Строка Непрозрачность, соответственно, отвечает за прозрачность обводки. Меняется передвижением ползунка либо введением числового значения в процентах.

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

    , то эта часть контура тоже станет прозрачной.

    Как изменить текст в Фотошопе

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

    Если нужно немного сжать текст или растянуть, то применяем команду «Свободное трансформирование».

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

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

    Изменение цвета текста и его шрифта выполняется, как было описано выше.

    Второй слой

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

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

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

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

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

    Как вставить текст в Фотошоп

    Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).

    Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

    К вставленному тексту можно применять все описанные ранее действия, а именно: изменения шрифта, цвета, применения к тексту стиля слоя и другие доступные в Фотошопе эффекты.

    Обводка текста по контуру

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

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

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

    Понравилась статья? Поделиться с друзьями:
    Добавить комментарий