-Метки

«что такое русским быть» август ажурная вставка ажурный сарафан ажурный узор акварель акварельная живопись актеры великолепного века англия анимация бабочки березы биография ботанический сад букеты быт весенние цветы весна видеорецепт времена года выбор выкройка выращивание вязание крючком вязание спицами городской пейзаж горы греция двое девушка дети детство джемпер домик дрожжевое тесто жакет жаккард женский образ живопись живопись маслом живопись на холсте животные жизнь жилет журнал по вышивке зима зимние пейзажи идея с выпечкой ирина самарина-лабиринт кавказ кошки красивые сады россии красивый узор красота природы курочка ландшафт легенды космонавтики легенды союзного государства лес летние пейзажи лето лирика луговые цветы любовь масло масляная живопись мастер-класс мастихин море мороз морская тематика морские пейзажи морской пейзаж музыка мышка настроение натюрморт натюрморты нежность он и она описание вязания осенние пейзажи осенний пейзаж осень пасха пейзаж пейзажи первоцветы первый космонавт переменчивый мир петушок печенье к чаю пионы платье подводный мир покорение космоса польша природа птицы пуловер рамочка весенняя рамочка для записей рамочка для стихов рамочка для текста рамочка для текста с девушкой рамочка зимняя рамочка летняя рамочка осенняя рамочка пейзажная рамочка с девушкой расследования реализм река рецепт пошагово рододендроны рождество розы ромашки россия с девушкой сад на косогоре сад на склоне салат с куриной грудкой салат слоеный своими руками сдобное тесто сирень сказка снег современное искусство стихи схема вязания схемка вязания схемка узора схемки вязания сша сыр топ тюльпаны узор спицами узоры уход за пионами факты из жизни фоторецепт франция фрукты фэнтази холст хранение семян художник абрахам соломон художник адамов алексей владимирович художник зарецкая татьяна анатольевна художник луценко сергей художник марина захарова цветение цветы цитаты шали юмор юрий гагарин ягоды

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Личные фото
Личные фото
09:13 15.03.2019
Фотографий: 5
Посмотреть все фотографии серии Фото без Photoshop
Фото без Photoshop
09:11 15.03.2019
Фотографий: 34
Посмотреть все фотографии серии Февраль на исходе
Февраль на исходе
09:09 15.03.2019
Фотографий: 11

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

Поиск сообщений в Трииночка

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

 

 -Статистика

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


Как сделать музыкальную открытку без фотошопа

Пятница, 02 Июня 2017 г. 10:57 + в цитатник
Цитата сообщения Шадрина_Галина Как сделать музыкальную открытку без фотошопа


Сегодня я расскажу вам как сделать музыкальную открытку, так как очень много вопросов возникает по этой теме. Например ВОТ ТАК., где плеер включается и выключается нажатием кнопки.
Что же ты осень так долго,без меры
-Льёшь слезинки дождя наугад?
За окном в тучах серое небо.
Кружит в танце свой вальс листопад.

Может быть так прощаешься с летом,
И его возвращения ждёшь?
-Отшумело,сгорело,исчезло...
Дней прекрасных уже не вернёшь!



Кружат в воздухе медленно листья,
Я по саду немного пройду.
Одиноко,тоскливо на сердце
-В позабытом,осеннем саду..







Вот в этой рамке код этой музыкальной открытки. (Для удобства потяните рамку за правый нижний уголок, и код вам откроется в полном размере).



Сделать это совсем несложно. Просто надо знать, что картинка в данном случае ВЫСТУПАЕТ КАК ФОН. То есть, вместо фона, который вы ставите под запись, здесь вставляется картинка. А на фон можно поставить все. И музыку, и текст, и какую то кнопку, и еще картинку.

Теперь попробую показать на рисунках как это делается. Вот в этом окошечке ФОРМУЛА МУЗЫКАЛЬНОЙ ОТКРЫТКИ С ТЕКСТОМ, в которую вам ТОЛЬКО подставить свои значения. В этой формуле уже подставлены значения по редактированию текста (то есть его размер, цвет и расположение) естественно вы все это можете заменять на свои значения.



Если вам на открытке совсем не нужен текст, или вы сразу взяли картинку со стихами, то весь этот блог (с текстом) вы можете просто выкинуть. Код МУЗЫКАЛЬНОЙ ОТКРЫТКИ БЕЗ ТЕКСТА в этом окошечке.


Аккуратно копируем всю формулу из рамочки! Ставим ее в НОВУЮ ЗАПИСЬ. И подставляем свои значения.

Покажу в рисунках на примере картинки с текстом. Формула выглядит вот так. Все что подчеркнуто красным, вам надо заменить на свои данные.

1 (700x158, 55Kb)

Формула с уже вставленными значениями выглядит так. (текст я сократила для того что б картинка не выглядела слишком громоздкой)

2 (700x196, 91Kb)

ВНИМАНИЕ. Размеры картинки имеют очень важное значение. Если вы их поставите неправильно, то ваша открытка выползет за рамки, и это будет выглядеть не красиво. Советую ставить размер у картинки - чуть чуть поменьше, чем они а самом деле, тогда открытка будет смотреться очень красиво.

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

текст, рамка, картинка, музыка у вас будут стоять СЛЕВА

текст, рамка, картинка, музыка у вас будут стоять СПРАВА

ПО ЦЕНТРУ - Рамка, пост, музыка, картинка и прочее.

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



Ставьте этих знаков столько, пока вставка музыки не опустится в самый низ. ЧЕМ БОЛЬШЕ картинка (длиннее), тем больше таких знаков надо поставить. Вот так это выглядит. Обратите внимание на мою открытку, последнее четверостишье я (для примера) специально опустила пониже, поставив код опускания вниз. И естественно в самый низ поставила музыку, поставив перед ней тот же код. Если музыка вам нужна в левом углу, то перед ней можно поставить код централизации (слева), коды я вам прописала.

3 (700x123, 54Kb)

С оформлением картинки разобрались.

И теперь ПОЯСНЯЮ ДЛЯ САМЫХ НОВЫХ НОВИЧКОВ, что касается слов АДРЕС КАРТИНКИ. (остальные это могут пропустить)

Тем кто недавно оформляет блоги, и грузит картинки, на которую будете ставить музыку, через http://www.radikal.ru/. Хорошо посмотрите на формулу. Вместо слов АДРЕС КАРТИНКИ, ставьте код РАДИКАЛ-1, это и есть адрес картинки. Дальше идут ширина картинки, и высота. Это возьмите на радикале, . Она всегда там указана.


Кто работает давно, и ставит картинки прямо из инета, взяв ее адрес (как обычно мышкой встать на картинку, нажать правую кнопку и выбрать КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ, или СВОЙСТВА, а там адрес картинки. И там же, в свойствах (или информации об изображении) найти размеры картинки.

Я редко доверяю сайтам из интернета, они часто переезжают, закрываются и прочее, поэтому картинки пропускаю через комп, или (чаще) беру в своих альбомах на ВОТ ЗДЕСЬ НА ЯНДЕКС ФОТО. Куда загружаю все нужное мне для работы. (картинки не мои, собраны с инета, с открытых источников. Спасибо автроам за красивые работы)

Теперь начинаем подставлять в формулу. КТО ГРУЗИТ ЧЕРЕЗ РАДИКАЛ
Вместо слов АДРЕС КАРТИНКИ (их стираем), ставим КОД РАДИКАЛА №1, а вместо слов Ширина и высота картинки, ставим размеры. (которые тоже можно взять на радикале)


С ЯНДЕКС ФОТО АДРЕС взять еще проще. Там тоже указаны размеры картинки (ее ширина и высота) В подробностях как взять картинку или ее адрес с ЯНДЕКС ФОТО МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ.

Аккуратно стираем слова АДРЕС КАРТИНКИ, и ставим вместо них адрес. Ваша формула теперь будет выглядеть вот так
4 (700x95, 56Kb)

РЕДАКТИРОВАНИЕ ТЕКСТА
Ну текст вставить и отредактировать несложно, все делается как обычно, Ставим размер текста, цвет, где он будет располагаться и пишем все, что вы хотите видеть на своей картинке.

Теперь переходим к вставке музыки.

Сначала определитесь, какой плеер вы хотите видеть на своей открытке. В моем примере стоит самый маленький, состоящий из одной кнопки, которая включает и выключает музыку. Вот коды таких плееров.



[flash=25,20,//img1.liveinternet.ru/images/attach/c/1//3795/3795123_player.swf?mp3=АДРЕС МУЗЫКИ.mp3&showslider=0&width=25&height=20&loop=0&volume=100&buttoncolor=ffffff&buttonovercolor=e0b16f&bgcolor1=d49741&bgcolor2=d38c29&bgcolor=d49741]



[flash=44,44,http://www.yapfiles.ru/files/657436/pleer131LuIra.swf?mp3=АДРЕС МУЗЫКИ.mp3]

Или вот такой простой плеер.


[flash=400,30,http://legion-blog.narod.ru/player/player-viral.swf?file=Ссылка_на_песню&skin=http://legion-blog.narod.ru/player/skin/4.swf]



[flash=400,20,//img1.liveinternet.ru/images/attach/c/0/3709/3709068_jwplayer.swf?file=ОСНОВНОЙ КОД&width=400&height=20&backcolor=FF66FF&frontcolor=000000&/]

Можно подобрать красивый плеер по теме вашей картинки. Тогда ваша открытка будет выглядеть так.

























Картинка птицы на открытке тоже вставлена, и к ней применена формула движения текста, только вместо текста я вставила картинку анимашку, и птичка тоже побежала (то есть полетела) Так как картинка здесь выступает фоном, то ставим все, что вам хочется.

Подробнее о кодах движения текста или картинки МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ

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

Подробно, КАК ВСТАВИТЬ МУЗЫКУ ИЗ КОМПА В НОВУЮ ЗАПИСЬ МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ

Вот в принципе и все. Сложного ничего здесь нет. Найти подходящую картинку, проставить ее размеры, затем загрузить музыку, и поставить плеер на место.

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








Всем доброе утро!!






Вот код открытки со вставленным текстом, картинкой и музыкой.



Успехов в вашем творчестве.
cat15-16.gif
Рубрики:  музыкальные открытки
схема, украшение, полезное, для блога
Метки:  
Понравилось: 10 пользователям

 

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

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

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

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