درس صنع بيضة زجاجية واقعية بالتلاعب بالصور

[عبدالرحمن م]

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

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

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

الرابط لايظهر فى الأرشيف (الرابط لايظهر فى الأرشيف)

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

الرابط لايظهر فى الأرشيف

صانع الدرس هو PSHoudini (الرابط لايظهر فى الأرشيف) وسأكتفى بالترجمة وذكر بعض النقاط التى لم يقوم بتوضيحها فى الدرس..

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

الرابط لايظهر فى الأرشيف


ما سنفعله هو محاولة إخفاء البيضة السوداء بإستخدام أداة Clone Stamp الرابط لايظهر فى الأرشيف ، عليك أن تبحث عن حجم ونعومة الفرشاة المناسبين لك حسب المنطقة التى تقوم بمحوها من البيضة (المنطقة ب) والمصدر الذى ستستنسخ منه ..
المصدر هو الخلفية الرمادية خلف البيضة وهى النقطة (أ) فى الصورة ..

الرابط لايظهر فى الأرشيف

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

صانع الدرس أشار أن عند إنتهاء استخدام أداة الإستنساخ (Clone) ستظهر بعض المناطق الغير مستوية ولمعالجتها استخدم أداة patch tool بالإعدادات التالية ..

الرابط لايظهر فى الأرشيف

بعدها قم بتحديد المنطقة (أ) سابقاً (الصورة اليسرى) ، ثم انقل المنطقة المحددة إلى المنطقة الغير مستوية أثناء ضغط مفتاحى ctrl+alt ..

الرابط لايظهر فى الأرشيف

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

بعد إخفاء البيضة وإصلاح العيوب تكون النتيجة كتلك

الرابط لايظهر فى الأرشيف


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

الرابط لايظهر فى الأرشيف

ما نحاول إتمامه فى هذه الخطوة هو تحديد الفقاعة ونقلها إلى الصورة الأخرى، ولأن الفقاعة مكتملة الدوران فسيكون من السهل تحديدها بأداة Eliptical Marquee

الرابط لايظهر فى الأرشيف

بعدما انتهينا من تحديدها سنقوم الآن بنسخها كوبى وبيست إلى الصورة الأصلية ..

الرابط لايظهر فى الأرشيف


نقوم أولاً بخفض درجة تشبع الألوان (saturation) إلى القيمة الأدنى عن طريق ضغط ctrl+shift+U فى آن واحد ..
بعدها نخفض درجة شفافية layer الفقاعة إلى 30% من خانة Opacity ..

الرابط لايظهر فى الأرشيف

الخطوة التالية هى إعادة تهيئة شكل الفقاعة لتصبح بيضاوية تماماً باستخدام warp ..

الرابط لايظهر فى الأرشيف

الخطوة السابقة يمكن بدءها عن طريق ضغط مفتاحى ctrl+t ثم الضغط على مفتاح warp المبين فى الصورة ..

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

الرابط لايظهر فى الأرشيف

التحديد لا يجب أن يكون دقيقاً جداً فى هذه الخطوة ..
انسخ الجزء المحدد (كوبى وبيست) إلى الصورة التى تعمل عليها، واختر أسلوب دمج (blending mode) من نوع Multiply ..

الرابط لايظهر فى الأرشيف
الرابط لايظهر فى الأرشيف
فى الخطوة الحالية سنضيف تأثير إنارة على الجزء العلوى من البيضة، ولكن علينا أولاً التأكد من أن التأثير سيضاف للبيضة فقط ولن ينتقل خارجها ولأجل ذلك اضغط مفتاح ctrl واضغط بزر الفأرة الأيسر على الصورة المصغرة (thumbnail) لطبقة الفقاعة ليحددها البرنامج تلقائياً ..

الرابط لايظهر فى الأرشيف


ثم انشىء طبقة (layer) جديدة ..

الرابط لايظهر فى الأرشيف


باستخدام فرشاة بيضاء ميالة للصفرة ناعمة ارسم فوق الجزء العلوى للبيضة، ثم غير أسلوب الدمج إلى Overlay ..

الرابط لايظهر فى الأرشيف

بنفس الأسلوب انشىء طبقة (layer) جديدة بأسلوب دمج soft light هذه المرة ..
استخدم فرشاة سوداء ناعمة لوضع بعض الظلال على جانب وأسفل البيضة ..

الرابط لايظهر فى الأرشيف

...

اصنع طبقة جديدة (new layer) بأسلوب دمج overlay ..
استخدم فرشاة بيضاء بحجم 180 وصلابة (hardness) صفر لصنع نقطة فوق أعلى يسار البيضة ..

اصنع طبقة جديدة (new layer) بأسلوب دمج عادى normal هذه المرة ..
استخدم فرشاة بيضاء بحجم 66 وصلابة 0 لوضع نقطة أصغر حجماً داخل النقطة التى رسمناها مسبقاً ..

الإثنان معاً سيولدان شعوراً باللمعان على سطح البيضة ..

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الآن بإمكانك إضافة ألوان للمشهد باستخدام أداة Gradient ..
الألوان تضاف إلى طبقة (layer) جديدة وباستخدام أسلوب دمج soft light ..

الرابط لايظهر فى الأرشيف

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

بعد إستخراج الصورة النهائية انسخها فى طبقة جديدة (duplicate) بأسلوب دمج overlay ..
اذهب إلى filter>other>high pass وضع قيمة 5.0 ..

من شأن تلك الخطوة أن تزيد من حدة ووضوح الصورة ..

الرابط لايظهر فى الأرشيف


الرابط لايظهر فى الأرشيف

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

بشأن الخطوة الثانية من الموضوع

إزالة البيضة السوداء تماماً هو أمر صعب نظراً لتدرج الخلفية من اللون الرمادى إلى اللون الأبيض، لذلك صنعت صورة متدرجة بنفس تدرج الخلفية ليتم الإستنساخ منها بأداة clone stamp (أى صورة تكون المصدر) ..

الصورة (اضغط هنا (الرابط لايظهر فى الأرشيف)) ..

مع درس آخر :tefanet-yolks1-30:

[نونــــــــــــــــه]

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

[عبدالرحمن م]

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

[lewo nardo rewo]

ماشاء الله ،

درس جاااامد

الف شكر يا عبدو ، و اسمحلي بالنقل ( مع ذكر المصدر )

الرابط لايظهر فى الأرشيف

[نونــــــــــــــــه]

اتبعت الخطوات وفي الأخير النتيجه غير مطمئنه نهائي مو عارفه الغلط فين:tefanet-yolks2-6:
الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف
اداة warp نهائي مالقيتها في الفوتوشوب تبعي >> هو لازم استعملها؟؟؟
الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف
استخدمت درجة اللون هذا
الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف
هو في المرحله ذي يوم أعمل ظل الغي التحديد ولا يفضل زي ماهو ؟؟؟
بصراحه لو خليته بيفضل الظل جوا البيضه وماعرفت ايه الصح فخليت التحديد:tefanet-yolks1-16:
الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف
وفي الأخير طلع الشكل ذا
الرابط لايظهر فى الأرشيف

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


الرابط لايظهر فى الأرشيف

وأخيراً رحت للطبقة الخلفيه وضاعفتها

الرابط لايظهر فى الأرشيف

وعملت الخطوة ذي
الرابط لايظهر فى الأرشيف
وفي الأخير النتيجه النهائيه وبرضوه مو نفس الدرس
الرابط لايظهر فى الأرشيف
موعارفه ليش الالوان ليه مارجعت!!!
بأنتظار تعليقك على تطبيقي وتوضيح أخطائي>على فكره كرهت اهلي في البيض بسبب الدرس
نونه ايش تسوي جالسه أطبق درس البيضه وياليت في الاخير ضبط الدرس:tefanet-yolks1-16:

[عبدالرحمن م]

اللى مخلى المشهد غير واقعى إن مفيش ظل تحت البيضة

الرابط لايظهر فى الأرشيف

لكن مبارك يا أختى عملية الإخفاء نفسها ممتااااازة جداً وأفضل من النتيجة اللى عملتها فى الدرس، ولولا الظل الغير موجود فى الأسفل كانت النتيجة هتبقى كويسة جداً ..

-----

أداة warp موجودة فى فوتوشوب CS2 فأعلى .. إصدارة الفوتوشوب اللى عندك أقدم فمافيهاش الأداة ..

-----

الرابط لايظهر فى الأرشيف

الإنعكاس اللى فوق البيضة جيد جداً لكن الظل اللى أضفتيه ليه اختفى ؟

----

وأخيراً رحت للطبقة الخلفيه وضاعفتها

الرابط لايظهر فى الأرشيفهنا حدث سوء فهم بسيط وأنا الملام لأنى ماوضحتش النقطة دى كفاية فى الدرس .. كان لازم تدمجى كافة الطبقات فى طبقة واحدة الأول وبعدها تضاعفى طبقة الخلفية ...
دمج الطبقات بيبقى من قايمة layer وبعدين خيار Flatten image أو "تسطيح الصورة" .. (توضيح (الرابط لايظهر فى الأرشيف))


------

الرابط لايظهر فى الأرشيف

مش عارف إذا أخطأتى اسم الفلتر بسبب النسخة العربية أو لا .. فلتر Highpass عندى داخل قايمة "آخر" رقم اثنين من فوق ..

-----

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

دوناً عن ذلك فالنتيجة النهائية ممتازة جداً كأول محاولة ...

[نونــــــــــــــــه]

الإنعكاس اللى فوق البيضة جيد جداً لكن الظل اللى أضفتيه ليه اختفى ؟

اظن رفعت الصوره الغلط لأني حفظتها كم مره ولخبطت عند الرفع
هنا حدث سوء فهم بسيط وأنا الملام لأنى ماوضحتش النقطة دى كفاية فى الدرس .. كان لازم تدمجى كافة الطبقات فى طبقة واحدة الأول وبعدها تضاعفى طبقة الخلفية ...
دمج الطبقات بيبقى من قايمة layer وبعدين خيار flatten image أو "تسطيح الصورة" .. (توضيح)


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

[lewo nardo rewo]

تجربه اختي نونه حمستني لتطبيق الدرس :) ، انتظروا التطبيق

[lewo nardo rewo]

دة تطبيقي ،
ملاحظة :
ما سنفعله هو محاولة إخفاء البيضة السوداء بإستخدام أداة Clone Stamp الرابط لايظهر فى الأرشيف ، عليك أن تبحث عن حجم ونعومة الفرشاة المناسبين لك حسب المنطقة التى تقوم بمحوها من البيضة (المنطقة ب) والمصدر الذى ستستنسخ منه ..
المصدر هو الخلفية الرمادية خلف البيضة وهى النقطة (أ) فى الصورة ..
الاداة دي مش فعالة اوي ، فأنا استخدمت اداه Smudge و Blur و ادوني نتيجة حلوة ، طبعا مع استخدام الصورة اللي انت حاططها باخر الموضوع

الخطوة التالية هى إعادة تهيئة شكل الفقاعة لتصبح بيضاوية تماماً باستخدام warp ..
نسخة الفوتوشوب اللي عندي هي نفسها اللي عند نونه ، فالأداة دي مش موجودة ، فاستخدمت Free Transform

اصنع طبقة جديدة (new layer) بأسلوب دمج عادى normal هذه المرة ..
استخدم فرشاة بيضاء بحجم 66 وصلابة 0 لوضع نقطة أصغر حجماً داخل النقطة التى رسمناها مسبقاً ..
انا عملت الطبقتين overlay

الآن بإمكانك إضافة ألوان للمشهد باستخدام أداة Gradient ..
الألوان تضاف إلى طبقة (layer) جديدة وباستخدام أسلوب دمج soft light ..
مينفعش تعمل Gradient على طبقة فاضية في النسخة اللي عندي ، لازم تملى الطبقة باللون الابيض الاول

بعد إستخراج الصورة النهائية انسخها فى طبقة جديدة (duplicate) بأسلوب دمج overlay ..
اذهب إلى filter>other>high pass وضع قيمة 5.0 ..
الطريقة دي بوظتلي التصميم كله ، فأنا استخدمت فلتز Sharpen مرتين

و النتيجة النهائية كانت كدة :
الرابط لايظهر فى الأرشيف
( الصورة مصغرة )

[عبدالرحمن م]

تصميم اكتر من ممتاز يا أحمد .. بس ماعملتش الضل برضه

الرابط لايظهر فى الأرشيف

نسخة الفوتوشوب اللي عندي هي نفسها اللي عند نونه ، فالأداة دي مش موجودة ، فاستخدمت Free Transform مينفعش تعمل Gradient على طبقة فاضية في النسخة اللي عندي ، لازم تملى الطبقة باللون الابيض الاول دى نسخة فوتوشوب CS5 مضغوطة

الرابط لايظهر فى الأرشيف!download|915p12|4269842106|ALGZAR99.COM-Photoshop-CS5-ME__Portable.rar|89518|0|0 (الرابط لايظهر فى الأرشيف!download|915p12|4269842106|ALGZAR99.COM-Photoshop-CS5-ME__Portable.rar|89518|0|0)

بس النتيجة ممتازة وما شاء الله بتتصرف .. :)

[lewo nardo rewo]

تصميم اكتر من ممتاز يا أحمد .. بس ماعملتش الضل برضه

الرابط لايظهر فى الأرشيف
دى نسخة فوتوشوب CS5 مضغوطة

الرابط لايظهر فى الأرشيف!download|915p12|4269842106|ALGZAR99.COM-Photoshop-CS5-ME__Portable.rar|89518|0|0 (الرابط لايظهر فى الأرشيف!download|915p12|4269842106|ALGZAR99.COM-Photoshop-CS5-ME__Portable.rar|89518|0|0)

بس النتيجة ممتازة وما شاء الله بتتصرف .. :)

اوباااااا ، نسيت حكاية الضل دي خالص ... :tefanet-yolks2-36:

انا متعود على النسخة اللي عندي CS Me 8 من 2009 :tefanet-yolks2-24: ، بس جاري تجربة CS5

بس النتيجة ممتازة وما شاء الله بتتصرف

الله يخليك ،، امال يا ريس .. لازم يكون في اكتر من طريقة لنفس العمل :tefanet-yolks2-24:

[lewo nardo rewo]

دلوقتي عرفت انت بتتعب اد اية في عمل الشرح ..
عملت الشرح بطريقة تانية و حطيتة في ترايدنت ،،

هنا : الرابط لايظهر فى الأرشيف

قعدت اكتر من 4 ساعات بعملة

[نونــــــــــــــــه]

الرابط لايظهر فى الأرشيف

الرابط لايظهر فى الأرشيف
هذي النتيجه النهائيه مضبوطه ؟
شايفه الظل غامق شوي وفي الدرس مو واضح!

[lewo nardo rewo]

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

[عبدالرحمن م]

@تطبيق نونة

الألوان (gradient) زائدة بعض الشىء .. ممكن تقللى الوضوح (opacity) بتاع الطبقة الخاصة بالألوان لـ 30% مثلاً ..

ملحوظات أخرى
الرابط لايظهر فى الأرشيف

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

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

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

@ أحمد

ماشى يا برنس ..:048:

[نونــــــــــــــــه]

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


الألوان (gradient) زائدة بعض الشىء .. ممكن تقللى الوضوح (opacity) بتاع الطبقة الخاصة بالألوان لـ 30% مثلاً ..

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



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

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

[عبدالرحمن م]

الرابط لايظهر فى الأرشيف

امتياااز :icon31:

[نونــــــــــــــــه]

امتياااز :icon31:

الحمد لله مشكور