~~((منتديات نجوم الزمن))~~
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
~~((منتديات نجوم الزمن))~~

حياكم الله في المنتدى
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 السيارة المتحركة

اذهب الى الأسفل 
5 مشترك
كاتب الموضوعرسالة
cool hilary
•● Έ Ṃ ό
cool hilary


عدد الرسائل : 1923
تاريخ التسجيل : 12/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالسبت يوليو 14, 2007 12:03 am

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

السيارة المتحركة Ex
السيارة المتحركة Gold2L
أدوات الدرس
الخطوة الأولى
لتطبيق الدرس يمكنك أن تختار أي شكل ترغب فيه، سواءً اخترت صورة خارجية، أو شكل من الأشكال المتوافرة في الفوتوشوب (shapes)، أو أن تقوم برسمك الخاص في الفوتوشوب. حسب خبرتك أو حاجة تصميمك.
في الدرس سنطبق التأثير على صورة، وبما أن الموضوع عن الحركة، اخترت هذا الشكل الكرتوني الظريف، وهو عبارة عن أرنب يقود سيارة!
السيارة المتحركة Rabbit
إذا أردت أن تستخدم هذه الصورة، قم بتخزينها في جهازك، ثم افتح برنامج الفوتوشوب واتجه لقائمة File واختر Open، استخرج الصورة من المكان الذي قمت بتخزينه.
ستلاحظ ظهور الصورة بهذا الشكل ... ( لاحظ الصورة + بوكس الليرات)
السيارة المتحركة 1
ملاحظة .. في حال عدم ظهور بوكس الليرات عندك .. أو رغبت أن تتعرف أكثر على هذا الجزء المهم من الفوتوشوب .. اتبع الرابط التالي ..
هل لاحظت وجود علامة القفل السيارة المتحركة Qfl على لير الأرنب في بوكس الليرات؟
عليك أن ترفع هذا القفل المزعج .. كي نستطيع أن نكمل عملنا بسهولة ..
عفواً .. عفواً .. ما هو علامة القفل؟؟ ولماذا علي رفعه؟؟ وكيف أرفعه أصلاً؟؟السيارة المتحركة Thinking
[url=]أحسنت [/url].. تساؤلات ذكية .. تعبر عن مدى اهتمامك بالتعلم .. ولتحصل على المعلومات المطلوبة ,, اتبع الرابط التالي السيارة المتحركة Content ..
السيارة المتحركة Gold2L
الخطوة الثانية
وبعد أن رفعت علامة القفل .. عليك أن تحدد محتوى اللير ..
لذا .. تابع معي
طبق الأمر التالي
Select >> Load Selection
السيارة المتحركة LoadSelection

ستظهر لك هذه النافذة ..
السيارة المتحركة LoadSelection2

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

لاحظ مساحة العمل
السيارة المتحركة 4
والآن قم بنسخ ما قمت بتحديده
هناك طريقتان لتنفيذ عملية النسخ ..
1- إما أن تضغط على Ctrl + C من لوحة المفاتيح ..
2- أو أن تتجه لقائمة Edit وتختر أمر Copy
السيارة المتحركة Copy
بعد هذه العملية .. اترك الأرنب ليرتاح قليلاً .. واتجه للخطوة الثالثة .. السيارة المتحركة Hhh
الخطوة الثالثة
قم بفتح مساحة عمل جديدة ،، عن طريق:
File >> New
السيارة المتحركة New
سيظهر لك بوكس آخر كي تدخل البيانات المطلوبة لمساحة العمل .. وقد اخترنا البيانات التالية
العرض = 300 = Width
الطور = 140 = Height
Resolution = 72
Color Mode = RGB Color / 8 bit
Background Contents = Transparent
تابع البيانات السابقة في الصورة التالية
السيارة المتحركة 2
بعد أن تنتهي من إدخال بيانات مساحة العمل في البوكس السابق، اضغط على Ok ، ستلاحظ ظهور مساحة العمل بالشكل التالي:

السيارة المتحركة 3
والآن .. ألصق ما قمت بنسخه ..

وهناك طريقتان للصق .. اختر أحدهما ..
1- إما أن تضغط على Ctrl + V من لوحة المفاتيح
2- أو أن تتجه لقائمة Edit وتختر آمر Paste
السيارة المتحركة Paste
لاحظ مساحة العمل بعد أن قمت بعملية اللصق
السيارة المتحركة 5
السيارة المتحركة Gold2L
الخطوة الرابعة
هل نجحت في نقل الأرنب لمساحة العمل الجديدة؟
إذا أجبت بنعم .. فهذا يعني أنك أنهيت الجزء الخاص في الفوتوشوب .. وحان الوقت للانتقال للإمج ردي ..
الأرنب مستعد للانتقال .. هل أنت مستعد؟؟
عفواً .. كيف أنتقل للإمج ردي؟!!
من لوحة المفاتيح .. اضغط على Shft + Ctrl + M

ممممممم .. هل واجهت صعوبة في الانتقال؟؟
لا بأس .. ألق نظرة على الرابط التالي .. كي تحصل على معلومات أكثر حول الإمج ردي بشكل عام ,, وكيفية الانتقال إليه ..
لا تنسى أن تعود للدرس لتتابع الخطوة الخامسة .. لا تجعل الأرنب ينتظر طويلاً ! السيارة المتحركة Hhh
السيارة المتحركة Gold2L
أهلاً ومرحباً بك في الإمج ردي .. حيث سنصمم العجائب !!
يفترض أن تجد العناصر الثلاثة أمامك في برنامج الإمج ردي

مساحة العمل
بوكس الليرات Layers
شريط الحركة Animation
السيارة المتحركة 6
في حال لم تجد بوكس الليرات ،، أو شريط الحركة أمامك في الشاشة أو قمت بحذفها خطأً ،، اتبع الرابط التالي ،، كي تتعرف على كيفية إحضارها
السيارة المتحركة Gold2L
الخطوة الخامسة
اتجه لشريط الحركة .. وقم بنسخ برواز الأرنب عن طريق الضغط على المربع الصغيرالسيارة المتحركة Layer الموجود أسفل شريط الحركة ..
لاحظ الصورة المتحركة
السيارة المتحركة 7

اتجه للخطوة السادسة
السيارة المتحركة 79an
الخطوة السادسة
والآن .. اضغط بالماوس ـ الفأرة ـ على البرواز رقم 1 في شريط الحركة .. لتقوم بتفعيله ..
لاحظ أن إطار البرواز رقم 1 تحول للون الأزرق .. أي أن التأثيرات التي سنحدثها في مساحة العمل ستخزن على البرواز رقم 1 ..
السيارة المتحركة 8
والآن اختر أداة المؤشر السيارة المتحركة MoAsherjewels .. ستجده في قائمة الأدوات الموجود على يسار شاشة الإمج ردي .. ستكون في أعلى زاوية اليمين ..

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

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

السيارة المتحركة Keyboard0

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

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

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

لاحظ وضع مساحة العمل مع شريط الحركة بعد تنفيذ الخطوة السابقة ..
السيارة المتحركة 10
السيارة المتحركة Gold2L
الخطوة السابعة

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

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

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

لكن قبل أن نبدأ بذلك .. علينا أن نغير توقيت البروازين .. لاحظ معي في شريط الحركة .. أسفل كل برواز ستجد هذه الكتابة السيارة المتحركة 0sec .. اضغط عليها بالفأرة ـ الماوس ـ ستظهر لك قائمة صغيرة اختر منها l .. 0.1 secondsنظر للصورة التوضيحية ..
السيارة المتحركة 11
كرر نفس العملية مع البرواز رقم 2
السيارة المتحركة GoldS
والآن .. قم بتفعيل البرواز رقم 1 كما فعلت في المرة السابقة .. وذلك عن طريق الضغط عليه بالفأرة ـ الماوس ـ

ثم اتجه لأسفل شريط الحركة .. ستجد أيقونة صغيرة تتكون من دوائر صغيرة السيارة المتحركة Tweens.. وهي رمز التوين Tween .. ستلاحظ ظهور نافذة لتحدد إحداثيات التوين ..
أدخل البيانات الموضحة في الصورة .. ثم اضغط على Ok
السيارة المتحركة 12
هل لاحظت التغيير الذي طرأ على شريط الحركة Animation ?

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

اضغط على رمز التشغيل السيارة المتحركة Play .. شاهد مكانة في شريط الحركة.
السيارة المتحركة 13
السيارة المتحركة Gold2L
الخطوة التاسعة
قم بتخزين العمل عن طريق في الإمج ردي ..
اتجه لـ
File >> Save Optimized As
السيارة المتحركة Save-Optimaized-As
ثم اختر اسما مناسبا واضغط OK

[color=#006699] [color:0084=#006699:0084]ملاحظة .. إن واجهت أية مشاكل في التخزين ،، فمرورك على هذا الرابط سيفيدك ..

وهذه هي النتيجة النهائية
السيارة المتحركة Ex
السيارة المتحركة Gold2L
أرجو أن ينال الدرس إعجابكم
جزاكم الله خيراً
الموضوع منقووووول من جواهر الامارات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
!.°» Ḿ!M
•● Έ Ṃ ό
!.°» Ḿ!M


عدد الرسائل : 355
العمر : 29
تاريخ التسجيل : 08/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالسبت يوليو 14, 2007 9:19 am

كثيــــــر ناس مايعرفوا يخلوا الاشيـــاء تتحرك وانتي الحين ساعدتيهم..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
cool hilary
•● Έ Ṃ ό
cool hilary


عدد الرسائل : 1923
تاريخ التسجيل : 12/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالسبت يوليو 14, 2007 1:48 pm

مشكورة قلبووووو وان شاء الله انتي استفدتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عاشقة ashlee
•● Έ Ṃ ό
عاشقة ashlee


عدد الرسائل : 960
العمر : 31
تاريخ التسجيل : 13/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالأحد يوليو 15, 2007 3:00 am

مشكوووووووووورة هذي هي المواضيع اللي يحتاجونها الناس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
cool hilary
•● Έ Ṃ ό
cool hilary


عدد الرسائل : 1923
تاريخ التسجيل : 12/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالأحد يوليو 15, 2007 7:03 am

بس ان شاء الله تكوني استفدتي مشكوووووووووور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
spiral
•● Έ Ṃ ό
spiral


عدد الرسائل : 496
العمر : 32
تاريخ التسجيل : 14/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالثلاثاء يوليو 24, 2007 6:09 am

والله ما استفدنا و بس بل استمتعنا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
cool hilary
•● Έ Ṃ ό
cool hilary


عدد الرسائل : 1923
تاريخ التسجيل : 12/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالأربعاء يوليو 25, 2007 7:20 am

هههههههه .. مشكور على هذا المرور الخفيف
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MOON SOON
•● Έ Ṃ ό
MOON SOON


عدد الرسائل : 1606
تاريخ التسجيل : 13/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالثلاثاء أغسطس 07, 2007 3:01 am

يسلموووووو قلبووووو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
cool hilary
•● Έ Ṃ ό
cool hilary


عدد الرسائل : 1923
تاريخ التسجيل : 12/07/2007

السيارة المتحركة Empty
مُساهمةموضوع: رد: السيارة المتحركة   السيارة المتحركة I_icon_minitimeالخميس أغسطس 09, 2007 12:37 am

العفووووووووز يالغلاااا كلوووووو ^^
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
السيارة المتحركة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
~~((منتديات نجوم الزمن))~~ :: المنتـــــــــــديات التقنــــــــــــــيه :: قســــ للتصميم والجرافيك ـــــــم-
انتقل الى: