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

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

الأمثلة

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

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

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

عن طريق:
File >> Open

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

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

بالمناسبة .. إذا كان اللير مقفولاً

.. وعند القفل عبارة Background أو Index فيستحسن أن تراجع الرابط التالي لتعرف المزيد عن الأقفال وكيفية رفعها ..
درس - انعكاس متحرك على الماء Gold2L

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

Image >> Canvas Size

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

ستظهر لك هذه النافذة .. وبالإعدادات المبينة في الصورة ..
درس - انعكاس متحرك على الماء 2

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

لماذا نقصت 10 بيكسل؟؟ ما الهدف؟!! درس - انعكاس متحرك على الماء Thinking

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

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

ما معنى هذه الحركة التي قمت بها ؟؟ درس - انعكاس متحرك على الماء Thinking

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

شاهد شكل النافذة بعد أن قمنا بالتغييرات السابقة ..
درس - انعكاس متحرك على الماء 3

طبعاً عليك أن تضغط على Ok
شاهد مساحة العمل بعد تطبيق هذه الخطوة
درس - انعكاس متحرك على الماء 4

إنها خطوة سهلة .. لكننا أطلنا في شرحها قليلاً .. أرجو ألا يضايقك ذلك درس - انعكاس متحرك على الماء Hhh

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

شاهد بوكس الليرات بعد عملية النسخ
درس - انعكاس متحرك على الماء 5

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

Edit >> Transform >> Flip Vertical

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

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

في مساحة العمل ستلاحظ انقلاب الصورة رأساً على عقب ..
درس - انعكاس متحرك على الماء 6

يتبع ..

بواسطة أداة المؤشر درس - انعكاس متحرك على الماء MoAsherjewels

.. اسحب الصورة
المقلوبة للمساحة الفارغة ـ المساحة التي تشبه مربعات الشطرنج ـ
شاهد مساحة العمل بعد سحب
الصورة للأسفل
درس - انعكاس متحرك على الماء 7

قم بنسخ اللير المقلوب 4 مرات
..

شاهد بوكس الليرات بعد عملية النسخ
درس - انعكاس متحرك على الماء 8

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

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

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

Filter
>> Distort >> Ocean Ripple

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

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

ستظهر لك هذه النافذة .. أدخل الإعدادات المبينة في الصورة
..
درس - انعكاس متحرك على الماء 9

10 و 10 .. هذا كل شي ..
سهل جداً .. أليس كذلك؟

هل تحب أن تكرره؟؟ درس - انعكاس متحرك على الماء 12

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

---

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

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

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

ألق نظرة على مساحة
العمل ..
درس - انعكاس متحرك على الماء 10

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

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

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

شاهد بوكس الليرات بعد أن نقلنا Layer 0
من أسفل إلى أعلى
درس - انعكاس متحرك على الماء 12

ولاحظ الفرق في مساحة العمل
درس - انعكاس متحرك على الماء 13

اختفت البقع البيضاء ..
درس - انعكاس متحرك على الماء Thum2

جيد !

كانت خطوة طويلة درس - انعكاس متحرك على الماء Mmmm

..
ما رأيك لو تسترح قليلاً
..
اذهب ومارس بعض التمارين الرياضية .. فذلك سيريحك
درس - انعكاس متحرك على الماء Ryadhah2

أما أنا فسأنتظرك في
الإمج ردي ..
هل تعرف كيفية الانتقال للإمج ردي؟!!
درس - انعكاس متحرك على الماء Mmmm

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

مرحباً بك مجدداً ..
درس - انعكاس متحرك على الماء 9fqa1

أنت فعلاً مثابر
.. لقد قطعت شوطاً كبيراً حتى الآن ..

في الإمج ردي .. يفترض أن تجد أمامك
التالي ..
درس - انعكاس متحرك على الماء 14

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

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

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

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

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

قم برفع علامة العين درس - انعكاس متحرك على الماء Yey

من جميع الليرات ماعد أول ليرين .. وهما Layer 0 و Layer 0 copy
5

توضيح .. علامة
العين هي هذه درس - انعكاس متحرك على الماء Yey

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

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

منها أبداً ..

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

---

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

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

شاهد مكان المربع الصغير الخاص بمضاعفة البراويز
..
درس - انعكاس متحرك على الماء 15

شاهد شريط الأنيميشن بعد مضاعفة البرواز
درس - انعكاس متحرك على الماء 16

اتجه مجدداً لبوكس الليرات ..
وارفع علامة العين درس - انعكاس متحرك على الماء Yey

من اللير Layer 0 copy 5 فقط .. وضعه على Layer 0 copy 4

شاهد بوكس الليرات
درس - انعكاس متحرك على الماء 18

---

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

بمضاعفة البراوزات .. ستلاحظ ظهور برواز ثالث ..

بعدها اتجه لبوكس الليرات كما فعلنا في المرتين السابقتين ..
وارفع علامة العين درس - انعكاس متحرك على الماء Yey

من اللير Layer 0 copy 4 وضغه
على Layer 0 copy 3
درس - انعكاس متحرك على الماء 19

---

لا بد وأنك أصبحت خبيراً بذلك!!

كرر نفس العملية .. اتجه لشريط
الأنيميشن .. واضغط على المربع الصغير درس - انعكاس متحرك على الماء Layer

لمضاعفة البرواز ..
ثم ارفع علامة العين درس - انعكاس متحرك على الماء Yey

من Layer 0 copy 3 .. وضعه على
Layer 0 copy 2

---

ولآخر مرة .. ضاعف البرواز درس - انعكاس متحرك على الماء Layer

ثم ارفع علامة العين درس - انعكاس متحرك على الماء Yey

من Layer 0 copy 2 .. وضعه على اللير الأخير Layer 0 copy

شاهد شريط الحركة بعد الانتهاء من الخطوة
السادسة ..
درس - انعكاس متحرك على الماء 20

يمكنك الآن
أن تضغط على زر التشغيل درس - انعكاس متحرك على الماء Play

الموجود أسفل شريط الحركة .. لتستمتع بالمنظر .. وتتخيل خرير الماء
الجاري!
درس - انعكاس متحرك على الماء 7daag

خطوة إضافية

إذا أحسست بأن حركة الماء سريعة جداً
في تصميمك .. يمكنك أن أتضغط على رمز التوقيت درس - انعكاس متحرك على الماء 0sec

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

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

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

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

خزن عملك عن
طريق:

File >> Save Optimized As

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

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

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

شكراً جزيلاً لمتابعتك ..

جزاك الله خيراً
لا احل النقل دون ذكر المصدر - هالة يزن - منتدى حلمي اليوم

يشرفني اني اول بنوته ترد عليكي
وعنجد رووووووووووووعه المفروض بتصيري معلمه
تقبلي مرووووووووووووووري وننتظر جديييييييييييييييدك

عضو مجتهد تاريخ التسجيل : 19/06/2011

واااااااااو رووووووعه

افدتينى واجد

تسلمى

» أهمية شرب الماء
» الحيوان الذي لا يشرب الماء
» الماء قصيدة عنوانها الأنوثة