Алёна Фроловна (evfimi) wrote,
Алёна Фроловна
evfimi

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


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



- зима03:48 
 


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

Заходим на сайт, ЭДИТОР САЙТ НАХОДИТСЯ ЗДЕСЬ, и видим вот такую табличку. Жмем создать НОВЫЙ РИСУНОК.


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


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


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


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


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


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


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


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



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


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


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


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


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

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



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


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



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


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



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



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



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

<input ... >

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

<input ... >





- зима03:48 
                                                                                                           Из блога ГАЛИНЫ ШАДРИНОЙ
Tags: Компьютер
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments