Приветствую всех читателей моего блога! На связи Федор Лыков. В данной статье мы будем с вами разбирать вопрос, как сделать обводку в фотошопе.
Adobe Photoshop – профессиональный растровый графический редактор. Имя данного приложения уже давно стало нарицательным, а человек, умеющий использовать его инструменты в глазах других людей сразу становится на две головы выше. Фотошоп явно не нуждается в лишнем представлении и именно в нём мы сегодня с вами и будем работать.
При оформлении рисунков, картинок и документов часто применяется обводка, чтобы выделить и украсить объект или текст на общем фоне. Делается это быстро и не сложно, так что, господа, не переживаем. Всё будет на прежнем уровне доступно объяснено.
Если вы до сих пор не прочитали статью про графические редакторы, то обязательно перейдите по ссылке и почитайте. Там много интересной информации, которая может помочь вам разобраться в некоторых мелочах и нюансах работы.
Что же, не будем более задерживаться на вступлении, а приступим побыстрее к делу! Приятного вам чтения!
Как сделать текст в фотошопе
Для начала откроем в программе Adobe Photoshop (Фотошопе) картинку, на которой мы хотим написать поздравление.
Идем в главном меню, выбираем File (Файл) и в открывшемся меню выбираем команду Open (Открыть). Откроется диалоговое окно, в котором нужно найти папку с нашим изображением и открыть его в Фотошопе.
Для написания текста в фотошопе нужно выбрать инструмент T (Текст или TypeTool) на панели инструментов (на картинке инструмент Т помечен красным квадратиком).
Обводка по контуру
Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.
Под контуром в «Фотошопе» подразумевается векторная линия, которая задает направление движения кисти. То есть обводка в данном случае – это рисование выбранной кистью по заданной траектории.
При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.
Таким образом, для обводки по контуру не нужно создавать новый слой, достаточно определить стимулирующую линию, по которой программа прорисует выбранной вами кистью.
Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.
Как добавить текст в фотошопе
Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».
Далее делаем клик по полю открытки в том месте, где мы хотим написать текст, после чего на поле открытки появится точка с мигающим курсором в виде вертикальной палочки.
Одновременно с появлением вертикального курсора в палитре Layers (Слои, для открытия нажимаем F7) автоматически образуется новый текстовый слой, который выделен синим цветом, что означает активирование слоя .
Все дальнейшие действия с текстом (выбор шрифта, размера шрифта, цвет шрифта и другие настройки) будем выполнять только при активированном слое текста.
Чтобы выбрать шрифт на панели настроек инструмента текст открываем окошко со списком шрифтов и в выпадающем окне мы увидим список шрифтов. Из списка шрифтов выбираем нужный нам шрифт.
Простая обработка прямоугольных изображений
Я уже рассказывал как сделать красивую рамку и размыть края в фотошопе. Сегодня я научу вас в два клика обводить их узорами, дополнять контур градиентами и одним цветом. Делается это максимально просто.
Я уже создал готовую основу, куда буду вставлять прямоугольную фотографию. Если вам нужно выполнить обводку внутри фотографии, то это делать не обязательно. Но так как я хочу показать вам все возможности инструмента, выбора у меня не было. Сейчас вы все поймете.
В статье как растянуть изображение я рассказывал почему лучше не копировать картинку при помощи Ctrl+C и вставлять (Ctrl+V), а перетаскивать его из папки в окно программы. Не буду повторяться. Именно этим способом я добавил фотографию набора micro SD и USB переходника с Aliexpress в заранее подготовленное окно.
Больше я ничего не делаю. Просто щелкаю по этому слою в меню справа, чтобы сделать его активным. Далее, в панели чуть ниже перехожу к инструменту «Добавить стиль слоя» и нахожу обводку среди инструментов.
Нередко я обрабатываю картинки пачкой, те же скриншоты. Просто открываю все фото сразу и работаю с размером и обводкой. В этом случае инструмент «Добавить стиль слоя» закрыт. Чтобы его открыть, нужно просто щелкнуть по замочку рядом со слоем изображение и возможность обвести край у вас появится.
Но, так как я хочу показать вам все функции инструмента, буду работать с вставленной в основу картинкой. После того как вы щелкните по обводке откроется дополнительное окно. Вы можете посмотреть изменения в режиме реального времени. Поставьте галочку рядом с возможностью предварительного просмотра.
Первым делом я выбираю где будет располагаться обводка: по внутреннему краю картинки, внешнему или из центра. Последняя возможность, думаю, самая непонятная. Предположим, вы ставите обводку в 6 пикселей, тогда 3 из них будут находиться внутри картинки и 3 снаружи.
Если бы я не вставил картинку в подготовленный фон, то мне бы не удалось показать вам обводку внешнего края.
Теперь я выбираю тип обводки. Вы можете выполнить его в одном цвете.
Щелкаете по плашке рядом с цветом и в открывшемся меню выбираете подходящий оттенок.
Также вы можете поступить, если в меню типа обводки выбираете градиент.
Ничем не будет отличаться и узорная обработка картинки с острыми углами.
Только на последнем этапе работы с рисунком я определяюсь с толщиной линии.
Кстати, вы можете добавить два разных типа одновременно. Например, несколько внутренних разной толщины или наружной. Для этого щелкаете по плюсу рядом с инструментом в меню слева. Тут есть и много дополнительных инструментов, например, тень.
Вот так мое изображение будет выглядеть в итоге.
Как выбрать цвет и размер текста в Фотошопе
Рядом с окошком для выбора шрифта находится окошко для выбора размера шрифта, в котором необходимо выбрать размер шрифта.
Далее выбираем цвет текста. На Панели настроек инструмента расположен цветной квадратик, который отвечают за выбор цвета . Нужно навести курсор на квадратик, при этом появится надпись «Задайте цвет текста». При нажатии на этот квадратик откроется Палитра основных цветов, где выбираем цвет.
Если вы хотите взять цвет для текста не из палитры цветов, а непосредственно с изображения, то нужно перевести курсор на картинку при этом появится курсор в виде пипетки, которым нужно кликнуть на изображение в том месте, где находится нужный вам цвет.
Теперь можно приступать к написанию текста. В нашем случае мы напишем слово «Поздравляю!» и возьмём цвет для текста с зелёной ленты на картинке. Получилась вот такая надпись:
Чтобы сделать нашу надпись более яркой и выделенной воспользуемся стилями слоя.
Для этого откроем палитру «Стиль слоя», которая находится на нижней панели палитры «Слои» и обозначается значком fx.
Настройки и опции стиля слоя «Обводка» (Stroke)
Этот стиль слоя — наиболее простой в применении эффект, назначение настроек интуитивно понятно, но всё-таки пара-тройка нюансов имеется.
Диалоговое окно
Диалоговое окно стиля русскоязычном и англоязычном Photoshop:
Размер (Size)
С помощью этого ползунка можно изменять толщину обводки, значения указываются в пикселях
Как сделать обводку текста в фотошопе
В открывшемся окне выбираем «Параметры наложения» и затем выбираем стиль слоя «Обводка», при этом появляется окно настроек стиля.
Настройка «Размер», которая изображена в виде ползунка, позволяет установить нужную ширину обводки. Выбираем параметр для обводки 3 пикселя и применяем выбранный стиль к нашему тексту.
Следующий параметр «Положение» отвечает за расположение обводки – выбираем параметр «снаружи». «Режим наложения» устанавливаем «нормальный» и «непрозрачность» устанавливаем 100%.
В параметре «Тип обводки» выбираем цвет в палитре цветов. В нашем случае выбираем чёрный цвет.
Способ №2: Обводка текста
Смотрите также: “Как сделать объемные буквы в Фотошопе”
Есть еще один способ выделить надпись – сделать обводку. Данный способ подходит, когда у вас очень контрастное и разноцветное изображение. Мы взяли для пример черную версию нашего логотипа и фото леса:
Как видите, логотип практически незаметен. Приступим к выделению текста.
- В этот раз нам не понадобится создавать дополнительный слой, как в первом случае. Все куда проще. Кликаем на слой с логотипом/текстом ПКМ и выбираем “Параметры наложения”.
- После, устанавливаем галочку в пункте “Выполнить обводку”. Появятся настройки обводки. В нашем случае нам достаточно установить размер обводки в 3 пикс. и выбрать белый цвет, т.к. лого у нас черного.
- После настройки обводки, не закрывая окно, переходим к пункту “Тень”. Здесь все параметры тоже индивидуальны, но в нашем случае они таковы:
- После того, как мы ввели все необходимые параметры в пунктах “Выполнить обводку” и “Тень”, кликаем ОК и получаем результат:
Эффекты с текстом в фотошопе
После применения стиля слоя в Палитре «Слои» на слое текста появится значок «fx», а ниже две надписи «эффекты» и «выполнить обводку».
Перед каждой надписью установлено изображение «глаза», нажимая на который можно отключить или включить стиль слоя.
Кроме параметра «Обводка» к слою текста можно так же применить любые параметры наложения слоя, например, тень, тиснение, внутренняя тень, внутреннее свечение, глянец и другие параметры.
Теперь наш текст, с применённым к нему параметром наложения «обводка», выглядит более ярко.
Чтобы передвинуть текст необходимо активировать инструмент «Перемещение» и с помощью данного инструмента расположить надпись в нужном для нас месте.
Другое диалоговое окно «Обводка»
Второй способ сделать обводку слоя – это выбрать пункт меню «Слой», а далее – «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».
Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».
Вызывать это общее окно со стилями через меню, разумеется, не совсем удобно, и если вы используете обводку часто, то для динамичности работы следует задать данному окну комбинацию клавиш.
Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.
Как изменить текст в Фотошопе
Если возникла необходимость изменить текст, то сначала нужно нажать на инструмент «текст», чтобы активировать слой текста и кликнуть в том месте текста, где нужно продолжить фразу или исправить ошибку.
Если нужно немного сжать текст или растянуть, то применяем команду «Свободное трансформирование».
Для этого идём на Панель управления и открываем вкладку «Редактирование». В появившемся окне выбираем «свободное трансформирование», при этом вокруг текста появится рамочка, с помощью которой можно растянуть или сжать текст или же повернуть текст.
После выполнения трансформации нужно применить результаты трансформирования текста, сделав двойной щелчок левой клавишей мыши по тексту.
Изменение цвета текста и его шрифта выполняется, как было описано выше.
Произвольная обводка — фигуры
На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.
Сперва я растрирую слой. Это нужно если вы просто перетащили картинку из папки в рабочее поле программы. Щелкаете правой клавишей мыши по выбранному слою, чтобы появилось дополнительное окно, а затем выбираете растрировать.
Далее выбираете выделение и рисуете фигуру. Если вам нужен ровный круг или квадрат, просто зажмите Shift пока ведете курсором.
Правой клавишей мыши щелкаете в центре выделенной фигуры и выбираете «Выполнить обводку».
К сожалению, сейчас вам придется действовать по наитию. Никого предварительного показа не предусмотрено.
В результате у меня получился вот такой вариант.
На мой взгляд это не лучший способ. Намного проще нарисовать круг или квадрат при помощи соответствующей фигуры. Убрать заполнение и оставить только контур. Применить к нему нужный вам стиль и готово.
Как вставить текст в Фотошоп
Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).
Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.
К вставленному тексту можно применять все описанные ранее действия, а именно: изменения шрифта, цвета, применения к тексту стиля слоя и другие доступные в Фотошопе эффекты.
Как быстро выделить картинку в Фотошопе
Если с простыми геометрическими предметами понятно, будем переходить к более сложным объектам. Посмотрим, какими способами можно быстро выделить объект на картинке.
Как образовать выделенную область инструментом «Волшебная палочка»
Инструментом «Волшебная палочка», следует пользоваться когда работаете с однотонным цветом. В этом случае кликнув по одному цвету, инструмент анализирует всю картинку. Найдя аналогичный по цвету, смежный участок, выделяет его.
Посмотрите на примере с Винни-Пухом, как этот эффект работает в деле.
- Выбираем картинку с Винни-Пухом.
- Активируем инструмент «Волшебная палочка».
- Кликаем на любой цвет картинки и получаем полное выделение.
Был выбран коричневый цвет. Весь смежный коричневый цвет (который не имеет контура), выделен одним движением. Инструмент помогает обвести объект на картинке и фото очень быстро.
Кроме того, если зажать клавишу «+» и кликать по другим цветам, то выделение объединится.
Умное выделение инструментом «Быстрое выделение»
Переходим к более сложному объекту, который нужно выделить на фотографии. Мне очень понравилась фотография взлетающего самолета. Моя цель: выделить объект (самолет) и вырезать его из фона, скопировав на другой фон.
В этом случае не подойдут рассмотренные ранее инструменты, но исключительно подойдет «Быстрое выделение».
- Выбираем слой с самолетом.
- Активируем инструмент «Быстрое выделение».
Инструмент работает следующим образом: кликнув по цвету, происходит анализ и объединение цветов расположенных рядом с кликом. Продолжите кликать по объекту, пока он не будет выделен целиком.
Так же, можно просто кликнуть по объекту и не отпуская левой кнопки мыши провести курсором по всему объекту.
- Обведите самолет, чтобы область выделения захватывала его полностью.
Таким способом можно быстро выделить объект в Фотошопе, который имеет боле менее ровный контур.
Вполне возможно, что вместе с нужным объектом, выделится и еще что-то. В таком случае, нажмите клавишу Alt (отмена выделения) и проведите по ошибочно выделенным объектам. Неточности уберутся, а основное выделение останется не тронутым.
Произвольная обводка объекта
Чтобы выполнить обводку объекта произвольной формы первым делом вам нужно будет выбрать кисть.
Сразу же настройте ее. Определитесь с цветом, в моем случае лучше всего подойдет белый, размер, жесткость, прозрачность и так далее.
Теперь, нужно выделить фигуру. Заставить «муравьев» ползать по краю. Сделать это можно при помощи пера, волшебной палочки и еще множества инструментов. Не знаете как это сделать – прочитайте мою статью о пяти способах вырезать изображение.
Я воспользуюсь простым методом. Зажму Ctrl и щелкну по эскизу слоя. Кстати, в качестве примера я снова взял картинку с Ali. На этот раз – это наклейка «Карта мира» на стену .
Теперь перехожу во вкладку контуры и создаю новый рабочий.
Осталось только нажать правой кнопкой по новому контуру и выбрать обводку.
Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и я сделаю вашу жизнь легче. Существует множество методов выполнить задачу. Я нахожу самые простые решения.
Изучение Photoshop
Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — « Фотошоп с нуля в видеоформате VIP 3.0 ».
Даже если вы новичок, я покажу как можно быстро освоить фотошоп, создать сайт, заняться продвижением группы и при этом не тратить много времени и денег. Создавать легко и приятно, если не морочить голову сложными настройками. Узнавайте секреты и учитесь на опыте других.
