![]() |
◙ درس إنشاء إنعكاس مائى واقعى ◙
بسم الله ـــــــــ فى درسنا اليوم ستتعلمون "خدعة" فوتوشوبية تتيح لكم القدرة لإنشاء إنعكاساً مائياً شديد الواقعية من العدم .. التطبيق على الدرس بإمكان أى مبتدىء ذو خلفية بسيطة عن البرنامج إتمامه وهو مقتبس من موقع 10steps لصاحبه Aaron Chua ونال كثير من الإستحسان وتمت إستضافته فى مواقع الدروس الكبرى .. الشرح شديد التفصيل لذلك فقد تشعر بأن الموضوع طويل قليلاً، ولكن بعد تطبيقه بنفسك وإعتيادك على الطريقة فستنتهى من البداية للنهاية فى أقل من دقائق ثلاث .. الآن استرخوا فى مقاعدكم وأعدوا برنامج أدوبى الأشهر للعمل فى الخلفية ولنبدأ موضوعنا معاً .. Download62489 الصورة التى سنقوم بالعمل عليها هى صورة لقصر سانت ميشيل بفرنسا - بإمكانكم تحميل الصورة بالحجم الكامل بالضغط عليها .. Download32661 أما النتيجة النهائية Download15825 Download62489 نبدأ بتوريد صورة القصر إلى برنامج أدوبى فوتوشوب عن طريق File ثم Open .. قبل البداية أريد منكم الضغط كليك لمين على طبقة الخلفية والضغط على layer from background .. Download27726 شكراً :) --- ما نريد عمله أولاً هو زيادة إرتفاع الصورة للضعف حتى تكفى إنعكاس المياه أسفلها ولأجل ذلك فسنستخدم أداة Canvas Size من قائمة Image .. نقوم بإختيار نوع الوحدة pixels أولاً ثم نضع قيمة إرتفاع 2400 ثم نضغط على المربع صاحب السهم المشير لأعلى و ok .. Download61658 Download62489 الآن سنقوم بعمل نسخة من الطبقة الأصلية layer 0 عن طريق الضغط بزر الفأرة الأيمن على الطبقة ثم اختيار duplicate layer .. (توجد طريقة أسرع وهى الضغط على مفتاحى ctrl+j على لوحة المفاتيح) Download42664 سنقوم بتسمية الطبقة الأولى "الأصل" والطبقة المنسوخة "الإنعكاس" لتسهيل الإشارة إليهم فى الدرس .. الآن نريد نقل صورة "الإنعكاس" إلى الأسفل وقلبها عمودياً لإعطاء الإنطباع المطلوب .. لأجل ذلك اختر طبقة "الإنعكاس" أولاً من صندوق layers ثم اضغط ctrl + t على لوحة المفاتيح .. اسحب الصورة بالفأرة حتى الأسفل تماماً .. اضغط على الصورة كليك لمين واختار القلب العمودى أو Flip Vertical Download65452 النتيجة حتى الآن Download60792 Download62489 انشىء طبقة جديدة (new layer) وسمها water .. Download26119 باستخدام أداة الإختيار المربعة (Rectangular Marquee) اصنع تحديداً مربعاً على النصف السفلى من الصورة .. Download73794 ما نحاول إتمامه هنا هو إغراق المنطقة المحددة باللون الأزرق لتبدو لاحقاً وكأنها كالبحر .. الآن اضغط على الزر المبين فى الصورة (Adjustments) واختار solid color من القائمة .. Download17688 اختر اللون الأزرق الذى تراه مناسباً كلون للمياه أو للبحر واضغط ok ... هنا اخترت اللون 226eb5 Download21438 اختر طبقة "الإنعكاس" واضغط على زر add layer mask .. Download21997 لاحظ المستطيل الأبيض الذى تم إنشاؤه بمجرد إتمام الخطوة السابقة .. Download37116 هذا المستطيل يدل على وجود قناع أو "mask" على طبقة "الإنعكاس" .. هذا القناع يمكّنك من عرض وإخفاء الأجزاء التى تريدها من الطبقة الرئيسية بدون حذف أى شىء منها .. وبمجرد استخدام فرشاة .. طالما لون القناع بأكمله "أبيض" فهذا يعنى أن الطبقة الحاملة له ظاهرة بالكامل .. أما لو إخترنا فرشاة بأى حجم وبدأنا برسم اللون الأسود على القناع فستبدأ تلك الأجزاء بالإختفاء من الطبقة الحاملة له .. أى أن: أبيض = ظاهر أسود = مخفى وما نحاول الحصول عليه هو قناع بهذا الشكل .. Download42658 ليختفى الجزء السفلى من طبقة الإنعكاس ونحصل على نتيجة كتلك .. Download66597 تمام .. ؟ لأجل ذلك سنقوم بإختيار فرشاة كبيرة جداً بحجم 1800px وبصلابة 0% ولونها أسود - وسنبدأ بالرسم بحيث يسير مركز دائرة الفرشاة على حافة الصورة السفلية .. Download59895 طبعاً اللون الأسود لا يُرسم بالفعل فوق الصورة نفسها ولكنه يترك أثره داخل مربع "الماسك" الأبيض كما ترون .. أما الصورة نفسها فتبدأ فى الإختفاء .. تابع الرسم حتى تحصل على النتيجة المرجوة Download66597 Download62489 بإمكاننا ترك الصورة كما هى والمباشرة على الفور بالخطوة التالية والتى أعتبرها درة تاج موضوعنا، ولكنكم أتيتم لأجل كلمة "واقعية" فى العنوان ولذلك فيجب بذل بعض التعب إذا أردنا تحقيق مرادنا، ولهذا فسنقوم بإضافة تأثير ضبابى على المياه أولاً قبل إكمال موضوعنا .. التأثير لا نريد تطبيقه إلا على الجزء العلوى من طبقة "الإنعكاس"، لذلك فعلينا وضع تحديد لا يشمل المنطقة السفلية بتاتاً .. فقط تابع ضغط مفتاح ctrl على لوحة المفاتيح ثم اضغط بالفأرة على مستطيل "الماسك" فى طبقة "الإنعكاس" .. يتم تحديد المنطقة المرغوبة من الصورة تلقائياً .. Download83750 ثم اضغط على مستطيل الصورة (بدون مفتاح ctrl) لنتأكد من أن الصورة هى التى سيطبق عليها التأثير الضبابى وليس "الماسك" .. Download20966 إذهب إلى Filter ثم Blur ثم Motion Blur .. ضع الزاوية سالب 90 درجة والمسافة 10 بيكسل .. Download54350 الآن نتابع لجوهرة درسنا:tefanet-yolks2-23: Download62489 الخطوة الحالية تعطى نتيجة مذهلة وواقعية فى إنشاء التأثير الموجى على سطح المياه وأوصى الجميع بحفظها عن ظهر قلب .. انشىء مشروع جديد File > new بالإعدادات التالية .. Download12192 اذهب إلى Filter ثم Noise ثم Add noise .. ضع القيمة القصوى (400) وتأكد من وضع علامة أمام Gaussian و Monochromatic .. Download85735 اذهب إلى Filter ثم Blur ثم Gaussian Blur .. ضع قيمة 2.0 .. Download70253 اضغط على تبويب Channels (المجاور لـLayers) اضغط على Red .. Download20595 اذهب إلى Filter ثم Stylize ثم Emboss .. الزاوية اجعلها 180 درجة .. الإرتفاع 1 بيكسل .. القيمة 500% (أعلى قيمة) Download58223 نعود إلى تبويب Channels مرة أخرى وننتقى Green هذه المرة Download12914 للمرة الثانية نذهب إلى Filter ثم Stylize ثم Emboss .. نضع قيمة زاوية 90 درجة هذه المرة وباقى القيم كما هى .. Download71165 اضغط على تبويب Layers ثم اضغط بزر الفأرة الأيمن على طبقة Background اختار Layer from Background Download64049 والنتيجة هى صورة تبدو كأنما إلتقطت من كاميرا بدون عدسة :) Download16911 Download62489 اضغط ctrl+T على لوحة المفاتيح .. كليك لمين على الصورة واختر Perspective .. Download35706 باستخدام الفأرة اضغط على المربع الصغير فى الزاوية أسفل اليمين، ثم إنتقل لليمين أفقياً بدون ترك زر الفأرة حتى تصبح الصورة شديدة العرض من الأسفل .. Download52568 أخيراً افتح قائمة Image واضغط على Image Size .. إلغ العلامة من أمام Constrain Properties أولاً ثم بعدها ضع الإرتفاع إلى 1000 وبالتالى تتحول الصورة إلى مربعة .. Download41555 احفظ المشروع من File ثم Save as (سنسمى الملف هنا "أمواج") .. اختر الحفظ كملف PSD واغلق الملف .. Download11158 وقت رؤية النتائج :tefanet-yolks1-30: Download62489 * افتح مشروعك القديم الخاص بالإنعكاس .. Download27289 من صندوق الطبقات (layers) اختر طبقة "الإنعكاس" .. Download27278 بإستخدام أداة التحديد المربعة (Rectangular Marquee tool) اصنع تحديداً على نصف الصورة السفلى بأكمله .. Download87154 اذهب إلى Filter ثم Distort ثم Displace .. ضع الإعدادات التالية ثم اضغط ok .. (بإمكانك تقليل العرض والإرتفاع قليلاً إن كانت النتيجة غير ملائمة لك) Download34977 بمجرد ضرب ok ستظهر نافذة تطلب منك تحديد المصدر الذى سيتم إشتقاق التأثير التموجى منه .. عندها ابحث عن الملف الذى أنشأناه قبلاً وحفظناه تحت اسم "أمواج" وقم بفتحه .. Download38717 تاداااا :tefanet-yolks2-31: Download19150 إذا حدث وظهرت بعض العيوب بعد إتمام الخطوة السابقة هكذا .. Download62094 قم بالتراجع عن الخطوة السابقة وإبدأ من الموضوع من حيث علامة * ،فقط قبل أن تبدأ اصنع نسخة من طبقة "الإنعكاس" وقم بتطبيق الخطوات على النسخة .. Download71375 هذا يختم "الخدعة" التى تعلمناها اليوم، وبإمكانك البدء بتطبيق ما تعلمته على المشروع الذى تريد منذ الآن، ولكن بالنسبة لموضوعنا هنا فلازالت هناك بعض التعديلات الطفيفة التى سندخلها على صورتنا لأجل إكسابها بعض الملائمة .. Download62489 كليك لمين على أحد الطبقات واختر Flatten Image لدمج كافة الطبقات فى صورة واحدة .. Download31988 ها هى الطبقات وقد إندمجت .. Download71547 اذهب لقائمة Image ثم Adjustments ثم Hue/Saturation .. (أو اضغط ctrl+u على لوحة المفاتيح) قم بتقليل الـ Saturation حتى تصبح قيمتها -30 Download80286 اصنع طبقة جديدة (new layer) .. Download25737 استخدم أداة التحديد المربعة لتحديد خط رفيع على عرض الصورة بأكمله .. راع أن يشمل الخط جزء من المياه وجزء من الأرض .. Download82513 الآن اذهب إلى قائمة Edit ثم Fill .. (أو اضغط shift+F5 على لوحة المفاتيح) اختر color .. Download44636 اختر اللون الأسود تماماً ثم اضغط ok على كلا النافذتين .. Download51502 اذهب إلى قائمة Filter ثم Blur ثم Gaussian Blur .. ضع قيمة 20 ثم اضغط ok .. Download84705 ارجع إلى صندوق الطبقات (layers) وقم باختيار أسلوب دمج Soft light وإخفض درجة الظهور إلى 80 بالمئة .. Download40370 وأخيراً .. اصنع طبقة جديدة (new layer) .. اضغط على Adjustments ثم Gradient .. Download31754 اضغط على لون الـ Gradient .. Download15300 اختر (أو اصنع) جرادينت من نقطتين سوداوين .. إحداهما تكون ظاهرة بالكامل (اليسرى) والأخرى تكون مختفية تماماً (اليمنى) .. ثم اضغط ok .. Download88594 نعود إلى الصندوق مرة أخرى .. اختر أسلوب Radial - وزاوية 90 درجة - ومستوى 150 - وأخيراً علّم على Reverse ثم اضغط ok .. Download34668 عد إلى صندوق الطبقات وقم بتقليل درجة الظهور إلى 30 بالمائة لطبقة الـ Gradient .. Download76465 النتيجة النهائية .. Download62642 مع درس آخر :) ... |
رد: ◙ درس إنشاء إنعكاس مائى شديد الواقعية ◙
مشكور أخوي عبد الرحمن درس جميل جعله الله في موازين حسناتك
اقتباس:
لو عملتها في ثلاث دقائق بعد ما اضبطها أكون عملت معجزه التاريخ راح يتكلم فيها ويقول نونه عملت أعجاز:tefanet-yolks1-16: |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
لكن بعد مابدأت اقرا لقيت كل شىء تمام ومفيش مشاكل .. حاولى ومش شرط النتيجة تطلع مظبوطة .. الهدف هو إنك تتعلمى الأساليب البسيطة اللى الدرس بيستخدمها عشان يقدم نتايج معينة .. |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
ما شاء الله الله يكرمك
شرح متميز كالعادة |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
درس بسيط و مميز ، الف شكر اساحبي
|
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
اقتباس:
|
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
حاولت اسمع نصيحتك وأحاول أطبق الدرس لكن للاسف فشلت :011: مشيت على الخطوات خطوة خطوة مادري وش القصه يومين وانا أحاول شوف خطواتي الي عملتها :tefanet-yolks1-29: Download36877 وخيرا حفظت الملف Download79673 وفي الاخير نتيجه غير متوقعه حطمت حلمي الفوتوشوبي :tefanet-yolks2-14: Download33944 شكلي هبطل تطبيق درس صنع بيضة زجاجية واقعية بالتلاعب بالصور بعد الي شفته:sad: |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
دة تطبيقي ، طبعا في شوية اخطاء .. ( في خطوات كتير في شرحك ملهاش داعي ، و كمان في خطوات تختلف من اصدار لاصدار )
>> دي مصغرة للصورة ،، Download40159 و بالنسبة لـ " نونه " تطبيقك ممتاز بالنسبة لاول مرة ، و حاولي تستخدمي فوتوشوب انجليزي ، هيبقى اسهل ... |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
اقتباس:
----- الشرح موجه للمبتدىء قبل المحترف فعشان كده الخطوات كتير .. تطبيق ممتاز كمان مرة .. :) |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
الله يخليك يا عبدو ،، و تسلم على الدرس دة :tefanet-yolks2-30: |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
أظن الصورة اللى كنتى بتشتغلى عليها صغيرة الحجم شوية .. الصورة اللى كانت فى الموضوع كانت بعرض 1800 وارتفاع 2400 غيّرى حجم الصورة اللى فى المشروع قبل خطوة الـDisplace علّمى على خيار Constrain properties أو "حفظ النسب" عندك الأول، وبعدين حطى عرض 1800 وسيبى الإرتفاع زى ماهو .. Download58633 وبعدين كملى الخطوات اقتباس:
اقتباس:
كمان الصورة اللى بتشتغلى عليها مليانة جليد أبيض فمش شرط الخطوة دى .. أكملى بالتوفيق :) |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
|
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
Welcome ألف You are :tefanet-yolks1-15:
----- تلميذتى النجيبة نونة .. شايفك متابعة الموضوع تحت .. بالتوفيق فى التطبيق إن شاء الله .. :) |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
هغير حجمها واعيد الخطوات وان شاء الله تضبط معي مشكور أخوي على التوضيح :tefanet-yolks2-9: اقتباس:
تطبيقك رووعه ما شاء الله مشكور أخوي على رفع المعنويات |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
|
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
وهطلع بسرعه بعد فشلي :tefanet-yolks1-16: بس اليوم مبسوطه وتحول فشلي إلى نجاح بفضل الله ثم فضلك أستاذنا الصوره الي استخدمتها من البدايه كبيره مو صغيره شوف بس يوم عملت لها إنعكاس كانت ماخذه مساحه كبيره في الفوتوشوب وضايقتني وأن بشتغل عليها لاني ما اشوف الصوره كامله فقمت وحفظتها ورجعت فتحت الصوره مره ثانيه وجاتني صغيره بس نفس الحجم بس اليوم خليتها زي ماهي كبيره من دون ما احفظها >> بلا كثرت حكي Download37074 هنا خليت العرض 1800 >> بسمع الكلام Download48112 في خطوة الاعدادات ناسبني كذا حسيته معقول Download47370 المهم هذا تطبيقي بأنتظار تقولي رأيك Download89327 اقتباس:
ومشكورين أستفدت منكم كثير وان شاء الله اطبق درس البيضه :tefanet-yolks2-11: |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
ما شاء الله ، تطبيق أكثر من رائع اختي نونة ،،،
|
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
Download49054
تطبيق ممتاز وإنعكاس واقعى .. ومنتظر نجاحك القادم بفارغ الصبر .. هديتى ليكى مفاتيح كيبورد مفيش مصمم يستغنى عنهم لتكبير وتصغير حجم الصورة للعين أثناء العمل ctrl + 0 لعرض الصورة كاملة ملء الشاشة ctrl + 1 لعرض الصورة مقربة (أو مبعدة) لحجمها الأصلى مفتاح alt + تحريك العجلة بتاعت الفأرة لتقريب وتبعيد الصورة مفتاح Space + زر الفأرة الأيسر لإمساك الصورة وتحريكها عملية التكبير والتصغير بالمفاتيح دول لا تؤثر على عرض وإرتفاع الصورة الأصليين وهو تكبير للعين فقط .. دمتى فى سلام وتصميمك أكثر من جيد أختى وتابعى مجهودك :) |
رد: ◙ درس إنشاء إنعكاس مائى واقعى ◙
اقتباس:
اقتباس:
جزاك الله خير أخوي ومشكور على الهديه هتساعدني كثير ومن الدرس هذا عرفت اشياء في الفوتوشب ماكنت بعرفها فكل الشكرلك أستاذناhttps://tefanet.protector.pw/vb/images/icons/icon7.gif |
| الساعة الآن 05:22 AM. |
Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd
استضافة
,
دعم فنى