Апр
11
2013

Дизайн Фотореалистичной Иконки

В этом уроке я объясню, как используя свет и тень можно создать реалистичный арт – в данном случае, это значок проигрывателя. Я покажу, как при помощи стилей слоя за короткий промежуток времени достигнуть впечатляющих результатов. Также мы будем использовать технику быстрого изменения цвета текстуры, а я поделюсь с вами некоторыми секретами, которые я использую в своей работе при добавлении реализма.

Шаг №1. Для начала сделайте набросок иконки. На начальном этапе я нарисовал непосредственно винил, после чего добавил остальные элементы: иглу воспроизведения и кнопку включения. Я хотел, чтобы эскиз смотрелся трехмерно, без использования перспективы, поэтому я нарисовал прямоугольник с закругленными углами, что сделало изображение наподобие открытой коробки.

01

Шаг №2. Отсканируйте ваш набросок и импортируйте его в ФШ. Выберите инструмент Gradient Тool и залейте фон от темного к светлому. Затем нарисуйте квадрат размером 512*512 px. при помощи Rounded Rectangle Tool, установив радиус углов 90 px. Удерживая Alt выберите форму, после чего создайте новую группу «Icon» и добавьте к ней маску.

02

Шаг №3. Выбор цвета вашей иконки весьма важен. Старайтесь избегать чистого цвета, чтобы сделать иконку более реалистичной. Для винила я использовал темно-коричневый цвет вместо черного, а для кнопки включения я применил светло-коричневый, а не серый цвет.

Санаторий Луч предлагает отличное сочетание цены и качества. В наличии имеются: водолечебные процедуры, массаж, термотерапия, бассейн и др. Многие, кто хоть раз отдохнул в Санаторий Луч, возвращаются снова и снова… Узнать подробнее вы всегда можете на официальном сайте http://kmv-kavkaz.ru/sanatorij-luch

Шаг №4. Используя опции Layer Style, мы можем добавить некоторые интересные эффекты. Для винила я добавил радиальный градиент (Gradient Overlay) в режиме смешивания Color Dodgе, и обозначил линии пластинки, добавив градиент типа «noise». Создайте дубликат слоя и добавьте градиент «solid», чтобы создать эффект отражающегося света.

04

Шаг №5. Теперь в некоторых областях изображения необходимо добавить тени в режимах смешивания слоев Color или Linear Burn, а также добавить освещение в режимах смешивания Color или Linear Dodge. Это позволит сделать эффекты света и тени более убедительными. Для иглы воспроизведения и кнопки включения я добавил тень и использовал ее в качестве отражения.

Шаг №6. Для более реалистичной тени нарисуйте прямоугольник в верхней части иконки, после чего добавьте внешнее свечение Outer Glow такого цвета и переведите режим смешивания слоя в Linear Burn. Я использовал оттенок серого в 50%, а затем игрался с непрозрачностью до тех пор, пока не получил желаемого результата.

06

Шаг №7. Для придания реализма также важна и текстура. Вы можете создать ее собственноручно или же найти на стоках. Здесь я использовал текстуру древесины. Я добавил насыщения и поработал с настройками уровней Levels. Затем я создал обтравочную маску и сменил режим смешивания на Overlay.

07

Шаг №8. Когда вы будете довольны всеми вариантами стилей слоя, создайте копию группы. На данном этапе вы можете создать свои собственные стили, пройдя в Layer → Layer Style → Create Layer, а также управлять ими с помощью масок слоя.

08

Шаг №9. Вы также можете дублировать или удалить некоторые стили слоя. Некоторые части моей иконки были слишком светлыми, либо напротив – слишком темными, поэтому я выбирал слой с эффектом, добавлял маску и удалял часть слоя с помощью кисточки.

09

Шаг №10. Создайте новый слой и поместите его на самый верх. Добавьте к нему эффекты Inner Glow и Satin. В настройках Satin я использовал похожий же цвет наложения, что сделало всю иконку однотонной. Ну, вот, теперь у нас есть реалистичная иконка.

10

Правила перепечатки материалов сайта

Все материалы сайта являются интеллектуальной собственностью данного проекта (кроме случаев, когда прямо указано другое авторство) и охраняются законом "Об авторском праве и смежных правах".

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

Похожие Записи

Написать комментарий