لاني , الواقعية , تعليم , درس , صحيح , photoshop , tutorial , فوتوشوب , إنشاء , إنعكاس

◙ درس إنشاء إنعكاس مائى واقعى ◙

بسم الله
ـــــــــ

فى درسنا اليوم ستتعلمون "خدعة" فوتوشوبية تتيح لكم القدرة لإنشاء إنعكاساً مائياً شديد الواقعية من العدم ..

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

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

الآن استرخوا فى مقاعدكم وأعدوا برنامج أدوبى الأشهر للعمل فى الخلفية ولنبدأ موضوعنا معاً ..



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



أما النتيجة النهائية







نبدأ بتوريد صورة القصر إلى برنامج أدوبى فوتوشوب عن طريق File ثم Open ..

قبل البداية أريد منكم الضغط كليك لمين على طبقة الخلفية والضغط على layer from background ..



شكراً
---

ما نريد عمله أولاً هو زيادة إرتفاع الصورة للضعف حتى تكفى إنعكاس المياه أسفلها ولأجل ذلك فسنستخدم أداة Canvas Size من قائمة Image ..

نقوم بإختيار نوع الوحدة pixels أولاً ثم نضع قيمة إرتفاع 2400 ثم نضغط على المربع صاحب السهم المشير لأعلى و ok ..



الآن سنقوم بعمل نسخة من الطبقة الأصلية layer 0 عن طريق الضغط بزر الفأرة الأيمن على الطبقة ثم اختيار duplicate layer ..
(توجد طريقة أسرع وهى الضغط على مفتاحى ctrl+j على لوحة المفاتيح)



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

الآن نريد نقل صورة "الإنعكاس" إلى الأسفل وقلبها عمودياً لإعطاء الإنطباع المطلوب ..

لأجل ذلك اختر طبقة "الإنعكاس" أولاً من صندوق layers ثم اضغط ctrl + t على لوحة المفاتيح ..

اسحب الصورة بالفأرة حتى الأسفل تماماً .. اضغط على الصورة كليك لمين واختار القلب العمودى أو Flip Vertical




النتيجة حتى الآن





انشىء طبقة جديدة (new layer) وسمها water ..




باستخدام أداة الإختيار المربعة (Rectangular Marquee) اصنع تحديداً مربعاً على النصف السفلى من الصورة ..




ما نحاول إتمامه هنا هو إغراق المنطقة المحددة باللون الأزرق لتبدو لاحقاً وكأنها كالبحر ..

الآن اضغط على الزر المبين فى الصورة (Adjustments) واختار solid color من القائمة ..




اختر اللون الأزرق الذى تراه مناسباً كلون للمياه أو للبحر واضغط ok ...
هنا اخترت اللون 226eb5




اختر طبقة "الإنعكاس" واضغط على زر add layer mask ..




لاحظ المستطيل الأبيض الذى تم إنشاؤه بمجرد إتمام الخطوة السابقة ..



هذا المستطيل يدل على وجود قناع أو "mask" على طبقة "الإنعكاس" .. هذا القناع يمكّنك من عرض وإخفاء الأجزاء التى تريدها من الطبقة الرئيسية بدون حذف أى شىء منها .. وبمجرد استخدام فرشاة ..

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

أى أن:
أبيض = ظاهر
أسود = مخفى

وما نحاول الحصول عليه هو قناع بهذا الشكل ..



ليختفى الجزء السفلى من طبقة الإنعكاس ونحصل على نتيجة كتلك ..



تمام .. ؟

لأجل ذلك سنقوم بإختيار فرشاة كبيرة جداً بحجم 1800px وبصلابة 0% ولونها أسود - وسنبدأ بالرسم بحيث يسير مركز دائرة الفرشاة على حافة الصورة السفلية ..



طبعاً اللون الأسود لا يُرسم بالفعل فوق الصورة نفسها ولكنه يترك أثره داخل مربع "الماسك" الأبيض كما ترون .. أما الصورة نفسها فتبدأ فى الإختفاء ..

تابع الرسم حتى تحصل على النتيجة المرجوة




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

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

فقط تابع ضغط مفتاح ctrl على لوحة المفاتيح ثم اضغط بالفأرة على مستطيل "الماسك" فى طبقة "الإنعكاس" .. يتم تحديد المنطقة المرغوبة من الصورة تلقائياً ..



ثم اضغط على مستطيل الصورة (بدون مفتاح ctrl) لنتأكد من أن الصورة هى التى سيطبق عليها التأثير الضبابى وليس "الماسك" ..



إذهب إلى Filter ثم Blur ثم Motion Blur ..
ضع الزاوية سالب 90 درجة والمسافة 10 بيكسل ..




الآن نتابع لجوهرة درسنا



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

انشىء مشروع جديد File > new بالإعدادات التالية ..



اذهب إلى Filter ثم Noise ثم Add noise ..
ضع القيمة القصوى (400) وتأكد من وضع علامة أمام Gaussian و Monochromatic ..



اذهب إلى Filter ثم Blur ثم Gaussian Blur ..
ضع قيمة 2.0 ..



اضغط على تبويب Channels (المجاور لـLayers)
اضغط على Red ..



اذهب إلى Filter ثم Stylize ثم Emboss ..

الزاوية اجعلها 180 درجة .. الإرتفاع 1 بيكسل .. القيمة 500% (أعلى قيمة)



نعود إلى تبويب Channels مرة أخرى وننتقى Green هذه المرة



للمرة الثانية نذهب إلى Filter ثم Stylize ثم Emboss ..

نضع قيمة زاوية 90 درجة هذه المرة وباقى القيم كما هى ..




اضغط على تبويب Layers ثم اضغط بزر الفأرة الأيمن على طبقة Background
اختار Layer from Background




والنتيجة هى صورة تبدو كأنما إلتقطت من كاميرا بدون عدسة





اضغط ctrl+T على لوحة المفاتيح ..
كليك لمين على الصورة واختر Perspective ..




باستخدام الفأرة اضغط على المربع الصغير فى الزاوية أسفل اليمين، ثم إنتقل لليمين أفقياً بدون ترك زر الفأرة حتى تصبح الصورة شديدة العرض من الأسفل ..



أخيراً افتح قائمة Image واضغط على Image Size ..

إلغ العلامة من أمام Constrain Properties أولاً ثم بعدها ضع الإرتفاع إلى 1000 وبالتالى تتحول الصورة إلى مربعة ..



احفظ المشروع من File ثم Save as (سنسمى الملف هنا "أمواج") ..
اختر الحفظ كملف PSD واغلق الملف ..



وقت رؤية النتائج


*

افتح مشروعك القديم الخاص بالإنعكاس ..




من صندوق الطبقات (layers) اختر طبقة "الإنعكاس" ..



بإستخدام أداة التحديد المربعة (Rectangular Marquee tool) اصنع تحديداً على نصف الصورة السفلى بأكمله ..




اذهب إلى Filter ثم Distort ثم Displace ..
ضع الإعدادات التالية ثم اضغط ok ..
(بإمكانك تقليل العرض والإرتفاع قليلاً إن كانت النتيجة غير ملائمة لك)




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

عندها ابحث عن الملف الذى أنشأناه قبلاً وحفظناه تحت اسم "أمواج" وقم بفتحه ..




تاداااا




إذا حدث وظهرت بعض العيوب بعد إتمام الخطوة السابقة هكذا ..




قم بالتراجع عن الخطوة السابقة وإبدأ من الموضوع من حيث علامة * ،فقط قبل أن تبدأ اصنع نسخة من طبقة "الإنعكاس" وقم بتطبيق الخطوات على النسخة ..



هذا يختم "الخدعة" التى تعلمناها اليوم، وبإمكانك البدء بتطبيق ما تعلمته على المشروع الذى تريد منذ الآن، ولكن بالنسبة لموضوعنا هنا فلازالت هناك بعض التعديلات الطفيفة التى سندخلها على صورتنا لأجل إكسابها بعض الملائمة ..


كليك لمين على أحد الطبقات واختر Flatten Image لدمج كافة الطبقات فى صورة واحدة ..



ها هى الطبقات وقد إندمجت ..



اذهب لقائمة Image ثم Adjustments ثم Hue/Saturation ..
(أو اضغط ctrl+u على لوحة المفاتيح)

قم بتقليل الـ Saturation حتى تصبح قيمتها -30




اصنع طبقة جديدة (new layer) ..




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




الآن اذهب إلى قائمة Edit ثم Fill ..
(أو اضغط shift+F5 على لوحة المفاتيح)

اختر color ..



اختر اللون الأسود تماماً ثم اضغط ok على كلا النافذتين ..




اذهب إلى قائمة Filter ثم Blur ثم Gaussian Blur ..
ضع قيمة 20 ثم اضغط ok ..




ارجع إلى صندوق الطبقات (layers) وقم باختيار أسلوب دمج Soft light وإخفض درجة الظهور إلى 80 بالمئة ..




وأخيراً ..

اصنع طبقة جديدة (new layer) ..

اضغط على Adjustments ثم Gradient ..



اضغط على لون الـ Gradient ..



اختر (أو اصنع) جرادينت من نقطتين سوداوين .. إحداهما تكون ظاهرة بالكامل (اليسرى) والأخرى تكون مختفية تماماً (اليمنى) .. ثم اضغط ok ..




نعود إلى الصندوق مرة أخرى ..
اختر أسلوب Radial - وزاوية 90 درجة - ومستوى 150 - وأخيراً علّم على Reverse ثم اضغط ok ..



عد إلى صندوق الطبقات وقم بتقليل درجة الظهور إلى 30 بالمائة لطبقة الـ Gradient ..




النتيجة النهائية ..




مع درس آخر
...

---

◙ ]vs Ykahx Yku;hs lhzn ,hrun ghkd hg,hrudm jugdl wpdp photoshop tutorial t,j,a,f

مشكور أخوي عبد الرحمن درس جميل جعله الله في موازين حسناتك

ولكن بعد تطبيقه بنفسك وإعتيادك على الطريقة فستنتهى من البداية للنهاية فى أقل من دقائق ثلاث

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

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

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

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

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

شرح متميز كالعادة

درس بسيط و مميز ، الف شكر اساحبي

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

شرح متميز كالعادة

درس بسيط و مميز ، الف شكر اساحبي

منورنّى والله

حاولت اسمع نصيحتك وأحاول أطبق الدرس لكن للاسف فشلت

مشيت على الخطوات خطوة خطوة مادري وش القصه يومين وانا أحاول شوف خطواتي الي عملتها

هذي الصوره وسويت لها انعكاس طيب

وخيرا حفظت الملف

إلى الآن اعتقد ماشيه تمام نكمل

هنا تعبي راح وطلعت النتيجه وطلع انعكاس خيالي مو واقعي

فضل في النص

وهنا تحت

وفي الاخير نتيجه غير متوقعه حطمت حلمي الفوتوشوبي

شكلي هبطل تطبيق درس صنع بيضة زجاجية واقعية بالتلاعب بالصور بعد الي شفته

دة تطبيقي ، طبعا في شوية اخطاء .. ( في خطوات كتير في شرحك ملهاش داعي ، و كمان في خطوات تختلف من اصدار لاصدار )
>> دي مصغرة للصورة ،،


و بالنسبة لـ " نونه " تطبيقك ممتاز بالنسبة لاول مرة ، و حاولي تستخدمي فوتوشوب انجليزي ، هيبقى اسهل ...

دة تطبيقي ، طبعا في شوية اخطاء .. ( في خطوات كتير في شرحك ملهاش داعي ، و كمان في خطوات تختلف من اصدار لاصدار )

تطبيق ممتاز .. بس نسيت تعمل motion blur عالصورة نفسها مش عالماسك

فقط تابع ضغط مفتاح ctrl على لوحة المفاتيح ثم اضغط بالفأرة على مستطيل "الماسك" فى طبقة "الإنعكاس" .. يتم تحديد المنطقة المرغوبة من الصورة تلقائياً ..



ثم اضغط على مستطيل الصورة (بدون مفتاح ctrl) لنتأكد من أن الصورة هى التى سيطبق عليها التأثير الضبابى وليس "الماسك" ..



إذهب إلى Filter ثم Blur ثم Motion Blur ..
ضع الزاوية سالب 90 درجة والمسافة 10 بيكسل ..

غير كده كله تمام ..

-----
الشرح موجه للمبتدىء قبل المحترف فعشان كده الخطوات كتير ..
تطبيق ممتاز كمان مرة ..

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

تطبيق ممتاز .. بس نسيت تعمل motion blur عالصورة نفسها مش عالماسك
غير كده كله تمام ..

-----
الشرح موجه للمبتدىء قبل المحترف فعشان كده الخطوات كتير ..
تطبيق ممتاز كمان مرة ..

عملت motion blur عالصورة
الله يخليك يا عبدو ،، و تسلم على الدرس دة

وفي الاخير نتيجه غير متوقعه حطمت حلمي الفوتوشوبي

شكلي هبطل تطبيق درس صنع بيضة زجاجية واقعية بالتلاعب بالصور بعد الي شفته

لا يا أختى الخطأ مش خطأك ..
أظن الصورة اللى كنتى بتشتغلى عليها صغيرة الحجم شوية .. الصورة اللى كانت فى الموضوع كانت بعرض 1800 وارتفاع 2400

غيّرى حجم الصورة اللى فى المشروع قبل خطوة الـDisplace

علّمى على خيار Constrain properties أو "حفظ النسب" عندك الأول، وبعدين حطى عرض 1800 وسيبى الإرتفاع زى ماهو ..



وبعدين كملى الخطوات

من صندوق الطبقات (layers) اختر طبقة "الإنعكاس" ..



بإستخدام أداة التحديد المربعة (Rectangular Marquee tool) اصنع تحديداً على نصف الصورة السفلى بأكمله ..




اذهب إلى Filter ثم Distort ثم Displace ..
ضع الإعدادات التالية ثم اضغط ok ..
(بإمكانك تقليل العرض والإرتفاع قليلاً إن كانت النتيجة غير ملائمة لك)




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

عندها ابحث عن الملف الذى أنشأناه قبلاً وحفظناه تحت اسم "أمواج" وقم بفتحه ..

فضل في النص

وهنا تحت

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

أكملى بالتوفيق

كنت عامل الصورة دي و نسيت احطها ف ردي السابق ،

Welcome ألف You are
-----

تلميذتى النجيبة نونة .. شايفك متابعة الموضوع تحت .. بالتوفيق فى التطبيق إن شاء الله .. :)

لا يا أختى الخطأ مش خطأك ..
أظن الصورة اللى كنتى بتشتغلى عليها صغيرة الحجم شوية .. الصورة اللى كانت فى الموضوع كانت بعرض 1800 وارتفاع 2400

غيّرى حجم الصورة اللى فى المشروع قبل خطوة الـDisplace

علّمى على خيار Constrain properties أو "حفظ النسب" عندك الأول، وبعدين حطى عرض 1800 وسيبى الإرتفاع زى ماهو ..

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

و بالنسبة لـ " نونه " تطبيقك ممتاز بالنسبة لاول مرة ، و حاولي تستخدمي فوتوشوب انجليزي ، هيبقى اسهل ...

تطبيقي ممتاز بالنسبه لاول مره وآخر مره
تطبيقك رووعه ما شاء الله مشكور أخوي على رفع المعنويات

تطبيقي ممتاز بالنسبه لاول مره وآخر مره
تطبيقك رووعه ما شاء الله مشكور أخوي على رفع المعنويات

بانتظار ابداعك القادم

تلميذتى النجيبة نونة .. شايفك متابعة الموضوع تحت .. بالتوفيق فى التطبيق إن شاء الله .. :)

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


هنا خليت العرض 1800 >> بسمع الكلام

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



المهم هذا تطبيقي بأنتظار تقولي رأيك

بانتظار ابداعك القادم

وهذا ابداعي أخوي بأنتظار رأيك كمان
ومشكورين أستفدت منكم كثير
وان شاء الله اطبق درس البيضه

ما شاء الله ، تطبيق أكثر من رائع اختي نونة ،،،

تطبيق ممتاز وإنعكاس واقعى .. ومنتظر نجاحك القادم بفارغ الصبر ..

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

ctrl + 0 لعرض الصورة كاملة ملء الشاشة
ctrl + 1 لعرض الصورة مقربة (أو مبعدة) لحجمها الأصلى
مفتاح alt + تحريك العجلة بتاعت الفأرة لتقريب وتبعيد الصورة
مفتاح Space + زر الفأرة الأيسر لإمساك الصورة وتحريكها

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

ما شاء الله ، تطبيق أكثر من رائع اختي نونة ،،،

مشكور أخوي أسعدني رأيك

تطبيق ممتاز وإنعكاس واقعى .. ومنتظر نجاحك القادم بفارغ الصبر ..

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

ctrl + 0 لعرض الصورة كاملة ملء الشاشة
ctrl + 1 لعرض الصورة مقربة (أو مبعدة) لحجمها الأصلى
مفتاح alt + تحريك العجلة بتاعت الفأرة لتقريب وتبعيد الصورة
مفتاح Space + زر الفأرة الأيسر لإمساك الصورة وتحريكها

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

جزاك الله خير أخوي ومشكور على الهديه
هتساعدني كثير ومن الدرس هذا عرفت اشياء
في الفوتوشب ماكنت بعرفها فكل الشكرلك أستاذنا