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