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

شبـــكة تـيـفـا نت (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 وتم إستضافته فى واحد من مواقع الدروس الكبرى ..

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

Download43074

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

Download38111

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

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

Download73832


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

Download29618

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

Download22061
Download13542


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


Download81438


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


Download30754


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


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


Download57763



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

Download77413


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


Download32571


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


Download29335



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

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

Download85590


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


Download42135


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


Download74837

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

Download61380

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

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


Download49823


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

Download12856


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

Download73782

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

Download13952

...

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

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

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

Download10550

Download22061

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

Download47027

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

Download22061

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

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

Download49825


Download22061

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

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

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

الصورة (Download44114) ..

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


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

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

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

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

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

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

درس جاااامد

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

Download33656

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

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

Download63733

Download43234

Download29035

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

Download76798

Download12524

Download51402
استخدمت درجة اللون هذا
Download19368

Download31860

Download46992

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

Download52084

Download21859
وفي الأخير طلع الشكل ذا
Download68078

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


Download74476

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

Download65634

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

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

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

Download49415

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

-----

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

-----

Download31853

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

----

اقتباس:

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

Download77882

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


------

Download68880

مش عارف إذا أخطأتى اسم الفلتر بسبب النسخة العربية أو لا .. فلتر 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 Download19935 ، عليك أن تبحث عن حجم ونعومة الفرشاة المناسبين لك حسب المنطقة التى تقوم بمحوها من البيضة (المنطقة ب) والمصدر الذى ستستنسخ منه ..
المصدر هو الخلفية الرمادية خلف البيضة وهى النقطة (أ) فى الصورة ..

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

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

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

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

Download35174
اقتباس:

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

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

Download54050

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

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

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

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

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

Download50667

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

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

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

اقتباس:

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

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

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

هنا : Download27782

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

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

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

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

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

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

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

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

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

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

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

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

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

@ أحمد

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

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

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

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

اقتباس:

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

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

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

Download51833
اقتباس:

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

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

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

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

امتياااز :icon31:

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

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

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


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

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