۞ درس تصميم قاع المحيط ۞

[FinalFantasy9]

Adobe Photoshop CS tutorials Ocean
.. بسم الله الرحمن الرحيم ..


.. السلام عليكم ورحمة الله وبركاته ..


كل عام وانتم بخير ومبارك عليكم الشهر ^_^ .. واهلاً بالجميع بقسم الفوتوشوب :) ..


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


ان شاء الله بعجبكم الدرس وينال على رضاكم .. :)


*******


**********^_^********** الشكل النهائي **********^_^**********


http://www.freewebtown.com/finalf9/Les1/TEST-Done.jpg


**********^_^********** الخطوات **********^_^**********


قم بفتح عمل جديد بالمقاس الذي تراه مناسباً للتصميم .. ثم قم بتلوين الخلفية باللون الأسود وغير ترتيب الالوان http://www.freewebtown.com/finalf9/Tools/default_colors.gif إلى التالي .. العلوي : "050d24" والسفلى : "0a96ee" وفي الـ"Layer Style" قم بتصبيق الاعدادات المبينة بالصورة :-


http://www.freewebtown.com/finalf9/Les1/Done1.jpg (http://www.freewebtown.com/finalf9/Les1/TEST1.jpg)


قم بفتح لير جديد بأعلى اللير الحالي (Ctrl+Shift+N) وقم بملئ الخلفية باللون الأسود بأستخدام http://www.freewebtown.com/finalf9/Tools/paint_bucket.gif وغير الألوان http://www.freewebtown.com/finalf9/Tools/default_colors.gif بالضغط على D وثم طبق الفلتر "Difference Clouds" وستظهر الصورة بالشكل التالي :-


http://www.freewebtown.com/finalf9/Les1/Done2.jpg (http://www.freewebtown.com/finalf9/Les1/TEST2.jpg)



قم بتغيير نظام لير 2 إلى "Soft Light" وقوة الـ"Opacity" إلى 35% لتظهر كالشكل التالي :-



http://www.freewebtown.com/finalf9/Les1/Done3.jpg (http://www.freewebtown.com/finalf9/Les1/TEST3.jpg)



الآن قم بعمل لير جديد بأعلى الليرات الموجودة (Ctrl+Shift+N) وقم بملئ الخلفية باللون الأسود بإستخدام http://www.freewebtown.com/finalf9/Tools/paint_bucket.gif ومن ثم قم بتطبيق فلتر"Difference Clouds" وثم فلتر "Plastic Wrap" من "Filter > Artistic > Platic Wrap" وستظهر كالشكل التالي :-



http://www.freewebtown.com/finalf9/Les1/Done4.jpg (http://www.freewebtown.com/finalf9/Les1/TEST4.jpg)



والآن سنقوم بعمل التحرك الحُر أو ما يسمى "Free Transform" وسيتم تطبيقة من قائمة "Edit > Free Transform" أو بالضغط على "CTR+T", وقم بتحريك الصورة بالضغط على "Ctrl" الى ان تحصل على الشكل بالأسفل ..... ثم قم بتحديد العمل كما بالشكل بالأسفل وبعد التحديد قم بالذهاب لقائمة "Select > Feather" (أو "ALT+CTRL+D") وقم بتحديد العدد المطلوب بـ 40 px للـ "Radius" ..


http://www.freewebtown.com/finalf9/Les1/Done5.jpg (http://www.freewebtown.com/finalf9/Les1/TEST5.jpg)


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


http://www.freewebtown.com/finalf9/Les1/Done6.jpg (http://www.freewebtown.com/finalf9/Les1/TEST6.jpg)


قم بتغيير نوع اللير إلى "Color Dodge" وستظهر الصورة بالشكل التالي :-


http://www.freewebtown.com/finalf9/Les1/Done7.jpg (http://www.freewebtown.com/finalf9/Les1/TEST7.jpg)


قم بعمل نسخة مطابقة للير العلوي بالضغط على"CTRL+J"أو بالذهاب لـ "Layer > Duplicate Layer" ثم اذهب لأمر "Transform > Flip VerticalEdit" وقم بتحريك الصورة إلى الأعلى كما هو مبين بالصورة وغير نوع اللير إلى "Soft Light" .. وهكذا سيكون الشكل النهائي :-


http://www.freewebtown.com/finalf9/Les1/Done8.jpg (http://www.freewebtown.com/finalf9/Les1/TEST8.jpg)


الآن قم بعمل لير جديد (Ctrl+Shift+N) وباستخدام أداة http://www.freewebtown.com/finalf9/Tools/polygonal_lasso.gif "Polygonal Lasso Tool" وقم بالتحديد كما هو مبين بالصورة بالأسفل :-


http://www.freewebtown.com/finalf9/Les1/Done9.jpg (http://www.freewebtown.com/finalf9/Les1/TEST9.jpg)


اذهب اضغط على "ALT+CTRL+D" أو إلى "Select > Feather" بقوة 10 px وقم بملئها باللون الأبيض "Edit > Fill" وقم بتغيير نوع اللير إلى "Soft Light" والـ "Opacity" إلى 30% وستظهر كما بهذه الصورة :-


http://www.freewebtown.com/finalf9/Les1/Done10.jpg (http://www.freewebtown.com/finalf9/Les1/TEST10.jpg)


قم بعمل لير جديد فوق الليرات الموجودة (Ctrl+Shift+N) وقم بملئ التصميم باللون الأسود http://www.freewebtown.com/finalf9/Tools/paint_bucket.gif وطبق فلتر النويز "Filter > Noise > Add Noise" بإعدادات من 50-55% والـ"Distribution" إلى "Gaussian" واختر خيار الـ "Monochromatic" :-


http://www.freewebtown.com/finalf9/Les1/Done11.jpg (http://www.freewebtown.com/finalf9/Les1/TEST11.jpg)


الآن قم بتطبيق "Filter > Blur > Radiul Blur" بإعدادات التالية :-


http://www.freewebtown.com/finalf9/Les1/Done12.jpg (http://www.freewebtown.com/finalf9/Les1/TEST12.jpg)


قم بتغيير نوع اللير إلى "Soft Light" والـ "Opacity" إلى 35% .... والآن قم بشكل سريع وبأداة http://www.freewebtown.com/finalf9/Tools/lasso.gif "Lasso Tool" بالتحديد كما بالصورة التالية ومن ثم عمل "Feather" بالضغط على "ALT+CTRL+D" أو من "Select > Feather" بقوة 25 px ومن ثم الضغط على "Delete" من الكيبورد وستظهر كما بهذه الصورة :-


http://www.freewebtown.com/finalf9/Les1/Done13.jpg (http://www.freewebtown.com/finalf9/Les1/TEST13.jpg)


ويمكنك اضافة تعديلات سريعه وامور تراها مناسبة لتصميمك لتحصل على شكل نهائي بالشكل المطلوب (يمكنكم اضافة تفاصيل كثيرة مثل الصحور او الاسماك او النباتات البحريه وغيرها لتظهر بصورة افضل وافضل) :-


http://www.freewebtown.com/finalf9/Les1/TEST-Done.jpg

PS . تم ارفاق الدرس بصيغة "PDF" و "SWF" من عمل الاخ "omermoth" الله يبارك فيه ^_^ .

©حقوق الطبع 2006 FinalFantasy9. جميع الحقوق محفوظة.
.©Copyright 2006 FinalFantasy9, All rights reserved

* شكراً لـ "Andrei Bilan" وموقع "andreibilan" على الدرس .

وشـــــــــــ:yup::yup::yup::yup:ـــــــــــكراً

[Evil-Side]

مرحبا

اهلا بعودتك فينال

درس حلو جدا اعجبني مره

انا شفته قبل كدا لكن بطريقه مختلفه

ساطبقه لاحقا

شكرا لك مره اخري

[Mr.MooT]

رووووووعه رووووووووعه رووعه الدرس تسلم اخوي
ومشكور جدا جدا

[البريق الصاعق]

السلام عليكم
رمضان كريم على كل من في المنتدى الغالي
مشكور اخويFinalFantasy9 على الدر سانا شفتة مره ولا عرفة اسوية لان الشرح كان غير واضح والان بسب اجتهادك والشرح الممتاز الرائع اصبح الدرس سهل:33:
التطبيق وشكراً اخوي مرة ثانية:biggthump
1-265918
2-265920

[Royal Slayer]

السلام عليكم ورحمة الله وبركاته

شكرا اخى FinalFantasy9 على الدرس الرائع

كعادتك رائع

هذا هو تطبيقى

http://www.upload-flash4anime.com/up-pic/uploads/df0591b48b.jpg (http://www.upload-flash4anime.com/up-pic)

فى انتظار مزيد ابداعاتك

دمتم فى حفظ الله ورعايته،،

[R.P.D_629]

يعـطيك العـافيـة يـقلـبي علـى الـدرس الـرائـع وتـم التطـبيـق ولـكنـي لـم أجـد فـرش تفيـدنـي فـي هـذا المـوضـوع للأسـف..:(

وتفضـل التـطبيـق::
http://www.mixq8.com/uploads/uploads6/Rpd629629.jpg
وإن شـاء الله يعجـبك..:)

وأنتـظر جـديـدم بـفـارغ الصبـر وكـل عـام وأنـت بخيـر..:)

[FinalFantasy9]

"Evil-Side" و "moot" ..
العفو وشكراً لكم على المشاركه واتمنى تكونون استفدتوا من الموضوع ^_^ .

"البريق الصاعق"
مرحبا اخوي :) .. الحمد لله الدرس كان واضح ^_^ .. حاولت كثر ما اقدر اسهل الخطوات واضيف حتى صور الادوات واحط طريقة الوصول للتأثير عن طريق القائمة+الاختصار لكي اوصل اكثر من معلومه بنفس الوقت فإن شاء الله اكون وفقت بالدرس ^_^ ..

شكراً لك على التطبيق .. جميل .. احسنت في شكل المياه والاناره .. تسلم على المشاركه :) .

"Royal Slayer"
العفو اخوي والحمد لله اعجبتك الفكره والدرس وان اشاء الله تكون الافاده تمت ..

تطبيق جيد اخوي ^_^ .. عندك نقطتين .. الاولى بالنويز فهو وسط التصميم وكان بالشرح بالزاوية لكي يعطي شكل افضل للنور والاناره قوية قليلاً ممكن لو استخدمت المسح اكثر من مره بيكون افضل .. بشكل عام اتمنى الافاده وصلت وشكراً لك على اخذ الوقت للتطبيق ^_^ .

"R.P.D_629"
يعطيك العافيه على التطبيق , واخذ الوقت للاستفاده ^__^ .. اتمنى تكون استفدت :) .. الدرس مافيه اي فرش لذلك لم يتم وضع اي فرش للتحميل :) ..

تطبيك انيق وسلس ^_^ .. النويز كان افضل يكون اعلى شوي علشان يتطابق مع النور ^_^ .. حجم التصميم بالمقارنه مع التأثير بالقاع والسطح صغير قليلاً .. اتمنى تكون استفدت من تطبيقك للخطوات واشكرك على التطبيق :) ..

كل عام وانتم بخير وشكراً لكم على المرور .. ان شاء الله تمت الاستفاده .. :) .

وشـــــــــــ:yup::yup::yup::yup:ـــــــــــكراً

[الارطبون]

والله درس قمة في الروعة الله يخليك لنا ولايحرمنا من دروسك

[FinalFantasy9]

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

وشـــــــــــ:yup::yup::yup::yup:ـــــــــــكراً

[d.o.d.y]

ابداع درس رائع من العضو المبدع فاينل
منور القسم أخيرا شفنا لك درس طولت الغيبة >>> اعلان فمتو
تطبيقي في الرد الجاي ^^
ولو اقر ارشح والله رشحت وانا مغمضة بس قهر

[FinalFantasy9]

ابداع درس رائع من العضو المبدع فاينل .. منور القسم أخيرا شفنا لك درس طولت الغيبة >>> اعلان فمتوالحمد لله نال على رضاكم .. الدرس ببساطته لكنه اعجبني علشان كذا حبيت اعمله ^_^ .. ورغم اني مقصر بهالفتره بالقسم ومشاركاتي خفت لاني ما املك وقت كثير الا لمراجعة ومراقبة المواضيع :ponder: .. لكن ان شاء الله بعد فتره الامور بتتحسن ونشوف مواضيع وردود اكثر وتعم الاستفاده للجميع ^_^ .

تطبيقي في الرد الجاي ^^وانا ناطر :09: .

ولو اقر ارشح والله رشحت وانا مغمضة بس قهر:D وجودكم يكفي :) .

شكراً على المرور وان شاء الله يستفيد من الدرس اكبر عدد ممكن من الموجودين ^_^ .

وشـــــــــــ:yup::yup::yup::yup:ـــــــــــكراً

[Misho0o]

لو اني فاضي كان طبقت الدرس
بس زي ماتعرف Rappelz Online game :09:
ماخذه وقتي :09:
لا حقيقه ،، طبقته وماطلع بالمستوى المطلوب :blackeye:
تسلم فاينل على الدرس ^^"

[منواش]

يعيطيك العافية على هذا الدرس الرائع
وشكرا لك

[عمر]

السلام عليكم ورحمة الله وبركاته

شكرا لك Finalعلى هالدرس .. وحولته لك إلى swf و pdf .. يعني هذي بدل التطبيق :) ..
والتطبيق أعطيك إياه عند أقرب فرصة ..

الدروس بالمرفقات :D ..

في أمان الله

[FinalFantasy9]

Silent Devil
هلا سايلنت :D .. وجودك يكفي ولو كنت بتخلينا نشوف التصميم علشان نضحك .. اوبس اقصد نصحح الاخطاء :silly: .. كان افضل خخخخ .. مشاري انت عزيز وغالي واي شي منك حلو ماعليك ^_^ .. اهم شي انك جربت تطبق واستفدت ^_^ .

منواش
العقو اخوي وشكراً على تواجدك والحمد لله ان الدرس نال على رضاك ^_^ .

omermoth
ماقصرت ^__^ .. وانا بضيفهم للرد الاول بإذن الله علشان يستفيد منها الجميع بكل الطرق المتوفره :) .. بارك الله فيك وجعلها بميزان حسناتك ^_^ .

وشـــــــــــ:yup::yup::yup::yup:ــــــــــكراً

[d.o.d.y]

اخيرا وصل التطبيق
واعذرني حاولت اسوي صخر مثلك طلع جدار مو صخر :09:

[عمر]

السلام عليكم ورحمة الله وبركاته

أخي فاينال هذا هو التطبيق ..
والغواصة تعبتني بالعمل يعني حوالي ساعتين ..

وهذا شكلين للتطبيق والإختلاف فقط في (Blend mode) حق الغواصة الأول Normal والثاني Multiply ..

حلو .. صح ؟
حاولت أرسم نباتات لكن ما قدرت :) ..

وعلى فكرة أنا ما صححت الدرس إملائيا مع العلم أنني لاحظت بعض الأخطاء لكن تركتها عمدا خخخخخخ :09:

في أمان الله

[FinalFantasy9]

السلام عليكم ورحمة الله وبركاته ..

اخيرا وصل التطبيق
واعذرني حاولت اسوي صخر مثلك طلع جدار مو صخر :09:لوول لاعادي اهم شي تم التطبيق ^_^ .. ان شاء الله تستفيدين من الدرس بالمستقبل ^_^ .

أخي فاينال هذا هو التطبيق ..
والغواصة تعبتني بالعمل يعني حوالي ساعتين ..تصميم حلو اكيد وحجمه مناسب ^_^ .. الاضافات حلوه وراكبه بشكل جيد والانعكاس عليها تمام :) .
وعلى فكرة أنا ما صححت الدرس إملائيا مع العلم أنني لاحظت بعض الأخطاء لكن تركتها عمدا خخخخخخ :P , ماني مدرس عربي خخخخ .. عادي خذ راحتك .. D: .

وشـــــــــــ:yup::yup::yup::yup:ـــــــــــكراً

[A.N.G.E.L]

أهلين أخوي Final:) .
كل عام وأنت بخير وصحة وسلامة..الصراحة مدري شقولك..جداً منبهر بإبداعتك الحلوة دي

الله لا يحرمنا منك يا غالي:09: ...على عموم شوف تطبيقي ولا تبخل بالنقد:09: ..;)

[The Imaginary]

السلامـ عليكمـ...

درس مميز وشرح اكثر تميز
اعجبني الدرس كثير وهذا تطبيقي ^.^

http://xs308.xs.to/xs308/06434/ocean.jpg
اتمنى ينال على استحسانك

.: وفقك الله وسدد خطاك :.

[FinalFantasy9]

كل عام وأنت بخير وصحة وسلامة..الصراحة مدري شقولك..جداً منبهر بإبداعتك الحلوة دي
وانت بالصحه والسلامه ^_^ .. تسلم على رايك ومرورك وتطبيقك ^_^ .. يعني هو التطبيق ممكن عليه ملاحظات كثيره لوول بس ماقصرت ^^" .. بالاسفل الصور غطت على التأثيرات .. والتمديد بالتأثير المنعكس في خطوه لتغيير الحجم وطريقتها انت نوعاً ماتركتها خخخ .. وامور صغيره ثانيه ^_^ .. بس ان شاء الله تكون استفدت من الدرس ونشوفك عانا بشكل دايم ^_^ .

درس مميز وشرح اكثر تميز
اعجبني الدرس كثير وهذا تطبيقي ^.^
مرحبا الخيال بالموضوع وشكراً على الرد والمشاركه بهالتطبيق الرائع ^__^ ..

القاع عملتيه بشكل ممتاز جداً ماشاء الله والاضافات حلوه كثير ^^ .. صرتي افضل مني انا اول ماخلصت التصميم بعد كتابة الدرس الطويل ماصدقت ارسل لوول وعلمت اصافات اي كلام خخخ .. شكراً على المحاوله الطيبه ^_^ .. الملاحظات البسيطه هي .. اهتميتي بالقاع وخف الاهتمام بالمنطقه العليا .. اللون الاخضر احسه قوي حبيتين .. والنور من السطح يحتاج لتخفيف ^^ .

ماقصرتوا ونورتوا الموضوع بتصاميمكم واضافاتكم فشكراً لكم ^_^ .. واتمنى ان تكون الاستفاده تمت :) .

وشـــــــــــ:yup::yup::yup::yup:ـــــــــــكراً

[Ahmed Blight]

صدفة داخل القسم خخ بس شفت درس لك قلت يستحق افتح الموضوع و اشوف ^^
ولله الدرس شكله حلو و لو اني بس القيت نظرة على الصور بس اظن راح اقراه و اجرب استفيد من خطواته في عمل تصميم ما ^^

شكرا لك فاينال و اذا عملت تصميم بفكرة درسك راح اكتب في انه به تطبيق من درسك ^.~

سلااامز

[يوسف وليد]

درس جميل ورائع جدا
شكرا جزيلا

[RAUFF]

وعليكم السلام ورحمة الله وبركاته
مشكور اخوي المبدع FF9
بارك الله فيك
اسف لاني لا استطيع ارفاق تطبيق لان الانترنت عندي بطيئ هدي الايام
بس احاول احمله في اقرب وقت لو استطعت
بس صراحة الدرس عجبني والله
مشكور مرة اخري
والسلام مســـــــ الختام ـــــــــك

[RAUFF]

السلام عليكم
بعد مرور سنة كاملة من ردي الاول على هدا الموضوع (ومعاها شوية ايام) وكما وعدت سافي بوعدي
وهذا تطبيقي
http://www.khellan.net/up2/uploads/5d5a7521c9.jpg (http://www.khellan.net/up2/)

مشكور اخوي الاروع FF9
والسلام عليكم ورحمة الله وبركاته