воскресенье, 3 марта 2013 г.

Текстурированный Кожей Текст


В этом уроке я расскажу вам, как создать текстурированный текст с 3D эффектом без использования 3D-инструментов и приложений. Все что нам нужно – придать тексту объем и сформировать освещение поверхности с помощью инструментов Burn Tool и Dodge Tool. Приемы и принципы этого урока применимы в отношении и других текстур, не только текстур кожи, а также и к любому тексту для имитации глубины и освещения.


Текстурированный Кожей Текст




МАТЕРИАЛЫ

Текстуры «Scratched Metallic»
Текстура Кожи
Стейк
Вилка и Нож
Шрифт «Doughboy»




ШАГ 1. Создаем новый документ.

Давайте начнем с создания нового документа в ФШ. Так как я хочу, чтобы созданное мною изображения можно было использовать в качестве обоев для рабочего стол, размер моего документа довольно большой – 1920*1200 px., однако вы можете выбрать другой размер, который будет соответствовать вашим требованиям и предпочтениям. 

Текстурированный Кожей Текст


ШАГ 2. Создаем радиальный градиент.

Создайте градиент, дважды кликнув по фоновому слою и вызвав окно настройки стиля слоя. Выберите Gradient Overlay и добавьте радиальный градиент, от светло-красного (#e45f5f) к темно-красному (#7a2424). 

Текстурированный Кожей Текст

Вы можете переместить центр градиента, просто передвинув его на холсте. Обратите внимание, что это можно будет сделать только при открытом окне Layer Style. Я переместил центр градиента в левый верхний угол. 

Текстурированный Кожей Текст


ШАГ 3. Добавляем фоновую текстуру.

Я немного «загрязнил» фоновый слой с помощью гранжевых и бумажных текстур. Загрузите сет «Scratched Metallic» (бесплатный вариант тоже сгодиться) и вставьте текстуру в ваш документ. Не стесняйтесь экспериментировать с вашими собственными текстурами, также можете попробовать найти что-нибудь интересное здесь.Перейдите в режим свободной трансформации Free Transform (Ctrl + T) и подгоните размер текстуры. 

Текстурированный Кожей Текст

Смените режим смешивания слоя на Overlay, и понизьте его прозрачность до 20%. 

Текстурированный Кожей Текст

Я думаю, что центру композиции необходимо добавить больше света. Создайте новый слой, и поместите его между фоновым слоем и слоем с текстурой. Выберите инструмент Brush Tool, и большой мягкой белой кистью (Hardness 0%) один раз нажмите на холсте. Понизьте прозрачность слоя, если вам кажется, что световой эффект чересчур интенсивен. 

Текстурированный Кожей Текст


ШАГ 4. Добавляем Текст

Теперь мы можем добавить текст. Важно выбрать подходящий шрифт. Идея заключается в обработке текстуры кожи, поэтому округлый, полужирный шрифт – то, что нам нужно для достижения отлично выглядящей композиции. После длительных поисков и просмотра каталогов со шрифтами, я, наконец-то, нашел шрифт Шрифт «Doughboy», который идеально подходит для нашей цели. Если хотите использовать этот шрифт, то загрузите и установите его. Теперь, выбрав шрифт, с помощью Horizontal Type Tool (T) напишите что-нибудь в центре изображения. Размер шрифта сделайте довольно большим, так как это основной элемент в нашем произведении. Я написал слово «Skin». 

Текстурированный Кожей Текст

Первое, что нам следует сделать – изменить цвет текста. В диалоговом окне Layer Style добавьте розовый линейный градиент, переход цвета от ab6e6e # в # d19494. 

Текстурированный Кожей Текст

Во-вторых, добавьте мягкую падающую тень (цвет #3f0202) 

Текстурированный Кожей Текст


ШАГ 5. Добавляем текстуры кожи.

Процесс наложения текстуры на текст достаточно прост, и может быть использован с любой текстурой и с любым текстом. Способ, которым я хочу поделиться с вами, основан на принципах распределения света и тени. Давайте загрузим эту текстуру, и вставим ее в документ. 

Текстурированный Кожей Текст

Измените размер текстуры и расположите ее над буквой «S». Мы будем работать над одной буквой все это время. Примите к сведению, что если вы изменяете размер текстуры – вы добавляете тем самым более мелкие детали к каждой букве. 

Текстурированный Кожей Текст

Установите режим смешивания слоя на Overlay и посмотрите, как текстура изменит букву. 

Текстурированный Кожей Текст

Теперь скройте ненужные области текстуры. Зажмите Ctrl и кликните по слою с текстом, чтобы выделить область вокруг него, а затем добавьте маску на слой с текстурой, нажав на иконку Add Layer Mask в палитре слоев. 

Текстурированный Кожей Текст


ШАГ 6. Создаем 3D – эффект.

Чтобы создать иллюзию объема, мы не будем использовать 3D-приложения. Мы будем полагаться на два мощных инструмента ФШ: Burn Tool и Dodge Tool, с помощью которых мы вручную создадим иллюзию глубины. Burn Tool используется для затемнения областей, а инструмент Dodge Tool делает обратное: он их осветляет. Фактически, работают они как кисти, и вы можете использовать вашу библиотеку с кисточками. Мы начнем работать с инструментом Burn Tool, и затемним края буквы: темные края придадут ощущение глубины. Аккуратно обработайте области, обозначенные красными стрелками, большой мягкой кистью с давлением Exposure в 50%. 

Текстурированный Кожей Текст

Уменьшите размер кисточки и увеличьте Exposure. Снова обработайте края, и вы увидите, что эффект станет более заметным. 

Текстурированный Кожей Текст

Продолжайте работать с Burn Tool, пока не будете удовлетворены результатом. Вот что получилось у меня: 

Текстурированный Кожей Текст

Для придания букве еще большей глубины переключитесь на инструмент Dodge Tool, и обработайте области, которые я обозначил красными стрелками. 

Текстурированный Кожей Текст


ШАГ 7. Добавляем текстуру другим буквам 

Используйте те же приемы, что и в шаге 5 и 6, добавьте текстуру, а также с помощью Burn Tool и Dodge Tool добавьте объем. 

Текстурированный Кожей Текст


ШАГ 8. Разрезаем букву «I» 

На данном этапе у меня возникла идея о том, что эти буквы съедобно выглядят. Например, буква «I» заставляет меня думать о маленьком салями: «Эй, я итальянец! Еда является неотъемлемой частью нашей культуры.» Я решил вырезать букву «I», и сделать так, чтобы она выглядела будто бы разрезанной на две половинки. Однако возникли небольшие трудности: каждая буква представляет собой комбинацию из двух слоев – текст + текстура, и для того, чтобы разделить букву на части, необходимо создать для нее единый слой. Давайте сделаем это немедленно. Скройте (на данный момент) все видимые слои с текстурами, чтобы целиком сосредоточить наше внимание на текстовом слое. Растрируйте слой с текстом, кликнув по нему в панели слоев и выбрав в появившемся меню Rasterize Layer. С помощью Rectangular Marquee Tool (M) захватите область вокруг буквы «I». 

Текстурированный Кожей Текст

Нажмите Ctrl + J и продублируйте букву «I» на новый отдельный слой. Теперь мы удалим букву «I» из оригинального текстового слоя. Снова выделите букву «I» (или же пройдите в Select > Reselect), перейдите на слой с тестом и нажмите кнопку Delete. В итоге, у вас должен быть слой, содержащий буквы «S», «C» и «N», и слой с буквой «I». Теперь вы снова можете сделать слои с текстурами видимыми. Выберите оба слоя «I» - слой с буквой и слой с текстурой, и слейте их в один слой (Ctrl + E). 

Текстурированный Кожей Текст

С помощью Pen Tool (P), в режиме Path, создайте область, которая будет включать в себя верхнюю часть буквы «I». 

Текстурированный Кожей Текст

Преобразуйте контур в выделение, нажав Ctrl + Enter. 

Текстурированный Кожей Текст

Убедитесь, что слой с буквой «I» активен в панели слоев, и с помощью инструмента Move Tool (V) перетащите выделенную область выше, отделив верхнюю часть буквы «I» от нижней. Кроме того, в режиме Free Transform (Ctrl + T) вы можете развернуть область немного вправо, как показано ниже. Если хотети развернуть нижнюю часть – используйте тот же самый метод. 

Текстурированный Кожей Текст


ШАГ 9. Добавляем мясную текстуру 

Развивая идею объемного изображения, мы должны заполнить нижнюю часть буквы «I». Загрузите изображение со стейком и откройте его в ФШ. С помощью Pen Tool (P) создайте выделенную область в верхней части стейка. 

Текстурированный Кожей Текст
Скопируйте и вставьте выделенную область в основной документ, и с помощью Free Transform, изменяя размер и угол наклона, подгоните изображение со стейком в соответствии размерам буквы. 

Текстурированный Кожей Текст


ШАГ 10. Добавляем Нож и Вилку.

Мы можем добавить в сцену еще больше деталей. Мне хотелось бы добавить нож и вилку, чтобы подкрепить идею с разрезанной буквой «I». Загрузите это изображение с вилкой и ножом. С помощью Pen Tool (P) отделите столовые приборы от фона, после чего поместите их в наш основной документ. Так как вилка и ложка выглядят достаточно плоско, продублируйте каждый слой и установите режим смешивания дублированного слоя Overlay, чтобы увеличить цветовой контраст. После чего не забудьте слить оригинальный слой с копией, так как мы будем двигать и вращать оба объекта, а делать это будет проще при работе с двумя слоями. 

Текстурированный Кожей Текст


ШАГ 11. Модифицируем Вилку

Поместите вилку в нижней части первой буквы с помощью Move Tool (V). Теперь нам нужно сделать так, чтобы создавалось впечатление, будто бы вилка тыкает букву «S». Выберите слой с буквой «S», и с помощью инструмента Burn Tool затемните те участки, где вилка соприкасается с буквой. 

Текстурированный Кожей Текст


ШАГ 12. Повышаем контраст композиции

В заключительном шаге мы повысим общий контраст композиции. Существует несколько способов, с помощью которых можно это сделать. Я же буду использовать корректирующий слой Gradient Map. Для этого пройдите в Layer > New Adjustment Layer > Gradient Map. Создайте черно-белый градиент, и поместите корректирующий слой выше всех остальных. Режим смешивания слоя – Overlay, прозрачность – 20%. 

Текстурированный Кожей Текст




Обзор урока

Финита! Мы закончили! Мы создали с вами эффект с текстом, в который входит наложение текстур, после чего мы усовершенствовали его при помощи Burn Tool и Dodge Tool. Также мы сделали несколько преобразований фото, в том числе разделение буквы на две части и заполнение внутреннего сегмента текстурой со стейком. Помимо прочего, мы создали иллюзию того, будто бы вилка тыкает в букву. Я надеюсь, что урок вам понравился. Я рекомендую вам поэкспериментировать с собственными текстурами и шрифтами, чтобы добиться 3D – эффекта, похожего на этот.


Текстурированный Кожей Текст


Автор: Sebastiano Guerriero

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

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