[درس مفصل]::|[ إطار متحرك جميل بدون توقف ]|

[loulou ange]

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








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





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



http://www.m5zn.com/uploads/e24be0b463.gif




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


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






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

سيظهر لنا مساحة عمل صغيره جدا ، نقوم بتكبيرها عن طريق أداة التكبير http://www.m5zn.com/uploads/7b9aa85bd3.jpg

وعن طريق أداة القلم http://www.m5zn.com/uploads/5b3e6e86dc.jpg ونختار مقاسة 1 بيكسل ، نقوم برسم الشكل التالي



http://www.m5zn.com/uploads/4bba3c9cdf.jpg




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



http://www.m5zn.com/uploads/f4895e5834.jpg




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

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

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



http://www.m5zn.com/uploads/3437127075.jpg




نقوم بإضافة طبقة جديدة فارغه http://www.m5zn.com/uploads/b6ec596719.jpg أو Layer > New > Layer

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


http://www.m5zn.com/uploads/c24327ef6c.jpg


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

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



http://www.m5zn.com/uploads/3f5c5bc49a.jpg




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



http://www.m5zn.com/uploads/45dfa242b0.jpg




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

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


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


http://www.m5zn.com/uploads/0fb13d50e2.jpg




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

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



http://www.m5zn.com/uploads/55ba5a4c2a.jpg




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

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

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



http://www.m5zn.com/uploads/c746549b8e.jpg




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

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



http://www.m5zn.com/uploads/0e0f84405a.jpg




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

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

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



http://www.m5zn.com/uploads/db7d0e4e88.jpg




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

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

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



http://www.m5zn.com/uploads/398f25405c.jpg




ومن نافذة Animation نضيف 7 فريمات عن طريق http://www.m5zn.com/uploads/ce04840e37.jpg وسيكون مجموعها 8 فريمات مع الفريم الأول



http://www.m5zn.com/uploads/9b7fd5448f.jpg




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



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

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

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

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

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

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

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

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



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



http://www.m5zn.com/uploads/100eba0ae7.gif




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



http://www.m5zn.com/uploads/df8f848bb2.gif







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

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



لـــتـــحــمـــيــــل الــــــدرس مفصل (http://upload.9q9q.net/file/6A4wSRcA6Tp/FrameLesson.rar.html-Accounting.html)




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

أخوكم / حمود




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©