В данном уроке вы увидите, как довольно легко можно создавать кнопки воспроизведения для web-плеера на вашем сайте. Будь то сайт, на котором можно смотреть видео клипы онлайн либо слушать музыку.

Шаг №1. Создайте новый документ произвольного размера. Выберите инструмент Shape Tool (U) и нарисуйте небольшой квадрат со скругленными краями.

Шаг №2. Теперь добавим стили нашему слою. Для этого щелкните правой кнопкой по слою и в открывшемся меню выберите пункт «Параметры наложения». Примените такие же стили как показано на рисунках:

На данном этапе у вас должно получиться примерно так:

Шаг №3. Далее возьмите инструмент Custom Shape Tool (Произвольная фигура), с верху в настройках инструмента выберите из предложенных растровых фигур треугольник. Поместите треугольник в центре нашей кнопки, затем поверните и расположите его, так как на рисунке:

Шаг №4. Примените следующие стили к слою с треугольником.

Теперь наша кнопка воспроизведения выглядит просто замечательно:

Шаг №5. Создайте дубликат слоя кнопки воспроизведения и замените треугольник  двумя вертикальными прямоугольниками, так мы создадим кнопку паузы. Далее просто скопируйте стили слоя с кнопки воспроизведения на кнопку паузы.

Шаг №6. Аналогичным образом создавайте другие необходимые вам кнопки.