Уроки Эдитор-Делаем аудиоплеер

Понедельник, 07 Октября 2013 г. 22:47 + в цитатник

Цитата сообщения Галина_Бухарина

Прочитать целиком В свой цитатник или сообщество!

Уроки Эдитор-Делаем аудиоплеер

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

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

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

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

Дальше делаем в такой последовательности:
1). Рисуем прямоугольник (инструмент выделение)
2). Настраиваем цвет будущего плеера.
3). Заливаем выделенный прямоугольник цветом.

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

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

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

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

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

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

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

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

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

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

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

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

для сообщества

Серия сообщений "Эдитор":
Эдитор

Часть 1 - Уроки Эдитор-коллаж
Часть 2 - Оформление блога.Фоны
...
Часть 4 - Уроки Эдитор-делаем рамочку
Часть 5 - Уроки Эдитор-коллаж
Часть 6 - Уроки Эдитор-Делаем аудиоплеер
Часть 7 - Уроки Эдитор-кисти,работа с цветом
Часть 8 - Уроки Эдитор-делаем рамочку
...
Часть 11 - Уроки Эдитор-коллаж
Часть 12 - Уроки Эдитор-Анимация - дождь.
Часть 13 - Эдитор-Разрезная рамочка с применением маски.

Рубрики:

Делаем муз. плеер

Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/tanya-vamp0810/post294466015/">РЈСЂРѕРєРё РРґРёС‚РѕСЂ-Р”РµР»Р°РµРј Р°СѓРґРёРѕРїР»РµРµСЂ</a><br/>РЈСЂРѕРєРё РРґРёС‚РѕСЂ-Р”РµР»Р°РµРј Р°СѓРґРёРѕРїР»РµРµСЂ

Р”РµР»Р°РµРј Р°СѓРґРёРѕРїР»РµРµСЂ

Р”СЂСѓР·СЊСЏ Рё СЃРѕРѕР±С‰РЅРёРєРё!
РЈР¶Рµ РЅРµРјР°Р»Рѕ Р»РµСЃС‚РЅС‹С… СЃР»РѕРІ Р±С‹Р»Рѕ СЃРєР°Р·Р°РЅРѕ РїСЂРѕ 
Р·Р°РјРµС‡Р°С‚РµР»СЊРЅС‹Р№ СЃР°Р№С‚ Photo Editor Online 
РњС‹ СѓР¶Рµ РґРµР»Р°Р»Рё С‚Р°Рј РєРѕР»Р»Р°Р¶Рё, РїРѕРґРїРёСЃС‹РІР°Р»Рё РєРЅРѕРїРєРё Рё РґСЂ.
РЎРµРіРѕРґРЅСЏ СЏ С…РѕС‡Сѓ СЂР°СЃСЃРєР°Р·Р°С‚СЊ РєР°Рє СЃРґРµР»Р°С‚СЊ Р°СѓРґРёРѕРїР»РµРµСЂ.

Р—Р°С…РѕРґРёРј РЅР° СЃР°Р№С‚ http://pixlr.com/editor/
Р’ РїСЂРµРґР»РѕР¶РµРЅРЅРѕРј РјРµРЅСЋ РІС‹Р±РёСЂР°РµРј - СЃРѕР·РґР°С‚СЊ РЅРѕРІС‹Р№ СЂРёСЃСѓРЅРѕРє.

РџРёС€РµРј РЅР°Р·РІР°РЅРёРµ СЂРёСЃСѓРЅРєР°, РІС‹СЃС‚Р°РІР»СЏРµРј СЂР°Р·РјРµСЂС‹,
РЅРµ Р·Р°Р±С‹РІР°РµРј РїРѕСЃС‚Р°РІРёС‚СЊ РіР°Р»РѕС‡РєСѓ - РїСЂРѕР·СЂР°С‡РЅРѕСЃС‚СЊ, Р¶РјС‘Рј - РґР°.

Р”Р°Р»СЊС€Рµ РґРµР»Р°РµРј РІ С‚Р°РєРѕР№ РїРѕСЃР»РµРґРѕРІР°С‚РµР»СЊРЅРѕСЃС‚Рё:
1). Р РёСЃСѓРµРј РїСЂСЏРјРѕСѓРіРѕР»СЊРЅРёРє (РёРЅСЃС‚СЂСѓРјРµРЅС‚ РІС‹РґРµР»РµРЅРёРµ)
2). РќР°СЃС‚СЂР°РёРІР°РµРј С†РІРµС‚ Р±СѓРґСѓС‰РµРіРѕ РїР»РµРµ... <a href="https://www.liveinternet.ru/users/tanya-vamp0810/post294466015/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Метки

-Рубрики

-Видео

-Приложения

-Музыка

-Фотоальбом

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Уроки Эдитор-Делаем аудиоплеер