المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس تصميم سيارة متحركة"مميز"



asooomh
30-04-2009, 09:32 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


سيارةمتحركة


الخطوة الأولى
لتطبيق الدرس يمكنك أن تختار أي شكل ترغب فيه، سواءً اخترت صورة خارجية، أو شكل من الأشكال المتوافرة في الفوتوشوب (shapes)، أو أن تقوم برسمك الخاص في الفوتوشوب. حسب خبرتك أو حاجة تصميمك.
في الدرس سنطبق التأثير على صورة، وبما أن الموضوع عن الحركة، اخترت هذا الشكل الكرتوني الظريف، وهو عبارة عن أرنب يقود سيارة!
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/rabbit.gif
إذا أردت أن تستخدم هذه الصورة، قم بتخزينها في جهازك، ثم افتح برنامج الفوتوشوب واتجه لقائمة File واختر Open، استخرج الصورة من المكان الذي قمت بتخزينه.
ستلاحظ ظهور الصورة بهذا الشكل ... ( لاحظ الصورة + بوكس الليرات)
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/1.gif
هل لاحظت وجود علامة القفل http://www.jewelsuae.com/psd/Basik/qfl.gif على لير الأرنب في بوكس الليرات؟
عليك أن ترفع هذا القفل المزعج .. كي نستطيع أن نكمل عملنا بسهولة ..
http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الثانية
وبعد أن رفعت علامة القفل .. عليك أن تحدد محتوى اللير ..
لذا .. تابع معي
طبق الأمر التالي
Select >> Load Selection
http://www.jewelsuae.com/psd/PsdCS/select/LoadSelection.gif


ستظهر لك هذه النافذة ..
http://www.jewelsuae.com/psd/PsdCS/select/LoadSelection2.gif


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


لاحظ مساحة العمل
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/4.gif
والآن قم بنسخ ما قمت بتحديده
هناك طريقتان لتنفيذ عملية النسخ ..
1- إما أن تضغط على Ctrl + C من لوحة المفاتيح ..
2- أو أن تتجه لقائمة Edit وتختر أمر Copy
http://www.jewelsuae.com/psd/PsdCS/Edit/Copy.gif
بعد هذه العملية .. اتجه للخطوة الثالثة .. http://www.jewelsuae.com/psd/Faces/hhh.gif



الخطوة الثالثة
قم بفتح مساحة عمل جديدة ،، عن طريق:
File >> New
http://www.jewelsuae.com/psd/PsdCS/File/New.gif
سيظهر لك بوكس آخر كي تدخل البيانات المطلوبة لمساحة العمل .. وقد اخترنا البيانات التالية
العرض = 300 = Width
الطور = 140 = Height
Resolution = 72
Color Mode = RGB Color / 8 bit
Background Contents = Transparent
تابع البيانات السابقة في الصورة التالية
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/2.gif
بعد أن تنتهي من إدخال بيانات مساحة العمل في البوكس السابق، اضغط على Ok ، ستلاحظ ظهور مساحة العمل بالشكل التالي:


http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/3.gif
والآن .. ألصق ما قمت بنسخه ..


وهناك طريقتان للصق .. اختر أحدهما ..
1- إما أن تضغط على Ctrl + V من لوحة المفاتيح
2- أو أن تتجه لقائمة Edit وتختر آمر Paste
http://www.jewelsuae.com/psd/PsdCS/Edit/Paste.gif
لاحظ مساحة العمل بعد أن قمت بعملية اللصق
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/5.gif


http://www.jewelsuae.com/2006/gold2L.gif
يتبع..

asooomh
30-04-2009, 09:37 PM
الخطوة الرابعة
هل نجحت في نقل الأرنب لمساحة العمل الجديدة؟
إذا أجبت بنعم .. فهذا يعني أنك أنهيت الجزء الخاص في الفوتوشوب .. وحان الوقت للانتقال للإمج ردي ..
الأرنب مستعد للانتقال .. هل أنت مستعد؟؟
من لوحة المفاتيح .. اضغط على Shft + Ctrl + M


لا تنسى أن تعود للدرس لتتابع الخطوة الخامسة .. لا تجعل الأرنب ينتظر طويلاً ! http://www.jewelsuae.com/psd/Faces/hhh.gif
http://www.jewelsuae.com/2006/gold2L.gif
أهلاً ومرحباً بك في الإمج ردي .. حيث سنصمم العجائب !!
يفترض أن تجد العناصر الثلاثة أمامك في برنامج الإمج ردي


مساحة العمل
بوكس الليرات Layers
شريط الحركة Animation
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/6.gif


http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الخامسة
اتجه لشريط الحركة .. وقم بنسخ برواز الأرنب عن طريق الضغط على المربع الصغيرhttp://www.jewelsuae.com/psd/Basik/Layer.gif الموجود أسفل شريط الحركة ..
لاحظ الصورة المتحركة
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/7.gif


اتجه للخطوة السادسة
http://www.jewelsuae.com/psd/Faces/79an.gif
الخطوة السادسة
والآن .. اضغط بالماوس ـ الفأرة ـ على البرواز رقم 1 في شريط الحركة .. لتقوم بتفعيله ..
لاحظ أن إطار البرواز رقم 1 تحول للون الأزرق .. أي أن التأثيرات التي سنحدثها في مساحة العمل ستخزن على البرواز رقم 1 ..
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/8.gif
والآن اختر أداة المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif .. ستجده في قائمة الأدوات الموجود على يسار شاشة الإمج ردي .. ستكون في أعلى زاوية اليمين ..


لاحظ مكانها في الصورة التالية ..
http://www.jewelsuae.com/psd/Basik/moAsherImageready.gif
ملاحظة .. مكان أداة المؤشر هو نفسه سواءً في الإمج ردي أو الفوتوشوب ..


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


http://www.jewelsuae.com/psd/Basik/keyboard0.gif


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


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


http://www.jewelsuae.com/psd/Basik/keyboardR.gif
ــ أبقِ يدك على السهم حتى تجد أن الصورة اختفت في ناحية اليمين ــ


لاحظ وضع مساحة العمل مع شريط الحركة بعد تنفيذ الخطوة السابقة ..
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/10.gif


http://www.jewelsuae.com/2006/gold2L.gif
يتبع..

asooomh
30-04-2009, 09:39 PM
الخطوة السابعة


والآن .. انتقل مرة أخرى لشريط الحركة Animation وقم بتفعيل البرواز رقم 2 .. وذلك عن طريقة الضغط عليه بالفأرة ـ الماوس ـ كما فعلنا في المرة الأولى ..
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/9.gif


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


http://www.jewelsuae.com/psd/Basik/keyboardL.gif
انقل السيارة لليسار حتى تختفي .. وتصبح مساحة العمل فارغة ..
وبذلك انتهينا من الخطوة السابعة ..


http://www.jewelsuae.com/2006/gold2L.gif
الخطوة الثامنة
في هذه الخطوة سنقوم بإضافة تأثير الحركة على السيارة ..


لكن قبل أن نبدأ بذلك .. علينا أن نغير توقيت البروازين .. لاحظ معي في شريط الحركة .. أسفل كل برواز ستجد هذه الكتابة http://www.jewelsuae.com/psd/Basik/0sec.gif .. اضغط عليها بالفأرة ـ الماوس ـ ستظهر لك قائمة صغيرة اختر منها l .. 0.1 secondsنظر للصورة التوضيحية ..
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/11.gif
كرر نفس العملية مع البرواز رقم 2
http://www.jewelsuae.com/2006/goldS.gif
والآن .. قم بتفعيل البرواز رقم 1 كما فعلت في المرة السابقة .. وذلك عن طريق الضغط عليه بالفأرة ـ الماوس ـ


ثم اتجه لأسفل شريط الحركة .. ستجد أيقونة صغيرة تتكون من دوائر صغيرة http://www.jewelsuae.com/psd/Basik/tweens.gif.. وهي رمز التوين Tween .. ستلاحظ ظهور نافذة لتحدد إحداثيات التوين ..
أدخل البيانات الموضحة في الصورة .. ثم اضغط على Ok
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/12.gif
هل لاحظت التغيير الذي طرأ على شريط الحركة Animation ?


والآن شاهد سيارتك المتحركة .. وأسعد الأرنب بهذه الجولة http://www.jewelsuae.com/psd/Faces/woot.gif


اضغط على رمز التشغيل http://www.jewelsuae.com/psd/Basik/Play.gif .. شاهد مكانة في شريط الحركة.
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/13.gif


http://www.jewelsuae.com/2006/gold2L.gif
الخطوة التاسعة
قم بتخزين العمل عن طريق في الإمج ردي ..
اتجه لـ
File >> Save Optimized As
http://www.jewelsuae.com/psd/PsdCS/I-File/Save-Optimaized-As.gif
ثم اختر اسما مناسبا واضغط OK



وهذه هي النتيجة النهائية
http://www.jewelsuae.com/psd/allDoroos/gif/movingCar/ex.gif


http://www.jewelsuae.com/2006/gold2L.gif
أرجو أن ينال الدرس إعجابكم
جزاكم الله خيراً


ملطوووووووووووووووووووووووووووووووووش من منتدى
"جواهر الامارات"
وه..:)اخيرا انتهى الدرس

مسك التميز
01-05-2009, 05:32 AM
وااااااااااااااااااااااااااااااااااااااو

درس راااااااااااااااااااااااائع

لاتسألني
01-05-2009, 04:02 PM
أخذت نفس سيارتك لكن زدت سرعتة
تطبيقي وجزاك الله كل خير
http://up3.m5zn.com/photo/2009/5/1/06/u64fl4o9p.gif/gif (http://[URL]http://up3.m5zn.com)

asooomh
01-05-2009, 09:33 PM
ممتاز تطبيق رووووووووووووووووووووووووووعة
مشكورين ع المرووووووووووووووووووووووووووووووووووووور

the-hard2
13-06-2009, 07:26 AM
روعععععععععععععععععععععععععععععععععععععععععه

الله يعطيكم العافية

ღزهرة الفانيلاღ
19-06-2009, 01:56 AM
مررررررررره حلو الدرس..
نقل مميز ياربي يسعدك عسوله..