Перейти на главную страницу

Главное меню

Перечень разделов новостей..


 

На сайте

Вместе с нами..


Онлайн всего: 1
Гостей: 1
Пользователей: 0
[Кто нас сегодня посетил]

 

Реклама

Интересное..

Облако тегов

Случайные теги..


 

Последние новости RSS-лента

Главная » Файлы » Скачать PhotoShop » Работа с текстом


Прикольный контурный текст-эффект, Creat“Cool”

Материалы для урока

Белый цветок
Желтый цветок


Работа с контурами (Paths)


Мы будем использовать окружность (контур круга), ее части и обводку этого контура. Выберите инструмент Ellipse Tool (U) и установите режим «Path». В этом режиме можно создавать только контуры, а не формы. Чтобы создать ровный круг, удерживайте нажатой клавишу Shift:

Прикольный контурный текст-эффект

Далее выберите инструмент Кисть - Brush tool ( B ) большого диаметра с жесткими краями. Нажмите F5, чтобы открыть панель настройки кисти. Установите значение параметра Spacing = 10% и уберите галочку у подменю «Shape Dynamics»

Прикольный контурный текст-эффект

Создайте новый слой (Ctrl+Shift+N) и, выбрав инструмент Кисть, нажмите Alt + Enter. Таким образом вы обведете контур кистью с установленными ранее настройками.

Прикольный контурный текст-эффект

Выберите инструмент Direct Selection Tool (A). Обратите внимание, что у вас не должна быть выделена ни одна из узловых точек. Кликните по контуру между двумя узловыми точками и нажмите клавишу «delete». Снова создайте новый слой, выберите инструмент Кисть - Brush tool ( B ), цвет кисти измените на более темный и нажмите Alt + Enter, чтобы обвести полученный контур

Прикольный контурный текст-эффект

Теперь выберите инструмент Перо - Pen Tool (P) и добавьте 2 узловые точки, как показано на рисунке:

Прикольный контурный текст-эффект

При помощи инструмента Direct Selection Tool (A) удалите крайние узловые точки контура:

Прикольный контурный текст-эффект

Результат:

Прикольный контурный текст-эффект

Снова возьмите Кисть - Brush Tool ( B ) еще более темного цвета, создайте новый слой и нажмите Alt + Enter, чтобы обвести контур:

Прикольный контурный текст-эффект

Как видите, мы всего лишь вырезаем части исходного контура путем удаления узловых точек. Это позволит нам нарисовать четкие формы и создать интересный эффект. Это и есть основная техника этого урока. Самое главное — не забывайте для каждой новой обводки контура создавать новый слой. И еще один совет: после того, как вы удалите одну узловую точку, все остальные точки выделятся автоматически, поэтому, чтобы выделить следующую точку, просто кликните в любой точке вашего изображения, чтобы выделение контура сбросилось, а затем выделите нужную точку при помощи Direct Selection Tool (A).

Прикольный контурный текст-эффект

Прикольный контурный текст-эффект


Шаг 1

Создайте новый документ 1600 рх в ширину и 1200 рх в высоту с разрешением 72 dpi. Залейте фоновый слой "Background” темно-фиолетовым градиентом, цвета градиента: #392354 – #593b70

Прикольный контурный текст-эффект

Возьмите инструмент Ellipse Tool (U) (в режиме «Path»). Нарисуйте ровный круг, удерживая клавишу Shift. Перейдите на панель «Paths», продублируйте рабочий контур (Work Path) и назовите его "Base", а затем продублируйте его снова. Работать мы будет с копией контура - "Base copy"

Прикольный контурный текст-эффект

Теперь давайте создадим букву "C” при помощи инструмента Перо - Pen Tool (P) и двух узловых точек. На рисунке показано, какие точки нужно добавить, а какую — удалить:

Прикольный контурный текст-эффект

Выберите инструмент Кисть - Brush Tool ( B ) размером 80 px. Создайте новый слой и нажмите Alt + Enter, чтобы обвести контур. Сам контур удалять не нужно, он нам еще пригодится.

Прикольный контурный текст-эффект

Перейдите на панель «Paths», выберите контур "Base” и продублируйте его. Передвиньте продублированный контур вправо — это будет буква "O”. Чтобы передвинуть контур используйте инструмент Path Selection Tool (A).

Прикольный контурный текст-эффект

Снова выбираем Кисть > создаем новый слой > жмем Alt + Enter.

Прикольный контурный текст-эффект

Продублируйте букву "O”

Прикольный контурный текст-эффект

Теперь давайте создадим букву "L". Для того, чтобы разместить буквы ровно, в одну строчку, создайте две направляющие и расположите их по касательной к контуру буквы «О»,чтобы обозначить высоту всех букв. После этого возьмите инструмент Перо - Pen Tool (P) и,удерживая Shift, создайте ровную линию, как на рисунке:

Прикольный контурный текст-эффект

Выбираем Кисть > создаем новый слой > жмем Alt + Enter.

Прикольный контурный текст-эффект

Аналогично дорисуйте вторую часть буквы "L”.

Прикольный контурный текст-эффект

Теперь давайте наведем порядок на панели слоев: поместите каждую букву в тдельную папку:

Прикольный контурный текст-эффект


Шаг 2

Итак, основа для наших букв готова, теперь мы будем создавать дополнительные слои внутри каждой буквы. Переводите каждый новый слой для текущей буквы в режим обтравочной маски (clipping mask). Перейдите на панель «Paths» и выберите контур буквы "C", продублируйте его и начинайте работать с копией этого контура — обрезать контуры, удаляя узловые точки и обводить их. Пока работайте в градациях серого, цвет мы добавим позже

Прикольный контурный текст-эффект

Прикольный контурный текст-эффект

Теперь давайте раскрасим нашу букву! Выберите основной слой с буквой "C” и примените к нему стиль слоя «Gradient Overlay». Чтобы открыть меню настройки стилей слоя, кликните дважды по слою с буквой "C”. В открывшемся окошке установите следующие настройки (цвета градиента: #ff0096 – #c20049):

Прикольный контурный текст-эффект

Прикольный контурный текст-эффект

Аналогично примените стиль слоя «Gradient Overlay» к оставшимся слоям в группе буквы «С». Цвета градиента для каждого из слоев следующие:

1. #ffd200 – #e900ba
2. #4a6d00 – #b1d603
3. #4a6d00 – #eaf900
4. #00dbef – #c8db00

Прикольный контурный текст-эффект
Прикольный контурный текст-эффект

Далее возьмите Кисть большого размера с мягкими краями, установите для нее значение параметра opacity = 50%. Под каждым из слоев с частями буквы «С» создайте новый слой и нарисуйте тени черным цветом как показано на рисунке:

Прикольный контурный текст-эффект

Снова выберите контур буквы "C" (выделите его при помощи Path Selection tool (A), а затем нажмите Ctrl +T, чтобы уменьшить его размер). Размер кисти для обводки этого контура = 40 рх (обводим контур как обычно на новом слое). Добавьте этому контуру стиль слоя "Gradient overlay” (цвета градиента #fb3a7e – #442b5d) и поместите его под самым верхним кусочком буквы «С»:

Прикольный контурный текст-эффект

Проделайте то же самое для еще одного маленького контура (цвета градиента #e80079 – #ff6481):

Прикольный контурный текст-эффект

Теперь переместите первую маленькую форму под вторую большую форму, а вторую маленькую форму — под первую большую (см.рисунок). Добавьте обоим маленьким формам стиль слоя «Drop Shadow» (см. настройки на картинке ниже)

Итак, с буквой «С» мы закончили, но у нас впереди еще 3 буквы!

Прикольный контурный текст-эффект


Шаг 3

Аналогично создайте несколько форм и раскрасьте их при помощи стиля слоя "Gradient map”. Экспериментируйте с контуром буквы и создавайте различные формы. Применяйте цвета градиента, похожие на цвета градиента буквы «С», чтобы все буквы были в одной гамме. Если не хотите экспериментировать, повторите шаги, которые выполнил автор:

Прикольный контурный текст-эффект
Прикольный контурный текст-эффект
Прикольный контурный текст-эффект

После того, как автор закончил букву "O", самый верхний слой показался ему слишком темным и он его удалил:

Прикольный контурный текст-эффект

Повторяем весь процесс для второй буквы "O”:

Прикольный контурный текст-эффект

Приступаем к букве "L”:

Прикольный контурный текст-эффект


Шаг 4

Итак, все 4 буквы готовы, давайте расположим их по дуге. Чтобы повернуть буквы, выделите группу каждой буквы и поверните ее при помощи трансформации Ctrl + T:

Прикольный контурный текст-эффект

Теперь добавим бликов на буквы. Создайте небольшой контур и выполните его обводку жесткой кистью диаметром 15 px, а в конце нарисуйте кружок (сделав отпечаток этой же кисти)

Прикольный контурный текст-эффект
Прикольный контурный текст-эффект

Аналогично добавьте несколько бликов на остальные буквы и на разные слои букв. Изменяйте режим наложения слоя с бликами на Overlay и уменьшайте его прозрачность (Opacity) до 40%:

Прикольный контурный текст-эффект


Шаг 5

Теперь создайте небольшие полукруглые формы вокруг букв, раскрасьте их цветами градиентов, которые мы использовали для самих букв. Чтобы скопировать тот или иной градиент (Стиль слоя), кликните правой кнопкой мыши по слою, эффекты которого вы хотите скопировать, и выберите «Copy Layer Style». Затем выберите слой, к которому вы хотите применить данный эффект и выберите Paste Layer Style.

Прикольный контурный текст-эффект
Прикольный контурный текст-эффект


Шаг 6

Возьмите инструмент Polygon Tool (U), убедитесь, что он находится в режиме «shape», а не ‘Path”. Установите значения параметров этого инструмента, как показано на рисунке:

Прикольный контурный текст-эффект

Измените цвет переднего плана на #754a9a и нарисуйте несколько треугольников вокруг вашего текста, как на рисунке:


Прикольный контурный текст-эффект

Возьмите инструмент Ellipse Tool (U), измените цвет переднего плана на белый и нарисуйте несколько кружков вокруг вашего текста:

Прикольный контурный текст-эффект

Раскрасьте кружки градиентами, которые вы использовали для букв. Примените к некоторым кружкам следующие настройки стиля слоя: слева выберите эффект "Stroke” (Обводка) и установите следующие настройки (не забудьте уменьшить значение параметра Fill этих кружков до 0%:

Прикольный контурный текст-эффект

К другим слоям с кружками примените фильтр Filter > Blur > Gaussian Blur, радиусом 2.6 рх:

Прикольный контурный текст-эффект


Шаг 7

Теперь давайте поработаем с фоном. Возьмите большую кисть с мягкими краями, создайте новый слой и нарисуйте на нем вот такую линию цветом # ff02ea:

Прикольный контурный текст-эффект

Измените режим наложения (Blending mode) этого слоя на Soft Light:

Прикольный контурный текст-эффект

Теперь возьмите кисть меньшего размера с мягкими краями и нарисуйте на новом слое тени черным цветом:

Прикольный контурный текст-эффект

Измените режим наложения (Blending mode) слоя с тенями на Soft Light:

Прикольный контурный текст-эффект


Шаг 8

Создайте новый слой и расположите его поверх всех слоев на панели слоев. Нажмите клавишу «D», чтобы сбросить цвета переднего и заднего плана на черный и белый. Затем выберите Filter > Render > Clouds.

Прикольный контурный текст-эффект

Затем выберите Filter > Noise > Add Noise. Поставьте галочки у параметров Uniform и Monochromatic, и установите значение параметра Amount = примерно 26%

Прикольный контурный текст-эффект

Далее выберите Filter > Blur > Gaussian Blur, радиус = 0.5 рх

Прикольный контурный текст-эффект

Измените режим наложения этого слоя на Color Burn и уменьшите прозрачность (Opacity) до 20%

Прикольный контурный текст-эффект



Шаг 9

Возьмите инструмент Rectangle Tool (U) и, удерживая Shift, создайте черный квадрат. Поверните его на 45 градусов при помощи трансформации (Ctrl+T). Активируйте трансформацию (нажмите Ctrl+T) и на верхней панели настроек введите значение "45” рядом с иконкой угла. Возьмите инструмент Path Selection Tool (A) и, удерживая Alt + Shift, перетащите квадрат на другое место – таким образом вы его скопируете. Аналогично скопируйте квадрат столько раз, пока не получите узор как на рисунке:

Прикольный контурный текст-эффект
Прикольный контурный текст-эффект


Шаг 10

Теперь давайте добавим цветы. Исходники с цветами – это файл в формате PNG с прозрачным фоном, поэтому все, что вам нужно сделать – это перетащить их в вашу работу. Добавьте каждому слою с цветком эффект слоя «Drop Shadow» с настройками, указанными ниже. Автор также «размыл» один из цветков.

Прикольный контурный текст-эффект
Прикольный контурный текст-эффект


Шаг 11

Ну и наконец, последний штрих smile.gif Создайте новый слой и расположите его поверх всех слоев на панели. Измените цвет переднего плана на черный. Возьмите инструмент Градиент - Gradient Tool (G) и установите тип градиента «Foreground to Transparent». На панели настройки градиента выберите радиальный градиент (Radial) и поставьте галочку у «Reverse». Проведите градиент от центра до краев изображения:

Прикольный контурный текст-эффект

Измените режим наложения этого слоя на Soft Light:

Прикольный контурный текст-эффект









Категория: Работа с текстом | Добавил: dolar (06.10.2011)
Просмотров: 2583 | Комментарии: 4 | Рейтинг: 0.0/0
Всего комментариев: 1

# Написал: Cypehompelp, 02.01.2012


Summerinaskinalk


IP: 95.143.23.148

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Авторизация

Войти на сайт..


 

Календарь


 

Новое на форуме

Обсуждаемое


 

Реклама


 

Популярные

Самые рейтинговые..


 

Статистика

Немного инфы..






 
,
Copyright © 2010. Вашсайт.ру. by Template4uCoz.ru. All Rights Reserved