Как сделать двойную обводку в фотошопе
В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект. Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.
Вот конечный результат выполнения этого урока. У вас могут получиться совершенно разнообразные результаты по цветовой гамме в зависимости от ваших потребностей, вкуса или настроения, но шаги при создании подобного эффекта будут однотипными.
Шаг 1
Напишем текст, с которым будем работать в дальнейшем. Создадим новый слой, при помощи инструмента Текст ( Text Tool) напишем слово «style». Цвет заднего плана чёрный.
Вот так выглядит панель слоёв на данном этапе нашей работы:
Чтобы добавить первую обводку к нашему тексту, нажмите на значок Стилей слоя в нижней части панели слоёв.
Из выпадающего списка выберите стиль Обводка (Stroke).
В открывшемся диалоговом окне выберите цвет нашей будущей обводки в подменю Цвет (Color):
В открывшейся палитре цветов выбираем понравившийся нам цвет. Я подобрал светло-голубой оттенок, так как мой текст изначально тёмно-синего цвета.
После того, как вы подобрали цвет, нажмите ОК.
Дальше я увеличил размер обводки до 21 пикс., выставив необходимое мне значение в окошке Размер (Size).
Нажимаем ОК. Вот что получается у нас после добавления первой обводки к нашему тексту:
Шаг 2
Теперь я планирую добавить вторую обводку к тексту, но по умолчанию Фотошоп не позволяет добавлять несколько линий обводок при помощи cтиля слоя. Если повторно открыть диалоговое окно стилей слоя и попытаться изменить цвет и размер обводки, то программа будет менять уже существующую обводку нашего текста.
Тогда я преобразовал текстовый слой в Смарт-объект. Смарт-объект работает как виртуальный контейнер, поместив в него наш текст с первым слоем обводки, мы сможем добавить вторую линию!
Чтобы это сделать, нажмите на значок в верхней части панели слоёв, как показано на скриншоте:
В выпадающем меню выберите опцию Преобразовать в Смарт-объект (Convert To Smart-Object)/
После преобразования слоя в Смарт-объект, в нижнем правом углу предварительного просмотра слоя появится такой значок:
Шаг 3
Добавим вторую линию обводки. Для этого снова щёлкнем на значок Стилей слоя в нижней части панели слоёв, выберем параметр Обводка (Stroke).
Снова откроется диалоговое окно стиля слоя Обводка (Stroke). Как и в предыдущем шаге с добавлением обводки, выберите подходящий вам цвет и размер обводки. Я выбрал синий цвет и размер обводки 10 пикс.
Когда закончите, нажмите кнопку ОК, чтобы закрыть диалоговое окно стилей слоя.
Вот, что у меня получилось в результате добавления обводки к смарт-объекту с текстом внутри:
Шаг 4
Повторите предыдущие два шага, чтобы добавить необходимое количество линий обводки к вашему тексту. Перед добавление новой линии обводки не забывайте преобразовывать ваш слой в Смарт-объект и всё у вас получится.
Я добавил третью линию обводки к своему тексту. Цвет я подобрал светло-голубой, как в первой линии обводки, размер установил 10 пикс.
Нажимаем ОК, чтобы закрыть диалоговое окно стиля слоя. И теперь у меня получается три линии обводки вокруг текста. Выглядит всё так, как будто я добавил тройную обводку к тексту, хотя на самом деле я использовал только одну обводку непосредственно к самому тексту, средняя линия обводки приходится на первый смарт-обект, а верхняя линия обводки – на второй смарт объект.
Вот так легко и очень просто можно добавить любое количество обводок к тексту, используя всего лишь стиль слоя Обводка (Stroke) и Смарт-объекты (Smart-Object) программы Фотошоп.
В сегодняшнем руководстве я хотел бы рассказать, как сделать обводку текста в Фотошопе .
Стили слоя в Photoshop позволяют без труда добавлять тени, свечения, контуры, цветовые наложения и многое другое. Комбинируя эти эффекты, можно оформлять тексты, фигуры и другие элементы на изображении. В старых версиях Photoshop можно было добавлять только одну тень, только один эффект обводки, и это создавало определенные ограничения. На сегодняшний день в Photoshop CC можно применять один и тот же стиль бесконечное количество раз, и именно этим мы сегодня займемся.
Мы добавим двойной контур к одному и тому же тексту. Давайте узнаем, как это сделать.
Создайте новый файл и добавьте текст
- Создайте пустой документ в Photoshop , и задайте ему размер 1000 на 500 пикселей . Для данного примера мы воспользуемся простой графикой для веб, и поэтому разрешение документа будет составлять 72ppi . Если же вы планируете пустить эту работу в печать, то не забудьте установить разрешение 300ppi ;
- Теперь нужно добавить текст. Я воспользовалась бесплатным шрифтом под названием Folk . Хотя для примера подойдет любой полужирный шрифт.
Выберите инструмент « Текст », нажав клавишу T , или выберите его на панели инструментов:
Чтобы изменить цвет текста в Фотошопе , кликните по цветному квадратику в панели опций, после чего откроется палитра цветов:
Как только разберетесь с настройками, переведите фокус ввода на документ и напишите какой-нибудь текст:
После этого кликните по какому-нибудь другому слою или по галочке на панели опций:
Создаем стиль слоя
- Теперь к только что созданному красивому тексту в Фотошопе нужно применить стиль « Обводка ». Кликните по слою с текстом, и удостоверьтесь, что он выделен. Затем нажмите на иконку « Добавить стиль слоя » в самом низу панели. В выпадающем списке нужно выбрать « Обводка »:
Перед вами откроется диалоговое окно с настройками стиля. Не забудьте поставить галочку возле параметра « Просмотр », чтобы видеть изменения, которые вы вносите. Установите размер 5px .
Переключите « Положение » на « Внутри ».
Режим наложения оставляем « Нормальный », а « Непрозрачность » на 100% . В качестве цвета выбираем белый:
Сейчас текст в Фотошопе выглядит немного странно, так как располагается на белом фоне, и при этом имеет белую обводку. Далее мы добавим еще одну обводку, и все станет гораздо интереснее.
Нажмите по названию стиля « Обводка », который находится рядом. Установите размер 8px . Выставите « Положение » на « Снаружи ».
В принципе можно закончить и на этом этапе, так как все выглядит вполне привлекательно, но я бы хотел добавить немного теней.
Уровень непрозрачности ставим на 100% .
В рамках данного примера подойдет любой угол отбрасывания тени.
Смещение выставляем на 10px .
Размах на 10%
Размер на 10% :
Теперь нажимаем « ОК », и получаем примерно такой текст в Фотошопе :
Этот эффект отлично смотрится с несимметричными и рукописными шрифтами, но его можно применять к абсолютно любому тексту и шрифту. Надеюсь, это руководство помогло вам узнать что-то новое.
Дайте знать, что вы думаете по данной теме статьи в комментариях. Мы крайне благодарны вам за ваши комментарии, лайки, подписки, отклики, дизлайки!
Дайте знать, что вы думаете по данной теме в комментариях. Мы крайне благодарны вам за ваши комментарии, отклики, лайки, дизлайки, подписки!
В этом уроке, я хочу рассказать, как в Photoshop CS 5 создать многослойную обводку при помощи преобразования объекта (текста, картинки, рамки) в смарт - объект.
Открыть Фотошоп. Создать новый документ CTRL+N, размер любой (у меня 800х500) разрешение 300 px., цвет прозрачный:
Для наглядности я создала фон. Взять инструмент Заливка, регулярный, выбрала вот такую текстуру:
Наложила на фон параметры стиля слоя - Внутреннее свечение:
Взять инструмент Текст, выставить шрифт, размер, цвет, написать слово:
Зайти в параметры наложения, нажав на значок внизу панели слоёв:
Выбрать - Обводка:
Поставить такие значения (значения подбираются экспериментальным путем):
Можно добавить - Тиснение с такими значениями:
Стоя на этом слое нажать правую кнопку мыши, выйдет вкладка, выбрать - Преобразовать в смарт - объект:
Появится вот такой значок:
Снова зайти в параметры наложения, выбрать - Обводка:
Поставить другой цвет и размер обводки:
Если надо ещё создать обводку, проделать те же действия ещё несколько раз. После наложения параметров, преобразовать в смарт - объект. В конце наложить - Тень:
Всё, надпись готова.
Так же можно создать рамку. Я покажу на этом документе.
Добавить новый слой. Взять инструмент Прямоугольное выделение (М) и нарисовать прямоугольник:
Выполнить обводку. Зайти - Редактирование - Выполнить обводку:
Поставить цвет, размер обводки - 5 px.
Наложить параметры - Обводка:
Преобразовать в смарт - объект:
Снова наложить параметры - Обводка, выбрав другой цвет и размер:
Преобразовать снова в смарт - объект и наложить Тень:
Такая получилась рамочка:
Добавить декоративные элементы.
Это конечный результат моей осенней фантазии:
Пробуйте, эксперементируйте и у Вас всё получится!
Творческого вдохновения и новых идей!
В этом коротеньком уроке я расскажу, как создать тонкую рамочку - обводку, используя фильтр, который встроен в программу. Как я уже писала ранее, мои уроки рассчитаны на начинающих фотошопистов, этот урок тому подтверждение. Хотя бывает и так, что сложное умеешь, а простого, даже не знаешь. И так приступим. Кстати готовые рамки можно скачать здесь.
Открыть Photoshop CS5 и создать Новый документ (CTRL+N), размер любой, можно для наглядности залить цветом:
Создать новый слой. Взять инструмент Прямоугольная область и начертить прямоугольник:
Выполнить обводку. Зайти в меню Редактирование - Выполнить обводку. Поставить цвет, ширину:
Отменить выделение CTRL+D. Получим такой результат:
Зайти в меню Фильтр - Оформление - Фрагмент:
Зайти в меню Фильтр - Усиление резкости - Резкость+
Вот и всё! Быстро и просто. Можно так же применить к этой рамочки стиль слоя, поменять цвет и т.д. Это вариант, если взять ширину обводки 5 px. и два раза применить фильтр Резкость+
А это вариант если ширина 10 px. :
А эта рамочка выполнена немного по-другому: (это я уже эксперементирую)
Создать новый слой. Взять инструмент Прямоугольник :
Выставить такие параметры:
Взять инструмент Кисть, выбрать фигурную, настроить её:
Зайти в Контуры и выполнить обводку контура кистью:
Получится вот так:
Зайти в меню Фильтр - Оформление - Фрагмент. Такой результат:
Применить два раза фильтр Резкость+
Можно ещё поэксперементировать. Пробуйте, творите и у Вас всё получится!
Творческих находок и новых идей!
Читайте также: