 |
Статистика |
 |
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
 |
|
 |
Каталог статей |
 |
Урок по созданию стильных иконок с эффектом серого металла и стекла.
результат:
1.Создайте документ размером 500x500 px 72 dpi. С помощью Ellipse Tool нарисуйте 2 круга, как показано на рисунке. Затем назовите слой с внешним кругом Stroke, с внутренним кругом - icon-bg.
2. Нажмите ctrl+click на слое Stroke, чтобы сделать выделение, создайте новый слой и заполните выделение белым цветом (#ffffff). Назовите этот слой General Surface Glow. Затем выберите pen tool и нарисуйте контур, как показано на картинке.
3. Преобразуйте контур в выделение. Для этого откройте палитру Path и нажмите Load Path As Selection (3 иконка снизу)
4. Не убирая выделения, выберите слой General Surface Glow, инвертируйте выделение (Select > Inverse или shift +Ctrl+I) и нажмите Delete. Затем, используя circle marquee tool, нарисуйте выделение, как показано на рисунке.
5. Не снимая выделения, выберите слой General Surface Glow , затем Select > Feather или Alt+Ctrl+ D, сделайте Feather Radius 30 px и нажмите Delete 2 раза.
6. Сделайте овальное выделение снизу, как показано на рисунке.
7. Не снимая выделения, выберите слой General Surface Glow , затем Select > Feather или Alt+Ctrl+ D, сделайте Feather Radius 30 px и нажмите Delete 3 раза. Вы должны получить что-то похожее:
8. Нажмите ctrl+click на слое Stroke, чтобы сделать выделение, создайте новый слой и заполните выделение белым цветом (#ffffff). Назовите этот слой Upper Left Glow. Не снимая выделения идем в Select > Modify > Contract, выбираем сontract 4 px, инвертируем выделение и нажимаем Delete (с выбранным слоем Upper Left Glow)
9. Нажмите ctrl+click на слое Upper Left Glow, чтобы сделать выделение и переместите его, как показано на рисунке.
10. Select > Feather или Alt+Ctrl+ D, сделайте Feather Radius 30px, инвертируйте выделение и нажмите Delete 2 раза
11. Создайте новый слой, используя Elipse Tool, нарисуйте в верхнем правом углу белый овал, назовите это слой Upper Conc Glow; и маленький белый овал в нижнем правом углу – слой Bottom Conc Glow. Поставьте прозрачность слоя Bottom Conc Glow (opacity) 50-60%.
12. Проделав предыдущие шаги, вы в основном сделали внутреннюю часть иконки. Теперь нужно придать нашей иконке дополнительный блеск.
Нажмите Ctrl+click на слое icon-bg, создайте новый слой, заполните белым цветом и назовите слой - Circular Glow
13. Не снимая выделения идем в Select > Modify > Contract, ставим contract 20px. С активным слоем Circular Glow нажимаем Delete.
14. С помощью Pen Tool нарисуйте контур, как показано на рисунке.
15. Преобразуйте контур в выделение. (как в пункте 3).
16. Инвертируем выделение и с выбранным слоем Circular Glow нажимаем Delete.
17. Нажмите Ctrl+click на слое icon-bg, Select > Modify > Contract, делаем контраст 15px, затем делаем растушевку 30px ( Select > Feather). Не снимая выделения, выбираем слой Circular Glow и нажимаем Delete 2 - 3 раза.
18. Выбираем слой Circular Glow, нажимаем Ctrl+T и поворачиваем, как показано на рисунке.
19. Создаем новый слой между General Surface Glow и icon-bg . Помещаем на этот слой свою иконку.
20. Объединим все слои, кроме main-bg в группу и назовем ее icon. Нарисуйте 2 круга одного размера, перекрывающих друг друга. Верхний круг черного цвета – слой Black, нижний круг цвета #8e8f91 – слой Grey. Сделайте выделение, как показано на рисунке.
21. Сделайте растушевку 30px (Select > Feather). Выберите слой Black и нажмите Delete 3 - 4 раза.
22. Нарисуйте большой черный круг и назовите слой border.
23. Выбираем слой border и заливаем градиентом, как показано на рисунке.
24. Дублируем группу icon и сливаем ее (Duplicate group, затем Merge).
25. Затем у этого слоя идем в Layer style и делаем Inner Shadow с параметрами как на рисунке.
Иконка готова
Результат:
|
| Категория: Элементы веб-дизайна | Добавил: myphotoshop (29.08.2008)
| Автор: boonage.pjss2.net
|
| Просмотров: 1465
| Рейтинг: 0.0/0 |
|
 |
Copyright MyCorp © 2025 |
 |
|
