[الدرس الرابع] : درس كيفية عمل صور متحركه (( أنيميشن )) من خيالنا وإختيارنا ...
:::: بسم الله الرحمن الرحيم ::::
:::::: السلام عليكم جميعــــا ورحمة الله وبركاته ::::::
[IMG]http://www.*********/2005/12/29/548070497.gif[/IMG]
أخواني وأخواتي الكرام أهلا بكم مجددا .. اليوم أضع بين أيديكم درس عن كيفية صنع شكل أنيميشن على صيغة (( Gif )) من خيالكم وإختياركم لكن يجب توفر عدة حركات متتاليه للشخصيه الواحده وستفهمون معنى ذلك من خلال درسنا اليوم ... وسأطبق على مثال آخر غير اللي استخدمته من قبل في ردي الأسبق في إحدى المواضيع اللي نزلت فيها هذا الدرس :
كيف اعمل انيميشن في هذه الصورة ؟؟؟؟
... تفضلوا وان شاءالله يكون الشرح وافي .. بس أهم شيء ركزوا .. وجربوا ولا تيأسوا حاولوا أكثر من مره لتصلوا إلى الغايه وان شاءالله ربي الموفق ..:
أولا : افتح برنامج الفوتوشوب ..... ثم قم بإنشاء ورقة عمل جديده وذلك من خلال الضغط على ( Ctrl+N ) وبخلفيه بيضاء وبمقاس مناسب يسع صور الشخصيه اللي راح تجمعها .. وليكن مثلا : ( العرض ) 550 * 200 ( الطول ) كما هو مبين في الصوره التاليه :
[IMG]http://www.*********/2005/12/29/498433938.gif[/IMG]
ثانيا : قــم بإدراج الصوره المحتويه على صور الشخصيات الكثيره ... وأنا قمت بفتح الصوره الأولى للأخ sanke99 ..مثل التالي :
[IMG]http://www.*********/2005/12/29/800363853.gif[/IMG]
[IMG]http://www.*********/2005/12/29/819933704.gif[/IMG]
الحين بتلاحظ أن الصوره ظهرت ولكنها صغيره ..... الحين وبعد ما فتحنا الصوره .... قم بعمل تكبير لها لين ما تشوف الصور واضحه امام ناظرك وذلك من خلال الأداة التاليه : [IMG]http://www.*********/2005/12/29/934441850.gif[/IMG]
[IMG]http://www.*********/2005/12/29/309691252.gif[/IMG]
ثالثا : الآن خطوة التركيز لو ما ركزت كويس وفهمت الشرح يبقى لازم عليك تعيد الدرس من أوله .. شوف الحين وصلنا لأهم مرحله ألا وهي مرحلة التقطيع وفصل الشخصيات ... أو بمعنى أصح فصل حركات الشخصيه اللي انت تريدها عن باقي الشخصيات الأخرى تتحرك ... مع الصور ستفهم أكثر ...
رابعــا : بعد ما كبرنا الصوره ... وحددنا بعيننا اللي راح نطبق عليه ... نروح لأداة التحديد المربعه : [IMG]http://www.*********/2005/12/29/382593246.gif[/IMG] ... [IMG]http://www.*********/2005/12/29/40181437.gif[/IMG]
ونحدد بدقه شديده على الصوره الأولى في سلسلة حركة الشخصيه إليكم الصوره الموضحه ذلك :
[IMG]http://www.*********/2005/12/29/399009022.gif[/IMG]
خامسا : خللي التحديد على شغله ولا تزيله .. وانتقل الى أداة النقل : [IMG]http://www.*********/2005/12/29/231479192.gif[/IMG]
ثم ارجع على الصوره اللي انت حددتها ... وانقلها لورقة العمل اللي سويناها بأول خطوه تذكرونها ؟
حطونها كما بالشكل التالي :
[IMG]http://www.*********/2005/12/29/950919375.gif[/IMG]
سادسا : نكرر عملية التحديد ولكن على الصوره التاليه مباشره .. قم بإلغاء التحديد أولا من على الصوره الأولى وذلك بالضغط على ( Ctrl+D ) ثم الضغط على أداة التحديد المربعه من جديد وحدد الشكل التالي .. ثم اضغط على أداة النقل .. وأنقلها وهي محدده الى ورقة العمل البيضاء .. ليصبح عندك الشكل التالي ...:
[IMG]http://www.*********/2005/12/29/567400222.gif[/IMG]
سابعا : قم بتكرير هذه العمليه ... الغاء التحديد والتحديد من جديد على الصوره التاليه .. ثم الضغط على اداة النقل وانقلها الى حقل العمل .. لين ننتهي من الصور التابعه للحركه الواحده ... ليكون عندنا الشكل النهائي كالتالي :
[IMG]http://www.*********/2005/12/29/863983172.gif[/IMG]
[IMG]http://www.*********/2005/12/29/556782916.gif[/IMG]
يللا شباب الحيــن خلونا ناخد بريك .... (( فاصل إعلاني وسنعود بعد قليل )) ...[IMG]http://www.*********/2005/12/29/766547419.gif[/IMG]
يللا الحين خلصنا من الجزء الأول وهو الفوتوشوب ... الحين بنشتغل على الجزء الأهم وهو الإيمج ريدي ...
(( يقولون هالله هالله على الجد والجد هالله هالله عليه )) .... :D :D
طبعا الكل عارف كيف نروح للإيمج ريدي ... اليكم الصوره أفضل : [IMG]http://www.*********/2005/12/29/959436204.gif[/IMG]
خلاص دور الفوتوشوب مشكور والله ما قصر ويانا .. انتهى ....:D :D ... الحين الإيمج ريدي بس هذا ما يبيله أي دلع ... بمعنى لازم تشتغلون بجد ... لأن مدى دقة الحركه راح تتوقف على شغلكم ...:
أحبائي أول شيء بعد فتح واجهة الإيمج ريدي تأكدوا من وجود شريط الأنيميشن ... واذا ما كان موجود .. روح على قائمة window من فوق وراح تلقون كلمة Animation حطوا جمبها علامة صح ... :
[IMG]http://www.*********/2005/12/29/330779171.gif[/IMG]
هذي الخطوه هي الفاصله بيني وبين كل واحد فيكم ... طبعا الحركه بتختلف من زوق لزوق ... وأنا راح أسوي هذا الدرس على نهايتين أي على حركتين مختلفتين ... ولكم أنتم الإختيار والإبداع ..:اولا : قم بإزالة علامة العين من جانب جميع الليرات الرئيسيه كما هو موضح لك في الصوره التاليه ..:
[IMG]http://www.*********/2005/12/29/68487026.gif[/IMG]
ثانيا : قم بعمل عدد من الليرات في شريط الأنيميشن يساوي عدد الصور التي قطعناهم في الفوتوشوب تذكرونهم ... ؟؟؟
طبعا هنا في الدرس يتطلب مني عمل ستة ليرات لأن عدد الصور هو سته .. :
[IMG]http://www.*********/2005/12/29/525262657.gif[/IMG]
ثالثا : والآن نبي تركيز أكثر ... روح للير الأول في شريط الأنميشن واضغط عليه ضغطه واحده ( Left click ) .. بعدين روح لللير الأول من صندوق الليرات الأصليه واظهر علامة العين التي بجانبه ...كما هو موضح :
[IMG]http://www.*********/2005/12/29/378295337.gif[/IMG]
رابعا : قم بعملية تكرار ما سبق في الخطوه السابقه ولكن مع إزالة العين عن اللير الأول في كل مره ... بمعنى حدد اللير الثاني من شريط الأنيميشن .. ثم زيل العين عن اللير الأول من صندوق الليرات الرئيسيه .. واظهر العين جانب اللير الثاني ... وهكذا مع كل للير ... ... الى أن تصل الى اللير السادس ... الحين غير الزمن أسف كل لير في شريط الأنيميشن إلى 0.2 .... قم الآن بالضغط على علامة التشغيل ( Play ) في شريط الأنيميشن ... لترى النتيجه بنفسك ..:[IMG]http://www.*********/2005/12/29/556001764.gif[/IMG]هل النتيجه مثل هذه ؟؟؟ إذن مبروك عليك التطبيق الأول بنجاح ...!!
انا سويت تطبيق ثاني .... وراح احطه ... يعني بطريقه أخرى ..:
[IMG]http://www.*********/2005/12/29/455221083.gif[/IMG]
يللا الحين أقدر أقولكم الدرس انتهى وناطر تطبيقاتكم ... والله عاد ما يصير لازم الكل يطبق علشان أحس بالمجهود ما راح هدر ... ومشكورين ... الدرس طويل بس جميل وتحس معاه انك مبدع صح ؟؟
تقبلوا مني أجمل التحيات وأرق الهمسات وجزيل الشكريات وغالي الأمنيات .. لكم مني دائما .. بالتوفيق الدائم والنجاح المستمر .... أخوكم :..:: LoOoOoOove-stoOoOoOory ::..
وهنا قد وضعت لكم في المرفقات للتحميل ... الصور التي من الممكن استخدامها لعمل مثل هذه الصور المتحركه (( الأنيميشن )) .. والفضل يعود للأخ sanke99 فهو صاحب هذه الصور ... !!!
