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

создайте новый холст и залейте его темным цветом. Мы использовали темно-серый цвет с небольшим светлым пятном посередине, чтобы очертить эффект. Мы используем cnvas размером 600 x 500 (это размер PSD, который вы можете скачать, просто прокрутите до конца вниз).

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Введите слово изогнутым шрифтом и очень большими буквами. Мы использовали шрифт Harrington размером 260 пикселей, однако в этом конкретном случае, чем крупнее ваш шрифт, тем лучше будет виден результат. Не беспокойтесь о цвете, который вы используете в данный момент для набора текста, поскольку мы наложим на него металлические градиенты, которые мы разработали специально для этого урока.

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Перейдите в «Слой >> Стили слоя >> Параметры наложения» и начните применять эффекты…

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Наша Внутренняя тень очень важна, поэтому обратите внимание на размер и качество.

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Мы решили, что кривая «Линейная» по умолчанию недостаточно хорошо описывает эффект, поэтому мы использовали кривую «Полукруглая». Если он не установлен в вашем Photoshop, воспользуйтесь нашим картографированием:

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Для внешнего свечения мы используем градиент от черного (#000000) к белому (#ffffff). Внешнее свечение в этом случае создает дополнительную обводку вокруг текста, которая выглядит слегка закругленной и с мягким градиентом. Без этих настроек ваш эффект не будет выглядеть законченным и, более того, будет выглядеть довольно плохо.

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

И, что касается контура катящегося склона, обратите внимание, что мы используем «нисходящий» путь, иначе у нас будет совершенно другой результат.

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Легкий оттенок внутреннего свечения, просто чтобы сгладить тени по краям текста.

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Теперь мы подходим к самой сложной и важной части этого урока — наложению градиента.

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Новичкам может быть немного сложно скопировать эти градиенты, но я настоятельно рекомендую вам не сдаваться и попытаться скопировать их как можно ближе, поскольку они позволят вам добавить приятный металлический оттенок любому тексту или объекту. позже. Только не забудьте сохранить их как новый градиент для дальнейшего использования!

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

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

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Что хорошо в этих настройках стиля слоя, так это то, что они будут хорошо выглядеть при ЛЮБОМ размере шрифта, например, здесь мы увеличили масштаб, используя шрифт почти в 700 пикселей, и вы так аккуратно видите все кривые, оттенки и градиенты….

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Вот наш результат! Надеюсь, вам понравилось руководство, и если вы решите загрузить PSD-файл, не забудьте нажать «Вернуться на сайт продавца» после завершения транзакции, чтобы загрузка началась мгновенно. Также присоединяйтесь к нашему страница на Фэйсбуке и подписаться бесплатно для будущих обновлений!

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design

Дизайн крутого текстового эффекта Lord-Chrome - PS Tutorials Lorelei Web Design