Апр
19
2011

Кнопки управления плеером в стиле XP

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

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

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

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

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

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

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

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

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

Правила перепечатки материалов сайта

Все материалы сайта являются интеллектуальной собственностью данного проекта (кроме случаев, когда прямо указано другое авторство) и охраняются законом "Об авторском праве и смежных правах".

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

Написать комментарий