Mp3 плеер

1. Создайте новый документ размером 1024×768 px и разрешением 72 dpi.

2. При помощи инструмента Прямоугольник (Rectangle Tool) нарисуйте фон рисунка:

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

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

4. Выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте несколько элементов для фона, копируя их нажатием кнопки Alt и Shift. Подкорректировать их расположение можно с помощью клавиш клавиатуры. Добейтесь результата, как на рисунке ниже. Установите Непрозраность (Opacity) слоя - 82% и Заливку (Fill) - слоя 0%.

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

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

6. Скопируйте последний слой и в режиме Свободного трансформирования
(Free Transform) поверните копию. Размойте основание для получения эффекта Перспективы (Transform - Perspective), выбрав предварительно инструмент Преобразовать точку привязки (Convert Point Tool).

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

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

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

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

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

10. Следующий слой создайте тем же инструментом Прямоугольник с закругленными краями (Rounded Rectangle Tool).

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

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

12. Используя тот же инструмент, нарисуйте первичный слой дисплея плеера чёрного цвета.

13. Примените для дисплея стиль Обводка (Layer Style - Stroke).

14. При помощи инструмента Прямоугольник (Rectangle Tool) нарисуйте экран плеера белого цвета.

15. Примените для экрана стиль Тиснение
(Layer Style - Bevel and Emboss).

16. Инструментом Прямоугольник (Rectangle Tool) создайте первичный слой панели проигрывания. Установите Заливку (Fill) - слоя 0%.

1

17. Примените для слоя стиль Отбрасывание тени
(Layer Style - Drop Shadow).

Обводка:

18. Снова выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте сам указатель проигрывания.

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

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

20. Теперь напишите название плеера.

21. Примените для надписи стиль Отбрасывание тени
(Layer Style - Drop Shadow).

22. Теперь напишите название песни.

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

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

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

25. Примените для слоя стиль Внешнее свечение
(Layer Style - Outer Glow).

Наложение градиента:

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

Обводка:

26. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте голову пришельца и подкорректируйте его форму инструментом Преобразовать точку привязки (Convert Point Tool).

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

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

Обводка:

28. Инструментом Эллипс (Ellipse Tool) создайте глаз пришельца цветом #353535. Форму глаза можно подкорректировать при помощи инструмента Преобразовать точку привязки
(Convert Point Tool).

29. Скопируйте последний слой и инструментом Свободное трансформирование (Free Transform) поверните копию и расположите её, как на рисунке:

30. Напишите название альбома и указатель времени песни.

31. Примените для надписи стиль Отбрасывание тени
(Layer Style - Drop Shadow).

32. При помощи инструмента Эллипс (Ellipse Tool) создайте слой под кнопками плеера. С начало нарисуйте слой под большой кнопкой, затем, удерживая Shift, создайте слои для левой и правой кнопок. Цвет кнопок #3F494D.

33. Примените для слоя стиль Отбрасывание тени
(Layer Style - Drop Shadow).

Внутренняя тень:

34. Используя тот же инструмент Эллипс (Ellipse Tool) изобразите свечение.

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

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

36. Удерживая Alt, кликните между слоем свечения и слоем кнопок плеера (свечение должно быть в пределах предыдущего слоя).

37. При помощи инструмента Эллипс (Ellipse Tool) создайте ещё один слой для кнопок плеера.

38. Примените для слоя стиль Отбрасывание тени
(Layer Style - Drop Shadow).

Наложение градиента:

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

39. Тем же инструментом создайте слой для левой кнопки плеера.

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

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

41. Скопируйте последний слой и в режиме Свободного трансформирования
(Free Transform) расположите копию, как показано на рисунке. Примените для копии стиль Наложение градиента (Layer Style - Gradient Overlay).

42. Выберите инструмент Эллипс (Ellipse Tool) и изобразите свечение на кнопке, расположенной на левой стороне, подкорректируйте форму элемента инструментом Преобразовать точку привязки (Convert Point Tool).

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

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

44. Скопируйте последний слой и инструментом Свободное трансформирование (Free Transform) расположите копию, как в следующем изображении:

45. При помощи инструмента Эллипс (Ellipse Tool) создайте слой для центральной кнопки плеера.

46. Примените для слоя стиль Внутренняя тень
(Layer Style - Inner Shadow).

Наложение градиента:

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

47. Следующий слой создайте тем же инструментом Эллипс
(Ellipse Tool).

48. Примените для последнего слоя стиль Отбрасывание тени
(Layer Style - Drop Shadow).

Наложение градиента:

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

49. При помощи инструмента Произвольная фигура
(Custom Shape Tool) нарисуйте символ “Play” на кнопке плеера.

50. В режиме Свободного трансформирования (Free Transform) переверните символ и расположите, как на рисунке ниже. Установите Заливку (Fill) слоя - 0%.

51. Примените для символа стиль Отбрасывание тени
(Layer Style - Drop Shadow).

Наложение градиента:

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

52. Выберите инструмент Эллипс (Ellipse Tool) и создайте свечение на кнопке “Play”, подкорректировав его форму инструментом Преобразовать точку привязки (Convert Point Tool).

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

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

54. Теперь нарисуйте символ на левой кнопке плеера. Выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте вертикальную линию, но треугольник создайте при помощи инструмента Произвольная фигура (Custom Shape Tool). Цвет символа - #3D85B7.

55. Примените для символа стиль Отбрасывание тени
(Layer Style - Drop Shadow).

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

57. Тень плеера создайте при помощи инструмента Прямоугольник с закругленными краями (Rounded Rectangle Tool) и инструментом Свободное трансформирование
(Free Transform) добавьте перспективу, протянув по бокам нижние углы тени.

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

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

59. Создайте новый слой (Create New Layer) и нарисуйте наушник инструментом Прямоугольная область (Rectangular Marquee Tool). Сначало выделите необходимую область, затем инструментом Заливка (Paint Bucket Tool) залейте область чёрным цветом.