понедельник, 4 марта 2013 г.

Рисуем осенний текст-эффект


В этом уроке я покажу вам, как настроить кисть, а затем использовать ее в совокупности с несколькими стилями слоя и корректирующими слоями для создания осеннего текст-эффекта.

Осенний текст-эффект





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

Текстура асфальта
Набор кистей-листьев


Шаг 1 

Создайте новый документ размером 1125 x 864 px и поместите в него изображение асфальта поверх фонового слоя (Background). Назовите этот слой “Background texture”.

Осенний текст-эффект

Кликните дважды по слою “Background texture”, чтобы добавить ему стиль слоя Color Overlay. Настройки стиля слоя следующие (цвет #572306):

Осенний текст-эффект

Таким образом мы сделали текстуру более темной и изменили ее цвет на коричневый, чтобы она больше подходила по цвету к осеннему тексту:

Осенний текст-эффект


Шаг 2 

Далее создайте еще один новый документ размером 500х500 рх, скачайте набор осенних кистей и загрузите их в Photoshop. Сейчас мы создадим 2 кисти – основную и немного видоизмененную.
Выберите кисть “Sampled Brush #33″, которую мы будем использовать для создания текст-эффекта, но вы можете выбрать другую, если вам эта кисть не очень подходит. Измените цвет переднего плана на черный (#000000).

Осенний текст-эффект

Создайте новый слой (Ctrl + Shift + N) над фоновым слоем (Background), который должен быть белым, и сделайте отпечаток кисти:

Осенний текст-эффект

Кликните дважды по слою с листком, чтобы применить стиль слоя Gradient Overlay. Установите следующие настройки:

Осенний текст-эффект

Цвета градиента следующие: #b3b3b3 и #000000:

Осенний текст-эффект

Ваша кисть теперь должна выглядеть следующим образом:

Осенний текст-эффект

Далее выберите Edit -> Define Brush Preset и в открывшемся окошке введите название кисти:

Осенний текст-эффект

Это изображение нам больше не нужно, можете закрыть этот документ (если хотите, можете его сохранить на всякий случай).


Шаг 3 

Скачайте шрифт ETH, установите его и напишите желаемый тест. Размер шрифта - 250 pt, параметр Tracking value установите на 130, чтобы избежать перекрытия листочков.

Осенний текст-эффект

Создайте 3 новых слоя (Ctrl + Shift + N)x3 и назовите их “Leaves 1″, “Leaves 2″, и “Leaves 3″. Порядок слоев показан на рисунке. На данном этапе очень важно расположить слои в правильном порядке:

Осенний текст-эффект

Отключите отображение слоя с текстом (кликните по иконке глаза слева от иконки слоя на панели слоев), кликните правой кнопкой мыши по текстовому слою на панели слоев и выберите Create Work Path.

Осенний текст-эффект


Шаг 4 

Откройте окно настройки кисти (нажмите F5) и выберите вашу основную кисть (как я говорила ранее, у меня основная кисть - “Sampled Brush #33″). Установите следующие настройки кисти:

Brush Tip Shape:

Осенний текст-эффект

Shape Dynamics:

Осенний текст-эффект

Scattering:

Осенний текст-эффект

Color Dynamics: параметр Foreground/Background Jitter отвечает за количество оттенков цвета кисти в зависимости от цвета переднего и заднего плана; от параметраBrightness Jitter зависит изменение яркости этих оттенков. Если вы работаете в версии CS6, не забудьте поставить галочку у параметра “Apply Per Tip”.

Осенний текст-эффект


Шаг 5 

Установите цвет переднего плана = #9e0b0f, а заднего = #c78c04. Выберите инструмент Direct Selection Tool. Убедитесь, что вы не удалили контур, созданный в Шаге 3, и перейдите на слой “Leaves 2″.

Осенний текст-эффект

Кликните правой кнопкой мыши по контуру и выберите «Stroke Path»:

Осенний текст-эффект

В появившемся окошке в качестве инструмента (Tool) выберите кисть (Brush Tool) и убедитесь, что у параметра Simulate Pressure не стоит галочка:

Осенний текст-эффект

Таким образом вы обведете контур выбранной (основной) кистью. Не удаляйте контур – он вам еще пригодится.

Осенний текст-эффект

Перейдите на слой “Leaves 3″ и аналогичным образом обведите контур (правый клик по контуру > Stroke Path) – мы создали еще один слой с листочками. В дальнейшем мы применим к каждому из слоев свои стили слоя (Layer Styles).

Осенний текст-эффект


Шаг 6 

Откройте панель настройки кисти (F5) и проверьте, что все предыдущие настройки кисти у вас не сбросились. В разделе Brush Tip Shape выберите вторую кисть с радиальным градиентом (которую вы создали в Шаге 2) и измените ее размер до 30 рх. Все остальные настройки должны остаться прежними (как в Шаге 4):

Осенний текст-эффект

Перейдите на слой “Leaves 1″ и обведите контур, как вы делали ранее. Таким образом вы создадите ощущение «густоты» листьев smile.gif

Осенний текст-эффект

Пришло время избавиться от ненужныхи криво лежащих листьев, стерев их Ластиком (Eraser Tool) на каждом из трех слоев с листьями:

Осенний текст-эффект


Шаг 7 

Кликните дважды по слою “Leaves 3″, чтобы добавить следующие стили слоя:

Inner Shadow (цвет #5c2e0f):

Осенний текст-эффект

Inner Glow

Осенний текст-эффект

Drop Shadow (цвет #472b0f):

Осенний текст-эффект

Таким образом мы добавим листьям некоторый объем:

Осенний текст-эффект

Добавьте те же самые стили слою “Leaves 2″ (кликните правой кнопкой мыши по слою “Leaves 3″ на панели слоев и выберите Copy Layer Style, затем – правый клик по слою “Leaves 2″ > Paste Layer Style)
Теперь можете добавить еще листьев вручную (без обводки контура) и разместить их как вам вздумается. Самое время украсить листьями ваш текст! happy.gif 

Осенний текст-эффект

На этом работа с текст-эффектом завершена. Следующий Шаг необязателен, в нем я произведу небольшую цветокоррекцию.


Шаг 8 

Кликните по иконке "Create new fill or adjustment layer" в нижней части панели слоев и выберите корректирующий слой Photo Filter. Этот корректирующий слой должен располагаться над всеми слоями.

Осенний текст-эффект

В настройках корректирующего слоя выберите фильтр Sepia и увеличьте значение параметра Density до 50%:

Осенний текст-эффект

Еще раз кликните по иконке "Create new fill or adjustment layer" и выберите корректирующий слой Gradient Map.

Осенний текст-эффект

Измените режим смешивания этого слоя на Soft Light и уменьшите значение Непрозрачности (Opacity) до 50%. Измените настройки градиента в соответствии со скринами:

Осенний текст-эффект

Цвета градиента: #546a82 и #fdfdfd

Осенний текст-эффект

Снова кликните по иконке "Create new fill or adjustment layer" и добавьте корректирующий слой Exposure:

Осенний текст-эффект

При помощи этого слоя мы сделаем изображение светлее и контрастнее:

Осенний текст-эффект

На рисунке ниже показан результат До и После применения корректирующих слоев. Вы также можете использовать любые другие корректирующие слои и их настройки для достижения желаемого результата.

Осенний текст-эффект

Финальный результат 

Надеюсь, вам понравился этот осенний текст эффект. Желаю вам прекрасной осени! smile.gif

Осенний текст-эффект


Автор: Rose

Комментариев нет :

Отправить комментарий