حركه باستخدام الShape

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
المقدمة

في هذا الدرس سنتعلم
كيفية توظيف أداة رسم الأشكال Shape لتصميم صورة متحركة
جميلة ..

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

درس 3 × 1 = مميز ومسلي
ومفيد ..

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
التطبيق من صنعى

خطوات
التنفيذ

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

اختر عدداً من الصور
التي ترغب بتطبيق الحركة عليها ،، وافتحها في برنامج الفوتوشوب عن طريق
File >> Open

في الدرس .. اخترت
3 صور .. وهي كالآتي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

عند كل صورة ستقوم
بفتحها في برنامج الفوتوشوب ،، ستلاحظ وجود علامة القفل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
في بوكس الليرات ..

مثلاً عندما فتحت الصورة الأولى ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كان وضع بوكس الليرات
كالآتي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

عليك أن ترفع علامة القفل ..

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

بعد أن تنتهي من تجهيز
الصور ،، اتركها على جنب ،، واتجه للخطوة الثانية

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

قم بفتح مساحة عمل جديدة
،، عن طريق:
File >> New

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

سيظهر لك بوكس لاختيار الحجم ،، أدخل المقاييس التالية:
300 ×
300
Pixels واجعل الخلفية شفافة = Transparent

لاحظ الصورة ...
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لاحظ أننا اخترنا مساحة متوسطة الحجم ،،
أنصحك باستخدام نفس المساحة ـ على الأقل عند تطبيقك الأول للدرس ، خاصة إن كنت
مبتدئً ـ حتى يسهل عليك السيطرة على الصور في التطبيق ،،

انتقل للخطوة الثالثه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الخطوة الثالثة

اتجه لقائمة الأدوات واختر أداة رسم الأشكال ـ Shape ـ
ورمزه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الآن قم باستخدام الشكل
في مساحة العمل ..

لاحظ مساحة العمل بعد تنفيذ
هذه العملية ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
جميل !

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أي أن اللون في الواجهة كان أسوداً ،، والخلاصة أن الـ Shape
يتلون بلون الواجهة ،، فلو كانت الواجهة باللون الأزرق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لكان
الشكل هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

على كلٍ
،، عامل اللون غير مؤثر في درسنا اليوم ،، فأي لون سيفي بالغرض

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
،،

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

بعد أن أرحنا الشكل على
مساحة العمل ،، واسترحنا منه مبدئياً
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة].. وحصلنا على بعض المعلومات العامة عن الـ
Shape
سنقوم بإضافة بعض التأثير عليه من خلال الـ Style

اختر ما يلي ..

Layer >> Layer Style >> Blending Options

تابع الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سيظهر لك بوكس كبير على يساره قائمة بالخصائص المتنوعة ،، سنستخدم خاصيتين ،، وهما
Drop Shadow و Stroke
اتبع الخطوات التي في الصورة ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

إذا واجهت
صعوبة في تطبيق الخطوات الموضحة في الصورة اتبع الشرح ..
1- Drop Shadow
.. اضغط بالماوس ــ الفأرة ــ على المربع الصغير التي بجانب
الخاصية ،، لتحديدها بعلامة صح .
2- اضغط بالماوس ـ الفأرة ـ على كلمة
Stroke نفسها ،، حتى يتغير محتو البوكس لتظهر لنا أوامر
التحكم بالخاصية ،، وسنقوم بتغير الآتي :
3- Size
،، غالباً ما ستجد الرقم عند هذا الأمر 3 .. قم بتغييرها لـ 1 .. وهو يحدد سمك
الحدود ..
4- Position
،، أي وضعية الحدود ،، هل تريها من الخارج = Outside
،، أم الداخل Inside ،، أم الوسط = Center
،، وفي الدرس اخترته من الداخل أي Inside
شاهد الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
5- لنحدد لون الخط ،، واختيارك للون
يعتمد على الألوان الغالبة في الصور التي ستستخدمها في التصميم ،، وبالنسبة لصوري
وجدت أن اللون الأحمر الترابي ـ إن صح الوصف ـ مناسب للتصميم ،، ودرجته
996666 #
أما عن كيفية إظهار بوكس الألوان ،، فما عليك إلا الضغط على المربع الملون الصغير
الذي ستجده بجانب كلمة Color ثم اختر اللون المناسب ..

ملاحظة .. لك كامل الحرية في اختيار خصائص جديدة أو
استبدال الخصائص التي اخترتها ،، فهذه الخطوة اختيارية ،، ويمكنك أن تلغيها أو
تبتكر فيها ما يناسب ذوقك ..

بعد أن تنتهي من تحديد
الخصائص ،، أكد الأمر بالضغط على OK

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

لذا .. انتقل للخطوة
الخامسة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

انتقل لصور الآنسات ..
ثم قم بتفعيل الصورة الأولى التي ستعمل عليها ..

عفواً كيف أفعّل الصورة[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]؟؟
اضغط على الصورة كي يصبح لون الإطار أزرق فاقع ،، وبذلك تكون قد فعّلت الصورة ..

شاهد معي كيف
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والآن من لوحة المفاتيح
.. اضغط على Ctrl + A ،، وذلك
لتحديد كل عناصر اللير ،، وهي صورة الفتاة كاملة ..

يفترض أن تحصل على هذه
النتيجة ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بالمناسبة
.. بإمكانك أن تطبق أمر تحديد الكل باتباع الأمر التالي ..
Select >> All

والآن سنقوم بنسخها ،،
أيضاً من لوحة المفاتيح اضغط على Ctrl + C
أو من القائمة الرئيسية اتبع الأمر التالي ..
Edit >> Copy

والآن عد لمساحة العمل التي رسمنا عليها الشكل ـ Shape ـ

قم بتفعيلها أولا .. هل تذكر كيف فعّلنا صورة الفتاة ،، اتبع نفس الطريقة ،، فقط
اضغط علي مساحة العمل ،،
بعد التفعيل ،، من لوحة المفاتيح اضغط على Ctrl + V
أو من القائمة الرئيسية ،، اتبع الأمر التالي ..
Edit >> Past

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

كيف حال مساحة العمل
عندك ..
سأريك الحال عندي ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لاحظ مساحة العمل مع وضع بوكس الليرات ..

إن لم تجد بوكس الليرات على الشاشة ،، اتبع الرابط
التالي ،،

من لوحة المفاتيح مجدداً
.. اضغط على التالي ..
Ctrl + G
أو من القائمة الرئيسية .. اتبع الأمر التالي ..
Layer >> Group with previous

عفواً .. أقوم بتطبيق الخطوة السابقة كما تم ذكره بالضبط .. لكني لا أصل لنفس
النتيجة؟!! [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
هذا الدرس تم تطبيقه على
النسخة السابعة Adobe Photoshop 7.0 me ..
هل تستخدم الإصدار الأخير Adobe Photoshop CS ؟؟

[center]

هام
لمستخدمي الإصدار الأخير
Adobe Photoshop CS

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

يمكنكم تطبيق الأمر السابق .. بإتباع التالي:
Layer >> Create Clipping Mask
واختصاره من لوحة المفاتيح
Alt + Ctrl +G

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

والآن قم بتعديل وضعية صورة الفتاة ،، تأكد من تحديد لير الفتاة ،، أي أن يكون لونه
أزرق فاقع ،، كما في تم توضيحه في الصورة التي بالأعلى ــ لاحظ بوكس الليرات في
الصورة السابقة ــ ،،
ثم استخدم أداة المؤشر

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
من قائمة الأدوات ــ ستجده في أعلى القائمة ــ ،، واتجه
لمساحة العمل ،، واضغط على صورة الفتاة وعدل من وضعيتها ..

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

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

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

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

كرر نفس العملية في
الخطوة الخامسة ،، مع الصورتين الباقيتين معنا ،،

بعد أن تتقنها ،، ستجدها
ممتعة ،، كأنها لعبة مسلية ،، ثق بكلامي

إبدأ

::

::

::

أين وصلت

::

::

::

بالنسبة لي .. لقد
انتهيت من نقل الصورة الثانية
شاهد مساحة العمل عندي مع وضع بوكس الليرات ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

::

::

::

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

هل انتهيت؟

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

اصعد على متن الطائرة
المتجهة من الفوتوشوب للإمج ردي على خطوط طيران جواهر الإمارات ..
كابتن الطائرة jewels سيسرها اصطحابك إلى هناك ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

عفواً .. كيف أنتقل للإمج ردي؟!!

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

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

الحمد لله على السلامة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وصلت على الوقت
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

يفترض أن تشاهد أمامك التالي ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
كما تلاحظون ،، مساحة العمل ،، وبوكس الليرات ،، وشريط الأنيميشن من أساسيات عملنا
..

سنعمل أولاً على بوكس
الليرات ..

قم برفع علامة العين
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] من ليري
الفتاتين اللاتي في الأعلى ..

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

شاهد بوكس الليرات بعد أن قمت برفع علامة العين من الليرين المذكورين
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

من المفترض أن تلاحظ تغييراً في مساحة العمل ..

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

شاهد الصورة بعد إضافة البرواز الجديد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والآن عد إلى بوكس
الليرات .. وارفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
من اللير فتاة ذات الخلفية الزرقاء وضعة على لير الفتاة التي بالأعلى ..

شاهد معي الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد هذه العملية ،، سيكون الوضع في شريط الأنيميشن كالتالي ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

بقيت مهنا صورة واحدة ..

في شريط الأنيميشن .. قم بنسخ آخر برواز[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
..
ثم اتجه لبوكس الليرات وارفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
عن اللير السابق .. وضعه على لير الفتاة المتبقي

شاهد وضع بوكس الليرات بعد تنفيذ ما سبق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والوضع النهائي لشريط الأنيميشن يجب أن يكون هكذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

ضبط التوقيت
..

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

لقد ضبطت الوقت على ثانيتان

شاهد كيفية تغيير التوقيت
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

إن أحسست بأن الحركة سريعة أو بطيئة يمكنك تعديل التوقيت باختيار رقم أكير أو أصغر
.. حسب ما يناسبك ..

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

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

اتجه لـ

File >> Save Optimized As

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم اختر اسما مناسبا واضغط OK
وهذه هي النتيجة النهائية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اسفه الدرس طويل بس سهل جدااااااااااا

ودة درس جديد بمناسبه رجوعى تانى لمنتدى

[/center]

هذا تطبيقي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الصور المستخدمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

درس يستحق التطبيق

جاري التطبيق لكن في وقت اخر

شكرآ لك ع الدرس المفيد و الرائع

مشكورة

انا نقلت الموضوع لمنتداي
عشان البنات يستفيدو
وكتبت اني نقلته من منتدي احلام بنات والعضوة انتي

هذا التطبيق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و شكرآ ع الدرس الممتع

شكرا يا بعد عمري

» حركة باستخدام الـShape