Hitskin.com

المقدمة

وصلتنا الكثير من
الأسئلة حول إمكانية تصميم الرسوم المتحركة باستخدام الفوتوشوب والإمج ردي،
وبالتأكيد الإجابة كانت نعم، يمكنكم تصميم الرسوم المتحركة باستخدام هذه البرامج،
لكن يلزمك الكثير من الممارسة والخبرة في استخدام الأدوات، والكثير من التركيز فيما
تقوم به.

لتجعل هذا الدرس خطوتك
الأولى لتحقيق ذلك، حيث سنتعلم من خلاله كيفية تحريك الأشياء في التصميم بشكل سلس
ومتناسق، وفي خطوات سهلة وبسيطة.

أسعدنا بمتابعتك

مثال على الدرس
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أدوات الدرس

الخطوة
الأولى

لتطبيق الدرس يمكنك أن
تختار أي شكل ترغب فيه، سواءً اخترت صورة خارجية، أو شكل من الأشكال المتوافرة في
الفوتوشوب (shapes)، أو أن تقوم برسمك الخاص في
الفوتوشوب. حسب خبرتك أو حاجة تصميمك.

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

إذا أردت أن تستخدم هذه
الصورة، قم بتخزينها في جهازك، ثم افتح برنامج الفوتوشوب واتجه لقائمة File
واختر Open، استخرج الصورة من المكان
الذي قمت بتخزينه.

ستلاحظ ظهور الصورة بهذا
الشكل ... ( لاحظ الصورة + بوكس الليرات)
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ملاحظة .. في حال عدم ظهور بوكس
الليرات عندك .. أو رغبت أن تتعرف أكثر على هذا الجزء المهم من الفوتوشوب .. اتبع
الرابط التالي ..

هل لاحظت وجود علامة
القفل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
على لير الأرنب في بوكس الليرات؟
عليك أن ترفع هذا القفل المزعج .. كي نستطيع أن نكمل عملنا بسهولة ..

عفواً ..
عفواً .. ما هو علامة القفل؟؟ ولماذا علي رفعه؟؟ وكيف أرفعه أصلاً؟؟[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أحسنت
..

تساؤلات ذكية .. تعبر عن مدى اهتمامك بالتعلم .. ولتحصل على
المعلومات المطلوبة ,, اتبع الرابط التالي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] ..

الخطوة الثانية

وبعد أن رفعت علامة القفل .. عليك
أن تحدد محتوى اللير ..

لذا .. تابع معي

طبق الأمر التالي
Select >> Load Selection
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ستظهر لك هذه النافذة ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اضغط على Ok

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

لاحظ مساحة العمل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والآن قم بنسخ ما قمت
بتحديده

هناك طريقتان لتنفيذ
عملية النسخ ..

1- إما أن تضغط على
Ctrl + C من لوحة المفاتيح ..

2- أو أن تتجه لقائمة
Edit وتختر أمر Copy
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد هذه العملية .. اترك
الأرنب ليرتاح قليلاً .. واتجه للخطوة الثالثة ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة الثالثة

قم بفتح مساحة عمل جديدة
،، عن طريق:
File >> New

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

سيظهر لك بوكس آخر كي تدخل البيانات
المطلوبة لمساحة العمل .. وقد اخترنا البيانات التالية

العرض = 300
= Width
الطور = 140 = Height
Resolution = 72
Color Mode = RGB Color / 8 bit
Background Contents = Transparent

تابع البيانات السابقة في الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والآن .. ألصق ما قمت بنسخه ..

وهناك طريقتان للصق .. اختر أحدهما ..

1- إما أن تضغط على Ctrl + V من لوحة
المفاتيح

2- أو أن تتجه لقائمة Edit وتختر آمر Paste

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لاحظ مساحة العمل بعد أن
قمت بعملية اللصق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة الرابعة

هل نجحت في نقل الأرنب
لمساحة العمل الجديدة؟
إذا أجبت بنعم .. فهذا يعني أنك أنهيت الجزء الخاص في الفوتوشوب .. وحان الوقت
للانتقال للإمج ردي ..

الأرنب مستعد للانتقال
.. هل أنت مستعد؟؟

عفواً .. كيف أنتقل للإمج ردي؟!!

من لوحة المفاتيح .. اضغط على
Shft + Ctrl + M

ممممممم .. هل واجهت صعوبة في الانتقال؟؟

لا بأس .. ألق نظرة على الرابط التالي .. كي تحصل على
معلومات أكثر حول الإمج ردي بشكل عام ,, وكيفية الانتقال إليه ..

لا تنسى أن تعود للدرس لتتابع الخطوة الخامسة .. لا تجعل
الأرنب ينتظر طويلاً !
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أهلاً ومرحباً بك في
الإمج ردي .. حيث سنصمم العجائب !!

يفترض أن تجد العناصر
الثلاثة أمامك في برنامج الإمج ردي

مساحة العمل
بوكس الليرات Layers
شريط الحركة Animation

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة الخامسة

اتجه لشريط الحركة .. وقم بنسخ برواز الأرنب
عن طريق الضغط على المربع الصغير[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الموجود أسفل شريط الحركة ..

لاحظ الصورة المتحركة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اتجه للخطوة السادسة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة السادسة

والآن .. اضغط بالماوس ـ
الفأرة ـ على البرواز رقم 1 في شريط الحركة .. لتقوم بتفعيله ..

لاحظ أن إطار البرواز
رقم 1 تحول للون الأزرق .. أي أن التأثيرات التي سنحدثها في مساحة العمل ستخزن على
البرواز رقم 1 ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والآن اختر أداة المؤشر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] .. ستجده في قائمة
الأدوات الموجود على يسار شاشة الإمج ردي .. ستكون في أعلى زاوية اليمين ..

لاحظ مكانها في الصورة التالية ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملاحظة .. مكان أداة المؤشر هو نفسه سواءً في الإمج
ردي أو الفوتوشوب ..

بعد أن اخترت أداة المؤشر اتجه للوحة المفاتيح عندك .. وبالذات عند الأسهم .. شاهد
مكانها في لوحة مفاتيحك ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هل لاحظت مكان الدائرة الحمراء في الصورة ؟ سنستخدم مفاتيح الأسهم التي تم تحديدها
..

المطلوب نقل صورة الأرنب ليمين مساحة العمل .. لذا عليك أن تضغط
على السهم الذي يتجه نحو اليمين

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ــ أبقِ يدك على السهم حتى تجد أن الصورة اختفت في ناحية اليمين ــ

لاحظ وضع مساحة العمل مع شريط الحركة بعد تنفيذ الخطوة السابقة ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة السابعة

والآن .. انتقل مرة أخرى لشريط
الحركة Animation وقم بتفعيل البرواز رقم 2 .. وذلك عن
طريقة الضغط عليه بالفأرة ـ الماوس ـ كما فعلنا في المرة الأولى ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

عودة أخرى للوحة المفاتيح والأسهم ،، لكن هذه المرة سنستخدم السهم المتجه لليسار ..
والهدف منه نقل صورة الأرنب مع سيارته ـ الكشخة ـ ليسار مساحة العمل ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

انقل السيارة لليسار حتى
تختفي .. وتصبح مساحة العمل فارغة ..

وبذلك انتهينا من الخطوة
السابعة ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة الثامنة

في هذه الخطوة سنقوم
بإضافة تأثير الحركة على السيارة ..

لكن قبل أن نبدأ بذلك .. علينا أن نغير توقيت البروازين .. لاحظ معي في شريط الحركة
.. أسفل كل برواز ستجد هذه الكتابة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
.. اضغط عليها بالفأرة ـ الماوس ـ ستظهر لك قائمة صغيرة اختر منها l
.. 0.1 secondsنظر للصورة التوضيحية ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كرر نفس العملية مع البرواز رقم 2

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والآن
.. قم بتفعيل البرواز رقم 1 كما فعلت في المرة السابقة .. وذلك عن طريق الضغط عليه
بالفأرة ـ الماوس ـ

ثم اتجه لأسفل شريط الحركة .. ستجد أيقونة صغيرة تتكون من دوائر صغيرة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة].. وهي رمز التوين Tween
.. ستلاحظ ظهور نافذة لتحدد إحداثيات التوين ..

أدخل البيانات الموضحة
في الصورة .. ثم اضغط على Ok
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هل لاحظت
التغيير الذي طرأ على شريط الحركة Animation ?

والآن شاهد سيارتك المتحركة .. وأسعد الأرنب بهذه الجولة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اضغط على رمز التشغيل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] .. شاهد
مكانة في شريط الحركة.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة
التاسعة

قم
بتخزين
العمل عن طريق في الإمج ردي ..

اتجه لـ

File >> Save Optimized As

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم اختر اسما مناسبا واضغط OK

ملاحظة
.. إن واجهت أية مشاكل في التخزين ،،
فمرورك على هذا الرابط
سيفيدك ..

وهذه هي النتيجة النهائية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أرجو أن ينال الدرس
إعجابكم

جزاكم الله خيراً
ومنتظره تطبيقاتكم

شكرا لكي

شكرا على مرورك يابطله

الدرس رووعه بس انا سويته
بكلام متحرك بدل السياره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

» كيفيه تغير شكل الفولدر العادى
» الكتبه على الصور المتحركه وتيق كم هيه
» طريقة عمل المكرونة بالباشميل (بالصور المتحركه)
» [تم الحل]موقع لصنع الايقوونات المتحركه

Hitskin.com

كيفيه عمل السياره المتحركه