Эффект хромирования в Adobe Photoshop
20 сентября 2014 | Опубликовано в Уроки | 7 Комментариев »
В этом уроке мы научимся создавать эффект хромирования в Adobe Photoshop. Его можно применять к тексту, логотипам или любым другим графическим элементам. Урок не займет у вас много времени, основная работа будет проделана в стилях слоя, которые и дадут необходимый эффект. Также при помощи фильтра размытия и режимам наложения мы добавим объекту свечения. Выполнив урок один раз, вы сможете сохранить стиль слоя и использовать его многократно в будущем.
Шаг 1
Создайте новый документ в Photoshop. В примере использован размер 2880×1800, так как изначальное предназначение работы — обои на рабочий стол. Вставьте в документ логотип, текст или любой графический символ, к которому хотите применить эффект хромирования.
Шаг 2
Добавьте новый слой и залейте его черным цветом при помощи инструмента Paint Bucket/Заливка. После этого в меню выберите Filter>Noise>Add Noise/Фильтр>Шум>Добавить шум. Настройте фильтр как показано ниже.
Шаг 3
Дублируйте слой и в меню выберите Edit>Transform>Flip Horizontal/Редактировать>Трансформировать>Отразить горизонтально. После этого смените Blend Mode/Режим наложения слоя на Screen/Осветление и укажите ему Opacity/Непрозрачность в 40%.
Шаг 4
Сгруппируйте два слоя с шумом и этой группе укажите Layer style/Стиль слоя. Выберите стиль слоя Gradient Overlay/Перекрытие градиента, укажите радиальный градиент от светло-серого цвета в центре к черному.
Шаг 5
Сделайте активным слой с символом, к которому хотите применить эффект. В меню выберите Layer>Layer Style>Blending Options/Слой>Стиль слоя>Параметры наложения. Настройте стили как показано ниже. Если вы используете другой размер изображения, тогда параметры эффектов могут отличаться. Пробуйте и находите оптимальные решения.
Bevel & Emboss/Тиснение
Contour/Контур
Inner Shadow/Внутренняя тень
Drop Shadow/Тень
Вот что должно получиться:
Шаг 6
Вы также можете добавить дополнительные элементы и применить к ним те же стили просто скопировав их и вставив для новых объектов.
Шаг 7
Выделите все слои и дублируйте их. Объедините копии слоев в один и в меню найдите Filter>Blur>Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу. Укажите 15 в степени размытия. После этого смените Blend Mode/Режим наложения слоя на Screen/Осветление и укажите ему Opacity/Непрозрачность в 50%. Зайдите в меню Layer/Слой и выберите Add Layer Mask/Добавить слой-маску. При помощи инструмента Brush/Кисть в слое-маске сделайте видимым только область с объектом (черный цвет скрывает область, белый делает видимой). Так вы создадите эффект свечения.
Результат
Вы можете скачать .psd файл с готовым эффектом здесь.
Автор урока abduzeedo
Перевод — Дежурка
Смотрите также:
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- Футуризм в иллюстрации
192
22 сентября 2014 в 11:45
У меня немного не так получилось
Ссылка на скачивание примера не работает :-[
Ответить
сентября 22, 2014 at 11:49 дп
Всё! Скачала на сайте автора :P
Ответить
14 марта 2016 в 18:59
Не могу скачать исходник!(Плз. хелп ми!
Ответить
14 марта 2016 в 20:06
Всё! Скачал на сайте автора)))))))))))))))))))))
Ответить
22 февраля 2017 в 10:16
Шаг
Inner Shadow/Внутренняя тень
Автор решил, что контур на этом шаге является стандартным и выпадает из списка.
Контур не является стандартным. В СС возможно построить самому по кривой по иконочке.
Вообще, материал не похож на хром, ушел искать лучше.
Ответить