دروس أدوبي .::" شرح كامل للحصول على صورة عالية الدقة و بالوان رائعة (روتوش) "::. [الأرشيف]

Monasuger

20-08-2006, 04:44 AM

.::" شرح كامل للحصول على صورة عالية الدقة و بالوان رائعة (روتوش) "::.

بسم الله الرحمن الرحيم

.:.:.:.:.:.:.:.:.

ملاحظة: هذا الدرس كتبته قبل عدة اشهر(شوفوا شعاري القديم ×_×)

بس صديقتي قالت لي انه مو موجود

و تذكرت حادثة تسونامي المنتدى فقلت اكيد الدرس ضاع من هناك

فقررت اعيد كتابتها>> توها تتذكر ×_×

.:.:.:.:.:.:.:.:.

صورتك غير واضحة؟!

مظلمة ؟!

الألوان غير طبيعية؟!

لون الصورة فاتح ؟!

كبرت حجم صورتك بس النقاء و الدقة نزلوا لأدنى مستوى؟!

و تبي صورة عالية الوضوح و الدقة ؟!

اذن انت في المكان الصحيح ...

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

مهمة الى درجة انها تاثر في جمال تصميمك تاثير اكبر مما تتصور

وايضا تقدر تزيد جمال صورك المصورة بالكاميرا بهالادوات و الطرق السهلة (روتوش)

شوف الصورة التالية:

http://www.khellan.com/up/uploads/e222e15834.jpg

بشعة صح؟!

طبعا بشعة لأن:

1-الوانها غامقة

2-غير دقيقة و على شكل بيكسلات (مربعات)

3-باهتة

والان شوف نفس الصورة بعد عمليات التجميل ^_^

http://www.khellan.com/up/uploads/a59c2b3a55.jpg

1-الألوان فاتحة و مشعة

2-صافية و نقية

3-عالية الوضوح

هذي نتيجة كم فيلتر و كم عملية سهلة و وقت قليل ليس الا

طبعا احب اذكر انه هالعمليات اكثر شي تحتاج للمهارة يعني نجاح الطريقة تنطبق بنسبة 50% على مهاراتكم و الطرق كلها خبرتي الشخصية ( احم احم)

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

و راح اشرح القوائم الموجودة باصدار فوتوشوبCS

Monasuger

20-08-2006, 04:49 AM

قائمة Image>Adjustments

(لتغيير الألوان و درجاتها)

<<Curves>>

يضبط درجة الألوان و يجعلها (غامقة / فاتحة)

<<CoLor Balance>>

يقلل او يكثر من درجة الالوان ( الألوان الرئيسية: احمر/ازرق/اخضرRGB(

و الوان مثل: الاصفر / البنفسجي / التوركواز

<<Brightness/Contrast>>

يشبه الى حد كبير ال Curves بس استعماله اسهل

<<Hue/saturation>>

يتحكم بدرجة الألوان يقلل و يكثر من درجة الالوان و تقدر تتحكم بلون الصورة و تحولها الى لون واحد بدرجاتها من خلال تفعيل خيار
Colorize

<<Match Color>>

بدل تبديل الصورة الى لون واحد تقدر تقرب الوان الصورة الى لون معين و هذا يضيف تاثير احلى من الخيار السابق

<<Replace Color>>

انا شخصيا استخدمه اكثر شي لجعل الوان الصورة فاتحة و اظن انه افضل خيار لتفتيح البشرة او الشعر

<<Selective Color>>

يشبه Color Balance

بس عنده خيارات اكثر و تقدر تقرب الصورة الى أي لون تريده

<<Channel Mixer>>

يزيد و يخفف الالوان الأصلية بكثرة يعني يتغير لون الصورة تغيير كبير

<<Photo Filter>>

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

<<Shadow /Highlight>>

نافذة صغيرة بس بتاثير رائع جدا

فمن خلالها تقدر تزيد الشادو او الظل في ناحية و تخففها في ناحية اخرى من الصورة

<<Variations>>

واريشنز او واريانس

نافذة رائعة بس صعبة الاستعمال

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

و اخيرا و ليس اخرا انتهينا من شرح النوافذ و الخيارات الموجودة و الأكثر استعمالا في قائمة Image > Adjustments

لتغيير الألوان و درجاتها

و الان باقي لنا زيادة الدقة و النقاء

الفلاتر Filter

طبعا الفلاتر شي مهم في حياة كل مصمم فوتوشوبي ^_^

و اليكم بعض الفلاتر اللي تنفعنا في هالمجال :

.:: ( قائمة Artistic )::.

عندنا

Paint Daubs

و Poster Edges

يجب استخدام هالفيلترين بنسبة قليلة لأنه تاثيرهم قوي جدا على الصور

.:: ( قائمة Blur)::.

و تشمل

Gaussian Blur

و Smart Blur

لاستخدام الفيلتر الأول لازم تحدد الأماكن المراد تطبيق الفيلتر عليه بواسطة أي نوع من انواع ادوات التحديد ( اقترح استخدام العصا Magic Wand Tool)

و الفيلتر الثاني أي ال Smart Blur

استخدامه سهل و تقدر تغير اعدادات الخيار السفلي في النافذة : Threshold

حسب الحاجة ^_6

هناك فيلتر اخر لاضافة الاضاءة في قائمة Render

و هي Lighting Effects

بس اظن بوجود ادوات قائمة الايمج اللي شرحناهم في البداية ما تحتاجون لهالفيلتر

و الآن خلونا نبدا بشرح بعض الطرق و الأمثلة عن كيفية استخدام الأدوات المشروحة

اخترت لكم في هالفقرة الطرق السهلة اللي تعطي نتائج مذهلة

Monasuger

20-08-2006, 05:01 AM

.::" المثال الأول "::.

http://www.khellan.com/up/uploads/3a5183d4e9.jpg

مثل ما انتو شايفين الدقة و وضوح الصورة مناسبة بس اللألوان باهتة و غير ملفتة للنظر

اول خطوة اعملها هي تفتيح الألوان

و ذلك بواسطة نافذة Brightness/Contrast

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

فبالنهاية انتم لازم تختارو الاعدادات الأنسب

http://www.khellan.com/up/uploads/c34679d66d.jpg

لعبت بالاعدادات حتى تطلع لي النتيجة اللي ابغاها

الحين الألوان صارت فاتحة طيب ننتقل ل Replace Color

و احط اللون الأسود في المربعين مع تفعيل خيار : Image

و ازيد اعدادات الخيار: Fuzziness

علشان احصل على ظل داخلي خفيف للصورة:

http://www.khellan.com/up/uploads/3bbd86b598.jpg

ماتبين وايد...

المهم

في المرحلة الثالثة ننتقل ل Shadow/Highlights

,و تلاحظون مع اضافة اعدادات ال هاي لايتز ( زيادة الأمونت Amount)

كيف الظل الخفيف اللي عملته وصل لأطراف الصورة

http://www.khellan.com/up/uploads/3fdcb0f5a9.jpg

بالنهاية استخدم فيلتر Paint Daubs

مع وضع الرقم 1 في كل مربع في نافذة اعدادات الفيلتر

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

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

http://www.khellan.com/up/uploads/a955539c57.jpg

.::" المثال الثاني"::.

http://www.khellan.com/up/uploads/b0fbff76e6.jpg

مع هذه الصورة ساشرح طريقة استخدام فيلتر Gaussian Blur

اول شي لازم نحدد الأماكن اللي نحتاج تكون صافية مثل الوجه:

http://www.khellan.com/up/uploads/bcb1a922c2.jpg

و هذا يتم بواسطة ادوات التحديد

افضل اداة لهالمرحلة هي ال Magic Wind Tool

(ملاحظة : كل ما كان ال Tolerance اقل التحديد راح يطلع ادق)

و الحين نستخدم الفيلتر :

http://www.khellan.com/up/uploads/6ac4d16e63.jpg

لاحظوا كيف البشرة صارت صافية و بدون عيوب

النتيجة مع اضافة القليل من فيلتر Paint Daubs و تفتيح الألوان

http://www.khellan.com/up/uploads/6f47368336.jpg

Monasuger

20-08-2006, 05:12 AM

.::" المثال الثالث"::.

احيانا تكون الوان الصورة بدرجات غامقة جدا :

http://www.khellan.com/up/uploads/56115424bc.jpg

نقوم بتفتيح الألوان بواسطة Shadow / Highlights

بس زدت Amount ال Shadow لأنه هدفي تفتيح الألوان و هذا الخيار يخفف او يبعد الظل عن الصورة :

http://www.khellan.com/up/uploads/4eab78f731.jpg

و الان نبي الوان زاهية و ملفتة للأنظار

مع ادوات مثل Match Color

و Color Balance

الألوان صارت احلى:

http://www.khellan.com/up/uploads/11803f44c8.jpg

نقدر نوقف و نحفظ الصورة او نضيف تاثيرات خفيفة اخرىمثل ال Paint Daubs

http://www.khellan.com/up/uploads/341385d0bb.jpg

.::" المثال الرابع "::.

هنا ساستخدم فيلتر

Poster Edges

على صورة جاهزة (ما تحتاج لتغييرات)

http://www.khellan.com/up/uploads/fbddc02c4e.jpg

اول شي ناخذ نسخة من الصورة عن طريق Duplicate Layer

http://www.khellan.com/up/uploads/762418536b.jpg

ثم نطبق الفيلتر و انا استعملت الاعدادات التالية

Edge Thikness = 0

Edge Intensity = 0

Posterization = 6

http://www.khellan.com/up/uploads/a8a6e3bdc1.jpg

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

علشان كذا نخفف شفافية اللاير المنسوخ من الصورة الأصلية

http://www.khellan.com/up/uploads/435145df34.jpg

الحين نقدر نسميه تاثير خفيف ^_^

.:.:.:.:.:.:.:.:.:.:.:.:.:.:.

هذه كانت امثلة و تطبيقات عن بعض الأدوات اللي شرحتها

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

و لا تنسوا كلما كانت الصور المستخدمة في تصاميمكم صافية و واضحة

كل ما كانت البطاقة او التصميم اجمل

تعبتكم وايد معاي بس ان شالله استفدتم

^_^

.:.:.:.:.:.:.:.:.:.:.:.:.:.

PROFESSOR . F

20-08-2006, 05:33 AM

:bigeyes: :bigeyes: :bigeyes: :bigeyes:

السلام عليكم ورحمة الله وبركاته

=========================

Monasuger

والذي نفسي بيده لبدعتي البروفيسور يحييك

صراحه أدهشتيني أحييك بعنف أفكــــار نيرة وعظيمه وتستحقين عليها

واللـه ذهب لكن انتي كل الصور اللي شرحتي عليها كانت ثلاثية الأبعاد هذا اللي لاحظته

يعني في نظرك لو استخدمنا صورة حقيقية هل ستظهر نفس النتيجة أم سيكون الوضع مختلف

بعض الشيء الجواب على هذا السؤال بالتطبيق .

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

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

أربع أو خمس خطوات لكن الشرح 10 مراحل مدري كيف جات . :33:

في النهاية الشكر قليل في حقك بعد الحركات هذي يعني كما قال صلى اللـه عليه وسلم

( من أسدي إليه معروفا فقال لصاحبه جزاك الله خيرا فقد أبلغ في الثناء )

أو كما قال بأبي وأمي هو صلى اللـه عليه وسلم .

جزاك الله خيرا وأنار دربك وشرح صدرك ويسر أمرك .

====================================

.::*::. يتمنى لك البروفيسور خالص التوفيق من الله عز وجل .::*::.

FinalFantasy9

20-08-2006, 09:08 AM

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

يعطيج العافيه على اعادة النشر ^^ ..

اذكر الدرس بالسابق وهو مميز وخصوصاً للي مستواهم متوسط علشان يرفعون من درجة تصاميمهم والصور المستخدمه من تعديل وغيره مع الابقاء على النقاوة الطبيعية للتصاميم ^^ .

يعطيج العافيه على الشرح المميز وشكراً على الجهد المبذول ^^ .

وشـــــــــــ:yup::yup::yup::yup:ــــــــــكراً

Monasuger

20-08-2006, 04:33 PM

:bigeyes: :bigeyes: :bigeyes: :bigeyes:

السلام عليكم ورحمة الله وبركاته

=========================

Monasuger

والذي نفسي بيده لبدعتي البروفيسور يحييك

صراحه أدهشتيني أحييك بعنف أفكــــار نيرة وعظيمه وتستحقين عليها

واللـه ذهب لكن انتي كل الصور اللي شرحتي عليها كانت ثلاثية الأبعاد هذا اللي لاحظته

يعني في نظرك لو استخدمنا صورة حقيقية هل ستظهر نفس النتيجة أم سيكون الوضع مختلف

بعض الشيء الجواب على هذا السؤال بالتطبيق .

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

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

أربع أو خمس خطوات لكن الشرح 10 مراحل مدري كيف جات . :33:

في النهاية الشكر قليل في حقك بعد الحركات هذي يعني كما قال صلى اللـه عليه وسلم

( من أسدي إليه معروفا فقال لصاحبه جزاك الله خيرا فقد أبلغ في الثناء )

أو كما قال بأبي وأمي هو صلى اللـه عليه وسلم .

جزاك الله خيرا وأنار دربك وشرح صدرك ويسر أمرك .

====================================

.::*::. يتمنى لك البروفيسور خالص التوفيق من الله عز وجل .::*::.

اهلا و سهلا اخونا

من زمان ما شفناك

شكرا لك على الرد و سرني انه الدرس عجبك

و شكرا ايضا على اعلامي بالدرس اللي حطيته

بس انا قمت بشرح القوائم الأساسية في الفوتو لمعالجة الصور

و التطبيقات كانت مجرد امثلة

يعني هذه القوائم تنفع لجميع انواع الصور مو بس الثريدي

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

بس انا استخدمت صور ثريدي لأنه معالجة هالنوع من الصور تاخذ وقت اكبر من الصور الأنمية

و طبعا العمل عليها اصعب من الصور الأخرى

و ارجوا انك ما تكتب بهاللون مرة ثانية عيوني عورتني:boggled:

Monasuger

20-08-2006, 04:37 PM

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

يعطيج العافيه على اعادة النشر ^^ ..

اذكر الدرس بالسابق وهو مميز وخصوصاً للي مستواهم متوسط علشان يرفعون من درجة تصاميمهم والصور المستخدمه من تعديل وغيره مع الابقاء على النقاوة الطبيعية للتصاميم ^^ .

يعطيج العافيه على الشرح المميز وشكراً على الجهد المبذول ^^ .

وشـــــــــــ:yup::yup::yup::yup:ــــــــــكراً

و عليكم السلام اخوي فاينال

اشكرك على تشجيعك

برايي الدرس يناسب جميع المستويات سواء المبتدئين او المتوسطين او حتى المحترفين ^^

V I O L E T

20-08-2006, 06:13 PM

السلام عليكم

مشكورة اختي على الشرح ^^

أنا الصراحة دوم اعاني من هالمشكلة .. وضوح الصورة يطلع عندي مب تمام وتطلع مربعات في الصورة -__-

الصراحة استفدت من حركاتج ..تسلمين

سي يو

kaarouch

20-08-2006, 07:29 PM

موصوع رائع جدا مشكورة جدا
ولي عودة للموضوع ليتم حفضه بارك الله فيك.

البريق الصاعق

21-08-2006, 05:58 PM

:D السلام عليكم:p
مشكورة اخت Monasuger على الدرس الروعة:biggthump
واللة الدرس روعة وحل الكثير من المشكلات عندي:bigeyes:
وهذا التطبيق على اول طريقة
قبل
262789
بعد
262790

الطريقة الثانية
قبل
262799
بعد
262800
الطريقة الثالثة
قبل

262795
بعد

262796

وشكراً اختي مرة ثانية

Monasuger

21-08-2006, 08:46 PM

VIOLET

kaarouch

البريق الصاعق

شاكرة لكم مروركم و ردكم على الموضوع

الحمدلله انكم استفدتم من الدرس

تطبيقات رائعة اخوي بريق

Hinata-sama

22-08-2006, 01:02 PM

السلام عليكم ^___^

هلا أختي منى سكر ،،، شخبارج ؟

تسلمين على طرح الدرس من جديد ،، الله يعلم كم استفدت منه في المرة السابقة ^.^ و شكرا ً لأنج طرحتيه مرة ثانية ^^

و تفضلي ، هذي تطبيقاتي الجديدة ^_~

،.،

Step 1

Before
http://img8.picsplace.to/img8/20/thumbs/1_487.jpg (http://img8.picsplace.to/img.php?file=img8/20/1_487.jpg)

After

http://img8.picsplace.to/img8/20/thumbs/2_250.jpg (http://img8.picsplace.to/img.php?file=img8/20/2_250.jpg)

+*+

Step 2

Before

http://img8.picsplace.to/img8/20/thumbs/3_208.jpg (http://img8.picsplace.to/img.php?file=img8/20/3_208.jpg)

After

http://img8.picsplace.to/img8/20/thumbs/4_172.jpg (http://img8.picsplace.to/img.php?file=img8/20/4_172.jpg)

+*+

Step 3

Before

http://img8.picsplace.to/img8/20/thumbs/5_146.jpg (http://img8.picsplace.to/img.php?file=img8/20/5_146.jpg)

After

http://img8.picsplace.to/img8/20/thumbs/6_128.jpg (http://img8.picsplace.to/img.php?file=img8/20/6_128.jpg)

+*+

Step 4

Before

http://img8.picsplace.to/img8/20/thumbs/7_085.jpg (http://img8.picsplace.to/img.php?file=img8/20/7_085.jpg)

After

http://img8.picsplace.to/img8/20/thumbs/8_070.jpg (http://img8.picsplace.to/img.php?file=img8/20/8_070.jpg)

،.،

ألف شكر لج ^^ ، و الله يعطيج العافية :)

Monasuger

22-08-2006, 03:48 PM

اهلين و سهلين هيناتا

كيف حالج

بعدني اتذكر تطبيقاتج السابقة

ليش تعبتي نفسج مرة ثانية ؟!

بس ترا التطبيقات الجدد افضل بكثير من السابقة ^.6

الف شكر لردج على الموضوع مرة اخرى

palma

22-08-2006, 10:55 PM

شكرا شكرا شكرا عالدرس الجمييييييييييييييييييييل ..
بجد الدرس رووووعة ...
ميرسي أويي يا mona عالمجهود الحلو ده .. فعلا موضوع مفيد جدا ..
thanks again وبالتوفيق يا سكر ^_^ ....

Monasuger

25-08-2006, 04:24 PM

palma

الشكر لج على زيارة الموضوع و الحمدلله انه عجبج طرق^.6