Создаём текст в виде многослойной обводки в Фотошоп
В этом уроке мы с вами изучим ещё один способ добавления многослойных обводок к тексту при помощи программы Фотошоп. Примерно такой результат у вас должен получиться в результате выполнения урока. В моём случае я сделал три слоя обводки вокруг текста, но вы можете добавить столько штрихов, сколько вам потребуется.
Шаг 1
Начнём мы с создания нового документа, для этого идём в меню Файл (File) — Новый (New), либо воспользуемся сочетанием клавиш Ctrl+N (Win) / Command+N (Mac). В открывшемся диалоговом окне выставляем необходимые нам параметры, Ширина (Width) 6 дюймов (inches), Высота (Height) 4 дюйма (inches), Расширение (Resolution) 300 пикс./дюйм (pixels/inch). Нажимаем ОК.
Шаг 2
Добавляем текст в наш документ, для этого воспользуемся инструментом Текст (Text Tool). Выберем его в меню инструментов или нажимаем клавишу Т на клавиатуре.
Шаг 3
Изменяем параметры текстового слоя, в панели настроек выбираем шрифт Arial Black , Размер (Size) 60 пикс . Вы можете выбрать любой понравившийся вам шрифт и подобрать нужный размер текста.
Шаг 4
Добавляем текст. Щелкните внутри документа в любое место и напишите текст. Я написал слово «STROKES». Нажмите на галочку на панели настроек, чтобы принять изменения. Вот, что должно получиться:
Шаг 5
Добавляем первый слой обводки.
Кликаем по иконке Стилейслоя (Layer Style) внизу панели слоев и в выпадающем меню выбираем параметр Обводка (Stroke).
После этого откроется диалоговое окно стиля слоя Обводка (Stroke), Фотошоп автоматически устанавливает красный цвет обводки, у вас получится подобная картинка:
Шаг 6
Отрегулируем размер, положение и цвет обводки. По умолчанию Размер (Size) обводки равен 3 пикс. и Положение (Position) Снаружи (Outside). Выставляем размер обводки 6 пикс., двигая ползунок вправо. Положение обводки меняем на Внутри (Inside), таким образом обводка будет размещена внутри текста. Цвет я оставляю по умолчанию, красный.
Нажимаем ОК. У вас должно получиться примерно так:
Шаг 7
Смысл этого урока получить текст в виде обводки, исключив при этом цвет самого текста. Как вариант, можно просто изменить цвет текста на белый, сделав тем самым его как бы невидимым на белом фоне. Но что если позже я захочу изменить цвет фона? Фотошоп позволяет найти такое решение, оставить видимыми стили слоя и исключить видимость самого слоя.
После добавления первой линии обводки к тексту, я решил скрыть начальный цвет текста. Для этого я уменьшил Заливку (Fill) слоя с текстом до 0%. Если посмотреть на меню панели слоев, то вы увидите два параметра – Непрозрачность (Opacity) и Заливка (Fill). Если уменьшить параметр Непрозрачности (Opacity) слоя, то стили, примененные к этому слою также станут полупрозрачными. Если же уменьшать параметр Заливки (Fill) слоя, то основной цвет текста исчезнет, а стили слоя останутся без изменений.
Убедитесь, что вы находитесь на слое с текстом, понизьте Заливку (Fill) слоя до 0%.
Вот, что должно у вас получиться:
Шаг 8
Дублируем слой с текстом, чтобы добавить вторую линию обводки.
Первый слой обводки у нас готов, но нам необходимо сделать несколько линий. Однако Фотошоп не позволяет добавлять сразу несколько линий обводок. Поэтому воспользуемся простыми и доступными приемами, дублируя слой с текстом и изменяя при этом размер, цвет и расположение обводок.
Находясь на слое с текстом, нажимаем комбинацию клавиш Ctrl+J (Win) / Command+J (Mac), чтобы быстро создать дубликат слоя. Дубликат появится поверх оригинального слоя. Возвращаемся на оригинальный слой с текстом, чтобы изменить цвет и расположение обводки текста:
Шаг 9
Значок «FX» в дальнем правом углу текстового слоя в палитре Layers говорит о том, что один или несколько стилей слоя в настоящее время присоединены к слою. Нажав на стрелку (в виде чёрного треугольника) рядом со значком, вы увидите описание использованных стилей.
Изменим размер, цвет и положение обводки на оригинальном слое с текстом. Для этого дважды щёлкаем по значку «fx» на слое с оригинальным текстом (в более ранних версиях Фотошопа этот значок обозначается буквой «f»). В открывшемся диалоговом окне стилей слоя выбираем параметр Обводка (Stroke).
Во-первых, мы планируем изменить цвет нашей обводки. Для этого щелкаем по образцу в окошке Цвет (Color). В открывшейся палитре цветов выбираем понравившийся нам цвет. Я выбрал оранжевый. Щёлкаем
ОК.
Во-вторых, изменяем Положение (Position) обводки на Снаружи (Outside). Размер (Size) оставляем прежний, 6 пикс.
Нажимаем кнопку ОК, для выхода из режима редактирования стилей слоя. Вы увидите, что у нашего текста добавилась вторая линия обводки. Изменяя цвет, размер и положение обводки мы можем создать несколько линий. На данный момент у нас должна получиться красная обводка внутри букв и оранжевая снаружи.
Таким способом мы можем создать какое угодно количество линий обводки для нашего текста!
Шаг 10
Дублируем оригинальный слой с текстом ещё раз, для этого опять же нажимаем комбинацию клавиш Ctrl+J (Win) / Command+J (Mac), копия слоя должна находиться поверх слоя с оригиналом. Таким образом, у нас должно получиться три слоя с текстом – оригинал и две копии. Снова возвращаемся на оригинальный слой с текстом, дважды щелкаем на значок стилей слоя, в открывшемся меню выбираем параметр Обводка (Stroke).
Шаг 11
Открыв диалоговое окно со стилем слоя, в палитре цветов для обводки изменяем цвет на красный, нажимаем ОК.
Далее меняем Размер (Size) обводки. В данный момент размер обводки у нас равен 6 пикс. Я увеличил размер обводки до 16 пикс. , чтобы третья линия была видна из-под двух предыдущих. Положение (Position) оставляем Снаружи (Outside).
Вот, что у нас получится после добавления третьей линии обводки к нашему тексту:
Таким способом мы можем добавить ещё несколько линий к тексту, но я решил остановиться на трёх. Дублируйте слой с текстом, меняйте цвет, размер и положение обводки и у вас получится новая линия обводки. Добавляйте и экспериментируйте на свой вкус! Этот способ очень удобен, так как в любой момент вы можете изменить цвет и размер линий на своё усмотрение. Вот, к примеру, я изменил цвет обводки внешнего и внутреннего слоёв на чёрный, а промежуточную линию сделал белой. Таким образом получился чёрно-белый вариант текста:
Источник статьи: http://zen.yandex.ru/media/phmaster/sozdaem-tekst-v-vide-mnogosloinoi-obvodki-v-fotoshop-5d1ce84daf329300adf408bf
Как быстро и очень красиво обвести текст в программе Photoshop
Доброго времени суток, уважаемые читатели. Продолжаем постигать основы Adobe Photoshop. Поработаем сегодня с текстом. Уже неоднократно в своих уроках я применял обводку текста, и внимательные посетители неоднократно сталкивались с этим моментом и даже могли уже самостоятельно научиться обводить текст в фотошопе.
Все-таки в обучающих статьях я стараюсь давать чуть больше и выходить за рамки темы. Это ждет вас и сегодня. Я решил более подробно затронуть этот вопрос и показать вам интересные приемчики, которые помогут в вашей работе.
Итак, эта публикация полностью ответит на все вопросы о том, как обвести текст в фотошопе. Давайте приступим без лишних предисловий.
Как сделать обводку текста в Фотошопе?
Этот способ подойдет для создания обводки текста в Фотошопе:
- Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.
После этого нужно перейти в меню «Стили», найти вариант «Выполнить обводку» и отметить его галочкой.
В правой части окна стилей отображены настройки. Можно указать размер (толщину в пикселях), расположение (снаружи или внутри), и цвет границ. Лучший результат достигается экспериментальным путем. «Режим наложения» и «Непрозрачность» можно оставить неизменными.
Обводка с использованием двух слоев
Второй способ сделать обводку не так распространен, как предыдущий, но познакомиться с ним обязательно нужно:
- Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.
После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.
Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.
После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.
Базовые приемы редактирования фотографий в Фотошоп
Создавая дополнительные слои и повторяя инструкцию можно сделать не только двойную, но и тройную обводку текста.
Надписи
Теперь я покажу вам как работать с буквами. В этом тоже нет ничего сложного. Могу предложить интересные статьи о том, как делать плавный переход цвета в фотошоп или создавать красивые фоны для текстов. Тоже не бесполезное умение. Обратите внимание.
Сам же создаю картинку и вставляю в нее текст обычным способом при помощи одноименного инструмента из левой панели.
В этот раз не думаю что будет сложно найти обводку.
Ну и осталось лишь разобраться со ставшими привычными настройками. Ничего нового.
Создание контура
Также в Фотошопе можно накладывать контур вокруг текста, причем несколькими способами:
- Для создания окантовки, легче всего кликнуть правой кнопкой мыши (ПКМ) по надписи, далее «Создать рабочий контур». После этого введенные буквы будут преобразованы в силуэт, который можно редактировать с помощью встроенных инструментов Photoshop.
Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.
Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.
Слой не будет изменен, к нему просто будет добавлена окантовка, которую следует редактировать с помощью инструментов «Перо», «Стрелка», «Угол».
Вот так выглядит результат, отредактированный с помощью инструмента «Стрелка».
Редактированный силуэт можно будет использовать после, ведь он конвертируется в «Пользовательскую форму».
Видео инструкция
Если какие-то моменты остались для вас непонятными, могу предложить видео, благодаря которому все становится ясно. Здесь максимум полезной информации о использовании наложения цвета.
Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.
Если у вас появилось необъяснимое желание узнать о программе максимум, хоть владеете вы ей недостаточно, могу предложить курс «Фотошоп для начинающих в видеоформате». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.
Вот и все. До новых встреч и не забывайте, что у вас есть возможность подписаться на мою группу Вконтакте, чтобы быть в курсе новых возможностей для заработка в интернете. Монетизируйте собственное хобби. До новых встреч и, как всегда, удачи.
Как сделать обводку картинки?
С текстом разобрались, но точно такую же обводку можно применить и к любым картинкам или объектам.
Как самостоятельно создать логотип – лучшие программы и онлайн сервисы
Создание рамки
Первый способ сделать обводку изображения – это создание рамки:
Нижний слой после загрузки изображения преобразуется в фон, который по умолчанию блокируется. Необходимо снять блокировку для редактирования.
После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».
Настройки идентичны тем, что уже были описаны в пункте «Обводка текста». Все дальнейшие операции делаются так же.
В результате изображение будет обведено рамкой.
Окантовка объекта
Также можно выполнить обводку контура объекта:
- Выделить объект с помощью инструмента «Волшебная палочка».
Навести курсор на выделенную область и кликнуть по нему правой кнопкой мыши. В выпадающем меню кликнуть по пункту «Образовать рабочий контур».
Перейти на вкладку «Контуры» в панели слоев.
Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.
На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».
После этого следует кликнуть по кнопке «Ок» и просмотреть результат.
- Выделить объект на изображении, на клавиатуре нажать «CTRL» и «J», чтобы вынести его на отдельный слой.
Выбрать в меню «fx» пункт «Обводка».
Дальнейшая процедура уже знакома и описывалась ранее.
Изучение Photoshop
Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0
Даже если вы новичок, я покажу как можно быстро освоить фотошоп, создать сайт, заняться продвижением группы и при этом не тратить много времени и денег. Создавать легко и приятно, если не морочить голову сложными настройками. Узнавайте секреты и учитесь на опыте других.
Иногда требуется обвести выделенную область (т.е. обрисовать контур
). Эта техника оказывается действительно удобной, когда используется в сочетании с инструментами выделения. Например, можно объединить с инструментом Прямоугольная область, чтобы добавить к фотографии тонкий черный контур, или с овальным выделением.
Когда дело доходит до придания изображению шика, немногие эффекты могут превзойти тонкий черный контур.
Вставляете ли вы изображение в текст или размещаете его в блоге, добавление контура делает края чуть более четкими, придавая рисунку законченный вид.
Вот как можно добавить контур по краю изображения:
Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все
. Если оно меньше, чем документ, и находится на собственном слое, щелкните вместо этого кнопкой мыши, удерживая клавишу Ctrl по миниатюре слоя.
Выберите команду меню Редактирование => Выполнить обводку (Stroke)
. В диалоговом окне введите значение в пикселях в поле Ширина (я поставил 10 пикселей), а затем щелкните мышью по индикатору цвета. Выберите цвет из появившейся палитры и нажмите кнопку ОК. Вернувшись, установите переключатель в группе Расположение в положение Внутри, чтобы контур появился только внутри границ изображения.
Нажмите кнопку ОК, чтобы просмотреть новый контур.
Источник статьи: http://brit03.ru/programmy/kak-sdelat-obvodku-v-fotoshope.html