1. Создадим новый документ 400х300px. Нарисуем прямоугольник и закруглим его углы на 35. Теперь зальем его линейным градиентом. Все действия показаны на рисунке:

2. Выделите вектор и нажмите комбинацию клавиш ctrl+shift+g (тем самым мы сделали редактирование нашего объекта доступным). Теперь возьмите «Pen tool» и отредактируйте объект, так как показано на рисунке:

3. Теперь нарисуйте новый прямоугольник 292x7px и поставьте закругленные углы на 50.

4. Теперь к новому объекту примените эффект «Drop Shadow» с параметрами как на рисунке:

5. Теперь нарисуйте новую фигуру «Ellipse tool» 9х13px. Залейте ее линейным градиентом с #FDFDFD по #D6D6D6. Далее нарисуйте поверх ее новый прямоугольник 3х7px. Выделите два объекта и выполните команду «Modify» > «Combine Path» > «Punch» (прямоугольник должен находится на слой выше, чем наш эллипс).

6. Добавим тень нашему «ползунку». Для этого скопируйте его и залейте его #B3B3B3. Теперь опустите его за слой из шага 3.

7. Теперь заполним область нашего «ползунка». Для этого скопируйте объект из шага 3 и уберите эффект «Drop Shadow». Измените его размер до 57х7px. Цвет мы поменяем с помощью фильтра «Hue/Saturation». Все действия показаны на рисунке:

8. Добавим не много информации о видео. Шрифт: arial, размер 10px; цвет 1-го текста #4F4F4F, 2-го #737373. Теперь добавим к тексту эффект «Drop Shadow»:

9. Нарисуем прямоугольник 52х32px и закруглим его углы на 90. Зальем его линейным градиентом с #9B9B9A «Opacity 100%» по #FFFFFF «Opacity 70%».

10. Нарисуем новый прямоугольник 50х21px и закруглим его углы на 90. Зальем его линейным градиентом с параметрами как на рисунке:

11. Возьмем «Pen tool» и нарисуем стрелку. Зальем ее линейным градиентом с параметрами как на рисунке:

12. Теперь скопируйте нашу стрелку. Залейте ее #FFFFFF и опустите ниже объекта из шага 11.

13. Аналогично создадим «переключатель».

14. Рисуем «Volume» бар. Цвет + и - #868685. Нарисуйте прямоугольник и закруглите его углы до 100. Выставите градиент, и эффекты как показано на рисунке:

15. Ползунок «Volume» бар. Нарисуйте новую фигуру «Ellipse tool» 9х9px и залейте ее линейным градиентом с #FFFFFF по #CDCDCD. Клонируйте ваш объект и залейте его #939392. Теперь опустите клон на 1 слой и 1 пиксель ниже.

16. Кнопка «Volume». Нарисуем прямоугольник 27х16px с линейным градиентом (с #828281 по #A6A6A5) и закруглим его углы на 90.

17. Теперь нарисуем новый прямоугольник 29х18px с закругленными углами на 90. Зальем его линейным градиентом как показано на рисунке:

18. Опустим прямоугольник из шага 17 на 1 слой и 1 пиксель  ниже.

19. Нарисуем иконку «Громкость» и применим следующий градиент:

20. Скопируем объект из 19-го шага и зальем его #737373. Теперь опустим его на 1 слой и 1 пиксель  ниже.

21. Интерфейс готов!