عمل بسيط لتصميم متحرك (توقيعات وغيرها)

[مختفي]

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


:sm142:
مرحبا ملايين


موضوع اليوم جميل :sm288:
كيف بإمكاننا عمل تصميم متحرك؟ :sm136:
ولكن يحتاج منا القليل من التدريب، مرة بعد مرة، حتى لا ننسى الخطوات التي علينا عملها

*****


في البداية أذكركم بأن هذا الموضوع مرتبط مع الموضوع السابق على هذا الرابط

http://forum.alrams.net/showthread.php?p=1059417029#post1059417029


نقوم بالخطوات السابقة ما عدا الدمج، حيث إننا نحتاج المحافظة على الطبقات كما هي لتحريكها
*****


نبدأ درسنا اليوم كالتالي


ننسخ صورة الخلفية أو إن أردتم استخدام صورة إضافية فلا بأس








طريقة نسخ الصورة:



1- من القائمة الرئيسية> طبقة> مضاعفة الطبقة

http://www.alrams.net/up2/uploads/images/alrams.net-cb73bef1ce.jpg


ملاحظة:

تأكد من اختيارك للطبقة المراد نسخها أو مضاعفتها (تظهر باللون الأزرق)




2- أو من خلال سحب الطبقة (الخلفية) للأسفل ومن ثم إفلاتها فتظهر نسخة للخلفية كما هو واضح

http://www.alrams.net/up2/uploads/images/alrams.net-14c93c8ef5.jpg
>>هنا أسحب الطبقة (الخلفية)

http://www.alrams.net/up2/uploads/images/alrams.net-4acca883fa.jpg
>> هنا أتركها أو أفلتها عند مربع (طبقة جديدة)




3- أو بوضع المؤشر على الطبقة والضغط على الزر اليمين للفأرة
http://www.alrams.net/up2/uploads/images/alrams.net-5704b16864.jpg







تظهر لنا قائمة صغيرة

http://www.alrams.net/up2/uploads/images/alrams.net-2a933a44f8.jpg











نضغط على مضاعفة الطبقة



http://www.alrams.net/up2/uploads/images/alrams.net-4cf7b6a69f.jpg







يظهر لنا هذا الإطار (إن أردنا تسمية الطبقة باسم آخر)، نضغط على موافق


http://www.alrams.net/up2/uploads/images/alrams.net-0905ae6113.jpg











هكذا تم مضاعفة الطبقة، أو إضافة طبقة جديدة


http://www.alrams.net/up2/uploads/images/alrams.net-d7193407fa.jpg





علينا الآن أن نرتب الطبقات

نرفع الطبقة (نسخة الخلفية) للأعلى


http://www.alrams.net/up2/uploads/images/alrams.net-132af0f207.jpg



إذن يظهر ترتيب الطبقات كالتالي (من الأسفل إلى الأعلى):صورة- كتابة- صورة- كتابة


* بعد ذلك، علينا أن ندمج الصورة بالكتابة في طبقة واحدة


نزيل شكل العين من جميع الطبقات، وذلك بالضغط عليه، ونبقي على الطبقتين الأولى والثانية




http://www.alrams.net/up2/uploads/images/alrams.net-17a7950eb7.jpg

>> تكون إحدى الطبقتين اللتين نريد دمجهما معاً باللون الأزرق، كما يتضح من موضع اليد




كما وضحت سابقاً في طريقة الدمج (السهم الجانبي للإطار، ودمج المرئي)



http://www.alrams.net/up2/uploads/images/alrams.net-b7aa5c0acc.jpg







هكذا تم دمج الطبقتين بطبقة واحدة


http://www.alrams.net/up2/uploads/images/alrams.net-a42031d919.jpg





ثم نزيل شكل العين من الطبقة التي تم دمجها، ونضغط على شكل العين في الطبقتين التاليتين

http://www.alrams.net/up2/uploads/images/alrams.net-73c03a9fd5.jpg

ونتأكد مرة أخرى من الضغط على الطبقة التي سندمجها مع الطبقة الأخرى (أي تكون باللون الأزرق)




وهكذا تم دمج الطبقات


http://www.alrams.net/up2/uploads/images/alrams.net-0f5966e465.jpg







ملاحظة:
أحياناً أخطئ في تنفيذ إحدى الخطوات، وفي بعض الأحيان لكثرة الخطوات لا أستطيع العودة إلى الخلف من حيث أخطأت، لذا ألجأ إلى عمل نقطة انطلاق حتى لا أضطر لإعادة العمل مرة أخرى، وذلك من خلال الضغط على جانب الخطوة التي أكون متأكداً من صحتها، فيظهر شكل فرشاة




http://www.alrams.net/up2/uploads/images/alrams.net-85610b5517.jpg







وهكذا نكون قد انتهينا من برنامج الفوتوشوب






ننتقل الآن إلى برنامج ImageReady

يمكنكم الضغط هنا، أسفل صندوق الأدوات

http://www.alrams.net/up2/uploads/images/alrams.net-5b189b6d25.jpg



أو من القائمة الرئيسية> ملف> تحرير في الإيميج ردي

http://www.alrams.net/up2/uploads/images/alrams.net-2890dcce94.jpg





>> يتبع

[مختفي]

عدنا لنكمل... :sm251:







الآن قمنا بفتح البرنامج


http://www.alrams.net/up2/uploads/images/alrams.net-352501c74a.jpg










لعمل حركة للطبقات من القائمة الرئيسية> نافذة> مشاهد الحركة


http://www.alrams.net/up2/uploads/images/alrams.net-8b838edb4c.jpg









يظهر شريط الحركة في الأسفل


http://www.alrams.net/up2/uploads/images/alrams.net-65658a26ce.jpg









نضغط على "إنشاء إطارات من الطبقات"


http://www.alrams.net/up2/uploads/images/alrams.net-4fb2d070d0.jpg











بعد ذلك نحدد فترة تأجيل الإطار (توقيت الظهور بين كل شريحة وأخرى)


نضغط على السهم الصغير

http://www.alrams.net/up2/uploads/images/alrams.net-04247bb9a3.jpg





من الخيارات: أجزاء من الثانية أو ثانية أو ثانيتين أو خمس ثوانٍ
اخترت تأجيل ثانيتين


http://www.alrams.net/up2/uploads/images/alrams.net-a96310e863.jpg



ثم أكرر ذلك في الإطار التالي


أو إن أردتم تغيير الاختيار فلا بأس، حيث إنني رأيت أن ما يناسب تصميمي هو ثانيتين، كلٌ حسب تصميمه







بعد ذلك نقوم بالضغط على "تشغيل" (play)


http://www.alrams.net/up2/uploads/images/alrams.net-27cbf2c50a.jpg





والآن، بعد أن انتهينا تماماً من التصميم نقوم بحفظه عن طريق ما يلي:





القائمة الرئيسية> ملف> حفظ المحسّن باسم




http://www.alrams.net/up2/uploads/images/alrams.net-f465d4d698.jpg







نكتب اسم الملف


http://www.alrams.net/up2/uploads/images/alrams.net-becb05447d.jpg



سيتم حفظ التصميم كملف بصيغة gif






***



وهذه هي نتيجة التصميم :sm125:



http://www.alrams.net/up2/uploads/images/alrams.net-475fdd1b02.gif





انتهيت :sm120:



*****




أعلم أن الدرس كان طويلاً، ولكن النتيجة تستحق :aa_cup:



أتمنى أن يكون الدرس سهلاً عليكم، مع الممارسة :sm122:





تمنياتي لكم بالتوفيق الدائم




دمتم بحفظ الله ورعايته

[إمـرأه لا تُنسـى]

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



ابدعت بالشرح




تطبيقي المتواضع





http://www.alrams.net/up2/uploads/images/alrams.net-9be61073f6.gif

حفظك الرحمن

[مختفي]

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



ابدعت بالشرح




تطبيقي المتواضع





http://www.alrams.net/up2/uploads/images/alrams.net-9be61073f6.gif

حفظك الرحمن


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

أهلاً وسهلاً بكِ أختي العزيزة/ امرأة لا تُنسى http://www.alrams.net/up2/uploads/images/alrams.net-c0720d0e22.gif

ممم لا أعرف ما أقول، شكراً :shy:


حاولت شرح الدرس بشكل مبسط قدر الإمكان
>> بس إن شاء الله ما يتلخبطون أعضاءنا بالتطبيق :aa_kaaak:

بالعكس، تصميم جداً جميل :i like it: إبداع

أسعدتني مشاركتكِ http://www.alrams.net/up2/uploads/images/alrams.net-a78488e988.gif

ونتمنى أن نكون عند حسن ظنكم http://www.alrams.net/up2/uploads/images/alrams.net-f66c690991.gif

حفظك الله ورعاكِ من كل سوء