درس:انعكاس متحرك على الماء

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

درس:انعكاس متحرك على الماء 2990636004

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

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

افتح الصورة التي ترغب بتطبيق الدرس عليها ..

عن طريق:
File >> Open

وقد اخترت هذه الصورة ..

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

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

الخطوة الثانية
اتجه إلى قائمة Image وطبق الأمر التالي ..

Image >> Canvas Size

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

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

هل لاحظت الصورة التي في الأعلى ؟؟
عند الرقم 1 .. اضغط على السهم الأزرق الصغير .. ستنسدل أمامك قائمة اخترمنها Pixels .. ستلاحظ أن الرقم الذي على يسار كلمة Width قد تغير لـ 300
افعل نفس الشيء عند رقم 2 .. اضغط على السهم الأزرق واختر كلمة Pixels ستلاحظ تغير الرقم الذي بجانب Height لـ 225 .. عليك أن تضاعف الرقم السابق .. 225 + 225 = 450 .. أنقص من الناتج 10 بيكسل .. أي 450 - 10 = 440
امسح الرقم السابق (225) وأدخل بدله الرقم 440 ..

لماذا نقصت 10 بيكسل؟؟ ما الهدف؟!! [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الهدف من ذلك .. هو أن الفلتر الذي سنستخدمه لإحداث التأثير سيعطينا حواف بيضاء في الأعلى قد يشوه شكل الانعكاس .. ولتجنب هذه المشكلة أنقصنا 10 بيكسل لإخفاء هذه الحواف .. لكن إذا لم ترغب في إنقاص الـ 10 بيكسل فلا بأس .. لأن هذه الحواف ستحتل مساحة بسيطة من شكل الانعكاس .. قد لا يزعجك ذلك!

عند الرقم 3 .. بواسطة الفأرة ـ الماوس ـ اضغط على المربع الذي تم تحديده بالأحمر .. ستلاحطة انتقال المربع للمربع الذي قمت بتحديده ..

ما معنى هذه الحركة التي قمت بها ؟؟ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
من الجيد أن تسأل .. فكلما تعرفت على كيفية عمل هذه الأشياء .. أسرعت في تعلمها واستطعت أن تتعامل معها وحدك ..
ما فعلناه للتو .. هو ترك القيمة التي عند الرقم 1 ـ وهي التي تمثل العرض ـ كما هي ..
وزدنا القيمة التي عند الرقم 2 ـ وتمثل الطول ـ .. أي أننا ضاعفنا طول مساحة العمل ..
لكن هذه المساحة الإضافية .. أين تريدها؟؟ هذا ما ستحدده في الأمر الموجود عند الرقم 3 ..
حيث أن المربع الأبيض في الشكل الموجود عند الرقم 3 يمثل الصورة (صورة السمكة التي نعمل عليها) .. ونحن نريد مساحة إضافية أسفل الصورة .. لذا قمنا بنقل المربع الأبيض للأعلى كي نخبر الفوتوشوب أننا نرغب بوضع الصورة في الأعلى وزيادة المساحة أسفلها ..

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

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

الخطوة الثالثة
اتجه لبوكس الليرات .. وقم بنسخ لير السمكة ..

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

إذا واجهت صعوبة في التعرف على بوكس الليرات .. أو لم تعرف كيف تنسخ اللير .. أرجو أن تسعد هذا الرابط بمرورك .. فقد أعد خصيصاً للإجابة عن أسئلتك ..
والآن اتجه لقائمة Edit واختر الأمر التالي ..

Edit >> Transform >> Flip Vertical

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

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

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

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

الخطوة الخامسة
سنبدأ باستخدام الفلتر ..

لكن أولاً .. اتجه لبوكس الليرات وتأكد من تحديد اللير الذي في الأعلى (Layer 0 Copy 5) وذلك بالضغط عليه بواسطة الزر الأيسر للفأرة ـ مرة واحدة ـ حتى يصبح لون اللير أزرق ..

ثم اتجه لقائمة Filter .. واختر الأمر التالي

Filter >> Distort >> Ocean Ripple

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

ستظهر لك هذه النافذة .. أدخل الإعدادات المبينة في الصورة ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
10 و 10 .. هذا كل شي .. سهل جداً .. أليس كذلك؟

هل تحب أن تكرره؟؟ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
جيد .. لأننا سنكرر هذه العملية مع الليرات الأربع اللاتي أسفل هذا اللير ..
---
خذ اللير الذي تحته (Layer 0 Copy 4) ـ عليك أن تتجه لبوكس الليرات وتضغط عليه ـ ثم طبق نفس الفتر السابق .. وبنفس الإعدادات السابقة ..
للاختصار اضغط على Ctrl + F من لوحة المفاتيح ..
---
ثم اللير الذي تحته (Layer 0 Copy 3) .. نفس الفلتر ونفس الإعدادات السابقة ..

---

واللير الذي تحته (Layer 0 Copy 2) .. طبعاً نفس الفلتر ونفس الإعدادات ..

---
وأخيرا اللير الذي تحته (Layer 0 Copy) .. ومكانه قبل الأخير في بوكس الليرات .. نفس الفلتر ونفس الإعدادات ..

لقد طبقنا الفلتر على الليرات الخمس التي في الإعلى (وهي للصور المقلوبة) .. وتركنا اللير الأخير ..

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

هل تلاحظ الخط الفاصل بين الصورتين .. هناك بقع بيضاء متعرجة في منتصف الصورة ..
هذا ما كنت أتحدث عنه في الخطوة الثانية من الدرس .. إن قمت بإنقاص 10 بيكسل فلا تقلق .. لأننا سنخفي هذه البقع بطريقة سهلة ..

اتجه لبوكس الليرات مجدداً .. هل لاحظت اللير الذي في الأسفل (Layer 0) ؟؟
شاهد مكانه في بوكس الليرات ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اضغط عليه بالفأرة ـ الماوس ـ واسحبه لأعلى بوكس الليرات .. بعد ذلك اترك الفأرة وستلاحظ الفرق في مساحة العمل ..

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

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

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

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

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

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

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

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

إن لم تجد بوكس الليرات أو شريط الحركة أمامك .. أرجو أن تراجع الرابط التالي ..

درس:انعكاس متحرك على الماء 87862145

الخطوة السادسة
سنبدأ من بوكس الليرات ..

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

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

ملاحظة هامة .. Layer 0 (وهو اللير الذي في الأعلى) عبارة عن اللير الأساسي الذي يمثل صورة السمكة بشكلها المعدول .. أي أنها الصورة التي في الأعلى .. لذا لن نرفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] منها أبداً ..

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

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

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

شاهد شريط الأنيميشن بعد مضاعفة البرواز
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اتجه مجدداً لبوكس الليرات .. وارفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] من اللير Layer 0 copy 5 فقط .. وضعه على Layer 0 copy 4

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

بعدها اتجه لبوكس الليرات كما فعلنا في المرتين السابقتين .. وارفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] من اللير Layer 0 copy 4 وضغه على Layer 0 copy 3
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

---

لا بد وأنك أصبحت خبيراً بذلك!!
كرر نفس العملية .. اتجه لشريط الأنيميشن .. واضغط على المربع الصغير[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لمضاعفة البرواز .. ثم ارفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] من Layer 0 copy 3 .. وضعه على Layer 0 copy 2
---
ولآخر مرة .. ضاعف البرواز [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] ثم ارفع علامة العين[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] من Layer 0 copy 2 .. وضعه على اللير الأخير Layer 0 copy

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

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

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

شاهد النتيجة النهائية

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

خزن عملك عن طريق:
File >> Save Optimized As
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم اختر اسما مناسبا واضغط OK

منقولة

مشكورة جربتها كتيييير وفشلت
بالتوفيق

تسلمي بطوووولة

صممته و شكرآ لكِ

رح اصمم صورة غيرها
و انزل التطبيق
و شكرآ ع الدرس الممتع
و الرائع

» ||◄ برنامج رائع يعطيك انعكاس للصور في الماء ►||
» *درس عمل ايطار منقط متحرك*
» طلبات كل شئ بش متحرك
» درس عمل قلب متحرك ملون
» درس عملتصميم متحرك