• Авторизация


УРОКИ -создание плееров 07-12-2016 15:03 к комментариям - к полной версии - понравилось!

Это цитата сообщения Liudmila_Sceglova Оригинальное сообщение

УРОКИ

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

Пост для тех ,кто как и я, не умеет пользоваться фотошопом.

 



Не пугайтесь что пост большой, просто урок подробный, ПОШАГОВЫЙ, и в нам совмещены два урока

1. ДЕЛАЕМ ПЛЕЕР и сразу в него

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

Жмем создать НОВЫЙ РИСУНОК.

[540x489]

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

Жмем ДА.

[443x321]

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

[520x256]

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

[652x296]

Теперь нарисованный эллипс заливаем нужным цветом.

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

[655x410]

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

[621x504]

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

[415x353]

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

[685x361]

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

[462x494]

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

При помощи инструмента "перемещение" ставим изображение туда куда хотим!

[595x322]

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

[471x363]

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

[644x408]

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

[410x150]

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

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

(Размеры ставьте основной клавиатурой, боковая может не сработать в рамочнике)

 

[669x280]

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

Я гружу на РАДИКАЛ, но не захожу на него, а делаю это прямо из своих папок, кто не знает как это сделать ПОСМОТРЕТЬ ЗДЕСЬ

ВНИМАНИЕ, так как картинка находится в формате PNG, то при загрузке ее на радикал, не забывайте СНИМАТЬ ВСЕ ГАЛОЧКИ., иначе вновь появится белый фон.

[700x423]

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

[686x420]

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

[672x523]

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

[597x384]

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

[689x360]

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

[688x350]

КОГДА ВЫ ПОСТАВИТЕ МУЗЫКУ ОБЯЗАТЕЛЬНО ПОСТАВЬТЕ ТЕГ(в начале формулы) ЧТО БЫ НАШ ПЛЕЕР СТОЯЛ ПО ЦЕНТРУ(ЦЕНТРОВКА).

КСТАТИ, кто его не знает, его (ЭТОТ ТЕГ) МОЖНО СТАВИТЬ И К РАМКАМ., чтоб вставали посредине.

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

http://blogs.mail.ru/mail/galina.lena/269425CE1476F427.html

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник УРОКИ -создание плееров | kadarka - ПОГОВОРИМ О ТОМ,О СЕМ | Лента друзей kadarka / Полная версия Добавить в друзья Страницы: раньше»