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

Gogo · منذ /09-01-2008, 08:38 PM

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

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

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

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

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

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

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

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

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

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

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

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

نقوم بإضافة طبقة جديدة فارغه أو Layer > New > Layer

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ومن نافذة Animation نضيف 7 فريمات عن طريق وسيكون مجموعها 8 فريمات مع الفريم الأول

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

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

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

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

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

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

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

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

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

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

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

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

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

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

أخوكم / حمود

المصدر: ACTION ACADMY أكاديمية أكشن - من قسم: دروس الديزين Design Lessons

F]vsD::|F Y'hv ljpv; [ldg f],k j,rt D|

Broken Girl · منذ /26-01-2008, 02:08 PM

شكرا على الدرس

جاارى التطبيق

BLACK KNIGHT · منذ /23-06-2008, 05:27 PM

......................مشكور ......................... .....................مشكو ر............
.................مشكور... ......مشكور.............. .........مشكور.........مشكور.....
...............مشكور..... ..........مشكور...............مشكور..... ........... مشكور.....
...............مشكور..... ....................مشكور ......................... .....مشكور.....
.................مشكور... ......................... ......................... .....مشكور.......
...................مشكور. ......................... ......................... ...مشكور.....
......................مشك ور....................black Kngith.................. مشكور.......
......................... مشكور.................... ....................مشكور ......
......................... ...مشكور................. ................مشكور.... ....
......................... ......مشكور.............. ............مشكور........
......................... .........مشكور........... .......مشكور...........
......................... ............مشكور.......مشكور........... .....
......................... ....................مشكور .......................

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري