Как сделать простой плеер в программе EDITOR

Четверг, 25 Октября 2012 г. 17:49 + в цитатник

Сегодня попробую показать как сделать простой плеер в программе EDITOR , и вставить в него музыку через Рамочник, где не надо особо заморачиваться с кодами. Пост для тех ,кто как и я, не умеет пользоватся фотошопом.

Не пугайтесь что пост большой, просто урок подробный, ПОШАГОВЫЙ, и в нам совмещены два урока 1. ДЕЛАЕМ ПЛЕЕР и сразу в него 2. ЗАГРУЖАЕМ МУЗЫКУ.
Заходим на сайт, САЙТ НАХОДИТСЯ ЗДЕСЬ, и видим вот такую табличку. Жмем создать НОВЫЙ РИСУНОК.

Ставим размеры плеера, который хотим создать (я поставила 410х150) и не забудьте поставить "галочку",для "прозрачности". Жмем ДА.

Берем инструмент "выделение" , и жмем его.

Вверху появляется набор форм, которые мы можем использовать. М выбираем например ЭЛЛИПС, если хотим создать плеер в форме элипса. и чертим его

Теперь нарисованный эллипс заливаем нужным цветом. Для этого жмем кнопку ЦВЕТА И ВЫБИРАЕМ НУЖНЫЙ, чтоб он загорелся в нижнем квадратике.

Теперь жмем на инструмент заливки и щелкаем по элипсу

Далее идем в СЛОИ и выбираем "СТИЛЬ СЛОЯ"

И в открывшейся табличке ставим галочку

Снова идем в слои и выбираем "открыть изображение как слой".

Кликаем и выбираем изображение приготовленное для украшения плеера в своей папке, в формате PNG. При помощи инструмента "перемещение" ставим изображение туда куда хотим!

Далее обьединяем слои.

Все, плеер готов, сохраняем наш плеер в формате PNG

Вот так он теперь выглядит.

Осталось загрузить в него музыку. Для этого ИДЕМ в Рамочник, который НАХОДИТСЯ ЗДЕСЬ

Зайдя в рамочник, сначала ставим ширину и высоту нашего плеера. Размеры его мы устанавливали когда делали его в Эдиторе. У меня это 410 *150. (Размеры ставьте основной клавиатурой, боковая может не сработать в рамочнике)

Теперь ставим в рамочник картинку, ТО ЕСТЬ НАШ ПЛЕЕР. Так как плеер сохранен в компьютер, то грузим его на РАДИКАЛ, (кто грузит на грузит картинки и фоны через ЯНДЕКС то загружаете туда) Я гружу на РАДИКАЛ, но не захожу на него, а делаю это прямо из своих папок, кто не знает как это сделать ПОСМОТРЕТЬ ЗДЕСЬ
ВНИМАНИЕ, так как картинка находится в формате PNG, то при загрузке ее на радикал, не забывайте СНИМАТЬ ВСЕ ГАЛОЧКИ., иначе вновь появится белый фон.

Теперь адрес картинки (плеера) загружаем в РАМОЧНИК (с радикала это код №1) в открывшуюся дополнительную табличку, и жмем кнопку ДОБРО.

Теперь редактируем ОБЩУЮ РАМКУ. Просто пишем ВАША МУЗЫКА. В блоге ее стерем, и вместо слов ВСТАВИМ МУЗЫКУ.

Жмем теперь ДОБАВИТЬ В ГАЛЕРЕЮ. (Выскочившую табличку можно просто закрыть.)

И берем внизу, получившийся код, который и вставляем в свой блог.

ВОТ И ВСЕ ЧТО НАМ НАДО БЫЛО СДЕЛАТЬ ПЛЕЕР НАШ ГОТОВ, ЗАБИРАЕМ КОД В ОКОШКЕ И ИДЕМ В БЛОГ В НОВУЮ ЗАПИСЬ. ОСТАЛОСЬ ПОСТАВИТЬ МУЗЫКУ В НАШУ ФОРМУЛУ.

КОГДА ВЫ ПОСТАВИТЕ МУЗЫКУ ОБЯЗАТЕЛЬНО ПОСТАВЬТЕ ТЕГ(в начале формулы) ЧТО БЫ НАШ ПЛЕЕР СТОЯЛ ПО ЦЕНТРУ(ЦЕНТРОВКА).КСТАТИ, кто его не знает, его (ЭТОТ ТЕГ) МОЖНО СТАВИТЬ И К РАМКАМ., чтоб вставали посредине.

ЕСЛИ МУЗЫКУ НАДО ОТПУСТИТЬ НИЖЕ ТО ПЕРЕД ТЕМ, КАК НАЧАЛСЯ КОД МУЗЫКИ СТАВИМ вот этот тег

Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "Делаем плееры. Извлекаем музыку из видео":
Часть 1 - Получаем код плеера с помощью Рамочника
Часть 2 - Продолжим изучение темы плееров.
Часть 3 - Окошечко для кодов
Часть 4 - Плеер - невидимка
Часть 5 - Как сделать простой плеер в программе EDITOR
Часть 6 - Делаем аудиоплеер без фотошопа.(онлайн и бесплатно)
Часть 7 - Делаем элементарный плеер сами
...
Часть 17 - Плеер для музыки с ЮТУБ
Часть 18 - Учимся делать флеш-плеер c кнопкой в Sothink SWF Quicker
Часть 19 - Делаем плеер из любой картинки