شبـــكة تـيـفـا نت

شبـــكة تـيـفـا نت (https://tefanet.protector.pw/vb/index.php)
-   تعليم فوتوشوب Photoshop (https://tefanet.protector.pw/vb/forumdisplay.php?f=127)
-   -   درس صنع بيضة زجاجية واقعية بالتلاعب بالصور (https://tefanet.protector.pw/vb/showthread.php?t=35469)

عبدالرحمن م 2012-10-04 02:45 PM

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

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

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

Download81325

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

Download22129

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

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

Download78954


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

Download64678

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

Download15766
Download43780


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


Download14161


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


Download29270


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


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


Download30560



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

Download41500


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


Download89782


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


Download33347



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

بعدها نخفض درجة شفافية layer الفقاعة إلى 30% من خانة Opacity ..

Download53914


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


Download10539


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


Download59541

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

Download67161

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

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


Download36602


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

Download38511


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

Download27702

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

Download50881

...

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

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

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

Download86108

Download15766

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

Download42205

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

Download15766

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

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

Download71457


Download15766

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

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

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

الصورة (Download27069) ..

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


نونــــــــــــــــه 2012-10-04 03:50 PM

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

عبدالرحمن م 2012-10-04 05:22 PM

رد: درس صنع بيضة زجاجية واقعية بالتلاعب بالصور
 
ربنا يسهل وتكون حلقات متتابعة كل فترة ..

lewo nardo rewo 2012-10-06 04:33 PM

رد: درس صنع بيضة زجاجية واقعية بالتلاعب بالصور
 
ماشاء الله ،

درس جاااامد

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

Download60411

نونــــــــــــــــه 2012-11-11 06:33 PM

رد: درس صنع بيضة زجاجية واقعية بالتلاعب بالصور
 
اتبعت الخطوات وفي الأخير النتيجه غير مطمئنه نهائي مو عارفه الغلط فين:tefanet-yolks2-6:
Download87158

Download81747

Download28259

Download40937

Download85909
اداة warp نهائي مالقيتها في الفوتوشوب تبعي >> هو لازم استعملها؟؟؟
Download47530

Download61497

Download85447

Download79030
استخدمت درجة اللون هذا
Download61279

Download28794

Download42943

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

Download83462

Download55234
وفي الأخير طلع الشكل ذا
Download55495

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


Download89924

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

Download66021

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

عبدالرحمن م 2012-11-12 12:43 PM

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

Download83724

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

-----

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

-----

Download42979

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

----

اقتباس:

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

Download34542

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


------

Download75184

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

-----

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

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

نونــــــــــــــــه 2012-11-12 07:23 PM

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

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

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

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

lewo nardo rewo 2012-11-12 07:41 PM

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

lewo nardo rewo 2012-11-12 08:42 PM

رد: درس صنع بيضة زجاجية واقعية بالتلاعب بالصور
 
دة تطبيقي ،
ملاحظة :
اقتباس:

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

الاداة دي مش فعالة اوي ، فأنا استخدمت اداه 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 مرتين

و النتيجة النهائية كانت كدة :
Download34507
( الصورة مصغرة )

عبدالرحمن م 2012-11-12 09:23 PM

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

Download26267
اقتباس:

نسخة الفوتوشوب اللي عندي هي نفسها اللي عند نونه ، فالأداة دي مش موجودة ، فاستخدمت Free Transform
اقتباس:

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

Download62914

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

lewo nardo rewo 2012-11-12 09:50 PM

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

المشاركة الأصلية كتبت بواسطة عبدالرحمن م (المشاركة 146228)
تصميم اكتر من ممتاز يا أحمد .. بس ماعملتش الضل برضه

Download84918
دى نسخة فوتوشوب CS5 مضغوطة

Download23424

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

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

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

اقتباس:

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

lewo nardo rewo 2012-11-13 02:11 AM

رد: درس صنع بيضة زجاجية واقعية بالتلاعب بالصور
 
دلوقتي عرفت انت بتتعب اد اية في عمل الشرح ..
عملت الشرح بطريقة تانية و حطيتة في ترايدنت ،،

هنا : Download54661

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

نونــــــــــــــــه 2012-11-13 08:31 PM

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

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

lewo nardo rewo 2012-11-13 09:58 PM

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

عبدالرحمن م 2012-11-13 10:19 PM

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

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

ملحوظات أخرى
Download50569

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

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

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

@ أحمد

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

نونــــــــــــــــه 2012-11-14 06:11 AM

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

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

اقتباس:

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

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

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

Download60707
اقتباس:

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

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

عبدالرحمن م 2012-11-14 09:44 AM

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

امتياااز :icon31:

نونــــــــــــــــه 2012-11-14 06:28 PM

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

امتياااز :icon31:
الحمد لله مشكور


الساعة الآن 10:37 AM.

Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd
استضافة , دعم فنى