Бесплатные уроки Фотошоп на каждый день: Панель видео плеера в стиле Microsoft Vista

Monday, June 24, 2013

Панель видео плеера в стиле Microsoft Vista

1. Создайте новый документ размером 1024×768 px и разрешением 72 dpi и залейте его чёрным цветом, как в рисунке ниже:

2. Вставьте надпись, соблюдая требования ниже. Для (Vista Stick):

Для (For Windows Media Player 10 & 11):

3. При помощи инструмента Перо (Pen Tool) создайте на верхней части рисунка светлую зону:

4. Примените для области стиль Наложение градиента
(Layer Style - Gradient Overlay).

Настройки градиента:

5. При помощи инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) создайте нижний слой для панели медиа плеера цветом #121212.

6. Выберите инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool) и создайте для начала слой двух кнопок, затем, удерживая Alt, инструментом Эллипс (Ellipse Tool) разъедините кнопки:

7. Примените для слоя стиль Наложение градиента
(Layer Style - Gradient Overlay).

Настройки градиента:

Обводка:

8. При помощи инструмента Прямоугольник с закругленными краями
(Rounded Rectangle Tool) создайте блеск на панеле медиа плеера цветом #5A5A5A. Инструмент Удалить точку привязки (Delete Anchor Point Tool) поможет стереть ненужные вершины, а инструмент Преобразовать точку привязки (Convert Point Tool) - подкорректировать нижние углы.

9. Установите для слоя Режим наложения – Осветление
(Blending Mode – Screen).

10. Установите Непрозрачность (Opacity) слоя - 50%. При помощи инструмента Произвольная фигура (Custom Shape Tool) выберите соответствующий символ. Цвет символа - красный.

11. В режиме Свободного трансформирования
(Free Transform) переверните символ и выберите инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool) для создания указателя кнопки. Все элементы имеют цвет #696969.

12. Установите для слоя Режим наложения – Осветление
(Blending Mode – Screen).

13. Объедините в группу все слои, содержащие элементы указателя кнопки. Скопируйте новую группу и инструментом Свободное трансформирование
(Free Transform) переверните копию и расположите так:

14. При помощи инструмента Произвольная фигура
(Custom Shape Tool) выберите соответствующий символ.

15. При помощи инструмента Удалить точку привязки (Delete Anchor Point Tool) удалите ненужные части элементов. Цвет символа - #DFDFDF.

16. Установите для слоя Режим наложения – Осветление
(Blending Mode – Screen).

17. Используя инструмент Прямоугольник с закругленными краями
(Rounded Rectangle Tool) нарисуйте кнопку ”Stop” цветом #DFDFDF.

18. При помощи инструмента Линия (Line Tool) создайте маленькую полосу на основании меню цветом #484848.

19. Выберите инструмент Прямоугольник (Rectangle Tool) и на верхней части панели создайте полосу, как показано ниже:

20. Установите Заливку (Fill) слоя - 0% и примените для полосы стиль Наложение градиента (Layer Style - Gradient Overlay).

Настройки градиента:

21. При помощи инструмента Эллипс (Ellipse Tool) создайте нижний слой ещё одной кнопки цветом #484848.

22. Тем же инструментом Эллипс (Ellipse Tool) создайте ещё один слой цветом #1E339C.

23. Используя предыдущий инструмент, создайте другой слой для кнопки:

24. Примените для слоя стиль Наложение градиента
(Layer Style - Gradient Overlay).

Настройки градиента:

Обводка:

25. Выберите инструмент Перо (Pen Tool) и создайте на верхней части кнопки блеск белого цвета. Инструмент Перобразовать точку привязки (Convert Point Tool) поможет подкорректировать форму элемента:

26. Установите Заливку (Fill) слоя - 22% и примените для блеска стиль Внутренняя тень
(Layer Style - Inner Shadow).

27. Объедините в группу все слои, содержащие большую кнопку. Скопируйте новую группу и в режиме Свободного трансформирования (Free Transform) минимизируйте копию и расположите так:

28. Вернитесь к большой кнопке и вставьте ещё один слой. При помощи инструмента Произвольная фигура (Custom Shape Tool) выберите соответствующий символ: