Делаем аудиоплеер Друзья и сообщники! Уже немало лестных слов было сказано про замечательный сайт Photo Editor Online Мы уже делали там коллажи, подписывали кнопки и др. Сегодня я хочу рассказать как сделать аудиоплеер.
Заходим на сайт http://pixlr.com/editor/ В предложенном меню выбираем - создать новый рисунок. Пишем название рисунка, выставляем размеры, не забываем поставить галочку - прозрачность, жмём - да. Дальше делаем в такой последовательности: 1). Рисуем прямоугольник (инструмент выделение) 2). Настраиваем цвет будущего плеера. 3). Заливаем выделенный прямоугольник цветом. Мне захотелось поиграть с моим будущим плеером. Выбираю - фильтр - виньетирование. Откроется маленькое окошко, где можно поменять цвет эффекта. Затем идём в стили слоёв <<>> Жмём на квадратик со стилями и в появившемся окошке ставим галочки на понравившехся эффектах. У меня так: Если нажать рядом с галочкой, на строчку со стилем, строчка выделется и откроется окно с параметрами стиля. Здесь тоже можно поиграть, поменять значения, но я этого не делала, оставила по умолчанию. Далее идём редактирование - отменить выделение. Затем создаём новый слой. Будте внимательны! Тот слой, с которым вы работаете, должен быть активным. Активный слой выделен синим цветом. С новым слоем проделываем те же манипуляции, что и с основным, а именно, берём инструмент выделение и прямо на нашем рисунке выделяем полоску. заливаем её цветом, применяем к ней стили и снова идём редактирование - отменить выделение. Вот, что у меня получилось. Плеер, в общем-то готов, но хотелось бы его украсить какой-нибудь картинкой. Идём Слой - открыть изображение как слой. На своём компьютере выбираем картинку или орнамент. Если картинка не подходит по размеру, идём - редактировать - и выбираем как на скриншоте. появится выделение, при помощи которого можно трансформировать картинку. Вы можете вставить таким образом сколько угодно картинок, но с каждой новой картинкой будет добавлятся новый слой. У меня, таким образом, образовалось 9 слоёв. Теперь нужно объеденить все слои. Идём - слой - объеденить слои. Всё, плеер готов, можно сохранять. Идём - файл - сохранить - на компьютер - в формате PNG Теперь, нужно вставить плеер в формулу. Копируем код из окошка ниже
и вставляем себе в блог в новую запись в формате HTML Ширину и высоту плеера смотрим на радикале. Вот, что получилось у меня. для сообщества