Фотошоп для фотографа 2013

Рисуем меню Windows Media Player 11 используя Фотошоп

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

В данном уроке Фотошопа мы нарисуем меню Windows Media Player 11.


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

Рисуем меню Windows Media Player 11 используя Фотошоп

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


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


Рисуем меню Windows Media Player 11 используя Фотошоп

Далее заходим в стили слоя → Blending Options (Параметры наложения) выставляем параметры как на изображениях ниже: ↓

Bevel and Emboss (Тиснение и рельеф), Gradient Overlay (Наложение градиента), Stroke (Обводка).


Рисуем меню Windows Media Player 11 используя Фотошоп

Рисуем меню Windows Media Player 11 используя Фотошоп

Рисуем меню Windows Media Player 11 используя Фотошоп

Результат: ↓

Рисуем меню Windows Media Player 11 используя Фотошоп

2. Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и выбираем Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G") с цветом #5A74B4 : Linear (Линейный), Color (Цвет) > Transparen (Прозрачность), и примените градиент в основание прямоугольника, вы получите результат как на картинке ниже: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Берём инструмент Line Tool Инструмент - Линия (Инструмент Линия / Клавиша "U") (1 px), белый цвет и тянем линию близко к основанию прямоугольника: режим смешивания на Overlay (Перекрытие).


Рисуем меню Windows Media Player 11 используя Фотошоп

Ctrl + Click на первом слое (первоначальный прямоугольник). Идите в Select > Transform Selection (Выделение > Трансформировать выделенную область), Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G") (Белый к Прозрачному).


Дублируем слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")).


Рисуем меню Windows Media Player 11 используя Фотошоп

3. В этом шаге я собираюсь показать как сделать кнопки на баре.


Создайте новый прямоугольник с помощью Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и результат примерно следующий: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Заходим в стили слоя → Blending Options (Параметры наложения) с настройками: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Рисуем меню Windows Media Player 11 используя Фотошоп

Рисуем меню Windows Media Player 11 используя Фотошоп

Результат: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Цвет #10C2FD чтобы закрасить градиент подобно этому: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Добавьте части которые вам нравиться, например: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Создайте новый слой и делайте верхнюю часть кнопки подобно шагу который вы делали с бруском: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

4. В этом шаге мы должны сделать отдельную линию между кнопками: ↓


Рисуем меню Windows Media Player 11 используя Фотошоп

Берем инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") и рисуем 2 линии белую и чёрную (1рх) как на картинке.

Теперь объединяем 2 слоя с линиями и используем Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") в 2 px.


Рисуем меню Windows Media Player 11 используя Фотошоп

Вот и все.


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

Рисуем меню Windows Media Player 11 используя Фотошоп

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