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


В данном уроке вы увидите, как довольно легко можно создавать кнопки воспроизведения для web-плеера на вашем сайте. Будь то сайт, на котором можно смотреть видео клипы онлайн либо слушать музыку.
Шаг №1. Создайте новый документ произвольного размера. Выберите инструмент Shape Tool (U) и нарисуйте небольшой квадрат со скругленными краями.
Шаг №2. Теперь добавим стили нашему слою. Для этого щелкните правой кнопкой по слою и в открывшемся меню выберите пункт «Параметры наложения». Примените такие же стили как показано на рисунках:
На данном этапе у вас должно получиться примерно так:
Шаг №3. Далее возьмите инструмент Custom Shape Tool (Произвольная фигура), с верху в настройках инструмента выберите из предложенных растровых фигур треугольник. Поместите треугольник в центре нашей кнопки, затем поверните и расположите его, так как на рисунке:
Шаг №4. Примените следующие стили к слою с треугольником.
Теперь наша кнопка воспроизведения выглядит просто замечательно:
Шаг №5. Создайте дубликат слоя кнопки воспроизведения и замените треугольник двумя вертикальными прямоугольниками, так мы создадим кнопку паузы. Далее просто скопируйте стили слоя с кнопки воспроизведения на кнопку паузы.
Шаг №6. Аналогичным образом создавайте другие необходимые вам кнопки.
Правила перепечатки материалов сайта
Все материалы сайта являются интеллектуальной собственностью данного проекта (кроме случаев, когда прямо указано другое авторство) и охраняются законом "Об авторском праве и смежных правах".
Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.
Надеемся, вас не затруднит соблюдение этих условий.