Несколько текстовых штрихов со смарт-объектами в фотошопе: поясняем по порядку

В предыдущем уроке мы узнали, как добавить несколько обводок вокруг текста в Photoshop, просто сделав несколько копий нашего слоя «Тип» и добавив эффект слоя «Обводка» к каждой копии, причем каждый обводка имеет свой размер. В этом уроке мы узнаем более интересный способ создания аналогичного многострочного текстового эффекта, на этот раз с использованием возможностей смарт-объектов Photoshop ! Adobe впервые представила Smart Objects еще в Photoshop CS2, а это значит, что вам нужен CS2 или выше, чтобы следовать за ним. Я буду использовать Photoshop CS5 здесь, но подойдет любая версия от CS2.

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

Несколько штрихов добавлены в текст Photoshop с помощью смарт-объектов.  Image © 2012 Photoshop Essentials.com.

Несколько штрихов текста с использованием смарт-объектов.

Давайте начнем!

Шаг 1: добавь начальный штрих к тексту

Вот документ Photoshop, с которого я начинаю, состоящий из одного слоя Type, содержащего слово «стиль» (поскольку мы будем использовать стили слоя для добавления штрихов) перед черным фоном:

Исходный документ Photoshop, содержащий слой типа над фоновым слоем.  Image © 2012 Photoshop Essentials.com.


Оригинальный документ.

Если мы посмотрим на мою панель «Слои», то увидим слой «Тип» над фоновым слоем. Слой Тип в настоящее время активен (выделен синим цветом):

Панель «Слои» в Photoshop.  Image © 2012 Photoshop Essentials.com.

Панель «Слои».

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

Значок «Стили слоев» на панели «Слои» в Photoshop.  Image © 2012 Photoshop Essentials.com.

Нажав на иконку Layer Effects.

Затем я выберу Stroke из списка появившихся эффектов слоя:

Выбор эффекта слоя обводки на панели «Слои».  Image © 2012 Photoshop Essentials.com.

Выбор эффекта слоя обводки.

Откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами обводки, отображаемыми в среднем столбце. Сначала я выберу цвет для своей обводки, щелкнув образец цвета в нижней части параметров:

Выбор цвета для нового эффекта слоя обводки.  Image © 2012 Photoshop Essentials.com.

Нажав на образец цвета.

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

Выбор светло-голубого цвета из палитры цветов в фотошопе.  Image © 2012 Photoshop Essentials.com.

Выбор светло-голубого цвета из палитры цветов.

Выбрав мой цвет, я нажму кнопку ОК, чтобы закрыть палитру цветов. Я хочу сделать толстую обводку вокруг букв, поэтому я увеличу значение размера обводки до 21 px :

Увеличение значения размера для эффекта слоя обводки в Photoshop.  Image © 2012 Photoshop Essentials.com.

Увеличение размера обводки до 21px.

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

Документ Photoshop после добавления начального штриха к тексту.  Image © 2012 Photoshop Essentials.com.

Первый штрих появляется вокруг текста.

Шаг 2. Преобразование слоя типа в смарт-объект

Теперь я хочу добавить второй штрих к начальному штриху, но это становится интересной проблемой. По умолчанию Photoshop позволяет нам добавлять только один эффект обводки за один раз к слою. Если бы я снова щелкнул по значку «Эффекты слоя» в нижней части панели «Слои» и снова выбрал «Обводка» из списка, Photoshop снова открыл бы диалоговое окно «Стиль слоя» с параметрами обводки, но все, что я мог бы Для этого нужно отредактировать параметры только что добавленной обводки, изменить ее цвет, размер или любой другой параметр, но я не смог добавить второй обводки.

По крайней мере, я не мог добавить второй штрих вокруг самого текста. Но что, если бы мы могли как-то поместить текст в контейнер, а затем добавить новый штрих вокруг контейнера? Как оказалось, это именно то, что мы можем сделать, используя смарт-объекты Photoshop ! Smart Object — это, по сути, виртуальный контейнер для содержимого слоя, и все, что нам нужно сделать, — это преобразовать наш слой Type в Smart Object, после чего мы можем добавить второй штрих вокруг Smart Object!

Для этого нажмите на значок меню в верхнем правом углу панели «Слои». Это откроет список различных вариантов:

Значок меню панели «Слои» в Photoshop.  Image © 2012 Photoshop Essentials.com.

Нажав на значок меню.

Выберите Преобразовать в смарт-объект из списка пунктов меню:

Выбор команды «Преобразовать в смарт-объект» в меню панели «Слои».  Image © 2012 Photoshop Essentials.com.

Выбор Преобразовать в смарт-объект.

Ничего не изменится в окне документа, но если мы посмотрим на панель «Слои», то увидим, что слой «Тип» был преобразован в смарт-объект. Значок Smart Object отображается в правом нижнем углу предварительного эскиза:

Слой типа был преобразован в смарт-объект.  Image © 2012 Photoshop Essentials.com.

Слой типа теперь является смарт-объектом.

Шаг 3. Добавьте обводку вокруг смарт-объекта.

Теперь, когда текст находится внутри смарт-объекта, щелкните значок « Эффекты слоя» в нижней части панели «Слои» и еще раз выберите « Обводка» в нижней части списка:

Добавление эффекта слоя обводки к смарт-объекту.  Image © 2012 Photoshop Essentials.com.

Выбор другого эффекта слоя Stroke, на этот раз для Smart Object.

Photoshop снова откроет диалоговое окно «Стиль слоя» с параметрами обводки. Чтобы изменить цвет обводки, я щелкну образец цвета, как и раньше, и когда появится палитра цветов, я выберу тот же более темный оттенок синего, что и у моего текста. Я оставлю для параметра « Размер» нового обводки значение по умолчанию 10 пикселей , что сделает второй обводку более тонким, чем исходный:

Параметры обводки в диалоговом окне «Стиль слоя» в Photoshop.  Image © 2012 Photoshop Essentials.com.

Установите для нового обводки тот же цвет, что и для текста, и оставьте его размер равным 10 пикселей.

Когда вы закончите, нажмите кнопку ОК, чтобы закрыть диалоговое окно Стиль слоя. Если мы посмотрим на мой текст в окне документа, то увидим, что второй штрих теперь появляется вокруг исходного. Несмотря на то, что выглядит как новая обводка вокруг текста, на самом деле это вокруг смарт-объекта, который содержит текст:

Второй штрих был добавлен к тексту.  Image © 2012 Photoshop Essentials.com.

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

Шаг 4: Повторите шаги 2 и 3, чтобы добавить больше штрихов (необязательно)

Фотошоп позволяет нам вкладывать смарт-объекты в другие смарт-объекты, что означает, что мы можем использовать эту технику, чтобы добавить еще больше штрихов, если захотим! Все, что нам нужно сделать, это повторить шаги 2 и 3. Сначала преобразуйте текущий смарт-объект в новый смарт-объект, нажав значок меню в верхнем правом углу панели «Слои» и выбрав « Преобразовать в смарт-объект» из списка. Это поместит текущий смарт-объект в новый. Затем добавьте обводку вокруг нового смарт-объекта, щелкнув значок « Эффекты слоя» в нижней части панели «Слои» и выбрав « Штрих» из списка.

Я добавлю третий штрих вокруг моего текста, на этот раз установив тот же более светлый оттенок синего, что и первоначальный штрих. Я оставлю его размер равным 10px по умолчанию:

Добавляем третий штрих вокруг текста.  Image © 2012 Photoshop Essentials.com.

Добавление третьего обводки вокруг текста (после создания другого нового смарт-объекта).

Я нажму OK, чтобы закрыть диалоговое окно Layer Style, и теперь у меня есть три мазка вокруг моего текста! Однако, как мы узнали, похоже, что у меня всего три мазка по тексту. На самом деле, только внутренний штрих вокруг самого текста. Средний обводка находится вокруг смарт-объекта, содержащего текст, а внешняя обводка — вокруг нового смарт-объекта, содержащего исходный смарт-объект (который содержит текст):

Несколько штрихов добавлены в текст Photoshop с помощью смарт-объектов.  Image © 2012 Photoshop Essentials.com.

Конечный результат.

Куда пойти дальше …

И там у нас это есть! Вот как можно быстро и легко добавить несколько штрихов вокруг текста в Photoshop с помощью смарт-объектов! Ознакомьтесь с нашими разделами « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.