-Всегда под рукой

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

 

 -Цитатник

пейзажи Алексея Савченко - (4)

Алексей Савченко (Alexey Savchenko) — художник реалист..... Алексей Савченко пишет свои картины ...

не огорчайте дети матерей - (6)

Понравился стих из газетки ЗОЖ. В газетке ЗОЖ много прекрасных стихов, которые пишут душой прос...

идеальное творожное тесто для вкусной выпечки: лучшие пошаговые рецепты - (0)

Идеальное творожное тесто для вкусной выпечки: лучшие пошаговые рецепты Еcли вы хoтитe чтo-тo иc...

поздравление от Taisa_Andryeyeva - (4)

С ДНЁМ РОЖДЕНИЯ ДОРОГАЯ, НИНА!!!(Arnusha)   С ДНЁМ РОЖДЕНИЯ ДОРОГАЯ, НИН...

поздравление от Марьяши7 - (1)

С ДНЁМ РОЖДЕНИЯ НИНОЧКА!! (Arnusha)....... ...

 -Рубрики

 -Сообщества

Участник сообществ (Всего в списке: 3) Всё_для_блога Мир_клипарта Всё_для_-_блога
Читатель сообществ (Всего в списке: 1) Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2009
Записей: 9909
Комментариев: 293401
Написано: 327963



Делаем аудиоплеер без фотошопа.(онлайн и бесплатно)

Среда, 24 Октября 2012 г. 07:54 + в цитатник


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



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


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

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

Дальше делаем в такой последовательности:

1). Рисуем прямоугольник (инструмент выделение)

2). Настраиваем цвет будущего плеера.

3). Заливаем выделенный прямоугольник цветом.



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

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

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

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

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

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

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

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

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

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

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

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








Рубрики:  Уроки
Метки:  

Процитировано 123 раз
Понравилось: 51 пользователям



UniqueAlenka   обратиться по имени Среда, 24 Октября 2012 г. 08:02 (ссылка)
Спасибочки! Хорошего денечка!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:46ссылка
Вечер добрый!!!
Prudent   обратиться по имени Среда, 24 Октября 2012 г. 08:06 (ссылка)
Доброе утро и Спасибо, Ниночка:)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:46ссылка
Да пожалуйста!!!
Olga_Boss   обратиться по имени Среда, 24 Октября 2012 г. 08:08 (ссылка)
Arnusha, доброго утра! Спасибо за урок!)
Ответить С цитатой В цитатник
Перейти к дневнику
Корнейчук_Лидия   обратиться по имени Среда, 24 Октября 2012 г. 08:38 (ссылка)
Спасибо!Буду учиться))Хорошего дня и отличного настроения!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:47ссылка
Спасибо большое и вам!!!
TimOlya   обратиться по имени Среда, 24 Октября 2012 г. 08:45 (ссылка)
Спасибо Ниночка ! С благодарностью цитирую !
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:48ссылка
Вечер добрый солнышко!!!
anohina-63   обратиться по имени Среда, 24 Октября 2012 г. 09:20 (ссылка)
Спасибо! Надо попробовать.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:48ссылка
Удачи в этом деле!!!
VALJ   обратиться по имени Среда, 24 Октября 2012 г. 10:08 (ссылка)
Спасибо за урок,Ниночка!
Ответить С цитатой В цитатник
NikaLive   обратиться по имени Среда, 24 Октября 2012 г. 10:27 (ссылка)
Спасибо, Ниночка, надо сделать плеер !!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:48ссылка
Удачи дорогая!!!
bond52   обратиться по имени Среда, 24 Октября 2012 г. 10:30 (ссылка)
Спасибо за хороший урок.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:49ссылка
Пожалуйста!!!
никола_46   обратиться по имени Среда, 24 Октября 2012 г. 11:19 (ссылка)
Нинуля,спасибо! Может мне с него и начать?
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:49ссылка
Попробуй Танюш.Ведь надо с чего-то начинать)))
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:52ссылка
Я имею ввиду фотошоп онлайн. Что то комп у меня виснуть стал и не все анимации открываются?Какие у тебя стоят плагины,ты знаешь?
Перейти к дневнику

Пятница, 26 Октября 2012 г. 21:15ссылка
Если анимация не вся открывается,то маленькая скорость инета.Какой браузер стоит у тебя,Мозилла? И еще смотря какой тариф,безлимитный или тариф с маленькой скорость?
Перейти к дневнику

Пятница, 26 Октября 2012 г. 21:47ссылка
Нинуль,у меня скорость 200 и безлимитный. Просто думаю,что для флешек ,анимации нужен какой то особенный плагин.Я в гугле
Перейти к дневнику

Суббота, 27 Октября 2012 г. 23:01ссылка
Если открываются некоторые,то ничего не надо...Просто на сайте и тут и на Я.ру постоянно тормоз.У всех проблема такая,все жалуются.
NATALIA_I-_P   обратиться по имени Среда, 24 Октября 2012 г. 11:26 (ссылка)
БУДУ ЭКСПЕРИМЕНТИРОВАТЬ .СПАСИБО.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:49ссылка
Пожалуйста!!!
Иносенсия   обратиться по имени Среда, 24 Октября 2012 г. 11:32 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:49ссылка
Спасибо за букет!!!
RESE   обратиться по имени Среда, 24 Октября 2012 г. 11:46 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
ARIANNA_ALITTA   обратиться по имени Среда, 24 Октября 2012 г. 11:53 (ссылка)
Arnusha, большое спасибо за урок, цитирую !!!
Ответить С цитатой В цитатник
Перейти к дневнику
undina77   обратиться по имени Среда, 24 Октября 2012 г. 12:37 (ссылка)
Спасибо,Ниночка!!Утаскиваю с благодарностью!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:50ссылка
Удачи Томик!!!
САЙБЯ   обратиться по имени Среда, 24 Октября 2012 г. 13:34 (ссылка)
СПАСИБО ДОРОГАЯ!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Szarmanka   обратиться по имени Среда, 24 Октября 2012 г. 14:10 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Перейти к дневнику
Иришка-Манюшка   обратиться по имени Среда, 24 Октября 2012 г. 14:58 (ссылка)
Здравствуй, Ниночка! С огромной благодарностью цитирую. Хороший урок.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:50ссылка
Вечер добрый Маришка!!!
Elena_Gati   обратиться по имени Среда, 24 Октября 2012 г. 17:24 (ссылка)
Будем делать плеер! Начинаем эксперименты )) Благодарю, Ниночка!

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:51ссылка
Пожалуйста!!!
TATYSIY   обратиться по имени Среда, 24 Октября 2012 г. 17:41 (ссылка)
Ниночка благодарю дорогая!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:51ссылка
Пожалуйста Танечка!!!
Kuryanochka   обратиться по имени Среда, 24 Октября 2012 г. 17:44 (ссылка)
Хороший и нужный урок.Понравился. Спасибо. В цитатник
Ответить С цитатой В цитатник
Перейти к дневнику
Franzuzhenka   обратиться по имени Среда, 24 Октября 2012 г. 17:50 (ссылка)
Spasibo solnishko!
Ответить С цитатой В цитатник
Перейти к дневнику
Оля-душка   обратиться по имени Среда, 24 Октября 2012 г. 17:59 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику
Liudmila_Sceglova   обратиться по имени Среда, 24 Октября 2012 г. 21:06 (ссылка)
Спасибо Ниночка-забираю!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 24 Октября 2012 г. 22:52ссылка
Пожалуйста Людок!!!
Nadin-YA   обратиться по имени Среда, 24 Октября 2012 г. 21:36 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику
levira51   обратиться по имени Четверг, 25 Октября 2012 г. 01:03 (ссылка)
Спасибо за полезный урок!
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Четверг, 25 Октября 2012 г. 01:36 (ссылка)
Всему ты нас учишь, Ниночка! Спасибо тебе, милая!
_ (287x300, 215Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 26 Октября 2012 г. 21:16ссылка
Пожалуйста!!!
Frisko   обратиться по имени Четверг, 25 Октября 2012 г. 09:09 (ссылка)
Спасибо,родная!Будем творить.Пиши.
Ответить С цитатой В цитатник
Перейти к дневнику
Svetlana_Shymkova   обратиться по имени Четверг, 25 Октября 2012 г. 20:24 (ссылка)
Спасибо, Ниночка!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 26 Октября 2012 г. 21:16ссылка
Пользуйся на здоровье!!!
streglova   обратиться по имени Четверг, 25 Октября 2012 г. 21:44 (ссылка)
Благодарю за урок, Ниночка! Давно присматриваюсь к этой программе, нужно пробовать.
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 26 Октября 2012 г. 21:16ссылка
Удачи дорогая!!!
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку