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


شبكة الابداع والتفوق شبكه ثقافيه وتطويريه تهتم بكل مايهتم به المستخدم العربي
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  



 

 درس السياره المتحركه

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


عدد المساهمات : 643
نقاط : 1535
تاريخ التسجيل : 22/12/2009
العمر : 33

درس السياره المتحركه Empty
مُساهمةموضوع: درس السياره المتحركه   درس السياره المتحركه Icon_minitimeالجمعة أبريل 16, 2010 2:40 pm

المقدمة


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



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


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



درس السياره المتحركه Gold2L



مثال على الدرس


درس السياره المتحركه Ex



درس السياره المتحركه Gold2L



أدوات الدرس



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



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



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



درس السياره المتحركه Rabbit


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



ستلاحظ ظهور الصورة بهذا
الشكل ... ( لاحظ الصورة + بوكس الليرات)
درس السياره المتحركه 1




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



هل لاحظت وجود علامة
القفل

درس السياره المتحركه Qfl

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





عفواً ..

عفواً .. ما هو علامة القفل؟؟ ولماذا علي رفعه؟؟ وكيف أرفعه أصلاً؟؟درس السياره المتحركه Thinking




أحسنت

..

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




درس السياره المتحركه 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



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



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



درس السياره المتحركه Ex






درس السياره المتحركه Gold2L


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



جزاكم الله خيراً










الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://ibdas.alafdal.net
 
درس السياره المتحركه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة الابداع والتفوق .: IBDAS .: :: فسم التصميم والجرافيكس :: الفوتوشوب وطلبات التصميم :: قسم تعليم التصميم بالفوتوشوب / Design Education-
انتقل الى: