Gianluca Giacoppo расскажет вам как создать яркий металлический текст, используя всего лишь пару стилей. Давайте начнем!
Финальный результат:
Материалы для урока:
Шаг 1
После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте ). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и залейте фон с темно-серым цветом # 1f1f1f:
Шаг 2
Создайте новый слой и назовите его «Текстура». Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:
Шаг 3
Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).
Уменьшить «Fill» (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.
Шаг 4
Нажмите на иконку «Add Layer Mask» (Добавить слой-маску), а затем нажмите сочетание клавиш «Ctrl + I» для инверсии.
Возьмите большую мягкую кисть (жесткость: 0% — размер: 950px) и в режиме маски нажмите в центре документа. Таким образом слой текстура’ будет показана только в центре, исчезнет по краям документа:
Шаг 5
Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое. Если окно с настройками текста не отображается, выберите Window> Character. (Окно — Символ)
Шаг 6
После этого примените для слова стили, как показано ниже. Под каждым стилем вы можете посмотреть предварительный просмотр эффекта:
Шаг 7
После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).
Шаг 8
Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили. Теперь у нас два слоя с одинаковым текстом — один со стилями, а другой без стилей. Благодаря этому мы сможем усилить эффет, применив новые стили к продублированному тексту. Мой любимый способ работать с двумя стилями слоя, это позволяет сделать базовые настройки для первого, а для второго усилить эффект, добавив освещение и отражения.
Шаг 9
Шаг 10
Эффект металла почти готов, осталось лишь придать больше реалистичности. Просто настройте следующие стили, как показано ниже:
Заключение
Помните, о том, что когда вы сохраняете свою работу в например формате JPG , то окончательный эффект может выглядеть по-разному, например металл будет выглядеть острее с большой фаской.
Создание фактуры, имитирующей металл, одна из широко используемых дизайнерами возможностей Photoshop. Сегодня существует множество способов имитации металлических поверхностей, в частности блестящих хромированных, никелированных, железных, изъеденных коррозией, протравленных кислотой, элегантных поверхностей из благородного золота, серебра, платины, а также из ртути. Данные эффекты могут быть реализованы как с помощью специальных дополнительных фильтров, или экшенов, помогающих придать буквам или прочим объектам металлический блеск и выпуклость, так и на основе стандартных средств Photoshop, которые обеспечивают не менее профессиональный результат.
Самый простой способ добиться металлического эффекта - воспользоваться подходящим экшеном, которых немало в Сети. С этой целью стоит заглянуть, например, по адресам: http://www.webmaster.ru/~porcupine/actions/index.cfm?row=19&curpage=5 , http://easyphotoshop.chat.ru/actions/actions.htm , http://gribnick.da.ru/ , http://www.fotoshop.ru/cgi-bin/actions/detail.pl?id=76 и др. Однако вариантов здесь не так уж много, и желающим получить нестандартный эффект данный способ не подойдет. Лучше попытаться добиться нужного эффекта с помощью специальных плагинов, которые, как правило, позволят получить неплохую имитацию и при этом довольно быстро. В более сложных случаях придется действовать вручную, опираясь лишь на стандартные возможности программы.
Имитация металла стандартными средствами Photoshop
Этот вариант весьма трудоемкий и далеко не простой, но открывает широкие возможности для творчества, тем более что с различными техниками имитации металла можно ознакомиться на многочисленных сетевых ресурсах. Интересные способы создания металлических колец, эффекта металла с коррозией и хромированного, золотого и бронзового текста можно найти на сайте . С оригинальной имитацией синего металла можно ознакомиться на сайте http://ash.aiq.ru/ . Заглянув на http://www.savvy.net/ , несложно разобраться с созданием металлических текстур, хромированных и ртутных объектов. На сайте http://www.pegaweb.com/tutorials/ рассматривается способ создания эффектных металлических кнопок. Этот список можно продолжать еще долго, но мы ограничимся лишь наиболее интересными вариантами.
Бронза
Сильное впечатление производит имитация блестящей бронзовой поверхности, представленная на сайте http://www.eyesondesign.net/ . Для ее реализации создайте новое изображение в режиме RGB и залейте его светло-коричневым цветом, а затем темно-коричневым изобразите предполагаемый металлический объект (рис. 1).
Рис. 1. Исходное изображение
Выделите будущий металлический объект и сохраните выделение как новый канал Alpha1, применив команду Select→Save Selection (Выделить→Сохранить выделение). Затем объедините слои, смените цвет переднего плана на более темный и воспользуйтесь командой Edit→Stroke (Редактировать→Штрих), задав подходящие параметры. В данном случае выбраны Width (Ширина бордюра) 5 пикселов, Location (Положение) Inside (Внутри), Opacity (Непрозрачность) 100% и Mode (Режим) Normal (рис. 2).
Рис. 2. Изображение после применения команды Stroke
Примените команду Select→Modify→Contract (Выделение→Модифицировать→Сжать) при ширине сжатия в 15 пикселов, а затем заполните выделенную область белым цветом (рис. 3). Откажитесь от выделения.
Рис. 3. Изображение после сжатия выделенной области и заполнения выделения белым цветом
Примените фильтр Gaussian Blur: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) с радиусом размытия 5 пикселов и измените режим слоя с Normal на Overlay (рис. 4).
Рис. 4. Результат размытия по Гауссу и изменения режима слоя
Сделайте копию данного слоя и назовите новый слой Chrome. Перейдите на канал Alpha1 и последовательно примените размытие по Гауссу: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) вначале при радиусе размытия в 9 пикселов, затем в 6 и 3 и, наконец, в 1 пиксел. Результат будет выглядеть примерно так, как на рис. 5.
Рис. 5. Изображение после многократного размытия по Гауссу
Активизируйте слой Chrome и добавьте эффекты освещения: Filter→Render→Lighting Effects (Фильтр→Рендер→Эффекты света) при параметрах, как на рис. 6. Результат будет напоминать рис. 7.
Рис. 6. Окно установки параметров фильтра Lighting Effects
Рис. 7. Слой Chrome после наложения фильтра Lighting Effects
Активизируйте основной слой с объектом, выделите фон, сделайте инверсию в результате объект окажется выделенным, а затем расширьте границу на 1 пиксел с помощью команды Select→Modify→Expand (Выделение→Модифицировать→Расширить). После этого удалите ненужные части границы, нажав клавишу Del, и откажитесь от выделения (рис. 8).
Рис. 8. Результат очистки границы
Активизируйте слой Chrome, создайте новый слой Curves 1 с помощью команды Layer→New Adjustment Layer→Curves (Слой→Новая установка слоя→Кривые), включив флажок Group With Previous Layer (Объединить с предыдущим слоем) и при всех остальных параметрах по умолчанию, а кривые настройте в соответствии с рис. 9. Вновь активизируйте слой Chrome и опять воспользуйтесь командой Layer→New Adjustment Layer→Curves (Слой→Новая установка слоя→Кривые) с теми же настройками и с включенным флажком Group With Previous Layer (Объединить с предыдущим слоем) появится новый слой Curves 2; кривые следует настроить в соответствии с рис. 10.
Рис. 9. Окно настройки кривых для слоя Curves 1
Рис. 10. Окно настройки кривых для слоя Curves 2
Объедините слои командой Flatten Image и примените команду Layer→New Adjustment Layer→Hue/Saturation (Слой→Новая установка слоя→Цвет/Насыщенность), включив флажки Group With Previous Layer (Объединить с предыдущим слоем) при активизированном параметре Colorize (Колоризация) и настроив параметры Hue (Оттенок) и Saturation (Насыщенность). В данном примере выбран вариант: Hue - 33, Saturation 34. Результат, который у вас должен получиться, показан на рис. 11.
Рис. 11. Окончательный вид бронзовой поверхности
Для большей убедительности можно в качестве фона внедрить подходящую текстуру, имитирующую, скажем, ржавый металл, при такой текстуре результат должен напоминать изображение на рис. 12.
Рис. 12. Сверкающая бронза на ржавой текстуре
Золото
Один из самых интересных вариантов имитации золота приводится на сайте http://iolabs.virtualave.net/photoshop/gold/ . Чтобы получить подобную имитацию, напечатайте черный текст на белом фоне (рис. 13), выделите всю черную область и сохраните ее как выделение, применив команду Select→Save Selection (Выделить→Сохранить выделение). После этого объедините все слои с помощью команды Layer→Flatten Image (Слой→Выполнить сведение) и размойте всю картинку по Гауссу, применив фильтр Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) с коэффициентом размытия примерно 5 пикселов (рис. 14).
Рис. 13. Исходное изображение
Рис. 14. Изображение после размытия по Гауссу
Теперь нужно сформировать своеобразный бордюр для этого загрузите выделение командой Select→Load Selection (Выделить→Загрузить выделение) и заполните выделенную область черным цветом. Затем инвертируйте выделение, уменьшите его с помощью команды Select→Modify→Contract (Выделение→Модифицировать→Сжать) на 4 пиксела и залейте белым цветом (рис. 15).
Рис. 15. Картинка с бордюром
На следующем этапе необходимо немного подсветить объект с разных сторон для образования бликов, применив фильтр Filter→Render→Lighting Effects (Фильтр→Рендер→Эффект света) примерно с такими параметрами, как на рис. 16. При этом следует обратить внимание на то, что настройки необходимо изменить для всех трех источников света. Результат будет выглядеть так, как на рис. 17.
Рис. 16. Параметры фильтра Lighting Effects
Рис. 17. Изображение после внедрения трех источников света
Для того чтобы придать материалу вид металла, воспользуйтесь командой Image→Adjust→Curves и постройте кривую на (рис. 18); в итоге картинка должна напоминать изображение на рис. 19.
Наконец, неопределенный металл нужно превратить в золото, настроив уровни командой Image→ Adjustments→Levels (Изображение→Регулировки→Уровни) с входными параметрами Input Levels, равными 100; 1,0 и 255, и подобрав цвет и насыщенность с помощью команды Image→Adjustments→Hue/Saturation (Изображение→Регулировки→Цвет/Насыщенность) с включенным параметром Colorize (Колоризация) и значениями: Hue (Оттенок) - 35, Satuation (Насыщенность) - 35. Результат должен напоминать изображение на рис. 20.
Рис. 18. Окно настройки Curves
Рис. 19. Внешний вид изображения после настройки Curves
Рис. 20. Окончательный вариант имитации золота
Хром
Самый оригинальный способ создания хромированных объектов можно найти по адресу http://www.eyesondesign.net/ . Для его реализации создайте объект темно-серого цвета (рис. 21). Переименуйте активный слой в Chrome.
Рис. 21. Исходное изображение
Выделите объект, сохраните выделение командой Select→Save Selection (Выделить→Сохранить выделение) и уменьшите его примерно на 3 пиксела с помощью команды Select→Modify→Contract (Выделение→Модифицировать→Сжать). При этом нужно руководствоваться принципом: чем больше размер изображения, тем большее значение необходимо ввести.
Создайте над слоем Chrome новый слой Layer 1. Определите цвет переднего плана как белый, а цвет фона как черный, выберите Reflected Gradient и создайте градиентную заливку сверху вниз в рамках выделения (рис. 22). Откажитесь от выделения.
Рис. 22. Изображение после применения градиента
Перейдите в канал Alpha1 и размойте выделение по Гауссу: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) поочередно три раза. Радиус размытия напрямую зависит от размера изображения, однако принцип изменения радиуса при переходе к следующему размытию постоянен: очередное значение радиуса размытия должно быть в два раза меньше предыдущего. В данном случае в первый раз был взят радиус 4 пиксела, во второй 2 и в третий 1 пиксел (рис. 23).
Рис. 23. Результат размытия канала по Гауссу
Вернитесь в палитру Layers, активизируйте слой Chrome и добавьте эффекты освещения Filter→Render→Lighting Effects (Фильтр→Рендер→Эффект света) с такими параметрами, как на рис. 24.
Рис. 24. Настройка параметров фильтра Lighting Effects
На следующем этапе потребуется придать изображению металлический блеск. Для этого откройте диалоговое окно Curves (Кривые): Image→Adjustments→Curves (Изображение→Регулировки→Кривые) и сформируйте кривую, показанную на рис. 25. В данном случае координаты первой точки кривой установлены в (60; 190), а второй в (190; 60) рис. 26.
Рис. 25. Окно настройки кривых
Рис. 26. Появление металлического блеска
Напоследок воспользуйтесь командой Image→Adjustments→Brightness/Contrast (Изображение→Регулировки→Яркость/Контраст), установив подходящие значения для параметров Brightness (Яркость) и Contrast (Контраст). В рассматриваемом примере значение Brightness равно 70, а Contrast 40 (рис. 27).
Рис. 27. Окончательный вариант хромированной поверхности
Ртуть
Что касается имитации ртутных поверхностей, то в Сети на очень многих сайтах можно найти два принципиально разных варианта реализации данного эффекта. Один, несомненно, впервые появился на сайте http://www.savvy.net/ , а авторство второго сегодня установить уже сложно. Более эффектную имитацию ртути дает именно второй вариант, поэтому на нем и остановимся.
Создайте новое изображение в режиме RGB, установите черный фон и белый цвет в качестве цвета переднего плана. Создайте новый канал Alpha 1 и нарисуйте предполагаемый металлический объект (рис. 28), а затем откажитесь от выделения.
Рис. 28. Исходное изображение на канале Alpha 1
Сделайте копию канала Alpha 1 по умолчанию новый канал получит имя Alpha 1 copy. Затем размойте канал Alpha 1 copy по Гауссу: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) с радиусом размытия порядка 3 пикселов (если объект очень большой, то можно использовать и большее значение радиуса размытия; рис. 29).
Рис. 29. Канал Alpha 1 copy после размытия по Гауссу
Сделайте копию канала Alpha 1 copy - новый канал получит имя Alpha 1 copy 2. Переключитесь вновь на канал Alpha 1 copy и примените фильтр Filter→Other→Offset (Фильтр→Другие→Сдвиг) с параметрами (-1;-1) и вариантом Wrap Around (Циклический переход). Вернитесь на канал Alpha 1 copy 2 и воспользуйтесь тем же фильтром, но с параметрами настройки (1; 1).
После этого проведите вычисления для канала с помощью команды Image→Calculations… (Изображение→Вычисления…), выбрав настройки, как показано на рис. 30. В итоге будет создан новый канал Alpha 2, а изображение примет такой вид, как на рис. 31.
Рис. 30. Окно настроек команды Calculations
Рис. 31. Изображение после проведения вычислений
На канале Alpha 2 последовательно примените команды Image→Adjustments→Invert (Изображение→Регулировки→Негатив) и Image→Adjustments→Auto Levels (Изображение→Регулировки→Автоуровни) - рис. 32.
Рис. 32. Результат негатива и тоновой коррекции
Теперь воспользуйтесь инструментом Airbrush, чтобы смягчить границы изображения. Установите нажим 6%, выберите кисть примерно в 45 пикселов, установите белый цвет в качестве основного и сделайте напыление.
На следующем этапе потребуется усилить эффект отражения с помощью команды Image→Adjustments→Curves (Изображение→Регулировки→Кривые), построив примерно такую кривую, как на рис. 33. Результат должен напоминать изображение на рис. 34.
Рис. 33. Окно настройки Curves
Рис. 34. Изображение после усиления эффекта отражения
Загрузите выделенную область, сохраненную в канале Alpha 1 copy с помощью команды Select→Load Selection (Выделить→Загрузить выделение), сделайте инверсию и заполните выделенную область черным цветом.
Снова загрузите выделенную область Alpha 1 copy и сожмите выделение примерно на 3 пиксела, воспользовавшись командой Select→Modify→Contract (Выделение→Модифицировать→Сжать). Сделайте инверсию и примените команду Image→Adjustments→Invert (Изображение→Регулировки→Негатив). В результате изображение на канале Alpha 2 примет примерно такой вид, как на рис. 35.
Рис. 35. Канал Alpha 2 после всех проведенных манипуляций
Теперь выделите все изображение, скопируйте выделение в буфер обмена, переключитесь на RGB-канал и вставьте в него выделение. Затем придайте металлу нужный оттенок с помощью команды Image→Adjustments→Hue/Saturation (Изображение→Регулировки→Цвет/Насыщенность) с включенным параметром Colorize (Колоризация) и подходящими значениями Hue (Оттенок) и Satuation (Насыщенность). Результат должен напоминать изображение на рис. 36.
Рис. 36. Окончательный вид ртутной поверхности
Имитация металла с помощью плагинов
Создано уже немало плагинов, в которых в той или иной мере реализован эффект имитации металла. Например, псевдотрехмерные металлические объекты можно получить с помощью эффекта Lighting плагина Ulead Type.Plugin. Реалистичная текстура золота легко имитируется с помощью фильтра Gel из группы KPT 6.0 от Metacreation. Различные варианты блестящих металлических поверхностей (хрома, золота, серебра и др.) очень быстро можно создать с помощью фильтра Chrome из группы Eye Сandy 4.0 от Alien Skin, а матовые металлические поверхности неплохо получаются благодаря эффекту PhotoGroove 3.0 из группы Extensis PhotoTools 3.0.
Рассмотрим возможности применения плагинов для имитации блестящих поверхностей жидкого металла на примере фильтра Chrome из группы Eye Сandy 4.0, а для создания матовых на примере фильтра PhotoGroove 3.0 из группы PhotoTools 3.0.
В первом случае выделите объект, к которому нужно применить фильтр (рис. 37), и воспользуйтесь командой Filter→Eye Сandy 4000→Chrome (Фильтр→Eye Сandy 4000→Хром) примерно с такими параметрами, как на рис. 38. В результате получим изображение, предсталвенное на рис. 39.
Рис. 37. Исходное изображение
Рис. 38. Установка параметров фильтра Chrome из группы Eye Сandy 4.0
Рис. 39. Результат воздействия фильтра Chrome из группы Eye Сandy 4.0
Чтобы воспользоваться фильтром PhotoGroove 3.0 также выделите объект и воспользуйтесь командой Filter→PhotoTools→PhotoGroove 3.0 (Фильтр→ PhotoTools→PhotoGroove 3.0), установив подходящие значения параметров, например как на рис. 40. В результате получим изображение, показанное на рис. 41.
Рис. 40. Установка параметров фильтра PhotoGroove 3.0 из группы Extensis PhotoTools 3.0
Рис. 41. Результат воздействия фильтра PhotoGroove 3.0 из группы Extensis PhotoTools 3.0
Искусственный металлический эффект, без сомнения, является невероятно популярным среди пользователей Photoshop. И нетрудно догадаться почему: впечатляющие результаты говорят сами за себя. Понятно, что хоть и существует много способов достижения схожих результатов, но некоторые для определённых задач подходят больше, чем другие. Мой способ довольно таки уникален хотя бы тем, что использует только эффекты слоёв и ничего более. На первый взгляд этот метод кажется сильно ограниченным, но на самом деле он очень гибкий и позволяет легко адаптировать метод к более поздним интерфейсам программы, что невозможно для способов, основанных на эффекте освещения.
В результате получается хромированный текст, но я потратил немного времени и объяснил, как вы можете сделать его более серебристым, более мягким/жёстким, добавить неровности и т.д.
Шаг 1.
Создайте новый документ размером 200×200 и, используя Инструмент «Горизонтальный Текст» (Horizontal Type Tool) , напишите одну букву. Я использовал шрифт «Script MT Bold» размером 222. Не расстраивайтесь, если у вас нет этого шрифта, просто выберите любой, который выглядит привлекательно (чтобы вы могли увидеть эффект во всей его красе).
Шаг 2.
Выберите слой, где у вас нарисована буква, и выберите пункт меню Слой > Стиль слоя > Внешнее свечение (Layer > Layer Style > Outer Glow) . И установите точно такие же параметры как на рисунке.
Конечно, этот шаг можно и не делать, но тёмные очертания выделяют объект на фоне.
Шаг 3.
Не закрывайте диалог с эффектами слоя. Перейдите на вкладку Тиснение (Bevel and Emboss) и установите параметры как на картинке.
По желанию: если вы хотите изменить внешний вид вашего металла, то лучше сделать это здесь. Меняя значение параметра Глубина (Depth) , вы можете делать металл мягче/резче. Параметр Контур глянца (Gloss contour) позволяет выглядеть эффекту мягче/жёстче на изгибах. Наконец, увеличивая параметр Размер (Size) можно сделать так, чтобы металл казался более округлым, но только до определённой степени — переборщите и потеряете эффект металла.
Шаг 4.
Перейдите во вкладку Контур (Contour) и измените кривую как показано на рисунке.
Шаг 5.
Зайдите в раздел Наложение цвета (Color Overlay) и измените цвет на белый.
Шаг 6.
Если вы хотите получить оттенок хрома, перейдите во вкладку Глянец (Satin) и введите следующие параметры.
Вы можете не выполнять это шаг, если хотите получить серебристый цвет или можете поиграться с кривыми, чтобы получить разные эффекты освещения.
Шаг 7.
Теперь выйдите из диалога эффектов слоя и полюбуйтесь тем, что вы натворили. Конечно, это отличная идея — добавить тень и красивый фон, но эти вещи я оставляю на ваше усмотрение 😉
В этом уроке вы узнаете, как создать бронзовый текст, используя стили слоя в программе Photoshop. Итак, давайте приступим!
Итоговый результат
1. Создаём задний фон
Шаг 1
Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.
Шаг 2
Создайте новый документ, идём Файл — Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).
Шаг 3
Находясь на слое с задним фоном, продублируйте его, для этого идем Слой — Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).
Шаг 4
Перейдите (Layer > Layer Style > Pattern Overlay), выберите текстуру ‘black_background.pat’ из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.
Шаг 5
Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:
2. Создаём текст
Шаг 1
Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.
Примечание переводчика: метод сглаживания можно поменять в нижнем правом углу, в настройках шрифта.
Шаг 2
Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.
Шаг 3
Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.
3. Применяем стилизацию к основному слою
Шаг 1
Загрузите текстуру ‘scratched_metal.pat’.
Шаг 2
Мы будем работать со слоем ‘A01’. Перейдите Слой — Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.
Шаг 3
Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:
Шаг 4
Вам понадобится самостоятельно создать контуры кривых, чтобы получить объёмный эффект. Внимательно ознакомьтесь со скриншотом ниже, а также примените значения, которые указаны в правой колонке .
Шаг 5
Выберите контур ‘Cove – Deep’ из набора контуров.
Шаг 6
Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой — Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.
Шаг 7
Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой — Стиль слоя – Внешнее свечение (Layer > Layer Style >
4. Применяем стилизацию ко второму слою
Шаг 1
Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.
Шаг 2
Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой — Стиль слоя — Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.
Шаг 3
Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.
Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.
Шаг 4
Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой — стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.
Шаг 5
Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.
Шаг 6
В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.
Отличная работа, мы завершили урок!
В этом уроке я показал вам, как создать металлический задний фон, а также бронзовый текст, используя стили слоя.
Надеюсь, вам понравился этот урок, и вы сможете использовать полученные знания в своих проектах.
В этом уроке вы научитесь делать очень интересный, стильный эффект для текста. Говорить о нём можно очень много и долго, так как этот эффект нынче очень моден и часто используется как для дизайнерских текстовых надписей, так и для текста вообще. А пока одни будут ещё говорить, мы не тратя время даром, пожалуй, уже начнём урок!
Вот собственно о чём пойдёт речь. Нравится? Тогда вперёд!
Шаг 1. Подготовка документа в Photoshop.
Создайте новый документ в Photoshop (Ctrl + N). Автор использует размер 600 * 400, но вы можете создать документ больше, если вам это необходимо.
Шаг 3. Добавление стилей слоя.
Теперь, когда ваш текстовый слой по-прежнему активен, добавим стили слоя. Перейдите в меню Слои - Стиль слоя
Прим переводчика: вызвать стили слоя можно просто кликнув дважды по слою.
Внутренняя тень:
Прим. переводчика:
если уж очень нужен узор именно как в уроке, то присмотревшись на скриншот, можно сделать такой же. Создать документ в 5 пикс., увеличить его на максимум и инструментом карандаш проставить цвета как на скрине.
В создании собственного узора Вам поможет .
Теперь добавим обводку с градиентом, чтобы добавить тексту глубины.
Вот то, что у нас получилось со всеми стилями слоя, если конечно вы применили их правильно. Если ваш результат отличается от этого, то вернитесь и проверьте все настройки для стилей слоя. Пока это только техническая часть, так что у вас не должно быть никаких проблем.
Шаг 4. Фон.
Чтобы наш текст смотрелся интереснее, мы изменим немного фон, придав ему некоторую глубину. Активируйте слой с фоном и добавьте ему стили слоя. Перейдите в меню Слои - Стиль слоя
(Layer- Layer Styles), и примените следующие настройки...
Для градиента используйте следующие цвета:
1. # 667c85
2. # 475e68
Результат.
Шаг 5. Добавление бликов.
Нажмите "Ctrl" и кликните по миниатюре слоя с текстом в палитре слоев, таким образом, загрузится выделение текста.
Создайте новый слой поверх всех других. Воспользуйтесь инструментом градиент (gradient), от белого к прозрачному, и протяните его сверху вниз. Это добавит умеренный и все же видимый градиент к тексту.
Теперь овальным выделением (Elliptical Marquee) нарисуйте овал как на скриншоте ниже.
Перейдите в меню Выделение - Инверсия (Select- Inverse), чтобы инвертировать выделение и нажмите " delete" . Это оставит блеск только на верхней части текста:
Режим наложения этого слоя установите на Перекрытие (Overlay). Это сделает блик более естественным.
Шаг 6. Заставим текст искриться.
В этом шаге, мы добавим блестки по всему тексту, это придаст ему больше глубины, мечтательный и элегантный вид.
Создайте новый слой поверх остальных. Используйте инструмент Кисть
(Brush Tool) 27пикс. с мягкими краями, белого цвета и хаотично нарисуйте несколько точек по краям текста.
Совет:
рисуйте точки по светлым краям текста, это повысит световой эффект.
У вас должно получиться вот так:
Можно добавить еще немного свечения разными кисточками, но не переусердствуйте, потому что пусть лучше будет меньше блеска, чем слишком много.
Вот и всё. Мы подошли к концу урока, и вы успели научиться такому стильному эффекту!
Очень надеюсь, что урок вам понравился и в будущем пригодится!
