Photoshop - Трюки в Photoshop

Создание реалистичных иконок в Photoshop: Ручка

Условия перепечатки материалов
Статью можно обсудить на форуме!

Рейтинг статьи: 77777
Проголосовало 6 человек.
Оцените статью:

Создание реалистичных иконок в Photoshop: Ручка

В этом специфичном уроке мы создадим иконку ручки при помощи Adobe Photoshop, но сначала хотелось бы дать вам ссылки на несколько хороших сайтов с отличными иконками: Iconia - https://www.marvilla.us/index.html , Elverado - https://www.everaldo.com/ , Rad-e8 - https://www.rad-e8.com/downloads/icons/ , OSxp - https://www.osxp.net/icons.asp , Xicons - https://www.xicons.com/ , Icon Factory - https://www.iconfactory.com/preview.asp?type=ware&kind=original&id=182 .

Теперь, когда вы уже представляете о чем пойдет речь, давайте начнем!

1. Во-первых, выберите соответствующее изображение ручки и перетащите его на новое изображение с белым фоном. Вы можете скачать используемое в этом уроке изображение здесь - https://www.purephotoshop.com/uploads/pen_pic.jpg . Теперь используя инструмент Pen Tool с включенной опцией Paths (пути) обрисуйте контуры ручки. Заметьте, что в этом уроке была обведена только основная форма, не включая наконечник ручки.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Не очень хорошо получается? Практика, практика, практика!

Когда вы обрисуете ручку выберите меню Edit > Define Custom Shape, теперь вы можете использовать форум ручки многократно, поскольку она сохранена в памяти.

Теперь создайте новое изображение 128х128 с белым фоном. Создайте новый слой и назовите его BASE. Теперь активируйте инструмент Custom Shape Tool, включите опцию Fill Pixels и выберите форум ручки, которую мы сделали ранее. Зажмите Shift и "вырисуйте" мышкой правильную форму ручки.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Теперь добавьте тень к получившейся форуме с этими - https://www.purephotoshop.com/uploads/pen_icon03.jpg настройками. Кликните Stroke и примените эти - https://www.purephotoshop.com/uploads/pen_icon04.jpg настройки. Теперь выберите Gradient Overlay и примените эти - https://www.purephotoshop.com/uploads/pen_icon05.jpg настройки. Заметка: чтобы добиться того эффекта, которы вам нравится, поэкспереминтируйте с настройками выше.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

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

Теперь используя инструмент Pen Tool с включенной опцией Paths обрисуйте нижнюю часть ручки.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Теперь конвертируйте "пути" в веделение используя палитру Paths (F7 + Paths Tab). Зажмите ctrl+shift+alt и кликните на слое BASE.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Теперь заполните выделение темно-серым цветом (например, #2e2e2e). Далее нужно просто добавить теней, бликов и светотеней, где они нужны. Для этой цели используйте инструменты Dodge Tool, Burn Tool или просто градиент.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Теперь давайте нарисуем самую верхнюю часть ручки. Создайте новый слой и назовите его Chrome_TOP и "хромируйте" верхнюю часть таким же способом как и выше.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

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

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

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

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Теперь создайте новый слой позади слоя BASE и назовите его TIP. Инструментом Polygon Tool выделите нужную область под "конец" стержня и заполните ее темно-серым цветом. Используйте Dodge Tool для придания кончику бликов.

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Готово!

MGraphics.ru. Трюки Photoshop. Создание реалистичных иконок в Photoshop: Ручка.

Автор: MGraphics.Ru

Оригинал: Purephotoshop.com - https://www.purephotoshop.com/

Разместил: imperior
Опубликовано: 09.05.2006
Статья "Photoshop - Трюки в Photoshop - Создание реалистичных иконок в Photoshop: Ручка" прочтена 9726 раз.

Комментарии к статье Создание реалистичных иконок в Photoshop: Ручка

JPG-YO
Тута толка критиковать умеют что ли =(

Александр Никитин - e-mail
Рефлекс только на кончике ручки, на остальных элементах его не видно...

Оставьте ваше мнение о статье

Имя:
E-mail:
Сайт:
1 + 8 = (цифры, напр-р, 6 + 5 = 11)
Комментарий:

Последние новости
Последние темы на форуме
Как на Ваш взгляд Сайт "Империи кино и рекламы" - https://detalk.ru/index.php?showtopic=6413
Куплю оригинальное фото или видео - https://detalk.ru/index.php?showtopic=6615
картинку в поиск... - https://detalk.ru/index.php?showtopic=6587
Оцените - https://detalk.ru/index.php?showtopic=6596
Требуется критика или отзывы - https://detalk.ru/index.php?showtopic=6459 СКАЧАТЬ КНИГУ ПРО СОЗДАНИЕ ЛОГОТИПА - https://detalk.ru/index.php?showtopic=6606
Профессиональный web-программист ищет работу - https://detalk.ru/index.php?showtopic=6614
Adobe Photoshop Corel Draw 3d Flash Графика Продвижение сайтов - https://www.siteprojects.ru/

Яндекс.Метрика