درس السيارة المتحركة (( درس ممتع)) حياكم حبايبي

[^^دموع الكويت^^]

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

أدوات الدرس

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

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

تابع البيانات السابقة في الصورة التالية

بعد أن تنتهي من إدخال بيانات مساحة العمل في البوكس السابق، اضغط على Ok ، ستلاحظ ظهور مساحة العمل بالشكل التالي:

والآن .. ألصق ما قمت بنسخه ..

وهناك طريقتان للصق .. اختر أحدهما ..

1- إما أن تضغط على Ctrl + V من لوحة المفاتيح

2- أو أن تتجه لقائمة Edit وتختر آمر Paste

لاحظ مساحة العمل بعد أن قمت بعملية اللصق

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

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

الأرنب مستعد للانتقال .. هل أنت مستعد؟؟

من لوحة المفاتيح .. اضغط على Shft + Ctrl + M


أهلاً ومرحباً بك في الإمج ردي .. حيث سنصمم العجائب !!

يفترض أن تجد العناصر الثلاثة أمامك في برنامج الإمج ردي

مساحة العمل
بوكس الليرات Layers
شريط الحركة Animation

الخطوة الخامسة

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

الموجود أسفل شريط الحركة ..

لاحظ الصورة المتحركة

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

​

 

[^^دموع الكويت^^]

الخطوة السادسة

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

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

والآن اختر أداة المؤشر

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

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

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

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

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

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

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

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

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

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

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

وبذلك انتهينا من الخطوة السابعة ..​

 

[^^دموع الكويت^^]

الخطوة الثامنة

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

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

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

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



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

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

.. وهي رمز التوين Tween .. ستلاحظ ظهور نافذة لتحدد إحداثيات التوين ..

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

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

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

اضغط على رمز التشغيل

.. شاهد مكانة في شريط الحركة.

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

قم بتخزين العمل عن طريق في الإمج ردي ..

اتجه لـ

File >> Save Optimized As

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

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

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

تطبيقي

اتمنى الدرس يعجبكم وانتظر تطبيقاتكم


:eh_s(8): تطبيقاتكم تهمني اكثر من الردود واللي تطبق الدرس لا تنسى تحط اسمها على الصورة :eh_s(8):

 

[^^دموع الكويت^^]

وهذا تطبيقي على صورة ثانية

لا تضحكون على الصورة :eh_s(6):​

 

[^^دموع الكويت^^]

ما عجبكم الدرس​

 

[فوز الكويت]

يعطيج العافية خوش درس

بس الصورة الثانية جنها فلم مرعب ها ها

بس عندي سوال شلون نشيل القفل عن الصورة

ادري انج تقولين عليمية شسوي توني مبتدأة

 

[^^دموع الكويت^^]

هلا وغلا اختي فوز الكويت ...

رفع علامة القفل

ما هو القفل؟؟ وأين يكون ؟؟
متى يظهر؟؟ ولماذا علي رفعه؟؟
حالات القفل:
الحالة الأولى ـ Background ـ وكيفية رفعه ..
الحالة الثانية ـ Index ـ وكيفية رفعه ..
الحالة الثالثة ..

ما هو القفل؟؟ وأين يكون؟؟

شاهد رمز القفل

ستجده في بوكس الليرات ،،
شاهد الصورة ..

متى يظهر؟؟ ولماذا علي رفعه؟؟

هذا القفل يظهر في الصور المخزنة بصيغة Gif أو بصيغة Jpeg

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

يعود السبب لوجود علامة للقفل

لذا عليك أن ترفعه كي تستطيع التحكم بالصورة كما تشاء


حالات القفل؟؟

هناك أكثر عن حالة يظهر فيها القفل



الحالة الأولى ـ Background ـ وكيفية رفعه ..

حالة الـ Background ،،
وهي أن تكون الصورة مخزنة كخلفية أو بصيغة Jpeg ،، ولا تستطيع أن تضيف عليها الماسك ـ القناع ـ أو الاستايل ،، أو أن تنقلها لمساحة عمل أخرى ،، وستجد أن الكثير من خواص الفوتوشوب معطله مع الصورة ولا تعمل ،، وإن عملت فلا تكون النتيجة كما يجب ـ مثلاً في حال استخدامك Filter ـ للفلاتر ـ .. إنه صداع !!

كيفية رفع القفل في حالة الـ Background
الطريقة بسيطة جداً جداً

شاهد وضعية القفل في هذه الحالة

إما أن تقوم بالنقر على لير الصورة في بوكس الليرات مرتين متتاليتين فيظهر لك هذا البوكس ..

وتضغط على Ok

وانتهى الأمر



أو أن تذهب لقائمة Layers وتختر New ومنثم Layer From Background

سيظهر لك هذا البوكس

اشغط على Ok

اختر الطريقة التي تلائمك ..
ففي كلتا الحالتين ،، ستكون النتيجة كالتالي ..

الحالة الثانية ـ Index ـ وكيفية رفعه ..

إذا كانت الحالة الأولى تمثل صداعاً ،، فهذه الحالة أعتبرها صداعاً مزمناً!

حالة الـ Index ،،
وهي أن تكون الصورة بضيغة gif ..
ستلاحظ أن جميع أوامر الفوتوشوب الخاصة بالتأثير على الصورة مجمدة ولا تعمل ،، وأمامك حلان .. إما أن تكسر الكمبيوتر ــ وهذا ما لا نرجوه ــ أو أن تقوم برفع علامة القفل بهذه الطريقة البسيطة ..

شاهد وضعية القفل في هذه الحالة

اتجه لقائمة Image واختر Mode ستظهر لك قائمة ،، وستجد عند كلمة Indexed Color علامة صح ،، انقلها لكلمة RGB Color

ستلاحظ التغيير التالي على بوكس الليرات

اختفى القفل .. جيد

الحالة الثالثة

هذه الحالة نادراً ما أصافها ،، ولكنها موجودة لذا رأيت أن أذكره هنا تحسباً للظروف ..

أحياناً عندما تفتح الصورة في الفوتوشوب ،، تكون في حالة الـ Index وبعد أن ترفع القفل كمل في الطريقة الثانية ،، تكتشف وجود قفل آخر بصيغة في حالة الـ Background ،، فقط طبق عملية رفع القفل في هذه الحالة كما تم شرحها سابقاً ،، وستحل المشكلة إن شاء الله ..

لنأمل ألا يصادفك قفل ثالث!​

انتظر تطبيقج حبيبتي ​

 

[ღ•»الًـجٌـوِرٌيّ«•ღ]

تسلميييييييييين

 

[DBDOB3 DES]

الف شكر لج اختي دموع على الدرس السهل​

 

[أعرف قدر نفسي]

ينفع ع نص بدل صورة ؟ واتوقع ينفع ينفع شغلة من فوق الي تحت مثلا طائرة هوليكوبتر ؟

 

[أحلى البنات]

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

 

[pinkya_dlo3ah]

يعطيج العافيه حياتوو

 

[عروووب99]

يعطيج العافيه

 

[●•Pŗįŋċêşś●•]

مشكووورة الدرس نآيس ان شاء الله اطبقه,, سلام

 

[Dream ~]

مشكوووره ع الدرس الرووعه ,,


و عشانج راح اطبق لان محد طبق و انتي تعبانه وايد ع الدرس و لازم اطبق ,, ^__^




وان شاء الله صح