Создаем иконку в стиле Windows Media Player используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания иконки в стиле Windows Media Player.


Финальный результат

Создаем иконку в стиле Windows Media Player используя Фотошоп

Приступаем к уроку Фотошопа


1. Создайте новый документ 100x100 с белым фоном (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


2. На новом слое (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), используя инструмент Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M"), нарисуйте круг и залейте его любым цветом.


Создаем иконку в стиле Windows Media Player используя Фотошоп

3. Щелкните правой кнопкой на активном слое в панели слоев и выберите Blending Options (Параметры наложения). Примените следующие параметры к Drop Shadow (Тень) и Bevel and Emboss (Тиснение и рельеф): ↓


Создаем иконку в стиле Windows Media Player используя Фотошоп
Создаем иконку в стиле Windows Media Player используя Фотошоп

4. Используйте Stroke (Обводка) со следующими параметрами: ↓


Создаем иконку в стиле Windows Media Player используя Фотошоп

5. Чтобы было легко равномерно заполнить каждый сектор круга в разные цвета, используйте направляющие (Ctrl+R), которые нужно расположить в центре круга.


6. Для этого создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) под названием «Цветной круг» и выберите инструмент Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V"). Проверьте, что направляющие видимы. Если они невидимы, нажмите Ctrl+R. Чтобы добавить горизонтальную направляющую, щелкните в самом верху и ведите мышь до центра круга. Так же сделайте вертикальную направляющую, только вести ее надо с левой стороны, а не сверху.


Создаем иконку в стиле Windows Media Player используя Фотошоп

7. Теперь нужно добавить цвет. Убедитесь, что текущий слой – Цветной круг. Используя инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M"), заполните каждый сектор, как показано на рисунке.


Создаем иконку в стиле Windows Media Player используя Фотошоп

8. Теперь нажмите Ctrl+Click в панели слоев на слое, содержащем первоначальный круг. Затем идите Select > Inverse (Выделение > Инверсия выделения / Сочетание клавиш "Ctrl+Shift+I"). Потом нажмите Delete, чтобы удалить то, что уже ненужно. Результат должен быть похож на картинку.


Создаем иконку в стиле Windows Media Player используя Фотошоп

9. Щелкните правой кнопкой мыши на слое «Цветной круг» и выберите Blending Options (Параметры наложения). В графе Bevel and Emboss (Тиснение и рельеф) поставьте следующие значения: ↓


Создаем иконку в стиле Windows Media Player используя Фотошоп

10. Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Используя Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M"), нарисуйте в центре круг. Залейте его белым цветом.


11. Снова откройте панель Blending Options (Параметры наложения) правым щелчком мыши на слое и в графе Outer Glow (Внешнее свечение) поставьте следующие значения: ↓


Создаем иконку в стиле Windows Media Player используя Фотошоп

12. Создайте еще один новый слой под именем «Треугольник». Возьмите инструмент Custom Shape Tool Инструмент - Произвольная фигура (Инструмент "Произвольная фигура" / Клавиша "U") и в панели инструмента наверху выберите форму треугольника. Выберите основным цветом черный и создайте треугольник. Нажмите правой кнопкой на слой с треугольником – Rasterize layer (Растеризовать слой).


Создаем иконку в стиле Windows Media Player используя Фотошоп

13. Идите в Edit > Transform > Rotate 90 CW (Редактирование > Трансформирование > 90 по часовой). Поворачивайте треугольник, пока он не станет похож на картинку ниже.


Создаем иконку в стиле Windows Media Player используя Фотошоп

14. И, наконец, примените следующие стили к слою с треугольником: ↓


Создаем иконку в стиле Windows Media Player используя Фотошоп

15. А вот и результат!


Финальный результат

Создаем иконку в стиле Windows Media Player используя Фотошоп

Оригинал;
Текст доработан командой сайта PhotoshopPro.ru