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


Editor 03-06-2013 11:05 к комментариям - к полной версии - понравилось!





Формула для коллажа (с анимацией без фотошопа)

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

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

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

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

Я на коллаже удалила прямоугольным выделением полоски в виде рамочки по сторонам. Они у меня немного широкие, но это для примера. Чем уже вы сделаете полосочку, тем красивее будет по уголкам анимация. Еще я применила Ластик (звезды).

Готовый коллаж сохраняете в формате PNG. Для коллажа нам нужна будет ссылка с Яндекса или с Радикала (ссылка №1), которую вставим в формулу.

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

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

В Радикале или в Яндексе смотрите ширину вашего коллажа и вставляете в двух местах в формулу рамочки.

Расчет такой - если у вас коллаж 700 пик, то в формулу ставите 696 пик. Это для того, чтобы у вас в формуле с правой стороны не вылез повтор коллажа.




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




<div align="center"><tr><td width="ШИРИНА"><font><font><font><font><font><font><div align="center"><font face="Georgia" color="#dec6df" style="font-size:20px"><i><b><left><img src="Картинка, ССЫЛКА НА АНИМАЦИЮ" width="100" height="" title="" alt="" border="0" />&nbsp;<img src="Картинка, ССЫЛКА НА АНИМАЦИЮ" width="150" height="" title="" alt="" border="0" /><right><img src="Картинка, ССЫЛКА НА АНИМАЦИЮ" width="150" height="" title="" alt="" border="0" />&nbsp;<img src="http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_M.gif" target=_blank border="0">[80x0]</a>&nbsp;<right><a target="_blank" href="ССЫЛКА НА ВАШ БЛОГ"><img src="Блинги (сердечки), ССЫЛКА НА АНИМАЦИЮ" width="170" height="170" title="" alt="" border="0" /></a>&nbsp;<img src="http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_M.gif" target=_blank border="0">[40x0]</a><div align="center">ВАША МУЗЫКА<center><img src="http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_M.gif" target=_blank border="0">[показать]</a><br /><br /></center></div></right></right></left></b></i></font></div></font></font></font></font></font></font></td></tr></div>





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

Фон №1.

http://img-fotki.yandex.ru/get/5640/160780412.26/0_a5ed3_3a771e08_XS.gif

Фон №2.

http://img-fotki.yandex.ru/get/6444/160780412.26/0_a5ed0_6407bb83_XS.gif

Фон анимация.

http://img-fotki.yandex.ru/get/4131/160780412.26/0_a5ec0_2d59bd43_S.gif

Ссылка на коллаж.

http://img-fotki.yandex.ru/get/5638/160780412.26/0_a5ee9_588fdb70_XL.png

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

Картинка - птицы.

http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_M.gif

Блинги (сердечки).

http://img-fotki.yandex.ru/get/6426/160780412.26/0_a5ec8_fe5e747b_M.gif

Размер анимашек можете менять, для этого вам нужно менять только ширину, (а высоту удалите вообще) она у вас встанет автоматически. Это нужно для того, чтобы картинки - анимашки по размеру соответствовали вашему коллажу.

Если у вас коллаж будет больше в высоту чем у меня, вы можете между картинками поставить теги, (<br />) чтобы коллаж растянулся весь в высоту.

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

И еще, когда вы поймете смысл, вы можете из формулы удалить мои картинки - анимашки и вставить свои.

Принцип размещения картинок таков, все регулируете тегами.

<left></left> Картинка слева.
<center></center> Картинка по центру.
<right></right> Картинка справа.

Если вам нужно немного сместить картинку влево или вправо, но не помогает тег, тогда используйте этот код,
<img src="http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_S"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img-fotki.yandex.ru/get/6443/160780412.26/0_a5ebd_84e7f72a_M.gif" target=_blank border="0">[80x0]</a>
вам в нем нужно будет менять только цифру, у меня стоит 80, а вы уже будете решать сами. Но высота должно стоять 0. Это код картинки анимашки, но весь секрет в том, что высота у нас стоит 0, мы ее в коллаже не видим. Если вам нужно отодвинуть влево картинку то код ставите перед картинкой или наоборот. Между кодом и картинкой добавляете тег ( &nbsp; ). Этот тег используется для того, чтобы несколько картинок стояли в один ряд.

Но вот вроде и все!!! Желаю успехов в творчестве!!! Не бойтесь фантазировать!!!

Когда поймете смысл работы с формулой у вас работы будут с великолепной анимацией.

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

Можно не вставлять картинки - анимашки, а по всему коллажу разместить музыку. Для этого удалите картинки из формулы и вставьте вашу музыку в ряд.

Для тех, кто еще не знаком с Эдитором, но желает познакомится, уроки Здесь

Желаю удачи!!!

Вопросы будут обращайтесь

[показать]


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


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

Дневник Editor | Любовь_Соловьева - Дневник Любовь_Соловьева | Лента друзей Любовь_Соловьева / Полная версия Добавить в друзья Страницы: раньше»