Рисуем иконку микрофона в стиле XP используя Фотошоп

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

В данном уроке Фотошопа мы рассмотрим, как можно нарисовать иконку микрофона в стиле XP.


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

Рисуем иконку микрофона в стиле XP используя Фотошоп

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


1. Создаем новый документ произвольных размеров (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Создайте закруглённый прямоугольник используя инструмент → Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U").


Рисуем иконку микрофона в стиле XP используя Фотошоп

2. Применяем эффекты слоя (Layer > Layer Style (Слой > Стиль слоя)) Bevel and Emboss (Тиснение и рельеф) и Gradient Overlay (Наложение градиента) с параметами, показанными на изображениях: ↓


Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

Результат: ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

3. Продублируйте слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). На дубле уберите эффекты слоя (зайдя в Blending Options (Параметры наложения) и сняв "галочки"). Растерелизуйте векторную маску (Rasterize Vector Mask (Растрировать векторную маску)). Выделите эллипсом (Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M")) нижнюю половину слоя и очистите её.


Рисуем иконку микрофона в стиле XP используя Фотошоп

4. Примените к слою эффект (Layer > Layer Style (Слой > Стиль слоя)) Gradient Overlay (Наложение градиента) с параметрами, указанными на рисунке: ↓


Gradient Overlay (Наложение градиента): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

Результат: ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

5. Выделите первый слой со скруглённым прямоугольником. Нажмите Ctrl+Click на слое, чтобы выделить его. Выберите из меню → Выделение > Модифицировать > Сжать (Select > Modify > Contract) укажите 2px. Создайте новый слой и залейте выделение горизонтальным градиентом от черного к белому используя инструмент → Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G").


Рисуем иконку микрофона в стиле XP используя Фотошоп

6. Выставите у слоя режим смешивания → Multiply (Умножение).


Рисуем иконку микрофона в стиле XP используя Фотошоп

7. Создайте немного небольших окружностей для образца.


Рисуем иконку микрофона в стиле XP используя Фотошоп

8. Помещаем слой над заготовкой микрофона, жмём на Ctrl+Click слое в верхней частью микрофона, применяем Select > Modify > Contract (Выделение > Модификация > Сжать) со значением 2px. Нажимаем Ctrl+Shift+I для инверсии выделения и переходим на слой со стайкой маленьких кругов, удаляем выделение.


Проставляем режим смешивания для слоя с кружками Color Burn (Затемнение основы) (режим проставляется как в шаге 6).


Рисуем иконку микрофона в стиле XP используя Фотошоп

9. Создаём новый слой и на нём - выделением эллипс, зажав клавишу Alt вырезаем из выделения кусок другим элипсом.


Рисуем иконку микрофона в стиле XP используя Фотошоп

10. Применяем для нового слоя эффект Gradient Overlay (Наложение градиента) со следующими настройками: ↓


Gradient Overlay (Наложение градиента): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

Результат: ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

11. Дублируем слой с ободком (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) и применяем для него эффект Gradient Overlay (Наложение градиента) с настройками: ↓


Gradient Overlay (Наложение градиента): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

12. Можно повторить дублирование ещё раз для создание нижнего ребра ободка. Упорячите слои, создающие ободок, чтобы получилась картинка: ↓


Рисуем иконку микрофона в стиле XP используя Фотошоп

13. Объединяем все слои Ctrl+Shift+E. Выполняем поворот рисунка через произвольную трансформацию (Free Transform (Свободное трансформирование / Сочетание клавиш "Ctrl + T" / Вызов через меню: "Edit > Free Transform" (Редактирование > Свободная трансформация))). Выделяем под фигурой эллиптическую область (Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M")) и заливаем её серым (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")).


Рисуем иконку микрофона в стиле XP используя Фотошоп

14. Применям эффект слоя Gradient Overlay (Наложение градиента) с настройками: ↓


Gradient Overlay (Наложение градиента): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

15. Продублируйте эллипс и поместите его чуть ниже голубого. Залейте градиентом с теми же настройками, но в другую сторону (поменяйте цвета местами): ↓


Рисуем иконку микрофона в стиле XP используя Фотошоп

16. При помощи похожих операций создайте держатель для микрофона: ↓


Рисуем иконку микрофона в стиле XP используя Фотошоп

17. Используйте Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") для создания провода: ↓


Рисуем иконку микрофона в стиле XP используя Фотошоп

18. Эффекты для слоя с проводом: ↓


Drop Shadow (Тень): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем иконку микрофона в стиле XP используя Фотошоп

19. Фантазируйте. И не забудьте соединить слои в конце работы. Ctrl+Shift+E.


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

Рисуем иконку микрофона в стиле XP используя Фотошоп

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru