Конечный результат:
1. Создайте новый документ размером 500х300 пикселей с белым фоном. Потом инструментом Эллипс (Ellipse Tool) создайте фигуру чёрного цвета, как показано ниже:
2. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Наложение градиента:
Обводка:
3. Теперь инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже, потом создайте новый слой (Create New Layer) и залейте его линейным градиентом. Цвет: от #1c2133 к прозрачному.
4. Сделайте выделение слоя с первым кругом (Ctrl+Click), инвертируйте его (Select – Inverse) и на слое с овалом из третьего шага нажмите Delete, чтобы получить такой результат:
5. Снимите выделение (Ctrl+D). Инструментом Эллипс (Ellipse Tool) создайте фигуру цветом #5ebf1a, как показано ниже.
6. Перейдите в меню Стилей слоя (Layer Style - Blending Options) для зелёного круга. Настройте так:
Внутреннее свечение:
Обводка:
7. Растеризуйте слой с зелёным кругов (Rasterize – Shape), выберите инструмент Овальная область (Elliptical Marquee Tool) и создайте выделение похожее на то, что мы делали раньше. Выберите инструмент Осветлитель (Dodge Tool) размером 100 пикселей в диапазоне – средние тона, с экспозицией – 20%, и осветлите нижнюю часть круга:
8. Сделайте Инверсию выделения (Select – Inverse), установите диапазон инструмента осветления – света (highlights) и осветлите верхнюю часть круга.
9. Снова инвертируйте выделение, выберите инструмент Затемнитель (Burn Tool) размером 100 пикселей в диапазоне – средние тона, с экспозицией – 30%. Добавьте контрастности в нижней части круга:
10. Снимите выделение (Ctrl+D), выберите инструмент Произвольная фигура (Custom Shape Tool) и создайте фигуру, показанную ниже:
11. Примените стиль Отбрасывание тени (Layer Style - Drop Shadow):
Режим – Умножение:
12. Объедините все слои с иконкой в один и в режиме Искажения (Transform – Distort) измените её:
13. Сделайте копию слоя с иконкой и поместите оригинал немного ниже, как показано ниже.
14. К нижнему оригинальному слою примените стиль Наложение цвета (Layer Style - Color Overlay):
15. Теперь добавим тень в основании иконки. Создайте новый слой (Create New Layer) над фоновым слоем и инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже. Потом залейте его чёрным цветом.
16. Снимите выделение (Ctrl+D) и примените фильтр Размытие по гауссу (Gaussian Blur Filter):
17. Потом примените фильтр Размытие в движении (Motion Blur Filter):
Вы получите такой результат:
На этом мы закончим урок. Вы можете экспериментировать с цветами и создавать иконки разных цветов и размеров.
Перевод: Глеб Хегай
Ссылка на источник урока
No comments:
Post a Comment