درس لعمل اطارات متحركة

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

هذا الدرس لكثرة طلبات بعض الأعضاء عليه ، بعد وضعي لصورة رمزية كان بها اطار متحرك

درس لعمل اطارات متحركة E24be0b463

الدرس عبارة عن اطار متحرك جميل يعطي شكل غير متوقف ، أتمنى أن يحوز على اعجابكم

الحين نبدأ بالدرس وأتمنى منكم التركيز وتطبيقه خطوة خطوة ::

أول شي نجهز الباترن اللي راح نستخدمه نفتح عمل جديد ( الطول 8 ، العرض 8 )

سيظهر لنا مساحة عمل صغيره جدا ، نقوم بتكبيرها عن طريق أداة التكبير درس لعمل اطارات متحركة 7b9aa85bd3

وعن طريق أداة القلم درس لعمل اطارات متحركة 5b3e6e86dc

ونختار مقاسة 1 بيكسل ، نقوم برسم الشكل التالي

درس لعمل اطارات متحركة 4bba3c9cdf

ومن شريط القوائم نختار Edit > Define Pattern ( لإضافة الباترن )

درس لعمل اطارات متحركة F4895e5834

بعد ذلك نقوم بفتح العمل الذي نريد إضافة إطار متحرك له

ولأفضل النتائج يفضل أن يكون مقاسات العمل من مضاعفات 8

قمت بفتح صورة رمزية والمقاسات ( 136 × 136 )

درس لعمل اطارات متحركة 3437127075

نقوم بإضافة طبقة جديدة فارغه درس لعمل اطارات متحركة B6ec596719

أو Layer > New > Layer

ونختار من أدوات التحديد أداة التحديد الأفقية

درس لعمل اطارات متحركة C24327ef6c

ونختار طولها 0 بيكسل من شريط خيارات الأداة بالأعلى

ونقوم بالضغط ونسحب التحديد لأعلى التصميم

درس لعمل اطارات متحركة 3f5c5bc49a

من شريط القوائم نختار Edit > Fill ونختار الباترن الذي قمنا بصنعه ونضغط موافق

درس لعمل اطارات متحركة 45dfa242b0

نقوم بإزالة التحديد ، ثم نقوم بمضاعفة الطبقة Ctrl+J أو Layer > Duplicate Layer

ونضغط Ctrl+T للتحكم ومن الأسهم في لوحة المفاتيح نسحبها إلى اليسار مسافة كافيه ثم نضغط Enter

( لاننسى حين إزاحة الطبقة المضاعفه لليسار أن تكون ألوان الطبقة مطابقة لألوان الطبقة التي أسفلها )

درس لعمل اطارات متحركة 0fb13d50e2

ثم نضغط Ctrl+E لدمج الطبقة العليا مع الطبقة التي أسفل منها

ثم نتحكم بالطبقة Ctrl+T ونجعل اللون الأسود على طرف التصميم الأيسر

درس لعمل اطارات متحركة 55ba5a4c2a

الان نكوّن الحركة ؛؛

نقوم بمضاعفة الطبقة وتحريكها لجهة اليمين مرة فقط

ونكرر نفس العملية حتى يصبح عندنا 8 طبقات للإطار مختلفه عن بعض

درس لعمل اطارات متحركة C746549b8e

الان نخفي علامة العين عن جميع الطبقات ماعدا طبقة الخلفية

وتصبح ترتيب وشكل الطبقات كالتالي

درس لعمل اطارات متحركة 0e0f84405a

ثم نكرر السابق ولكن على الجهة اليمنى ،، وذلك بتكرار أحد طبقات الإطار

ثم تدويرها 90 درجة عن طريق شريط القوائم Edit > Transform > Rotate 90 CW

نتحكم فيه عن طريق Ctrl+T نجعله في اليمين

درس لعمل اطارات متحركة Db7d0e4e88

نكرر الخطوات السابقة عليه ثم نكررها بالأسفل وباليسار

حتى يصبح ترتيب الطبقات ( 8 طبقات للأعلى ، 8 لليمين ، 8 للأسفل ، 8 لليسار )

بعد ماننتهي نخفي جميع علامات العين بجانب الطبقات وثم نرسل العمل إلى برنامج الإيمج ردي

درس لعمل اطارات متحركة 398f25405c

ومن نافذة Animation نضيف 7 فريمات عن طريق درس لعمل اطارات متحركة Ce04840e37

وسيكون مجموعها 8 فريمات مع الفريم الأول

درس لعمل اطارات متحركة 9b7fd5448f

ولمن لم تظهر لديه هذه النافذة من شريط القوائم نختار Windows نختار Animation

نحدد الفريم الأول ، ومن نافذة الطبقات نضع علامه العين عند الطبقات التالية

طبقة الاطار العلوي رقم 1

طبقة الاطار اليمين رقم 1

طبقة الاطار الأسفل رقم 1

طبقة الاطار اليسار رقم 1

ثم نحدد الفريم الثاني ثم نزيل جيمع علامات العين ونضعها كما السابق ولكن رقم 2 لكل جهة

نكرر السابق على جميع الفريمات وكل فريم على حسب رقمه

ثم نقوم بحفظ العمل بصيغة Gif

ستصبح النتيجة النهائيه بعد بعض الإضافات ::

درس لعمل اطارات متحركة 100eba0ae7

تــطــبــيـــق آخـــــر ( تم تطبيق الدرس عليه للإطار العلوي والسفلي فقط )

درس لعمل اطارات متحركة Df8f848bb2

بكذا نكون إنتهينآ من آلدرس

أتمنى إنه أعجبكم و كآن سهل عليكم

لـــتـــحــمـــيــــل الــــــدرس

تقبلوآ تحيآتي