Делаем аудиоплеер

---

Друзья !!! Уже немало лестных слов было сказано про замечательный сайт Photo Editor Online
Сегодня я хочу рассказать как сделать аудиоплеер.

Заходим на сайт
В предложенном меню выбираем - создать новый рисунок.

Пишем название рисунка, выставляем размеры, не забываем поставить галочку - прозрачность, жмём - да.

Дальше делаем в такой последовательности:

1). Рисуем прямоугольник (инструмент выделение)

2). Настраиваем цвет будущего плеера.

3). Заливаем выделенный прямоугольник цветом.



Мне захотелось поиграть с моим будущим плеером. Выбираю - фильтр - виньетирование.
Откроется маленькое окошко, где можно поменять цвет эффекта. Затем идём в стили слоёв

Жмём на квадратик со стилями и в появившемся окошке ставим галочки на понравившихся эффектах. У меня так:

Если нажать рядом с галочкой, на строчку со стилем, строчка выделется и откроется окно с параметрами стиля.

Здесь тоже можно поиграть, поменять значения, но я этого не делала, оставила по умолчанию.
Далее идём редактирование - отменить выделение.Затем создаём новый слой.

Будте внимательны!
Тот слой, с которым вы работаете, должен быть активным. Активный слой выделен синим цветом.
С новым слоем проделываем те же манипуляции, что и с основным, а именно, берём инструмент выделение и
прямо на нашем рисунке выделяем полоску.

заливаем её цветом, применяем к ней стили и снова идём редактирование - отменить выделение. Вот, что у меня получилось.

Плеер, в общем-то готов, но хотелось бы его украсить какой-нибудь картинкой.
Идём Слой - открыть изображение как слой. На своём компьютере выбираем картинку или орнамент.
Если картинка не подходит по размеру, идём - редактировать - и выбираем как на скриншоте.

появится выделение, при помощи которого можно трансформировать картинку.
Вы можете вставить таким образом сколько угодно картинок, но с каждой новой картинкой будет добавляться новый слой.
У меня, таким образом, образовалось 9 слоёв.

Теперь нужно объеденить все слои. Идём - слой - объединить слои.
Всё, плеер готов, можно сохранять. Идём - файл - сохранить - на компьютер - в формате PNG

Теперь, нужно вставить плеер в формулу. Копируем код из окошка ниже

и вставляем себе в блог в новую запись в формате HTML. Ширину и высоту плеера смотрим на радикале.

Вот, что получилось у меня.