-Метки

 -Рубрики

 -Цитатник

СПОСОБ УБРАТЬ КРИМИНАЛ ПОД ЛЮБОЙ РАМКОЙ! - (0)

Самый простой способ убрать криминал под любой рамкой! Ещё раз напоминаю, МОЙ ДНЕВНИК -ТЕРРИТОРИЯ...

Правильное обьяснение, спасибо автору. - (0)

Разное ...

Удаляем фон онлайн. - (0)

Удаляем фон онлайн Здравствуйте... Бывает ситуация, что вы ищите в интернете клипарт для поста...

Музыкальная шкатулка - (0)

Музыкальная шкатулка Музыкальная шкатулка с песнями. Фамилия исполнителя начинается на ту ...

Делаем надписи красиво онлайн. - (0)

Делаем надписи красиво онлайн Заходим на сайт по ссылке ниже. Видим различные надпи...

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Photoshop online Photoshop onlineДля того чтоб отредактировать картинку совсем не обязательно иметь фотошоп на комьпьютере. Это можно сделать с помощью приложения online photoshop =)
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Смотреть фильмы онлайн бесплатно, в отличном качестве... Смотреть фильмы онлайн бесплатно, в отличном качестве...Онлайн кинотеатр: биография Боевик вестерн военный детектив документальный драма история комедия криминал мелодрама мистика музыка Мультфильм мюзикл приключения семейный спорт триллер Ужасы Фантастика
  • Музыкальный плеер

 -Видео

поз
Смотрели: 9 (6)

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

Плейлист от Любаши К
Радио от Любаши К

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

Поиск сообщений в LudmelaRU

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

 

 -Интересы

 -Статистика

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


Урок - музыкальный коллаж (с анимацией без фотошопа)

Вторник, 19 Марта 2013 г. 04:34 + в цитатник

//img-fotki.yandex.ru/get/5638/160780412.26/0_a5ee9_588fdb70_XL.png
Урок - музыкальный коллаж (с анимацией без фотошопа).

Этот урок для тех кто научился работать в Эдиторе (или фотошопе), но не владеет анимацией!!!

Для этого нам потребуется готовый коллаж, который загрузим в Эдитор или фотошоп. Нам нужно в коллаже удалить по вашей фантазии некоторые части, детальки, чтобы там у нас появился прозрачный фон.
Удалять можно волшебной палочкой, прямоугольным выделением, ластиком. В ластике есть кисти (звездочки, цветочки...) Применяйте фантазию, будет очень красиво.


Я на коллаже удалила прямоугольным выделением полоски в виде рамочки по сторонам. Они у меня немного широкие, но это для примера. Чем уже вы сделаете полосочку, тем красивее будет по уголкам анимация. Еще я применила Ластик (звезды).
Готовый коллаж сохраняете в формате PNG. Для коллажа нам нужна будет ссылка с Яндекса или с Радикала (ссылка №1), которую вставим в формулу.
Для работы нам нужно: два фона для обводки рамочки, и фон с анимацией, который будет подходить к нашему коллажу.
Все будем вставлять в формулу без пропусков от одной скобки до другой, удалив в начале слова между скобками.
В Радикале или в Яндексе смотрите ширину вашего коллажа и вставляете в двух местах в формулу рамочки.
Расчет такой - если у вас коллаж 700 пик, то в формулу ставите 696 пик. Это для того, чтобы у вас в формуле с правой стороны не вылез повтор коллажа.


Формула рамки.

<div align="center"><tr><td width=ШИРИНА КОЛЛАЖА><font style="display:block;border;background-image:url(1 ФОН АНИМАЦИЯ, обводка рамки, ССЫЛКА НА ФОН);padding:2px"><font style="display:block;border;background-image:url(2 ФОН АНИМАЦИЯ, обводка рамки, ССЫЛКА НА ФОН);padding:2px"><font style="display:block;border;background-image:url(1 ФОН АНИМАЦИЯ, обводка рамки, ССЫЛКА НА ФОН);padding:2px"><font style="display:block;border;background-image:url(2 ФОН АНИМАЦИЯ, обводка рамки, ССЫЛКА НА ФОН);padding:2px"><font style="display:block;border;background-image:url(ФОН ДЛЯ АНИМАЦИИ КОЛЛАЖА, ССЫЛКА НА ФОН);padding:0px"><font style="display:block;border;background-image:url(ССЫЛКА НА КОЛЛАЖ);padding:2px"><div align="center"><font face="Georgia" color="#dec6df" style="font-size:20px"><I><B><left><img src="Картинка, ССЫЛКА НА АНИМАЦИЮ" width="100" height="" title="" alt="" border="0"/> <img src="Картинка, ССЫЛКА НА АНИМАЦИЮ" width="150" height="" title="" alt="" border="0"/><right><img src="Картинка, ССЫЛКА НА АНИМАЦИЮ" width="150" height="" title="" alt="" border="0"/> <img src="//img-fotki.yandex.ru/..." width="80" height=0" title="" alt="" border="0"/> <right><a href="ССЫЛКА НА ВАШ БЛОГ"><img src="Блинги (сердечки), ССЫЛКА НА АНИМАЦИЮ" width="170" height="170" title="" alt="" border="0"/></a> <img src="//img-fotki.yandex.ru/..." width="40" height="0" title="" alt="" border="0"/><div align="center">ВАША МУЗЫКА<center><img src="//img-fotki.yandex.ru/..." width="ШИРИНА ВАШЕГО КОЛЛАЖА" height="0" title="" alt="" border="0"/><br ><br ></font></font></td></tr></table></i>

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

Фон №1.
//img-fotki.yandex.ru/...

Фон №2.
//img-fotki.yandex.ru/...

Фон анимация.
//img-fotki.yandex.ru/...

Ссылка на коллаж.
//img-fotki.yandex.ru/...

Анимашки для украшения коллажа.

Картинка - птицы.
//img-fotki.yandex.ru/...

Блинги (сердечки).
//img-fotki.yandex.ru/...

Размер анимашек можете менять, для этого вам нужно менять только ширину, (а высоту удалите вообще) она у вас встанет автоматически. Это нужно для того, чтобы картинки - анимашки по размеру соответствовали вашему коллажу.
Если у вас коллаж будет больше в высоту чем у меня, вы можете между картинками поставить теги, (<br > ) чтобы коллаж растянулся весь в высоту.
Вы можете для начала, чтобы понять смысл, вставить мои ссылки в формулу, а затем когда поймете смысл вы будете уже сами фантазировать.
И еще, когда вы поймете смысл, вы можете из формулы удалить мои картинки - анимашки и вставить свои.
Принцип размещения картинок таков, все регулируете тегами.
<left> Картинка слева.
<center> Картинка по центру.
<right> Картинка справа.
Если вам нужно немного сместить картинку влево или вправо, но не помогает тег, тогда используйте этот код,
<img src="//img-fotki.yandex.ru/..." width="80" height=0" title="" alt="" border="0"/>
вам в нем нужно будет менять только цифру, у меня стоит 80, а вы уже будете решать сами. Но высота должно стоять 0. Это код картинки анимашки, но весь секрет в том, что высота у нас стоит 0, мы ее в коллаже не видим. Если вам нужно отодвинуть влево картинку то код ставите перед картинкой или наоборот. Между кодом и картинкой добавляете тег ( &nbsp; ). Этот тег используется для того, чтобы несколько картинок стояли в один ряд.
Но вот вроде и все!!! Желаю успехов в творчестве!!! Не бойтесь фантазировать!!!
Когда поймете смысл работы с формулой у вас работы будут с великолепной анимацией.
Такой коллаж вы не сможете вставит в рамочку, но он будет великолепно смотреться просто отдельным постом.
Можно не вставлять картинки - анимашки, а по всему коллажу разместить музыку. Для этого удалите картинки из формулы и вставьте вашу музыку в ряд.

Желаю удачи!!!
4360286_edf54eafe492 (9x8, 0Kb)

 

Рубрики:  "ЭДИТОР."- УРОКИ
Метки:  

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

Керчаночка   обратиться по имени Пятница, 24 Января 2014 г. 22:53 (ссылка)
Как хорошо собрали уроки... Я пока не соображаю как это сделать...
В цитатник
Перейти к дневнику

Пятница, 24 Января 2014 г. 23:10ссылка
Здравствуйте! Мне тоже пока не всё удаётся..., но пробую.
Для удобства всегда открываю урок в пол экрана, а на второй свой
черновик, тогда сразу видно пошаговой ход. Успеха!!улыбка!
Перейти к дневнику

Заголовок

Суббота, 15 Октября 2016 г. 23:58ссылка
Это как в "пол экрана"?А я не умею,как сделать...
Перейти к дневнику

Воскресенье, 16 Октября 2016 г. 02:30ссылка
Валюша! Открываешь урок и черновик с новой записью. Дальше с право на компе рядом с значком Х, есть 2 квадратика... Когда нажать, то страничка свёртывается в пол экрана. Затем мышкой с адресной строке перетаскиваешь один и вставишь параллельно. Вот и всё. Написала "бабушкиной методикой"... Пиши, если не понятно.
Перейти к дневнику

Заголовок

Воскресенье, 16 Октября 2016 г. 10:45ссылка
Людочка огромное спасибо!
Перейти к дневнику

Воскресенье, 16 Октября 2016 г. 10:51ссылка
Пожалуйста, Валюша! Что не понятно пиши, что знаю подскажу...
Галина_Назаренко   обратиться по имени Воскресенье, 02 Марта 2014 г. 01:26 (ссылка)
Спасибо вам большое за ссылочки!!!
В цитатник
Перейти к дневнику

Воскресенье, 02 Марта 2014 г. 04:06ссылка
Пожалуйста! Заходите, читайте, что Вам интересно забирайте!
Я_ни_Ева   обратиться по имени Суббота, 23 Апреля 2016 г. 14:30 (ссылка)
Спасибо !!! Цитирую !!! Всего вам хорошего в вашем творчестве !!!
В цитатник
Перейти к дневнику

Суббота, 23 Апреля 2016 г. 23:56ссылка
Акинина_Валентина   обратиться по имени Среда, 08 Февраля 2017 г. 15:16 (ссылка)
Людочка,спасибо за урок!Цитирую!
В цитатник
Перейти к дневнику

Среда, 08 Февраля 2017 г. 19:50ссылка
Наилучших пожеланий тебе, Валюша!
К дневнику Страницы: [1] [Новые]