Урок о том как добавить анимацию на вашу картинку

Вторник, 28 Апреля 2015 г. 04:53 + в цитатник

Цитата сообщения zomka

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

Урок о том как добавить анимацию на вашу картинку

Ну что, мои хорошие...Освоим как мы с вами еще один интересный урок.Вот посмотрите на картинку...

Нравится??? Ну вот это мы с вами и будем учиться делать....
Что нам надо...во-первых сама картинка....и самое главное запоминаем её размеры....и вторая картинка -анимация на прозрачном фоне вот у неё ничего запоминать не надо..нужен только её код))) Ну и конечно "волшнбная формула" для того чтобы все это соединить....
Итак....приступим....
Выбираем картинку...(на моем примере попробуем) Вот она у меня какая..

а вот её код

Как вы видите Яндекс фотки выдает картинки с размерами...А как быть если в коде этих размеров нет???Да как обычно....
Щелкаем правой кнопкой мышки по картинке и ищем там *Свойства* Ну или что нибудь похожее где можно увидеть размеры картинки...У меня Мозилла....там пункт *информация об изображении*...а у кого другой браузер -наверное знаете, какой пункт показывает размеры картинки...так вот Увидели-запомнили....
далее ...Используем шаблон формулу...вот он..

<center><table style="WIDTH: AAApx; HEIGHT: BBBpx" cellspacing="8" cellpadding="3" width="700" align="center" background="АДРЕС ВАШЕЙ КАРТИНКИ" border="3"><tbody><tr><td><font face="Monotype Corsiva" color="white" size="3" font="font"><b><p align="center"></p>КОД ВАШЕЙ АНИМАЦИИ</b></font> </td></tr></tbody></table></center>

Что в ней что?
Вместо ААА вставьте ширину картинки вашей Вместо ВВВ вставьте высоту вашей картинки АДРЕС ВАШЕЙ КАРТИНКИ это ссылка имеено на картинку (не весь код!!!а только ссылка) и КОД ВАШЕЙ АНИМАЦИИ это целый код картинки-анимации
он у меня вот такой...

то есть если вы выбрали анимированную картинку которую вставляете во внутрь....просто возьмите её полный код и вставьте на место слов КОД ВАШЕЙ АНИМАЦИИ
в коде шаблоне перед КОДОМ ВАШЕЙ АНИМАЦИИ есть тег *b* вот после него можно ставить пробелы и столько на сколько хотите сдвинуть анимацию вправо....вот так..например

А можно код анимации поставить дважды друг за другом....тогда получится вот так...

Можно перед кодом анимации написать текст вот так...

ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ

а можно просто поставить тег перед КОДОМ АНИМАЦИИ
<p style="text-indent: 60px"> а после кода тег
</p>
и анимация сдвинется вправо настолько насколько поставите цифру вместо 60
Ну вот вроде бы и все случаи описала...Теперь остается только найти анимированнные джифки вам полезные и вставлять их в ваши картинки)))0
Удачи...Ваша Zomka

Серия сообщений "Анимация":
Часть 1 - Анимация без фотошопа...
Часть 2 - Урок о том как добавить анимацию на вашу картинку
Часть 3 - Как избавится от однотонного фона вокруг анимашки прямо в презентации
Часть 4 - Сайты с анимацией
...
Часть 6 - Анимация картинок без фотошопа
Часть 7 - Урок анимации в Photoshop "Создаем снегопад".
Часть 8 - Делаем из флешки гиф картинку

Рубрики:

~Клипарты,флеш,анимация

<a href="https://www.liveinternet.ru/users/5813750/post360569954/">РЈСЂРѕРє Рѕ С‚РѕРј РєР°Рє РґРѕР±Р°РІРёС‚СЊ Р°РЅРёРјР°С†РёСЋ РЅР° РІР°С€Сѓ РєР°СЂС‚РёРЅРєСѓ</a><br/>
	РЈСЂРѕРє Рѕ С‚РѕРј РєР°Рє РґРѕР±Р°РІРёС‚СЊ Р°РЅРёРјР°С†РёСЋ РЅР° РІР°С€Сѓ РєР°СЂС‚РёРЅРєСѓ
	
	
	
	
	
	
	
	
	
	&nbsp;

РќСѓ С‡С‚Рѕ, РјРѕРё С…РѕСЂРѕС€РёРµ...РћСЃРІРѕРёРј РєР°Рє РјС‹ СЃ РІР°РјРё РµС‰Рµ РѕРґРёРЅ РёРЅС‚РµСЂРµСЃРЅС‹Р№ СѓСЂРѕРє.Р’РѕС‚ РїРѕСЃРјРѕС‚СЂРёС‚Рµ РЅР° РєР°СЂС‚РёРЅРєСѓ...
		
			
				
					
						
							
					
				
			
		
		
		
		
		РќСЂР°РІРёС‚СЃСЏ??? РќСѓ РІРѕС‚ СЌС‚Рѕ РјС‹ СЃ РІР°РјРё Рё Р±СѓРґРµРј СѓС‡РёС‚СЊСЃСЏ РґРµР»Р°С‚СЊ....
		Р§С‚Рѕ РЅР°Рј РЅР°РґРѕ...РІРѕ-РїРµСЂРІС‹С… СЃР°РјР° РєР°СЂС‚РёРЅРєР°....Рё СЃР°РјРѕРµ РіР»Р°РІРЅРѕРµ Р·Р°РїРѕРјРёРЅР°РµРј РµС‘ СЂР°Р·РјРµСЂС‹....Рё РІС‚РѕСЂР°СЏ РєР°СЂС‚РёРЅРєР° -Р°РЅРёРјР°С†РёСЏ РЅР° РїСЂРѕР·СЂР°С‡РЅРѕРј С„РѕРЅРµ РІРѕС‚ Сѓ РЅРµС‘ РЅРёС‡РµРіРѕ Р·Р°РїРѕРјРёРЅР°С‚СЊ РЅРµ РЅР°РґРѕ..РЅСѓР¶РµРЅ С‚РѕР»СЊРєРѕ РµС‘ РєРѕРґ))) РќСѓ Рё РєРѕРЅРµС‡РЅРѕ &quot;РІРѕР»С€РЅР±РЅР°СЏ С„РѕСЂРјСѓР»Р°&quot; РґР»СЏ С‚РѕРіРѕ С‡С‚РѕР±С‹ РІСЃРµ СЌС‚Рѕ СЃ... <a href="https://www.liveinternet.ru/users/5813750/post360569954/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Рубрики

-Цитатник

-Метки

-Приложения

-Ссылки

-Музыка

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

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

-Интересы

-Друзья

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

-Сообщества

-Статистика

Урок о том как добавить анимацию на вашу картинку