منتديات تو زوو

منتديات تو زوو (http://www.2zoo.com/vb/index.php)
-   قسم الدعم الفني (http://www.2zoo.com/vb/forumdisplay.php?f=54)
-   -   درس : إنعكآس متحرك على الماء (http://www.2zoo.com/vb/showthread.php?t=100459)

غدووو 29-04-2009 05:09 PM

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

إليكم هذا الدرس في موضوعي آخر تصميم لي في الإيمج ردي ..!!

هذآ هو الدرس

---------------


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

http://www.jewelsuae.com/psd/allDoro.../water/Ex2.gif http://www.jewelsuae.com/psd/allDoroos/gif/water/Ex.gif

--

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


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

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

عن طريق:
File >> Open

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


http://www.jewelsuae.com/psd/allDoroos/gif/water/1.gif

بالمناسبة .. إذا كان اللير مقفولاً http://www.jewelsuae.com/psd/Basik/qfl.gif ..
فليحسن أن تذهب إلى

http://www.jewelsuae.com/psd/AlQaemah/Imode.gif

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

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

Image >> Canvas Size


http://www.jewelsuae.com/psd/AlQaemah/ICanvasSize.gif

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

http://www.jewelsuae.com/psd/allDoroos/gif/water/2.gif

هل لاحظت الصورة التي في الأعلى ؟؟
عند الرقم 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 يمثل الصورة (صورة السمكة التي نعمل عليها) .. ونحن نريد مساحة إضافية أسفل الصورة .. لذا قمنا بنقل المربع الأبيض للأعلى كي نخبر الفوتوشوب أننا نرغب بوضع الصورة في الأعلى وزيادة المساحة أسفلها ..

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


http://www.jewelsuae.com/psd/allDoroos/gif/water/3.gif

طبعاً عليك أن تضغط على Ok

شاهد مساحة العمل بعد تطبيق هذه الخطوة


http://www.jewelsuae.com/psd/allDoroos/gif/water/4.gif

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

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

شاهد بوكس الليرات بعد عملية النسخ


http://www.jewelsuae.com/psd/allDoroos/gif/water/5.gif

والآن اتجه لقائمة Edit واختر الأمر التالي ..

Edit >> Transform >> Flip Vertical


http://www.jewelsuae.com/psd/AlQaemah/ETransformV.gif

في مساحة العمل ستلاحظ انقلاب الصورة رأساً على عقب

http://www.jewelsuae.com/psd/allDoroos/gif/water/6.gif


لاحد يرد سوف أكمل الدرس

غدووو 29-04-2009 05:31 PM

رد: درس : إنعكآس متحرك على الماء
 
الخطوة الرابعة

بواسطة أداة المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif.. اسحب الصورة المقلوبة للمساحة الفارغة ـ المساحة التي تشبه مربعات الشطرنج ـ

شاهد مساحة العمل بعد سحب الصورة للأسفل

http://www.jewelsuae.com/psd/allDoroos/gif/water/7.gif

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

شاهد بوكس الليرات بعد عملية النسخ

http://www.jewelsuae.com/psd/allDoroos/gif/water/8.gif

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

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

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

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

Filter >> Distort >> Ocean Ripple

http://www.jewelsuae.com/psd/AlQaema...ceanRipple.gif

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

http://www.jewelsuae.com/psd/allDoroos/gif/water/9.gif

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

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

---

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

---

ثم اللير الذي تحته (Layer 0 Copy 3) .. نفس الفلتر ونفس الإعدادات السابقة ..

---

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

---

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

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

ألق نظرة على مساحة العمل ..

http://www.jewelsuae.com/psd/allDoroos/gif/water/10.gif

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

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

http://www.jewelsuae.com/psd/allDoroos/gif/water/11.gif

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

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

http://www.jewelsuae.com/psd/allDoroos/gif/water/12.gif

ولاحظ الفرق في مساحة العمل

http://www.jewelsuae.com/psd/allDoroos/gif/water/13.gif

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

على طريق ctrl>shift>m من لوحه المفآتيح

--

اهلا بك في الإيمج ردي

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

في الإمج ردي .. يفترض أن تجد أمامك التالي ..

http://www.jewelsuae.com/psd/allDoroos/gif/water/14.gif

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

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

قم برفع علامة العين http://www.jewelsuae.com/psd/Basik/yey.gif من جميع الليرات ماعد أول ليرين .. وهما Layer 0 و Layer 0 copy 5

شاهد الصورة التوضيحية لبوكس الليرات في الإمج ردي ..

http://www.jewelsuae.com/psd/allDoroos/gif/water/17.gif

والآن .. اتجه لشريط الحركة .. حيث سنقوم بمضاعفة البرواز .. وذلك بالضغط على المربع الصغيرhttp://www.jewelsuae.com/psd/Basik/Layer.gifالموجود أسفل شريط الحركة ..

شاهد مكان المربع الصغير الخاص بمضاعفة البراويز ..

http://www.jewelsuae.com/psd/allDoroos/gif/water/15.gif

شاهد شريط الأنيميشن بعد مضاعفة البرواز

http://www.jewelsuae.com/psd/allDoroos/gif/water/16.gif

اتجه مجدداً لبوكس الليرات .. وارفع علامة العين http://www.jewelsuae.com/psd/Basik/yey.gifمن اللير Layer 0 copy 5 فقط .. وضعه على Layer 0 copy 4

شاهد بوكس الليرات
http://www.jewelsuae.com/psd/allDoroos/gif/water/18.gif

مرة أخرى .. اتجه لشريط الأنيميشن .. واضغط على المربع الصغير الخاص http://www.jewelsuae.com/psd/Basik/Layer.gifبمضاعفة البراوزات .. ستلاحظ ظهور برواز ثالث ..

بعدها اتجه لبوكس الليرات كما فعلنا في المرتين السابقتين .. وارفع علامة العينhttp://www.jewelsuae.com/psd/Basik/yey.gifمن اللير Layer 0 copy 4 وضغه على Layer 0 copy 3

http://www.jewelsuae.com/psd/allDoroos/gif/water/19.gif

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

كرر نفس العملية .. اتجه لشريط الأنيميشن .. واضغط على المربع الصغير لمضاعفة البرواز .. ثم ارفع علامة العين من Layer 0 copy 3 .. وضعه على Layer 0 copy 2

---

ولآخر مرة .. ضاعف البرواز ثم ارفع علامة العين من Layer 0 copy 2 .. وضعه على اللير الأخير Layer 0 copy

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

http://www.jewelsuae.com/psd/allDoroos/gif/water/20.gif

يمكنك الآن أن تضغط على زر التشغيل http://www.jewelsuae.com/psd/Basik/Play.gifالموجود أسفل شريط الحركة .. لتستمتع بالمنظر .. وتتخيل خرير الماء الجاري!


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

File >> Save Optimized As

http://www.jewelsuae.com/psd/AlQaema...eOptimized.gif

ثم تضغط على ko

أتمنى ـآلدرس كآن وآضح وحلو

وفي إنتظآر تظبيقآتكم

وأي سؤآل انـآ حآظرة

م ن ق و ل

قطة الأحلام 29-04-2009 05:36 PM

رد: درس : إنعكآس متحرك على الماء
 
جزاك الله خير أختي غدوو درس رائع

لي رجعة بالتطبيق..

مياو

غدووو 29-04-2009 05:40 PM

رد: درس : إنعكآس متحرك على الماء
 
قطة الأحلام

العفو يآقطوطهـ

في إنتظآر التطبيق

مادري 29-04-2009 06:44 PM

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

يسلمو غدووو على الدرس وهاذ تطبيقي

http://www.pusup.com/up/get-4-2009-2nxvqvly.gif

انشالله ايب 10|10 ههههههههه

سي يو

غدووو 29-04-2009 07:06 PM

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

وعليكم السلام

الله يسسسلمك

وتطبيقك صحيح 100%

--

في إنتظآر تطبيقآتكم

احب السلاحف 03-05-2009 05:32 PM

رد: درس : إنعكآس متحرك على الماء
 
غدووو

ما عرفت اسوي>_<

لأني ما اعرف انسخ اليرات

اتمنى تعلميني بالشرح المصور على الخاص

._.

غدووو 03-05-2009 05:46 PM

رد: درس : إنعكآس متحرك على الماء
 
أوكي

بسس رآح أضع صورة ورآح أضعهـ هنآ إذا كان مافي مآنع


http://www.jewelsuae.com/psd/Basik/Ex/Duplicat2.gif

دمت بوود

احب السلاحف 03-05-2009 06:45 PM

رد: درس : إنعكآس متحرك على الماء
 
شكرا ...!

واضحه الصوره 100%

احب السلاحف 03-05-2009 07:03 PM

رد: درس : إنعكآس متحرك على الماء
 
ما عرفت اسويه متحرك

اوف صعب <<< ×_×


جميع الأوقات بتوقيت GMT +3. الساعة الآن 10:28 PM.

Powered by vBulletin® Version 3.8.8 Alpha 1
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd
الحقوق محفوظة لمنتديات تو زوو