Урок использования флеш материала "След за курсором"

Понедельник, 30 Октября 2017 г. 15:21 + в цитатник

Люблю делать и использовать следы за курсором в формате . swf , т.е. флешки. Конечно, на мои посты с флеш материалом (следы за курсором)
пост1
пост2
пост3
пост4
можно просто любоваться и гонять фигурки по полю.

Чтобы было интереснее и полезнее, хочу предложить несколько вариантов использования следов.

ВАРИАНТ 1

Лирушники знакомые с очень простой программой Aleo Flash Intro Banner Marker не будут иметь проблем наложения флешки со следом за курсором на любую гифку, картинку или другую флешку. Уроки по этой программе есть у меня в Рубриках.

урок-цитата

ВАРИАНТ 2

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

Многие мои подруги делают рамочки

Наденька - mimozochka
R-Oksana
ВалюшаПП
Елена_Краева

и другие,

большая коллекция рамочек разных авторов у
Надежда-Ариана.

Если Вы процитировали рамочку, то имеете право (не убирая имени автора) вставить в нее пост, стихи и т.д. Но можно вставить на картинку-коллаж и след за курсором, поскольку коллаж помещен в фон таблицы.

Вот специально сделала Разрезную рамочку (код ниже).

ВАШ ТЕКСТ...

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1785791/0_12abe8_ad081308_XL_01.gif" cellpadding="0" cellspacing="0" height="631" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:20px"> </td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785793/0_12abe8_ad081308_XL_02.gif" cellpadding="0" cellspacing="0" height="19" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding: 0px"> <span style="color:#003333;"><span style="font-size: 28px;"><font face="Monotype Corsiva"><b><b>ВАШ ТЕКСТ... </b> </b></font></span></span></td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785794/0_12abe8_ad081308_XL_03.gif" cellpadding="0" cellspacing="0" height="127" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:0px" valign="bottom"> <img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 24px;" /></td> </tr> </tbody> </table> </center>

Для вставки следа за курсором после символа открытия столбца <td и его закрытия </td (на рисунке ниже место вставки закрашено розовым цветом) ставлю код флешки в квадратных скобках (flash=600,500,http://www.yapfiles.ru/files/1630319/2_As2.swf). Размер флешки должен быть на 50...60 пикселей меньше ширины (высоты) рамочки. В приведенном коде (как и всяком другом) 600 - это ширина, 500 - высота флешки, пропорционально изменяйте эти цифры до получения приемлемого результата, когда рамочка не искажается.

РљРѕРґ-1-РѕР±СЂРµР• (700x513, 288Kb)

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

ВАШ ТЕКСТ...

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1785791/0_12abe8_ad081308_XL_01.gif" cellpadding="0" cellspacing="0" height="631" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:20px"> [flash=650,542,http://www.yapfiles.ru/files/1630319/2_As2.swf]</td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785793/0_12abe8_ad081308_XL_02.gif" cellpadding="0" cellspacing="0" height="19" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding: 0px"> <span style="color:#003333;"><span style="font-size: 28px;"><font face="Monotype Corsiva"><b><b>ВАШ ТЕКСТ... </b> </b></font></span></span></td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785794/0_12abe8_ad081308_XL_03.gif" cellpadding="0" cellspacing="0" height="127" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:0px" valign="bottom"> <img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 24px;" /></td> </tr> </tbody> </table> </center>

ВАРИАНТ 3

Если хотите вставить след за курсором над текстом послания - поздравления, то это сделать только чуть сложнее. Понадобится графический редактор, например, фотошоп, чтобы сделать фон с текстом. Вот, скажем, такой, как ниже. Помещаем такую картинку (. jpg или .png) в фон самой простенькой таблицы (см. ниже приведен код). Ширину рамочки можно подогнать к ширине картинки, перемещая курсором ее правую границу в редакторе Лиру, ширину флешки делаете пикселей на 30...50 меньше ширины картинки.

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

Чтобы лучше было видно, смотрите внизу фрагмент верхнего рисунка.

РљРѕРґ-2-РѕР±СЂРµР• (700x341, 123Kb)

Если Вам понравится украшение рамочек и посланий следом за курсором, сделайте тему в Рубриках и сложите туда процитированные посты с флеш материалом "След за курсором". У Вас будет большой выбор и удобство в поиске.

Серия сообщений "Мои уроки":
Мои уроки
Часть 1 - Урок "Градиентная маска в AdobeFlash без кодов"
Часть 2 - Дополнение к уроку "Градиентная маска в AdobeFlash без кодов"
...
Часть 8 - Урок по "заливке" текста футажем (по просьбе подруги mimozochka)
Часть 9 - Придумала урок анимации коллажа бесшовным анимированным фоном
Часть 10 - Урок использования флеш материала "След за курсором"

Метки: след за курсором урок рамочки рамочки разрезные поздравления

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

<a href="https://www.liveinternet.ru/users/irina-snez/post424066545/">РЈСЂРѕРє РёСЃРїРѕР»СЊР·РѕРІР°РЅРёСЏ С„Р»РµС€ РјР°С‚РµСЂРёР°Р»Р° &quot;РЎР»РµРґ Р·Р° РєСѓСЂСЃРѕСЂРѕРј&quot;</a><br/>
	Р›СЋР±Р»СЋ РґРµР»Р°С‚СЊ Рё РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ СЃР»РµРґС‹ Р·Р° РєСѓСЂСЃРѕСЂРѕРј РІ С„РѕСЂРјР°С‚Рµ . swf , С‚.Рµ. С„Р»РµС€РєРё. РљРѕРЅРµС‡РЅРѕ, РЅР° РјРѕРё РїРѕСЃС‚С‹ СЃ С„Р»РµС€ РјР°С‚РµСЂРёР°Р»РѕРј (СЃР»РµРґС‹ Р·Р° РєСѓСЂСЃРѕСЂРѕРј)
	 РїРѕСЃС‚1
	 РїРѕСЃС‚2
	 РїРѕСЃС‚3
	 РїРѕСЃС‚4
	 РјРѕР¶РЅРѕ РїСЂРѕСЃС‚Рѕ Р»СЋР±РѕРІР°С‚СЊСЃСЏ Рё РіРѕРЅСЏС‚СЊ С„РёРіСѓСЂРєРё РїРѕ РїРѕР»СЋ.

Р§С‚РѕР±С‹ Р±С‹Р»Рѕ РёРЅС‚РµСЂРµСЃРЅРµРµ Рё РїРѕР»РµР·РЅРµРµ, С…РѕС‡Сѓ РїСЂРµРґР»РѕР¶РёС‚СЊ РЅРµСЃРєРѕР»СЊРєРѕ РІР°СЂРёР°РЅС‚РѕРІ РёСЃРїРѕР»СЊР·РѕРІР°РЅРёСЏ СЃР»РµРґРѕРІ.

Р’РђР РРђРќРў 1

Р›РёСЂСѓС€РЅРёРєРё Р·РЅР°РєРѕРјС‹Рµ СЃ РѕС‡РµРЅСЊ РїСЂРѕСЃС‚РѕР№ РїСЂРѕРіСЂР°РјРјРѕР№ Aleo Flash Intro Banner Marker РЅРµ Р±СѓРґСѓС‚ РёРјРµС‚СЊ РїСЂРѕР±Р»РµРј РЅР°Р»РѕР¶РµРЅРёСЏ С„Р»РµС€РєРё СЃРѕ СЃР»РµРґРѕРј Р·Р° РєСѓСЂСЃРѕСЂРѕРј РЅР° Р»СЋР±СѓСЋ РіРёС„РєСѓ, РєР°СЂС‚РёРЅРєСѓ РёР»Рё РґСЂСѓРіСѓСЋ С„Р»РµС€РєСѓ. РЈСЂРѕРєРё РїРѕ СЌС‚РѕР№ РїСЂРѕРіСЂР°РјРјРµ РµСЃС‚СЊ Сѓ РјРµРЅСЏ РІ Р СѓР±СЂРёРєР°С….

СѓСЂРѕРє-С†РёС‚Р°С‚Р°

Р’РђР РРђРќ... <a href="https://www.liveinternet.ru/users/irina-snez/post424066545/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

mimozochka обратиться по имени Понедельник, 30 Октября 2017 г. 15:53 (ссылка)

Ирочка молодец,хороший урок написала.Пригодится,я процитирую для своих друзей.

Ответить С цитатой В цитатник

Понедельник, 30 Октября 2017 г. 16:56ссылка

Irina-snez

Рада, что понравилось, Наденька! Мне интересно, если моими следочками будут пользоваться, они, ведь, без подписи и, как подарок, особенно, если пост цитируют... Особенная благодарность тебе за цитирование!

Ответить С цитатой В цитатник Обратиться по имени

ФарСолнце обратиться по имени Понедельник, 30 Октября 2017 г. 16:25 (ссылка)

Спасибо большое!!!!!!!!

Ответить С цитатой В цитатник

Понедельник, 30 Октября 2017 г. 16:58ссылка

Irina-snez

Рада, что понравилось! Спасибо, за визит и цитирование!

Ответить С цитатой В цитатник Обратиться по имени

Елена_Краева обратиться по имени Понедельник, 30 Октября 2017 г. 16:29 (ссылка)

Ирочка, спасибо! Хороший урок написала. Все понятно, доходчиво. Добавлю себе ссылку на него, цитаты не все читают...
И спасибо, что и меня упомянула))) Мне приятно!!!

Ответить С цитатой В цитатник

Понедельник, 30 Октября 2017 г. 17:01ссылка

Irina-snez

Рада, что понравилось, Леночка! Спасибо, за оценку и ссылку! У меня читателей немного, и уменьшается, когда я подолгу в инет не выхожу, а, вот, когда цитируют (особенно Наденька-mimozochka), интерес к посту очень сильно возрастает.

Ответить С цитатой В цитатник Обратиться по имени