الرئيسية
الأعلانات
مركز التحميل
الانضمام للشركات
تنشيط عضويتك
الشكاوي والملاحظات
استعادة كلمة السر
أتصل بنا

العودة   معهد روابط في بي > رابط عــالــم التصاميم > رابـــط دروس وشروحات التصاميم


رابـــط دروس وشروحات التصاميم يختص بالدروس والشروحات وبرامج التصميم بشكل عام

الانعكاس المائي المتحرك

الانعكاس المائي المتحرك مثل خطوات التنفيذ الخطوة الأولى افتح الصورة التي ترغب بتطبيق الدرس عليها .. عن طريق: File >>


إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 12-08-2007, 03:05 PM   رقم المشاركة : 1
jamshede
رابط نشيط
 
الصورة الرمزية jamshede





jamshede غير متصل

jamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدود


إرسال رسالة عبر MSN إلى jamshede

بيانات موقعي:
إسم الموقع : ... { ^_^" ما عندي ’
إصدار المنتدى : لا أملك منتدى

افتراضي الانعكاس المائي المتحرك

الانعكاس المائي المتحرك

مثل




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


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

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

عن طريق:
File >> Open

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




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

Image >> Canvas Size





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




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

لماذا نقصت 10 بيكسل؟؟ ما الهدف؟!!



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


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

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

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

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



واضغط اوكي او موافق

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



إنها خطوة سهلة .. لكننا أطلنا في شرحها قليلاً .. أرجو ألا يضايقك ذلك



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

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

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






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

Edit >> Transform >> Flip Vertical

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



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

بواسطة أداة المؤشر


اسحب الصورة المقلوبة للمساحة الفارغة ـ المساحة التي تشبه مربعات الشطرنج ـ

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



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

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




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

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

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

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

Filter >> Distort >> Ocean Ripple



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




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

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

---

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

---

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

---

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

---

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

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

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



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

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



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

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



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



اختفت البقع البيضاء ..
جيد !

ثم انتقل الى الايمج ريدي

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



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

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

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

قم برفع علامة العين



من جميع الليرات ماعد أول ليرين .. وهما 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

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



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

خطوة إضافية

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



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






التوقيع :
رد مع اقتباس
قديم 19-08-2007, 04:55 PM   رقم المشاركة : 2
NASSER
مؤسس
 
الصورة الرمزية NASSER






NASSER غير متصل

NASSER رابط مبدع وذهبيNASSER رابط مبدع وذهبيNASSER رابط مبدع وذهبيNASSER رابط مبدع وذهبيNASSER رابط مبدع وذهبيNASSER رابط مبدع وذهبيNASSER رابط مبدع وذهبي



بيانات موقعي:
إصدار المنتدى :

افتراضي

الله يعطيك العافيه يالغالي







التوقيع :
سبحانك ياربي
سبحان الله وبحمده وسبحان رب العظيم
رد مع اقتباس
قديم 21-08-2007, 08:49 AM   رقم المشاركة : 3
عاشق الجنان
:: عضو شرف ::
 
الصورة الرمزية عاشق الجنان






عاشق الجنان غير متصل

عاشق الجنان رابط مبدععاشق الجنان رابط مبدععاشق الجنان رابط مبدع


إرسال رسالة عبر MSN إلى عاشق الجنان

بيانات موقعي:
إسم الموقع : عاشق ديزاين
إصدار المنتدى : VB 3.6.8

افتراضي

شكرا يا الغالي دائما انت مبدع شكراااا لك







التوقيع :
اسم الشركة : ✿ شركة عاشق ديزاين ✿ [ نرسم ُ أجمل َ اللوحات ]
آدآء الشركه : خِدمة التصاميم المتنوعه مِن الإستايلات وحتى الدورات التعليميه .
رابط الشركه : http://www.3ashq-des.com
الإيميل : webmaster@3ashq-des.com
الهاتف : 0534477994 للرسائل .
New » خدمة دورات تصميم وتركيب الإستايلات ، Css «
رد مع اقتباس
قديم 21-08-2007, 11:08 AM   رقم المشاركة : 4
ملك الغابة
رابط فعال





ملك الغابة غير متصل

ملك الغابة رابط متميز


إرسال رسالة عبر MSN إلى ملك الغابة

افتراضي

مشكور اخي على الشرح
بالتوفيق
تحياتي







التوقيع :
معهد نابلس التطويري
استضافة مواقع
تصميم وتقطيع استايلات وواجهات
استايلات مجانية
تركيب هاكات واسكربتات
نشر واشهار مواقع ومنتديات على 25 محرك بحث و250 دليل مواقع
تبادل اعلاني
اعلانات مجانية ومدفوعة
فقط على
معهد نابلس التطويري
للمراسلة والطلبات xp_pro@nablus-news.com
http://www.nablus-news.com/vb
رد مع اقتباس
قديم 23-08-2007, 10:45 AM   رقم المشاركة : 5
jamshede
رابط نشيط
 
الصورة الرمزية jamshede





jamshede غير متصل

jamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدود


إرسال رسالة عبر MSN إلى jamshede

بيانات موقعي:
إسم الموقع : ... { ^_^" ما عندي ’
إصدار المنتدى : لا أملك منتدى

افتراضي

العفو ومشكورين على الردود الرائعة







التوقيع :
رد مع اقتباس
قديم 23-08-2007, 12:29 PM   رقم المشاركة : 6
راكان العصيمي
:: عضو شرف ::






راكان العصيمي غير متصل

راكان العصيمي رابط مبدع وذهبيراكان العصيمي رابط مبدع وذهبيراكان العصيمي رابط مبدع وذهبيراكان العصيمي رابط مبدع وذهبيراكان العصيمي رابط مبدع وذهبيراكان العصيمي رابط مبدع وذهبي



بيانات موقعي:
إسم الموقع : Php.Net
إصدار المنتدى : نوع آخر

افتراضي

تسلم







رد مع اقتباس
قديم 27-08-2007, 02:27 PM   رقم المشاركة : 7
jamshede
رابط نشيط
 
الصورة الرمزية jamshede





jamshede غير متصل

jamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدودjamshede رابط مبدع بلاحدود


إرسال رسالة عبر MSN إلى jamshede

بيانات موقعي:
إسم الموقع : ... { ^_^" ما عندي ’
إصدار المنتدى : لا أملك منتدى

افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة راكان العصيمي مشاهدة المشاركة
   تسلم



الله يسلمك






التوقيع :
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[كود] الشريط المتحرك للمنتديات و المواقع مع الشرح (اعلانات الإدارة) NASSER رابط تطوير ودعم منتديات VBulletin 26 26-10-2011 06:55 AM
وصف الأقســـام المتحرك alkorbi أرشيف النسخه vb3.6.x 7 06-08-2007 11:16 PM
مشكلة هاك النص المتحرك hani911 ‫رابط مشاكل| حلول | استفسارات | طلبات منتديات VBulletin 2 14-05-2007 05:34 PM
[vb3.0.x] ][ هاك الإعلانات المتحرك ][ NASSER أرشيف النسخه vb3.0.x 22 13-04-2007 01:02 PM
درس الانعكاس (مبتدئ) فارس رابـــط دروس وشروحات التصاميم 9 17-03-2007 11:02 AM


الساعة الآن 09:59 PM


Powered by vBulletin® Version 3.8.7
Copyright ©2011 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO

المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء ومشرفي الاقسام فعلى كل شخص تحمل مسؤولية نفسه

وكل من يبحث عن حل او مساعده خارج نطاق مواضيع المعهد فلا نتحمل أي مسؤولية حيال مايحدث لموقعه


F.T.G.Y 3.0 BY: D-sAb.NeT © 2011