|
درس السيارة المتحركة.....
بسم الله الرحمن الرحيم السلام عليكم و رحمة الله تعالى و بركاته هذا الدرس منقول للفائدة القصوى المرجوة منه و هو مهدى للجميع :) و خاصة مريومة;) سنقسم الدرس الى 3 دروس حظ موفق للجميع المقدمة وصلتنا الكثير من الأسئلة حول إمكانية تصميم الرسوم المتحركة باستخدام الفوتوشوب والإمج ردي، وبالتأكيد الإجابة كانت نعم، يمكنكم تصميم الرسوم المتحركة باستخدام هذه البرامج، لكن يلزمك الكثير من الممارسة والخبرة في استخدام الأدوات، والكثير من التركيز فيما تقوم به. لتجعل هذا الدرس خطوتك الأولى لتحقيق ذلك، حيث سنتعلم من خلاله كيفية تحريك الأشياء في التصميم بشكل سلس ومتناسق، وفي خطوات سهلة وبسيطة. أسعدنا بمتابعتك http://www.jewelsuae.com/2006/gold2L.gif مثال على الدرس http://www.jewelsuae.com/psd/allDoro...vingCar/ex.gif http://www.jewelsuae.com/2006/gold2L.gif أدوات الدرس الخطوة الأولى لتطبيق الدرس يمكنك أن تختار أي شكل ترغب فيه، سواءً اخترت صورة خارجية، أو شكل من الأشكال المتوافرة في الفوتوشوب (shapes)، أو أن تقوم برسمك الخاص في الفوتوشوب. حسب خبرتك أو حاجة تصميمك. في الدرس سنطبق التأثير على صورة، وبما أن الموضوع عن الحركة، اخترت هذا الشكل الكرتوني الظريف، وهو عبارة عن أرنب يقود سيارة! http://www.jewelsuae.com/psd/allDoro...Car/rabbit.gif إذا أردت أن تستخدم هذه الصورة، قم بتخزينها في جهازك، ثم افتح برنامج الفوتوشوب واتجه لقائمة File واختر Open، استخرج الصورة من المكان الذي قمت بتخزينه. ستلاحظ ظهور الصورة بهذا الشكل ... ( لاحظ الصورة + بوكس الليرات) http://www.jewelsuae.com/psd/allDoro...ovingCar/1.gif ملاحظة .. في حال عدم ظهور بوكس الليرات عندك .. أو رغبت أن تتعرف أكثر على هذا الجزء المهم من الفوتوشوب .. اتبع الرابط التالي .. هل لاحظت وجود علامة القفل http://www.jewelsuae.com/psd/Basik/qfl.gif على لير الأرنب في بوكس الليرات؟ عليك أن ترفع هذا القفل المزعج .. كي نستطيع أن نكمل عملنا بسهولة .. عفواً .. عفواً .. ما هو علامة القفل؟؟ ولماذا علي رفعه؟؟ وكيف أرفعه أصلاً؟؟http://www.jewelsuae.com/psd/Faces/thinking.gif أحسنت .. تساؤلات ذكية .. تعبر عن مدى اهتمامك بالتعلم .. ولتحصل على المعلومات المطلوبة ,, اتبع الرابط التالي http://www.jewelsuae.com/psd/Faces/content.gif .. http://www.jewelsuae.com/2006/gold2L.gif الخطوة الثانية وبعد أن رفعت علامة القفل .. عليك أن تحدد محتوى اللير .. لذا .. تابع معي طبق الأمر التالي Select >> Load Selection http://www.jewelsuae.com/psd/PsdCS/s...dSelection.gif ستظهر لك هذه النافذة .. http://www.jewelsuae.com/psd/PsdCS/s...Selection2.gif اضغط على Ok بعد تنفيذ العملية السابقة .. يفترض أن تلاحظ ظهور علامة التحديد على محتوى اللير .. لاحظ مساحة العمل http://www.jewelsuae.com/psd/allDoro...ovingCar/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/allDoro...ovingCar/2.gif بعد أن تنتهي من إدخال بيانات مساحة العمل في البوكس السابق، اضغط على Ok ، ستلاحظ ظهور مساحة العمل بالشكل التالي: http://www.jewelsuae.com/psd/allDoro...ovingCar/3.gif والآن .. ألصق ما قمت بنسخه .. وهناك طريقتان للصق .. اختر أحدهما .. 1- إما أن تضغط على Ctrl + V من لوحة المفاتيح 2- أو أن تتجه لقائمة Edit وتختر آمر Paste http://www.jewelsuae.com/psd/PsdCS/Edit/Paste.gif لاحظ مساحة العمل بعد أن قمت بعملية اللصق http://www.jewelsuae.com/psd/allDoro...ovingCar/5.gif http://www.jewelsuae.com/2006/gold2L.gif الخطوة الرابعة هل نجحت في نقل الأرنب لمساحة العمل الجديدة؟ إذا أجبت بنعم .. فهذا يعني أنك أنهيت الجزء الخاص في الفوتوشوب .. وحان الوقت للانتقال للإمج ردي .. الأرنب مستعد للانتقال .. هل أنت مستعد؟؟ عفواً .. كيف أنتقل للإمج ردي؟!! من لوحة المفاتيح .. اضغط على 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/allDoro...ovingCar/6.gif في حال لم تجد بوكس الليرات ،، أو شريط الحركة أمامك في الشاشة أو قمت بحذفها خطأً ،، اتبع الرابط التالي ،، كي تتعرف على كيفية إحضارها http://www.jewelsuae.com/2006/gold2L.gif الخطوة الخامسة اتجه لشريط الحركة .. وقم بنسخ برواز الأرنب عن طريق الضغط على المربع الصغيرhttp://www.jewelsuae.com/psd/Basik/Layer.gif الموجود أسفل شريط الحركة .. لاحظ الصورة المتحركة http://www.jewelsuae.com/psd/allDoro...ovingCar/7.gif اتجه للخطوة السادسة http://www.jewelsuae.com/psd/Faces/79an.gif |
رد: درس السيارة المتحركة.....
الان مع الجزء الثالث من الدرس:) الخطوة السادسة والآن .. اضغط بالماوس ـ الفأرة ـ على البرواز رقم 1 في شريط الحركة .. لتقوم بتفعيله .. لاحظ أن إطار البرواز رقم 1 تحول للون الأزرق .. أي أن التأثيرات التي سنحدثها في مساحة العمل ستخزن على البرواز رقم 1 .. http://www.jewelsuae.com/psd/allDoro...ovingCar/8.gif والآن اختر أداة المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif .. ستجده في قائمة الأدوات الموجود على يسار شاشة الإمج ردي .. ستكون في أعلى زاوية اليمين .. لاحظ مكانها في الصورة التالية .. http://www.jewelsuae.com/psd/Basik/m...Imageready.gif ملاحظة .. مكان أداة المؤشر هو نفسه سواءً في الإمج ردي أو الفوتوشوب .. بعد أن اخترت أداة المؤشر اتجه للوحة المفاتيح عندك .. وبالذات عند الأسهم .. شاهد مكانها في لوحة مفاتيحك .. هل لاحظت مكان الدائرة الحمراء في الصورة ؟ سنستخدم مفاتيح الأسهم التي تم تحديدها .. المطلوب نقل صورة الأرنب ليمين مساحة العمل .. لذا عليك أن تضغط على السهم الذي يتجه نحو اليمين http://www.jewelsuae.com/psd/Basik/keyboardR.gif ــ أبقِ يدك على السهم حتى تجد أن الصورة اختفت في ناحية اليمين ــ لاحظ وضع مساحة العمل مع شريط الحركة بعد تنفيذ الخطوة السابقة .. http://www.jewelsuae.com/psd/allDoro...vingCar/10.gif http://www.jewelsuae.com/2006/gold2L.gif الخطوة السابعة والآن .. انتقل مرة أخرى لشريط الحركة Animation وقم بتفعيل البرواز رقم 2 .. وذلك عن طريقة الضغط عليه بالفأرة ـ الماوس ـ كما فعلنا في المرة الأولى .. http://www.jewelsuae.com/psd/allDoro...ovingCar/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/allDoro...vingCar/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/allDoro...vingCar/12.gif هل لاحظت التغيير الذي طرأ على شريط الحركة Animation ? والآن شاهد سيارتك المتحركة .. وأسعد الأرنب بهذه الجولة http://www.jewelsuae.com/psd/Faces/woot.gif اضغط على رمز التشغيل http://www.jewelsuae.com/psd/Basik/Play.gif .. شاهد مكانة في شريط الحركة. http://www.jewelsuae.com/psd/allDoro...vingCar/13.gif http://www.jewelsuae.com/2006/gold2L.gif الخطوة التاسعة قم بتخزين العمل عن طريق في الإمج ردي .. اتجه لـ File >> Save Optimized As http://www.jewelsuae.com/psd/PsdCS/I...imaized-As.gif ثم اختر اسما مناسبا واضغط OK وهذه هي النتيجة النهائية http://www.jewelsuae.com/psd/allDoro...vingCar/ex.gif http://www.jewelsuae.com/2006/gold2L.gif أرجو أن ينال الدرس إعجابكم جزاكم الله خيراً و لا تبخلوا علينا بتطبيقاتكم:) |
رد: درس السيارة المتحركة.....
شـكرا لكن ليس لدي image ready:confused: |
رد: درس السيارة المتحركة.....
اقتباس:
انا ايضا كنت اعتقد ذلك في البداية مريومة و تعبت كثيرا قبل ان اعرف ان الايماج ريدي هو اسم فقط البرنامج الذي نعمل به انا و انت يمتاز باحترافية كبيرة لذلك حذفت الخانة التي كانت مخصصة للايماج ريدي لا علينا.... اذهبي الى الوينداو في اعلى البرنامج واضغطي و اختاريanimation يفتح لك مستطيل في الاسفل هو كل ما تحتاجينه في هذا الدرس على الاقل انتظر ردك بعد التجريب:) و لعلمك هذا الدرس هو اللذي تعلمت من خلاله كل شئ تقريبا عن الفوتوشوب لكن عليك التطبيق خطوة خطوة سلام:) |
رد: درس السيارة المتحركة.....
سؤال آخـر ليس لدي Save Optimized as...:confused: |
رد: درس السيارة المتحركة.....
اقتباس:
دائما نفس المشاكل التي وقعت فيها انا اذهبي الى file و اختاري save for web.... و احفظي الصورة هناك ثم اذهبي الى عملاق و حملي الصورة لكنني انصحك بان تحفظي الصورة بكل الاشكال الممكنة حتى لا يذهب عملك سدى اذا فشل التحميل بالطريقة السابقة احفظي ايضا بطريقة save as و جربي التي تساعدك عند عملية التحميل الى عملاق انتظر ردك:) |
رد: درس السيارة المتحركة.....
اقتباس:
و لهذا سألتك لأنه ضاع لي واحد و هذ الثاني http://207.210.95.221/~echorouk/mont...ons/icon33.gif |
رد: درس السيارة المتحركة.....
اقتباس:
لا اصدق انك اضعته بعد كل هذه النصائح:eek: :D |
رد: درس السيارة المتحركة.....
اقتباس:
إذالم تظهر الصورة الآن سأستسلم:mad: http://s3.supload.com/thumbs/default...0626120742.psd Free Image Hosting |
| الساعة الآن 10:03 PM. |
Powered by vBulletin
قوانين المنتدى