Lesson 1

‫‪Matrix2005 ‬‬

‫‪aroa soft media ‬‬ ‫‪Macromedia Director for Arab ‬‬

‫‪ ‬ﺍﻟﺪﺭﺱ‪ ‬ﺍﻷﻭﻝ‬ ‫‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪: ‬‬ ‫‪ ‬ﻫﻨﺎﻙ‪ ‬ﻋﺪﺓ‪ ‬ﺃﺳﺎﻟﻴﺐ‪ ‬ﻟﻠﺘﺤﺮﻳﻚ‪ ‬ﻓﻲ‪ ‬ﺑﺮﻧﺎﻣﺞ‪ ‬ﻣﺎﻳﻜﺮﻭﻣﻴﺪﻳﺎ‪ ‬ﺩﻳﺮﻛﻴﺘﻮﺭ‪ ‬ﻭﻟﻜﻦ‪ ‬ﻗﺒﻞ‪ ‬ﺃﻥ‪ ‬ﻧﺒﺪﺃ‪ ‬ﺑﺎﻟﺘﺤﺮﻳﻚ‪ ‬ﺗﻌﺎﻟﻰ‪ ‬ﻧﺘﻌﺮﻑ‪ ‬ﻋﻠﻰ‬ ‫‪ ‬ﻛﻴﻔﻴﺔ‪ ‬ﺍﺩﺧﺎﻝ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺍﻟﻤﺮﺍﺩ‪ ‬ﺗﺤﺮﻳﻜﻬﺎ‬

‫‪ ‬ﺍﻟﻤﻤﺜﻠﻴﻦ‪ ‬ﺍﻟﻤﺴﻤﻮﺡ‪ ‬ﻟﻬﻢ‪ ‬ﺑﺎﻟﺘﻤﺜﻴﻞ‪ ‬ﻋﻠﻰ‪ ‬ﺧﺸﺒﺔ‪ ‬ﺍﻟﻤﺴﺮﺡ‬ ‫‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺍﻟﺘﻲ‪ ‬ﻳﻤﻜﻦ‪ ‬ﻟﻠﺒﺮﻧﺎﻣﺞ‪ ‬ﺍﺳﺘﻴﺮﺍﺩﻫﺎ‪ ‬ﻣﻦ‪ ‬ﺟﻬﺎﺯﻙ‪ ‬ﺃﻭ‪ ‬ﻣﻦ‪ ‬ﺑﺮﺍﻣﺞ‪ ‬ﺍﺧﺮﻯ‬ ‫‪  ­ ۱ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺍﻟﺮﺳﻮﻣﻴﺔ‪ : ‬ﻭﻫﻲ‪ ‬ﺗﻨﻘﺴﻢ‪ ‬ﺍﻟﻰ‪ ‬ﻗﺴﻤﻴﻦ‬ ‫‪ ‬ﺃ‪  ­ ‬ﻋﻨﺎﺻﺮ‪ ‬ﺭﺳﻮﻣﻴﺔ‪ ‬ﻣﺼﻮﺭﺓ‪  Bitmap Image : ‬ﻭﻫﻲ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﺮﺳﻮﻣﺎﺕ‪ ‬ﺍﻟﺘﻲ‪ ‬ﺗﻢ‪ ‬ﺍﻧﺸﺎﺅﻫﺎ‬ ‫‪ ‬ﺑﺒﺮﺍﻣﺞ‪ ‬ﺧﺎﺻﺔ‪ ‬ﺑﺎﻟﻠﻘﻄﺎﺕ‪ ‬ﺍﻟﻤﺼﻮﺭﺓ‪ )) ‬ﻓﻮﺗﻮﺷﻮﺏ‪ ‬ﺃﻭ‪ ‬ﻓﻮﺗﻮﺑﻴﻨﺖ‪ ((........ ‬ﻭﻫﻲ‪ ‬ﺗﻌﺘﻤﺪ‪ ‬ﻋﻠﻰ‬ ‫‪ ‬ﺗﻜﻮﻳﻦ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﻣﻦ‪ ‬ﺧﻼﻝ‪ ‬ﺍﻟﻨﻘﺎﺩ‪ ‬ﻟﺬﺍ‪ ‬ﺗﺴﻤﻰ‪ ‬ﺑﺎﻟﺼﻮﺭ‪ ‬ﺍﻟﻨﻘﻄﻴﺔ‪ ‬ﻟﺬﻟﻚ‪ ‬ﻋﻨﺪ‪ ‬ﺗﻜﺒﻴﺮ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﺗﺠﺪ‪ ‬ﺃﻥ‬ ‫‪ ‬ﻣﻌﺎﻟﻢ‪ ‬ﺍﻟﺼﻮﺭﺓ‪ ‬ﺍﻷﺻﻠﻴﺔ‪ ‬ﺗﺨﺘﻔﻲ‪ ‬ﺣﺘﻰ‪ ‬ﺗﺼﺒﺢ‪ ‬ﻣﺮﺑﻌﺎﺕ‪ ‬ﻟﻮﻧﻴﺔ‪ . ‬ﻭﻣﻦ‪ ‬ﺃﻣ‪ ‬ﺜﻠﺘﻬﺎ‪ ‬ﺟﻤﻴﻊ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﺍﻟﺘﻲ‪ ‬ﺗﻢ‬ ‫‪ ‬ﺍﻟﺘﻘﺎﻃ‪ ‬ﻬﺎ‪ ‬ﺑﻜﺎﻣﻴﺮﺍ‪ ‬ﺃﻭ‪ ‬ﺗﻢ‪ ‬ﺍﺩﺧﺎﻟﻬﺎ‪ ‬ﻋﻦ‪ ‬ﻃﺮﻳﻖ‪ ‬ﺍﻟﻤﺎﺳﺢ‪ ‬ﺍﻟﻀﻮﺋﻲ‪ ‬ﺃﻭ‪ ‬ﺗﻢ ‪ ‬ﺗﺤﻮﻳﻠﻬﺎ‪ ‬ﻣﻦ‪ ‬ﻋﻨﺎﺻﺮ‬ ‫‪ ‬ﻣﺘﺠﻬﻪ‪ ‬ﺍﻟﻰ‪ ‬ﻋﻨﺎﺻﺮ‪ ‬ﺭﺳﻮﻣﻴﺔ‪ ‬ﻧﻘﻄﻴﺔ‬ ‫‪ ‬ﺏ‪  ­ ‬ﻋﻨﺎﺻﺮ‪ ‬ﺭﺳﻮﻣﻴﺔ‪ ‬ﻣﺘﺠﻬﻪ‪ Vector shape : ‬ﻭﻫﻲ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﺮﺳﻮﻣﺎﺕ‪ ‬ﺍﻟﺘﻲ‪ ‬ﺗﻢ‪ ‬ﺍﻧﺸﺎﺅﻫﺎ‪ ‬ﺑﺒﺮﺍﻣﺞ‬ ‫‪ ‬ﺧﺎﺻﺔ‪ ‬ﺑﺎﻟﺮﺳﻮﻡ‪ ‬ﺍﻟﻤﺘﺠﻬﻪ‪ )) ‬ﻛﻮﺭﻳﻞ‪ ‬ﺩﺭﻭ‪  ‬ﺃﻭ‪  ‬ﻓﺮﻱ‪ ‬ﻫﺎﻧﺪ‪  ‬ﺃﻭ‪ ‬ﺃﺩﻭﺑﻲ‪ ‬ﺍﻟﻴﺴﺘﺮﺍﺗﻮﺭ‪((......... ‬‬ ‫‪ ‬ﻭﻫﻲ‪ ‬ﺗﻌﺘﻤﺪ‪ ‬ﻓﻲ‪ ‬ﺗﻜﻮﻳﻦ‪ ‬ﺻﻮﺭﻫﺎ‪ ‬ﻋﻠﻰ‪ ‬ﺍﻟﺨﻄﻮﻁ‪ ‬ﺍﻟﻤﺮﺳﻮﻣﺔ ‪ ‬ﻭﻫﺬﻩ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﻋﻨﺪ‪ ‬ﺗﻜﺒﻴﺮﻫﺎ‪ ‬ﻻ‪ ‬ﻳﺤﺪﺙ‬ ‫‪ ‬ﻟﻬﺎ‪ ‬ﺃﻱ‪ ‬ﺗﺸﻮﻩ‪ ‬ﻭﺗﺒﻘﻰ‪ ‬ﺃﻟﻮﺍﻧﻬﺎ‪ ‬ﻭﻣﻌﺎﻟﻤﻬﺎ‪ ‬ﻭﺍﺿﺤﺔ‪ . ‬ﻭﻣﻦ‪ ‬ﺃﻣﺜﻠﺘﻬﺎ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﺍﻟﻤﻮﺟﻮ‪ ‬ﺩﺓ‪ ‬ﻋﻠﻰ‪ ‬ﺑﺮﻧﺎﻣﺞ‬ ‫‪ ‬ﺃﻭﻓﻴﺲ‪ ‬ﻭﺍﻟﺘﻲ‪ ‬ﺗﻌﺮﻑ‪ ‬ﺑﺎﻟـ‪   ‬ﻛﻠﻴﺐ‪ ‬ﺃﺭﺕ‪  ‬ﻭﺍﻟﺘﻲ‪ ‬ﻳﻤﻜﻦ‪ ‬ﺗﻔﻜﻴﻚ‪ ‬ﻋﻨﺎﺻﺮﻫﺎ‪ ‬ﺍﻟﻰ‪ ‬ﺃﺟﺰﺍء‪ ‬ﻛﺜﻴﺮﺓ‬ ‫‪ ‬ﺕ‪  ­ ‬ﺍﻟﺼﻮﺭ‪ ‬ﺍﻟﻤﺘﺤﺮﻛﺔ‪GIF : ‬‬ ‫‪ ‬ﻭﻫﻲ‪ ‬ﻧﻮﻋﻴﺔ‪ ‬ﻣﻦ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﺍﻟﻨﻘﻄﻴﺔ‪ ‬ﻭﺍﻟﺘﻲ‪ ‬ﺗﻢ‪ ‬ﺗﺤﺮﻳﻜﻬﺎ‪ ‬ﻋﻠﻰ‪ ‬ﺑﺮﺍﻣﺞ‪ ‬ﺃﺧﺮﻯ‪ ‬ﻓﺄﺻﺒﺤﺖ‪ ‬ﺻﻮﺭﺓ‬ ‫‪ ‬ﻭﺍﺣﺪﺓ‪ ‬ﻭﻟﻜﻨﻬﺎ‪ ‬ﻣﺘﺤﺮﻛﺔ‪ ‬ﻭﻳﺘﻢ‪ ‬ﺍﻧﺸﺎﺅﻫﺎ‪ ‬ﻋﻠﻰ‪ ‬ﺑﺮﺍﻣﺞ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﺍﻟﺼﻮﺭﻱ‪ )) ‬ﺟﻲ‪ ‬ﺃﻱ‪ ‬ﺇﻑ‪ ‬ﺃﻧﻴﻤ‪ ‬ﺎﺗﻮﺭ‬ ‫‪ ‬ﺃﻭ‪  ‬ﺑﻴﻨﺖ‪ ‬ﺷﻮﺏ‪ ‬ﺑﺮﻭ‪((........ ‬‬ ‫‪  ­ ۲ ‬ﺍﻷﺻﻮﺍﺕ‪: Sounds : ‬‬ ‫‪ ‬ﻭﻫﺬﻩ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﻗﺪ‪ ‬ﺗﻢ‪ ‬ﺗﻄﻮﻳﺮﻫﺎ‪ ‬ﻓﻲ‪ ‬ﺍﻟﻨﺴﺨﺔ‪ ‬ﺍﻟﺘﻲ‪ ‬ﻧﺤﻦ‪ ‬ﺑﺼﺪﺩﻫﺎ‪ ‬ﺣﻴﺚ‪ ‬ﺳﻤﺢ‪ ‬ﺍﻟﺒﺮﻧﺎﻣﺞ‪ ‬ﺑﺎﺳﺘﻴﺮﺍﺩ‪ ‬ﺃﻛﺜﺮ‬ ‫‪ ‬ﺍﻣﺘﺪﺍﺩﺍﺕ‪ ‬ﻫﺬﻩ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺑﻞ‪ ‬ﻭﻗﺪ‪ ‬ﻗﺎﻡ‪ ‬ﺑﻮﺿﻊ‪ ‬ﺑﺮﻧﺎﻣﺞ‪ ‬ﻣﺴﺎﻋﺪ‪ ‬ﻟﻀﻐﻂ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻷﺻﻮﺍﺕ‪ ‬ﻭﺗﺤﻮﻳﻠﻬﺎ‪ ‬ﺍﻟﻰ‪ ‬ﻋﻨﺎﺻﺮ‬ ‫‪ ‬ﺧﺎﺻﺔ‪ ‬ﺑﺎﻟﺒﺮﻧﺎﻣﺞ‪ ‬ﻭﺍﻣﺘﺪﺍﺩ‪ ‬ﺧﺎﺹ‪ ‬ﺑﺎﻟﺒﺮﻧﺎﻣﺞ‬ ‫‪  ­ ۳ ‬ﻣﻘﺎﻃﻊ‪ ‬ﻓﻴﺪﻳﻮ‪: ‬‬ ‫‪ ‬ﻭﻗﺪ‪ ‬ﻛﺎﻥ‪ ‬ﺍﻟﺒﺮﻧﺎﻣﺞ‪ ‬ﻓﻲ‪ ‬ﺍﻟﺒﺪﺍﻳﺔ‪ ‬ﻳﺘﻌﺎﻣﻞ‪ ‬ﻓﻘﻂ‪ ‬ﻣﻊ‪ ‬ﺍﻟﻨﻮﻉ‪ ‬ﺍﻟﺨﺎﺹ‪ ‬ﺑﺒﺮﻧﺎﻣﺞ‪ ‬ﻛﻮﻳﻚ‪ ‬ﺗﺎﻳﻢ‪ ‬ﻭﺫﻟﻚ‪ ‬ﻻﺭﺗﺒﺎﻁ‪ ‬ﺍﻟﺸﺮﻛﺔ‬ ‫‪ ‬ﺍﻟﻤﻨﺘﺠﺔ‪ ‬ﻟﻠﺒﺮﻧﺎﻣﺞ‪ ‬ﺑﺸﺮﻛﺔ‪ ‬ﺃﺑﻞ‪ ‬ﻣﺎﻛﻨﺘﻮﺵ‪ ‬ﻭﻟﻜﻦ‪ ‬ﺍﻵﻥ‪ ‬ﺃﺻﺒﺢ‪ ‬ﻣﻦ‪ ‬ﺍﻟﻤﻤﻜﻦ‪ ‬ﺍﻟﺘﻌﺎﻣﻞ‪ ‬ﻣﻊ‪ ‬ﺃﻓﻼﻡ‪ ‬ﺍﻟﻮﻳﻨﺪﻭﺯ‪ ‬ﺃﻳﻀﺎ‬ ‫‪ ‬ﻭﻣﻌﻈﻢ‪ ‬ﺍﻣﺘﺪﺍﺩﺍﺗﻬﺎ‬ ‫‪  ­ ٤ ‬ﺍﻟﺴﻴﻨﺎﺭﻳﻮ‪Script : ‬‬ ‫‪ ‬ﻛﻤﺎ‪ ‬ﻳﻤﻜﻨﻚ‪ ‬ﺍﻵﻥ‪ ‬ﺃﻥ‪ ‬ﺗﺴﺘﻮﺭﺩ‪ ‬ﺍﻟﺴﻴﻨﺎﺭﻳﻮ‪ ‬ﺍﻟﺨﺎﺹ‪ ‬ﺑﻜﻞ‪ ‬ﻋﻨﺼﺮ‪ ‬ﻭﻫﻮ‪ ‬ﻣﺎ‪ ‬ﻳﻌﺮﻑ‪ ‬ﺑﺎﻟـ‪ ‬ﺳﻜﺮﻳﺒﺖ‪ ‬ﺃﻭ‪ ‬ﺍﻟﻜﻮﺩ‪ ‬ﺍﻟﺨﺎﺹ‬ ‫‪ ‬ﺑﻠﻐﺔ‪ ‬ﻟﻴﻨﺠﻮ‪ ‬ﻟﻠﻌﻨﺼﺮ‪ ‬ﻭﻭﺿﻌﻪ‪ ‬ﻛﺄﺣﺪ‪ ‬ﺃﻓﺮﺍﺩ‪ ‬ﻓﺮﻳﻖ‪ ‬ﺍﻟﻌﻤﻞ‬ ‫‪  ­ ٥ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺍﻟﻜﺘﺎﺑﻴﺔ‪TEXT : ‬‬ ‫‪ ‬ﻭﺍﻟﺘﻲ‪ ‬ﺗﺄﺧﺬ‪ ‬ﺍﻣﺘﺪﺍﺩﺍﺕ‪ ‬ﺍﻟﻜﺘﺎﺑﺔ‪ ‬ﺍﻟﺨﺎﺻﺔ‪ ‬ﺑﺒﺮﻧﺎﻣﺞ‪ ‬ﺍﻟﻮﻭﺭﺩ‪ ‬ﺑﻴﺪ‪ ‬ﺑﺎﻟﻮﻳﻨﺪﻭﺯ‪ ‬ﻭﻗﺪ‪ ‬ﺃﺻﺒﺢ‪ ‬ﺍﻵﻥ‪ ‬ﻣﻦ‪ ‬ﺍﻟﺴﻬﻞ‬ ‫‪ ‬ﺍﺳﺘﻴﺮﺍﺩ‪ ‬ﺍﻟﻜﺘﺎﺑﺎﺕ‪ ‬ﺍﻟﺨﺎﺻﺔ‪ ‬ﺑﺎﻻﻧﺘﺮﻧﺖ‪  ‬ﻭﻫﻲ‪ ‬ﻣﺎ‪ ‬ﺗﻌﺮﻑ‪ ‬ﺑـ‪   ‬ﺍﺗﺶ‪ ‬ﺗﻲ‪ ‬ﺇﻡ‪ ‬ﺇﻝ‬ ‫‪  ­ ٦ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺛﻼﺛﻴﺔ‪ ‬ﺍﻷﺑﻌﺎﺩ‪SHOCKWAVE 3D : ‬‬ ‫‪ ‬ﻭﻫﻲ‪ ‬ﻋﻨﺎﺻﺮ‪ ‬ﺑﺪﺃ‪ ‬ﺇﺩﺧﺎﻟﻬﺎ‪ ‬ﻣﻦ‪ ‬ﺍﻻﺻﺪﺍﺭﺓ‪ ‬ﺭﻗﻢ‪ ۹ ‬ﻋﻠﻰ‪ ‬ﺍﻟﺒﺮﻧﺎﻣﺞ‪ ‬ﻭﺍﻟﺘﻲ‪ ‬ﻓﺘﺤﺖ‪ ‬ﺃﻓﺎﻕ‪ ‬ﺃﺧﺮﻯ‪ ‬ﻟﻠﺒﺮﻧﺎﻣﺞ‪ ‬ﻟﻠﺘﻌﺎﻣﻞ‬ ‫‪ ‬ﻣﻊ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﻭﻫﻰ‪ ‬ﻣﺎ‪ ‬ﺗﻢ‪ ‬ﺇﻧﺸﺎﺅﻩ‪ ‬ﻋﻠﻰ‪ ‬ﺑﺮﺍﻣﺞ‪  )) ‬ﺛﺮﻱ‪ ‬ﺩﻱ‪ ‬ﻣﺎﻛﺲ‪  ‬ﺃﻭ‪  ‬ﻣﺎﻳﺎ ‪((......... ‬‬ ‫‪ ‬ﻭﺍﻵﻥ‪ ‬ﺑﻌﺪ‪ ‬ﺃﻥ‪ ‬ﻋﺮﻓﻨﺎ‪ ‬ﻣﻦ‪ ‬ﻫﻢ‪ ‬ﺍﻟﻤﻤﺜﻠﻦ‪ ‬ﺍﻟﻤﺴﻤﻮﺡ‪ ‬ﻟﻬﻢ‪ ‬ﺑﺎﻟﻮﻗﻮﻑ‪ ‬ﻋﻠﻰ‪ ‬ﺧﺸﺒﺔ‪ ‬ﺍﻟﻤﺴﺮﺡ‪ ‬ﺗﻌﺎﻟﻰ‪ ‬ﻧﺄﺧﺬ‪ ‬ﻣﺜﺎﻻ‪ ‬ﻣﻨﻬﻢ‪ ‬ﺣﺘﻰ‬ ‫‪ ‬ﻳﺘﺴﻨﻰ‪ ‬ﻟﻨﺎ‪ ‬ﻣﻌﺮﻓﺔ‪ ‬ﺍﻟﺘﺤﺮﻳ‪ ‬ﻚ‪ ‬ﻣﻦ‪ ‬ﺧﻼﻟﻪ‪. ‬‬ ‫‪ ‬ﻭﺳﻴﻜﻮﻥ‪ ‬ﺍﻟﻤﺜﺎﻝ‪ ‬ﻋﻠﻰ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‪ ‬ﺍﻟﺮﺳﻮﻣﻴﺔ‪ ‬ﺍﻟﻨﻘﻄﻴﺔ‪  ‬ﻭﻗﺪ‪ ‬ﻗﻤﺖ‪ ‬ﺑﺎﻋﺪﺍﺩ‪ ‬ﺗﻠﻚ‪ ‬ﺍﻟﺮﺳﻮﻣﺎﺕ‪ ‬ﻟﺸﺨﺺ‪ ‬ﻳﻤﺸﻲ‪ ‬ﻛﻤﺎ‬ ‫‪ ‬ﺗﺮﻭﻧﻬﺎ‪ ‬ﻓﻲ‪ ‬ﺍﻟﺸﻜﻞ‪ ‬ﺍﻟﺘﺎﻟﻲ‪ ) ‬ﺵ‪ ( ۱ ‬ﻭﻛﺬﻟﻚ‪ ‬ﺃﻋﺪﺩﺕ‪ ‬ﺻﻮﺭﺓ‪ ‬ﻟﻌﺮﺑﺔ‪ ‬ﺣﺘﻰ‪ ‬ﻳﻤﻜﻦ‪ ‬ﻣﻦ‪ ‬ﺧﻼ‪ ‬ﻟﻬﺎ‪ ‬ﺃﻳﻀﺎ‪ ‬ﺷﺮﺡ‪ ‬ﺑﻌﺾ‪ ‬ﺃﻧﻮﺍﻉ‬ ‫‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪. ‬‬

‫‪ ‬ﺵ‪۱‬‬ ‫‪[email protected] ‬‬

‫‪Link with ‬‬

‫‪Matrix2005 ‬‬

‫‪aroa soft media ‬‬ ‫‪Macromedia Director for Arab ‬‬

‫‪ ­ ۱ ‬ﺍﺳﻠﻮﺏ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﺻﻮﺭﺓ‪ ‬ﺑﺼﻮﺭﺓ‪FRAME BY FRAME : ‬‬ ‫‪ ‬ﻭﻫﺬﺍ‪ ‬ﺍﻻﺳﻠﻮﺏ‪ ‬ﻳﻤﻴﻞ‪ ‬ﺍﻟﻰ‪ ‬ﻧﻮﻉ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﻛﻤﺎ‪ ‬ﻓﻲ‪ ‬ﺃﻓﻼﻡ‪ ‬ﺍﻟﻜﺎﺭﺗﻮﻥ‪ ‬ﺃﻱ‪ ‬ﺻﻮﺭﺓ‪ ‬ﻭﺭﺍء‪ ‬ﺍﻷﺧﺮﻯ‪ ‬ﺣﻴﺚ‪ ‬ﻳﺠﺮﻱ‪ ‬ﺍﻟﺮﺳﺎﻡ‪ ‬ﺗﻐﻴﺮ‬ ‫‪ ‬ﻃﻔﻴﻒ‪ ‬ﻋﻠﻰ‪ ‬ﺍﻟﺼﻮﺭﺓ‪ ‬ﺣﺘﻰ‪ ‬ﻻ‪ ‬ﺗﻠﺤﻈﻪ‪ ‬ﺍﻟﻌﻴﻦ‪ ‬ﺃﺛﻨﺎء‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﻭﻓﻲ‪ ‬ﻫﺬﺍ‪ ‬ﺍﻟﻨﻮﻉ‪ ‬ﻳﻤﻜﻨﻚ‪ ‬ﻋﺰﻳﺰﻱ‪ ‬ﺍﻟﻄﺎﻟﺐ‪ ‬ﺃﻥ‪ ‬ﺗﻀﻊ‪ ‬ﺍﻟﻌﻨﺎﺻﺮ‬ ‫‪ ‬ﺑﻴﺪﻙ‪ ‬ﻓﻲ‪ ‬ﺃﻣﺎﻛﻨﻬﻢ‪ ‬ﻓﻲ‪ ‬ﻣﺎ‪ ‬ﻳﻌﺮﻑ‪ ‬ﺑـ‪ Score Window ‬ﻛﻤﺎ‪ ‬ﺑﺎﻟﺸﻜﻞ‪ ‬ﺍﻟﺘﺎﻟﻲ‪ ) ‬ﺵ‪( ۲ ‬‬

‫‪Frame ‬‬

‫‪ ‬ﺵ‪۲ ‬‬ ‫‪ ‬ﻭﻛﻞ‪ ‬ﻣﺴﺘﻄﻴﻞ‪ ‬ﻓﻲ‪ ‬ﺍﻟـ‪ ‬ﺳﻜﻮﺭ‪  ‬ﻳﺪﻝ‪ ‬ﻋﻠﻰ‪ ‬ﻓﺮﺍﻡ‪ ‬ﻓﻌﻨﺪ‪ ‬ﻭﺿﻊ‪ ‬ﺍﻟﺼﻮﺭ‪ ‬ﺟﻤﻴﻌﻬﺎ‪ ‬ﻓﻲ‪ ‬ﺍﻟﻔﺮﺍﻣﺎﺕ‪ ‬ﺍﻟﻤﻮﺟﻮﺩﺓ‪ ‬ﻭﻋﺪﺩﻫﻢ‪۱٤ ‬‬ ‫‪ ‬ﻳﻈﻬﺮ‪ ‬ﺍﻟﺮﺟﻞ‪ ‬ﻋﻠﻰ‪ ‬ﺃﻧﻪ‪ ‬ﻳﺘﺤﺮﻙ‪ ‬ﻭﻳﻤﺸﻲ‪ ‬ﺑﺎﻟﻔﻌﻞ‪ ‬ﻭﻫﺬﺍ‪ ‬ﺍﻟﻨﻮﻉ‪ ‬ﻏﻴﺮ‪ ‬ﻣﺴﺘﺨﺪﻡ‬ ‫‪ ‬ﺻﻮﺭﺓ‪ ‬ﻭﺗﺸﻐﻴﻞ‪ ‬ﺍﻟﻔﻴﻠﻢ‬ ‫‪ ‬ﺑﺎﻟ‪ ‬ﺸﻜﻞ‪ ‬ﺍﻟﻤﻠﺤﻮﻅ‪ ‬ﻋﻠﻰ‪ ‬ﺑﺮﻧﺎﻣﺞ‪ ‬ﺩﻳﺮﻳﻜﺘﻮﺭ‪ ‬ﻷﻧﻪ‪ ‬ﻳﻤﻴﻞ‪ ‬ﺍﻟ‪ ‬ﻴ‪ ‬ﻪ‪ ‬ﻛﻤﺎ‪ ‬ﻗﻠﺖ‪ ‬ﻣﺴﺒﻘﺎ ‪ ‬ﺍﻟﻌﺎﻣﻠﻴﻦ‪ ‬ﺑﺄﻓﻼﻡ‪ ‬ﺍﻟﺮﺳﻮﻡ‪ ‬ﺍﻟﻤﺘﺤﺮﻛﺔ‪ ‬ﻓﻘﻂ‬ ‫‪ ­ ۲ ‬ﺍﺳﻠﻮﺏ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﺑﻤﻔﺘﺎﺡ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪( Key Frames ) Tweening ‬‬ ‫‪ ‬ﻭﻫﺬﺍ‪ ‬ﺍﻻﺳﻠﻮﺏ‪ ‬ﺍﻷﻛﺜﺮ‪ ‬ﺍﺳﺘﺨﺪﺍﻣﺎ‪ ‬ﻓﻲ‪ ‬ﺩﻳﺮﻳﻜﺘﻮﺭ‪ ‬ﻭﻫﻮ‪ ‬ﻳﻌﺘﻤﺪ‪ ‬ﻋﻠﻰ‪ ‬ﺍﻧﺸﺎء‪ ‬ﻣﻔﺎﺗﻴﺢ‪ ‬ﻟﺘﺤﺮﻳﻚ‪ ‬ﺍﻟﻌﻨﺼﺮ‪ ‬ﻛﻤﺎ‪ ‬ﻓﻲ‪ ‬ﺍﻟﺸﻜﻞ‬ ‫‪ ‬ﺍﻟﺘﺎﻟﻲ‪ ) ‬ﺵ‪ ( ۳ ‬ﺣﻴﺚ‪ ‬ﻳﺄﺧﺬ‪ ‬ﻣﻔﺘﺎﺡ‪ ‬ﺍﻟﺒﺪﺍﻳﺔ‪ ‬ﺍﻟﻠﻮﻥ‪ ‬ﺍﻷﺯﺭﻕ‪ ‬ﻭﻣﻔﺘﺎﺡ‪ ‬ﺍﻟﻨﻬﺎﻳﺔ‪ ‬ﺍﻟﻠﻮﻥ‪ ‬ﺍﻷﺣﻤﺮ‪ ‬ﻋ‪ ‬ﻠﻰ‪ ‬ﺍﻟﻤﺴﺮﺡ‪ ‬ﻭﻓﻲ‪ ‬ﺍﻟـ‪ ‬ﺍﺳﻜﻮﺭ‬ ‫‪ ‬ﻳﺄﺧﺬ‪ ‬ﺷﻜﻞ‪ ‬ﺩﺍﺋﺮﺓ‪ ‬ﻓﻲ‪ ‬ﺃﻭﻝ‪ ‬ﻓﺮﺍﻡ‪ ‬ﻭﺩﺍﺋﺮﺓ‪ ‬ﺃﺧﺮﻯ‪ ‬ﻓﻲ‪ ‬ﺃﺧﺮ‪ ‬ﻓﺮﺍﻡ‬

‫‪ ‬ﺵ‪۳ ‬‬

‫‪ ‬ﺍﻟﻌﺮﺑﺔ‪ ‬ﻋﻨﺪ‪ ‬ﺑﺪﺍﻳﺔ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﻭﻳﻈﻬﺮ‪ ‬ﺍﻟﻤﻔﺘﺎﺡ‬ ‫‪ ‬ﺑﺎﻟﻠﻮﻥ‪ ‬ﺍﻷﺯﺭﻕ‪ ‬ﻭﺍﻟﻨﻬﺎﻳﺔ‪ ‬ﺑﺎﻟﻠﻮﻥ‪ ‬ﺍﻷﺯﺭﻕ‬ ‫‪ ‬ﻭﻛﺬﻟﻚ‪ ‬ﺍﻟﺪﺍﺋﺮﺓ‪ ‬ﻋﻠﻰ‪ ‬ﺍﻟﻔﺮﺍﻡ‪ ‬ﺭﻗﻢ‪۱٥ ‬‬

‫‪ ‬ﺍﻟﻌﺮﺑﺔ‪ ‬ﻋﻨﺪ‪ ‬ﻧﻬﺎﻳﺔ‪ ‬ﺍﻟﺘﺤﺮﻳﻚ‪ ‬ﻭﻳﻈﻬﺮ‪ ‬ﺍﻟﻤﻔﺘﺎﺡ‬ ‫‪ ‬ﺑﺎﻟﻠﻮﻥ‪ ‬ﺍﻷﺯﺭﻕ‪ ‬ﻭﺍ‪ ‬ﻟﺒﺪﺍﻳﺔ ‪ ‬ﺑﺎﻟﻠﻮﻥ‪ ‬ﺍﻷ‪ ‬ﺧﻀﺮ‬ ‫‪ ‬ﻭﻛﺬﻟﻚ‪ ‬ﺍﻟﺪﺍﺋﺮﺓ‪ ‬ﻋﻠﻰ‪ ‬ﺍﻟﻔﺮﺍﻡ‪ ‬ﺭﻗﻢ ‪٤۰‬‬

‫‪[email protected] ‬‬

‫‪Link with ‬‬