Part 7 : ŸÀÓ¶óÀÎÀ¸·Î Á¿츦 ¿òÁ÷ÀÌ´Â ¾Ö´Ï¸ÞÀÌ¼Ç ¸¸µé±â
 

¸¶Áö¸·À¸·Î ¹®¼­¿¡ ¾Ö´Ï¸ÞÀ̼ÇÀ» Ãß°¡ÇØ º¸ÀÚ. ¿¹Á¦¿¡¼­´Â 'DHTML ONLINE'À̶ó´Â ȨÆäÀÌÁöÀÇ Å¸ÀÌÆ² À̹ÌÁö¸¦ Á¿ì·Î ¿òÁ÷À̵µ·Ï ÇÒ °ÍÀÌ´Ù. ÀϹÝÀûÀ¸·Î ¾Ö´Ï¸ÞÀ̼ÇÀ» ±¸ÇöÇÏ·Á¸é ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀÌ ÇÊ¿äÇϳª µå¸²À§¹ö¿¡¼­´Â À̸¦ ½±°Ô ¸¸µé ¼ö Àִ ŸÀÓ¶óÀÎÀ̶ó´Â ±â´ÉÀÌ ÀÖ¾î À̸¦ ÀÌ¿ëÇØ ¾Ö´Ï¸ÞÀ̼ÇÀÌ °¡´ÉÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ带 »ý¼ºÇØÁØ´Ù.

¿¹Á¦ ¹®¼­¿¡¼­´Â µÎ °³ÀÇ À̹ÌÁö¸¦ ÀÌ¿ëÇÏ¿© Ä¿¼­°¡ ¹öư À§¿¡ ÀÖÀ» ¶§ ¿À¸¥ÂÊ À̹ÌÁö¸¦ º¸¿©ÁÜÀ¸·Î½á °á°úÀûÀ¸·Î ¹öưÀ» ´©¸£´Â °Í°ú °°Àº È¿°ú¸¦ ±¸ÇöÇÏ¿´´Ù.

'Insert' ¡æ 'Layer'·Î ¹®¼­ ³»¿¡ ·¹À̾ »ðÀÔÇÑ´Ù.
'Insert' ¡æ 'Image'·Î ·¹ÀÌ¾î ³»¿¡ ŸÀÌÆ² À̹ÌÁö¸¦ »ðÀÔÇÑ´Ù.
·¹À̾ ¼±ÅÃÇÑ »óÅ¿¡¼­ 'Modify' ¡æ 'Add Object to Timeline'¸¦ ¼±ÅÃÇÑ´Ù.
15 ÇÁ·¹ÀÓ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î µå·¡±×ÇÏ¿© 16 ÇÁ·¹ÀÓÀ» Ãß°¡ÇÑ´Ù.

1 ÇÁ·¹ÀÓÀ» ¼±ÅÃÇÑ ÈÄ Properties À©µµ¿ì¿¡¼­ ·¹À̾îÀÇ L(eft)°ª¿¡ 200À» ÁØ´Ù.
8 ÇÁ·¹ÀÓ¿¡¼­ ¸¶¿ì½º ¿À¸¥ÂÊ ¹öưÀ» Ŭ¸¯ÇØ 'Add Keyframe'À» ¼±ÅÃÇϰí L°ª¿¡ 400À» ÁØ´Ù.
ŸÀÓ¶óÀÎ Properties À©µµ¿ì. ¿ÀÅäÇ÷¹ÀÌ¿Í ·çÇÁ¸¦ ¼±ÅÃÇϰí 8ÇÁ·¹ÀÓ¿¡¼­ Ű ÇÁ·¹ÀÓÀ» ¼³Á¤ÇØ ÁØ´Ù.

±âº»ÀûÀ¸·Î ŸÀÓ¶óÀο¡¼­ ÇϳªÀÇ °´Ã¼´Â 15°³ÀÇ ÇÁ·¹ÀÓÀ» °¡Áö¸ç ù ¹øÂ° ÇÁ·¹ÀÓ°ú ¸¶Áö¸· ÇÁ·¹ÀÓÀº ŰÇÁ·¹ÀÓ(Keyframe)À¸·Î¼­ ÀÌ µÎ ŰÇÁ·¹ÀÓ¿¡¼­ °´Ã¼ÀÇ À§Ä¡¸¦ °¢°¢ ÁöÁ¤Çϸé 15¹øÀÇ ÇÁ·¹ÀÓÀÌ ÁøÇàµÉ µ¿¾È °´Ã¼°¡ ÀÌ µÎ À§Ä¡¸¦ µû¶ó À̵¿ÇÔÀ¸·Î½á ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ º¸¿©ÁÖ°Ô µÈ´Ù. ¿¹Á¦¿¡¼­´Â Á¿ì·Î Áö¼ÓÀûÀÎ ¿òÁ÷ÀÓÀ» À§ÇØ ÇÁ·¹ÀÓÀ» 16°³·Î ´Ã¸®°í Áß°£ÀÇ 8ÇÁ·¹ÀÓÀ» ŰÇÁ·¹ÀÓÀ¸·Î ÇÏ¿© 1ÇÁ·¹ÀÓ¿¡¼­ 8ÇÁ·¹ÀÓ±îÁö´Â ÁÂÇ¥ 200px¿¡¼­ 400px±îÁö À̵¿Çϵµ·Ï ÇÏ¿´°í 9ÇÁ·¹ÀÓ¿¡¼­ 16ÇÁ·¹ÀÓ±îÁö´Â ´Ù½Ã 400px¿¡¼­ 200px±îÁö À̵¿Çϵµ·Ï ÇÏ¿´´Ù. ŸÀÓ¶óÀÎ À©µµ¿ì¿¡¼­ È­»ìÇ¥ ¹öưÀ» ´­·¯ ÇÁ·¹ÀÓÀ» ÁøÇà½ÃÄѺ¸¸é ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖÀ»°ÍÀÌ´Ù. 'Autoplay'¿¡ üũÇϸé onLoad À̺¥Æ®¿Í ¿¬°áµÇ¾î ¹®¼­°¡ ºê¶ó¿ìÀú¿¡ ÀÐÇôÁö°í³ª¼­ ¹Ù·Î ½ÇÇàÀ̵Ǹç 'Loop'¿¡ üũÇϸé ÀÌ Å¸ÀÓ¶óÀÎÀÌ ²÷ÀÓ¾øÀÌ ¹Ýº¹½ÇÇàµÈ´Ù. ÀÌÁ¦ Å×À̺íÀ» ¼±ÅÃÇÏ¿© border¸¦ 0À¸·Î ÁÖ¸é ¹®¼­°¡ ¿Ï¼ºµÈ´Ù. ¹®¼­¸¦ ÀúÀåÇÏ°í ºê¶ó¿ìÀú·Î È®ÀÎÇØ º¸ÀÚ.

°­ÀǸ¦ ¸¶Ä¡¸ç...

Áö±Ý±îÁö ¿¹Á¦¸¦ ÅëÇØ ±âº»ÀûÀÎ ±â´ÉºÎÅÍ ½ºÅ¸Àϰú ºñÇìÀ̺ñ¾î, ŸÀÓ¶óÀÎ µî µå¸²À§¹ö°¡ °¡Áø Ư¡ÀÖ´Â ±â´ÉµéÀ» ¹è¿öº¸¾Ò´Ù. ÇÑÁ¤µÈ Áö¸é¿¡ ÃÖ´ëÇÑ ÀÚ¼¼È÷ ¼³¸íÇÏ·Á ÇÏ¿´À¸³ª ¾ó¸¸Å­ Àü´ÞÀÌ µÇ¾úÀ»Áö ±Ã±ÝÇÏ´Ù. ÇÏÁö¸¸ À§ÀÇ ³»¿ëÀ» ¼ÒÈ­ÇØ³½´Ù¸é ÃæºÐÈ÷ º¸´Ù ¸ÚÁø Àڱ⸸ÀÇ È¨ÆäÀÌÁö¸¦ ¸¸µé ¼ö ÀÖÀ¸¸®¶ó »ý°¢ÇÑ´Ù.

[ÀÌÀüÀ¸·Î] [À¥µðÀÚÀÎ ÆäÀÌÁö·Î] [¸ÞÀÎÆäÀÌÁö·Î]