Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Как быстро создать эффект наброска текстового контура

Как быстро создать эффект наброска текстового контура

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 2-04-2015, 20:16
Как быстро создать эффект наброска текстового контура


Данный урок поможет вам понять, как применять смарт-объекты, диалоговое окно «Стиль Слоя», а также фильтры, с помощью которых вы сможете создать элементарные эффекты наброска текстового контура. Кроме того, я подскажу вам, как без особого труда изменить цвета конечного эффекта с помощью корректирующего слоя в панели Фотофильтр. Итак, приступим!

Ресурсы урока

Нижеперечисленные установки были использованы в процессе выпуска данного урока:
- Пантон чёрным шрифтом (Panton Black Caps)
- Девять регулируемых планшетных узоров (9 Tileable Notepad Patterns by elemissfreebies)

1. Создание узора

Шаг 1
Создадим новый документ размером 80х80 пикселей. Выберем Основной цвет (Foreground color)к #еоеоео. Далее, выберем инструмент Кисть (Brush Tool), а затем отккроем Кисть (Brush) в панели Окно>Кисть (Window>Brush).
Выберем рассеянный круг размером в 1 пиксель, проверить ячейки Шум и Размытые края (Noise and Wet Edges). Затем внесём поправки в установки, указанные ниже:

Как быстро создать эффект наброска текстового контура


Динамика кисти (Shape Dynamics)

Как быстро создать эффект наброска текстового контура


Шаг 2
Создаём новый слой, начав с рисунка диагоналных так, чтобы получился узор текстового эффекта.

Как быстро создать эффект наброска текстового контура


Шаг 3
Далее кликнем на глазной значок, сделав таким образом Задний слой (Background layer) невидимым. Затем переходим по команде Редактировать>Определить узор (Edit>Define Pattern), вбиваем название узора и сохраняем, нажав на кнопку ОК.

Как быстро создать эффект наброска текстового контура


2. Создание фона, текста и слоев фотофильтра

Шаг 1

Создадим новый документ размером в 1000х750 пикселей, в панели инструментов выбираем инструмент Заливка (Paint Bucket Tool), выбираем Узор (Pattern) в меню Параметры (Options).
Далее в меню Библиотека девяти регулируемых планшетных узоров (9 Tileable Notepad Patterns) заполняем Фон (Background) любым узором на своё усмотрение.

Как быстро создать эффект наброска текстового контура


Шаг 2
С помощью инструмента Режимы чёрных пантонов (Panton Black Caps) создаём чёрный шрифт размером (Size 15pt).

Как быстро создать эффект наброска текстового контура


Шаг 3
Правой кнопкой мыши кликнем на текстовый слой, выберем команду Преобразовать в смарт–объект (Convert to smart object). А теперь изменим параметр слой–заливки до 0 Повторим слой смарт–объекта ещё три раза.
Сгруппировав все слои смарт–объекта, введём Текст, а затем преобразуем его из Прозрачного режима в Обычный (Blend Mode to Normal). Этот шаг позволит нам в дальнейшем проще поменять цвет.

Как быстро создать эффект наброска текстового контура


Шаг 4
Щелкнём на значок Новый Слой–заливка/Корректирующий слой create New Fill or Adjustment Layer)в конце панели Слои (Layers). Далее выберем меню Фотофильтр (Photo Filter), поместим корректирующий слой Фотофильтр внутри группы, под названием Текст (Text) в самой верхней части слоя смарт–объектов.
В параметрах выберем Цвет (Color), затем изменим цвет до уровня #3f3f3f, а Плотность (Density) до 100%. Далее снимем галочку с режима Плакатный стиль (Preserve Luminosity).

Как быстро создать эффект наброска текстового контура


3. Дизайн текста (Styling the Text)

Шаг 1
В целях Наложения узора (Pattern Overlay) и использования узоров Непрозрачность (Opacity) 70% и Узор (Pattern) дважды кликнем на слой Первый смарт объект (First smart object). О применении узора смотрите в начале данного урока.

Как быстро создать эффект наброска текстового контура


Следующий шаг, как показано на рисунке, позволит создать дизайн внутренней части.

Как быстро создать эффект наброска текстового контура


Шаг 2
Дважды кликнем на слой первого копирования смарт–объекта, в целях применения следующего стиля слоя. Выполнить Обводку в данных установках:
*Размер 1 уровень;
*Расположение: Центр
*Цвет: с9с9с9

Как быстро создать эффект наброска текстового контура


Шаг 3
Добавить внутреннюю Тень (Inner Shadow) в следующих установках:
*Цвет: #с9с9с9
*Расстояние: 0
*Размах: 100
*Размер: 1

Как быстро создать эффект наброска текстового контура


Шаг 4
Данный шаг поможет нам придать стиль первому слою обводки. Правой кноопкой мыши кликнем на стиль слоя, далее выберем команду Скопировать Стиль Слоя (Copy Layer Style). Затем выберем остальные слои и правой кнопкой мыши выбираем один из них. Осталось задать команду Вставить Стиль Слоя. (Paste Layer Style)

Как быстро создать эффект наброска текстового контура


Шаг 5
Дважды кликнем на слой второго копирования смарт–объекта (second copy smart object), в целях оптимизации элементов, служащих в качестве стиля слоя. А также, в целях Обводки (Stroke effect) , изменения Цвета (Color) в #bfbfbf

Как быстро создать эффект наброска текстового контура


Шаг 6
В целях придания эффекта Внутренней Тени (Inner Shadow), изменения размера (Size) до 2 уровня.

Как быстро создать эффект наброска текстового контура


Данный шаг позволит создать стиль слою второй обводки.

Как быстро создать эффект наброска текстового контура


Шаг 7
Для того, чтобы изменить установки в эффекте обводки (Stroke effect), дважды кликнем на третье копирование смарт–объекта (third copy smart object). Таким образом, у нас получается следующая установка:
*Непрозрачность (Opacity): 90%;
*Позиция (Position): Внутри
*Цвет( Color): #d6d4d4

Как быстро создать эффект наброска текстового контура


Данный шаг поможет нам создать конечный слой обводки.

Как быстро создать эффект наброска текстового контура


4. Применение Фильтров (Applying the Filters)

Шаг 1
Выберем слой первого копирования смарт–объекта (irst copy smart object). Далее перейдём в меню Фильтр>Деформация>Размер (Filter>Distort>Ripple). Изменим Количество Шума (Amount) до 20 уровня и до (Medium.)

Как быстро создать эффект наброска текстового контура


Шаг 2
Выберем копирование третьего слоя смарт–объекта (third copy smart object). Затем перейдём в меню Фильтр>Деформация>Искажение (Filter>Distort>ZigZag). Изменим Количество Шума (Amount) до 5уровня, Волнистость (Ridges) изменим до 10 уровня, а Стиль (Style) выберем от центра (Out from Center).

Как быстро создать эффект наброска текстового контура


Шаг 3
В заключение, переходим в меню Фильтр>Размытие>Поверхностное размытие (Filter>Blur>Surface Blur). Изменим Радиус (Radius) до 3 уровня, а Границу (Threshold) – до 12 уровня.

Как быстро создать эффект наброска текстового контура


5. Перемещение текста, изменение цвета
(Moving the Text and Changing the Color)

Шаг 1
Далее нам нужно будет выбрать команду Переместить Инструмент (Move Tool), выделить все три слоя копирования смарт–объектов и осторожно переместить их. Вы тасже можете переместить любой из трёх слоев в зависимости от желаемого эффекта.

Как быстро создать эффект наброска текстового контура


Шаг 2
В целях изменить цветовую гамму в тексте нужно всего лишь выбелить слой Фотофильтра (Photo Filter) и, кликнув в Панели Инструментов (Properties) на ярлык «библиотека цветов», применить любые из них. В данном уроке применён цвет #3060сс.
Основной технический приём в выполнении данной работы заключается в установҡ слоя Фотофильтра внутри группы, содержимые элементы которой предназначены в целях изменить Режимы наложения (Blend Mode) по стандарному образцу, и не способом Пересечения (Pass Through).

Как быстро создать эффект наброска текстового контура


Поздравляю! У Вас получилось!
В данном уроке мы создали элементарный узор с применением модифицированной отпечаткой кисти. Далее мы заполнили фон клетчатым и линейным узором Затем мы создали текст. Преобразовали его в смар–объект, создали пару его копий. Затем после создания стиля, с помощью фильтров мы придали стиль каждой из копий в целях получить эффект наброска.
И наконец, мы переместили слои и, применив слом изменения Фотофильтра, мы изменили цвет конечного результата.
Мы просим Вас оставлять свои отзывы, предложения и результаты выполненных работ.








 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 11553 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.