منتديات حلآوة غير
اهلا وسهلا بك زائنا الكريم في منتدانا اذا اردت التسجيل بالمنتدى فمرحبا بك ولكن التسجيل للبنات فقط
وتذكري اذا كنتي لن تشاركي فلا تسجلي نتمنى لك اطيب الاوقات وامتعها (الادارهـ

منتديات حلآوة غير

اهلآ وسهلآ بكم في منتدآنآ حلآوة غير
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 السيارة المتحركة رائعه وجميلة جدا

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
..:*|صغيرة بس خطيرة|*:..
المديرهـ
المديرهـ
avatar

عددالمشآركآت: : 78
العمل/الترفيه : طالبه في الابتدائي
تاريخ التسجيل : 23/01/2009

مُساهمةموضوع: السيارة المتحركة رائعه وجميلة جدا   الأربعاء يناير 28, 2009 3:52 am

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

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


أدوات الدرس
الخطوة الأولى
لتطبيق الدرس يمكنك أن تختار أي شكل ترغب فيه، سواءً اخترت صورة خارجية، أو شكل من الأشكال المتوافرة في الفوتوشوب (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

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

الخطوة الثالثة
قم بفتح مساحة عمل جديدة ،، عن طريق:
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


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


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


اتجه للخطوة السادسة



الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
..:*|صغيرة بس خطيرة|*:..
المديرهـ
المديرهـ
avatar

عددالمشآركآت: : 78
العمل/الترفيه : طالبه في الابتدائي
تاريخ التسجيل : 23/01/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   الأربعاء يناير 28, 2009 3:53 am

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

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

لاحظ مكانها في الصورة التالية ..

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

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



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

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


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

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



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

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


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


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


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

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


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

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

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

أدخل البيانات الموضحة في الصورة .. ثم اضغط على Ok

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

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

اضغط على رمز التشغيل .. شاهد مكانة في شريط الحركة.



الخطوة التاسعة
قم بتخزين العمل عن طريق في الإمج ردي ..
اتجه لـ
File >> Save Optimized As

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

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

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




أرجو أن ينال الدرس إعجابكم
جزاكم الله خيراً
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
جمآل الروح
المديرهـ
المديرهـ
avatar

انثى عددالمشآركآت: : 165
العمر : 22
الموقع : منتديات عاشقات لولو كاتي
العمل/الترفيه : طالبه
المزاج : اكتب مواضيع
تاريخ التسجيل : 23/01/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   الأربعاء يناير 28, 2009 12:20 pm

يسلمووو عالسياره المتحركه وانا الحين رديت عليج وانا راكبه مع الارنب بالسياره هههههه

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.frasat.ahlamontada.net
..:*|صغيرة بس خطيرة|*:..
المديرهـ
المديرهـ
avatar

عددالمشآركآت: : 78
العمل/الترفيه : طالبه في الابتدائي
تاريخ التسجيل : 23/01/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   الأربعاء يناير 28, 2009 11:04 pm

هههههه

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

انثى عددالمشآركآت: : 150
العمر : 20
العمل/الترفيه : طالبه
المزاج : مفخيه
تاريخ التسجيل : 02/01/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   الخميس يناير 29, 2009 10:35 am

شكرا ع الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://bnaaatt.yoo7.com
..:*|صغيرة بس خطيرة|*:..
المديرهـ
المديرهـ
avatar

عددالمشآركآت: : 78
العمل/الترفيه : طالبه في الابتدائي
تاريخ التسجيل : 23/01/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   السبت يناير 31, 2009 5:00 am

دلع بنات كتب:
شكرا ع الموضوع

عفوا sunny
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
عربجيه دلع
المشرفهـ العامهـ
المشرفهـ العامهـ
avatar

انثى عددالمشآركآت: : 201
العمل/الترفيه : الابتدائيه
المزاج : ـ*ـ_ ـ*ـ حـــــ ـز ينه ـ*ـ_ ـ*ـ
تاريخ التسجيل : 02/03/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   الأربعاء مارس 04, 2009 9:46 pm

شكرا دروسك وايد حلوه

_________________
سـيتغير اسمي من عربجية دلع الى

.,*@ كلي دلع @*,.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.google.com.sa/
عاقله و قلوب البشر مالكه

avatar

انثى عددالمشآركآت: : 13
العمل/الترفيه : طالبه
المزاج : ادخل للمنتدىما اشوف الانفسي ؟؟
تاريخ التسجيل : 14/03/2009

مُساهمةموضوع: السياره المتحركه   الثلاثاء مارس 17, 2009 10:06 am

ثانكس عمري على ادرس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
..:*|صغيرة بس خطيرة|*:..
المديرهـ
المديرهـ
avatar

عددالمشآركآت: : 78
العمل/الترفيه : طالبه في الابتدائي
تاريخ التسجيل : 23/01/2009

مُساهمةموضوع: رد: السيارة المتحركة رائعه وجميلة جدا   الأربعاء أبريل 08, 2009 7:23 am

عفوا

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
السيارة المتحركة رائعه وجميلة جدا
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات حلآوة غير :: لـــــــمـــــســــ الفنون والتقنيهـ :: قـــــسم التصاميم والفوتوشوب-
انتقل الى: