Меню


 
  Категории каталога
Заработок в сети [4] Раскрутка сайта [4]
Обзор игр [27] Уроки по FotoShop [42]
Разное [342] Новости софта [10]
Новости игр [14]


 
  Опрос
Каким антивирусом пользуетесь
Всего ответов: 100


 
  Реклама





 
Главная » Статьи » Уроки по FotoShop [ Добавить статью ]

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

Всем привет. Это снова мой авторский урок, первый за долгое время. Лазил как то на досуге в интернете, и наткунался на набор иконок. Они мне понравились, ну я и решил сделать урок, о том, как самому сообразить такие иконки.
Функциональные иконки

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
Функциональные иконки
Результат:
Функциональные иконки
Категория: Уроки по FotoShop | Добавил: denisus (06.11.2008)
Просмотров: 2522 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
  Поиск


 
  Друзья сайта


 
  Счётчик

Онлайн всего: 1
Гостей: 1
Пользователей: 0