(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Уроки Photoshop: Функциональные иконки

Источник: demiart
T Jay

Функциональные иконки

Floopy
Шаг 1.
Создаем новый документ любого размера (ну естественно так, как это иконка советую взять размеры 64х64, 48х48, 32х32 и т.д.). При желании можно залить фон белым цветом.
Шаг 2.
Создаем прямоугольник, растеризируем его и обрезаем углы под 45 градусов (с помощью прямоугольного выделения). Обрезаем два нижних угла, и правый верхний (немного больше чем нижние), и затем применяем к слою стили:
Gradient Overlay

Функциональные иконки

Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 3.
С помощью Rounded Rectangle Tool c радусом 5 создаем место для надписи на дискете, после чего применяем стили (прим. естественно не забывайте удалить лишнии части о таблички, которые выходят за контуры дискеты и так в последующих шагах!)
Gradient Overlay

Функциональные иконки

Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 4.
Рисуем несколько линий цветом #9f9b9d, это будет типа текст.

Функциональные иконки

Шаг 5.
Теперь создаем "закрывашку" (я не знал как ее назвать) известным нам способом, и затем применяем к ней стили слоя
Color Overlay

Функциональные иконки

Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 6.
Дублируем слой из предыдущего шага и перемещаем его немного в право, после этого применяем к нему стили
Gradient Overlay

Функциональные иконки

Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 7.
Затем с помощью прямоугольного выделения создаем дырку в слоях из двух предыдущих шагов. Вот так:

Функциональные иконки

Шаг 8.
Дублируем самый первый слой (с базой дискеты) и переносим на самый вверх в палитре слоев. Затем применяем к нему стили:
Blending Options

Функциональные иконки

Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 9.
Создаем с помощью пентула белый блик, ставим параметры: Opacity - 40% и режим смешивания Soft Light.
Результат :

Функциональные иконки

Warning
Шаг 1.
Создаем новый документ любого размера (ну естественно так, как это иконка советую взять размеры 64х64, 48х48, 32х32 и т.д.). При желании можно залить фон белым цветом.
Шаг 2.
В стандартных шейпах находим треугольник, затем ставим параметр и создаем треугольник. После этого жмем Ctrl+Enter и он превращается в выделение. Затем идем в Select/Modify/Smooth и ставим радиус 4 и заливаем любым цветом.
Получаем:

Функциональные иконки

Шаг 3.
Следующим шагом применяем стили
Gradient Overlay

Функциональные иконки

Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 4.
Дублируем слой и немного меняем его стиль
Stroke

Функциональные иконки

Получаем:

Функциональные иконки

Шаг 5.
Берем мягкую кисть и начинаем придавать объем иконке:
-мягкой белой кистью делаем пятно посередине (Overlay, 65%)

Функциональные иконки

-черной кистью затемняем низ и нижнии углы (Normal, 15%)

Функциональные иконки

-маленькой мягкой белой кистью делаем просвет внизу (Overlay, 80%)

Функциональные иконки

-осветляем немного верх (Normal, 80%)

Функциональные иконки

Шаг 6.
Осталось добавить восклицательный знак и стили слоя к нему
Inner Shadow

Функциональные иконки

Outer Shadow

Функциональные иконки

Color Overlay

Функциональные иконки

Результат :

Функциональные иконки

Вот и все.. По аналогии можно сделать и другие иконки. Всем удачи и творческих успехов!



 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 25.07.2008 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Oracle Database Standard Edition 2 Named User Plus License
Advanced Data Export VCL Suite (with sources) + 1 Year Maintenance
SAP Crystal Reports XI R2 Dev 2006 INTL WIN NUL License (Version 11)
Microsoft 365 Apps for business (corporate)
SAP Crystal Server 2011 WIN INTL 5 CAL License
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Мир OLAP и Business Intelligence: новости, статьи, обзоры
Все о PHP и даже больше
Компьютерная библиотека: книги, статьи, полезные ссылки
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100