(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
CAD Import .NET Professional пользовательская
SAP Crystal Reports XI R2 Dev 2006 INTL WIN NUL License (Version 11)
Quest Software. TOAD for Oracle Edition
Panda Internet Security - ESD версия - на 1 устройство - (лицензия на 1 год)
SmartBear Collaborator - Named User License (Includes 1 Year Maintenance)
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Все о PHP и даже больше
Программирование на Visual Basic/Visual Studio и ASP/ASP.NET
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100