المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كيف نعدل الألوان باحتراف؟


Sa3aD
August 2nd, 2006, 04:27 AM
السلام عليكم ورحمة الله وبركاته

أهلاً بكم في موضوعنا التعليمي وشكراً لزياراتكم الكريمة.

إكمالاً لمسيرة التعديل أحببت أن أضيف هذا الدرس المهم، فتعديل ملامح الصورة وتضاريسها كما في موضوعنا السابق هنا (http://talk.fanateq.com/vb/showthread.php?t=46111) يحتاج إلى تعديل ألوان الصورة بشكل دقيق حتى تكتمل اللوحة وتقنع العين الطمّاعة بما تراه أمامها في الشاشة المفلترة.

رشّحنا في موضوعنا السابق برنامج Adobe Photoshop فهو البرنامج الأمثل في إعادة هيكلة الصورة وتنسيقها وترميمها. كما أنه الأكثر شيوعاً عند سائر الناس.

إن هدف تعديل الصورة الرئيسي هو إعادة الصورة لما كانت عليه في الطبيعة. فأي صورة تلتقطها أي كاميرا تكون قد مرّت بعدة ممرات وفلاتر وعدسات، تقوم هذه العدسات بإعادة وزن الألوان واتخاذ الأوضاع الصحيحة وتماسك الإضاءة.. الخ. إلا أنها مع هذا كله فإنها تحتاج لمن يعاونها في عملها، وهذا ما يفعله صديقنا المحبوب برنامج Photoshop!

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

هناك أنظمة أو (Modes) كثيرة جداً للألوان، وكل نظام منها مناسب لوضع معين. فمثلاً نظام ألوان (RGB Mode) يستخدم للعرض في شاشات الكمبيوتر، فهو أنسب نظام ألوان على الشاشة. وحروفه ترمز إلى ثلاثة ألوان رئيسية، فحرف R يرمز إلى Red وحرف G يرمز إلى Green وحرف B يرمز إلى Blue. وهي الألوان الأساسية المركّزة المكوّنة لكل الألوان التي نراها على الشاشة. أما نظام ألوان (CMYK Mode) فهو يستخدم خصيصاً للطباعة، وهو الأفضل إخراجاً للألوان في الوسائط المطبوعة. وحروفه ترمز إلى الألوان المكوّنة للألوان المطبوعة، فحرف C يرمز إلى Cyan وهو اللون السماوي الباهت وحرف M يرمز إلى Magenta وهو اللون الوردي المائل إلى البنفسجي وحرف Y يرمز إلى Yellow وحرف K يرمز إلى Black. وغيرها من أنظمة الألوان مثل نظام (Grayscale Mode) وهذا النظام يستخدم في ألوان الصور العديمة اللون (ذات تدرجات رمادية).. فأنظمة الألوان تساعدنا في معرفة وقت استخدام النظام المناسب في الوضع المناسب، حتى نحظى بأجمل نتيجة للألوان.

كذلك فإن هناك صيغ كثيرة تتحكم في جودة الألوان، ومنها (JPG-GIF-PNG-TIF..) وأفضلها على الشاشة صيغة (JPG) وهي الأكثر شيوعاً في الإنترنت، وأفضلها في الطباعة صيغة (TIF) وهي التي تستخدمها المجلات وغيرها من الوسائط المطبوعة..

في بداية الأمر، هناك الكثير من التعديلات الأوتوماتيكية أو التي يقوم بها البرنامج أوتوماتيكياً من غير أن نضع له مقادير أو أرقام. وهي ذات نتائج رائعة وتأثيرات خلابة. وهي الأوامر الثلاثة في قائمة Image من التفرع Adjustment الموضحة بالصورة:

http://www.inshad.com/forum/upload/userimages/9196/autoeffects.gif

الأمر الأول: Auto Levels
Level تعني درجة، ومعناها هنا درجة الإضاءة. يعطي هذا الأمر توزيعاً وتشبعاً جيداً للإضاءة.

وهنا مثال عليه:

http://www.inshad.com/forum/upload/userimages/9196/autolevels.jpg

الأمر الثاني: Auto Contrast
Contrast تعني تباين أو اختلاف، ووظيفة هذا الأمر هو زيادة التباين بين الدرجات ووضوحها. وهنا لا نتكلم عن الوضوح في الدقة أو الـ(Quality) بل عن وضوح الألوان وتباينها واستقلال درجاتها.

وهنا المثال عليه:

http://www.inshad.com/forum/upload/userimages/9196/autocontrast.jpg

الأمر الثالث: Auto Color
وهذا الأمر يؤثر بإعطاء الألوان درجاتها الأصلية وحقيقتها اللونية.

وهنا المثال:

http://www.inshad.com/forum/upload/userimages/9196/autocolor.jpg

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

نبدأ بالأمور اليدوية. الأمر Levels وهو الموضح بالصورة:

http://www.inshad.com/forum/upload/userimages/9196/levels.gif

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

http://www.inshad.com/forum/upload/userimages/9196/levelsdetails.gif

كما ترون تحت المخطط يوجد ثلاثة محركات، بإمكاننا أن نحركهم يميناً ويساراً.
المحرك رقم (1) يعمل على سطوع أو لمعان الصورة. المحرك (2) يعمل على تبييض/تسويد الصورة. المحرك (3) يعمل على إشباع الصورة بالألوان. تأثيرات تصنع العجائب!
وهناك الكثير من التفاصيل الدقيقة في هذا الأمر ولكنني لا أود التفصيل بها أولاً لصعوبتها ثانياً لأتيح فرصة للأوامر الأخرى.

وهذا مثال على نتيجة الأمر Levels. قمت بزيادة السطوع بتحريك المحرك رقم (1)، وبزيادة الإشباع بتحريك المحرك رقم (3).

http://www.inshad.com/forum/upload/userimages/9196/levels.jpg

الأمر Curves. لعلنا نستغرب من مسمى الأمر فنحن نعرف أن Curve تعني منعطف، إلا أن أحد معانيها الانسجام. وهو الأمر الموضح بالصورة:

http://www.inshad.com/forum/upload/userimages/9196/curves.gif

ويعمل هذا الأمر بطريقة خاصة كما هو موضح:

http://www.inshad.com/forum/upload/userimages/9196/curvesdetails.gif

نمسك النقطة المضللة باللون الأحمر ونحركها في كل الاتجاهات حتى نقتنع بالنتيجة. مع العلم أن لكل اتجاه مدلول (كما أرى فإن الأعلى = السطوع – الأسفل = الكثافة اللونية – اليمين = التسويد – اليسار = التبييض)

وهذه نتيجة لأحد التعديلات بهذا الأمر:

http://www.inshad.com/forum/upload/userimages/9196/curves.jpg

والآن، هل رأيت صورة من الصور يكون فيها أحياناً اللون الأحمر طاغي على الألوان؟ مثل صور أضواء السيارات ليلاً مثلاً؟ هل رأيت أحد الصور فيها يكون اللون الأخضر طاغياً؟ مثل صور البحر أحياناً.. أو هل أحسست مرة أنه لو كان اللون الأزرق مثلاً أكثر بروزاً لكانت الصورة أكثر واقعية؟..
هنا معالجة محترفة لكل ذلك وما عليك إلا أن تفتح الأمر (Curves) وتختار في خانة (Channel) اللون الذي تريد من الألوان الثلاثة (الأحمر والأخضر والأزرق) – هذا في حالة نظام (RGB). ويمكنك أن تتحكم في اللون لوحده.

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

http://www.inshad.com/forum/upload/userimages/9196/curvesgreen.jpg

وهذه تحتاج إلى تقليل اللون الأزرق قليلاً. إنها بالتأكيد أكثر واقعية بعد التعديل:

http://www.inshad.com/forum/upload/userimages/9196/curvesblue.jpg

الأمر: Color Balance ويعني توازن الألوان.

http://www.inshad.com/forum/upload/userimages/9196/colorsbalance.gif

وطريقة التحكم فيه تعتمد على البعد عن لون معين والقرب من لون آخر.. مثال: لو ابتعدنا عن اللون الأحمر نكون بلا قصد اقتربنا من اللون الأخضر. ومن هنا نتحكم بالألوان:

http://www.inshad.com/forum/upload/userimages/9196/colorsbalancedetails.gif

وهنا ابتعدت عن اللون الأصفر واقتربت قليلاً من السماوي فظهرت النتيجة أكثر واقعية:

http://www.inshad.com/forum/upload/userimages/9196/colorsbalancecyan.jpg

ولو أن ألوان الصورة قبل التعديل أجمل في نظري. ربما تساءلتم عن الجسم الملقى هنا في الصورة، إنه مجرد محفظة :p

الأمر: Brightness/Contrast وهو التحكم باللمعان والتباين.

http://www.inshad.com/forum/upload/userimages/9196/brightnesscontrast.gif

وهناك عدّادان في هذا الأمر، وهما كما في الشكل:

http://www.inshad.com/forum/upload/userimages/9196/brightnesscontrastdetails.gif

أما الأول (Brightness) فهو التحكم في التفتيح والتعتيم، وأما الثاني (Contrast) فهو التحكم في اللمعان والتشبع..

وهنا في المثال قمت بتعتيم الصورة قليلاً وبزيادة تشبّعها ولمعانها:

http://www.inshad.com/forum/upload/userimages/9196/brightnesscontrast.jpg

أختم الدرس هنا ولو أن المجال أكبر من ذلك. فتعديل الألوان أمر عميق بدرجة كبيرة إلا أن الأمور التي تم ذكرها في الدرس هي الأمور الرئيسية. وإبداعكم يحتل المقام الأول في النتائج ^ـ^

أرجو أن يكون الدرس خفيفاً، وأتمنى أن يستفيد أحد منه.
خالص تمنياتي بالتوفيق والنجاح :)

* حقوق التصوير والكتابة محفوظة.

سعد

أم هريرة
August 2nd, 2006, 08:34 AM
مجهود سوبر رائع!
جزاك الله كل خير. :)

Sa3aD
August 2nd, 2006, 03:24 PM
شكراً أم هريرة على تعليقكِ :):)

الملاك
August 2nd, 2006, 03:57 PM
عظيــــم..
* حقوق التصوير والكتابة محفوظة.

أفهم من ذلك أن كل الصور المرفقة من تصويركم..صحيح..؟؟



جزاكم الله كلّ خير على هذه الإفادة..

في ميزان حسناتكم..

Sa3aD
August 2nd, 2006, 04:05 PM
شكراً أختي الملاك الله يوفقج

أفهم من ذلك أن كل الصور المرفقة من تصويركم..صحيح..؟؟

اي نعم ^ـ^ شكراً مرة أخرى

سعد

its_me
August 2nd, 2006, 04:43 PM
يعطيك العافيه..

معلوماات رووعه يزاك الله خير.. :)

simsim
August 2nd, 2006, 06:02 PM
ماشاءالله ..!!

ابدااااع والله ..
من شرح ومن تصوير ..

يزاك الله خير والله يوفقك ^ـ^

☺خولة☺©
August 2nd, 2006, 08:12 PM
بارك الله فيك
الدرس رائع
والشرح وافي
ومشكور ماقصرت
:)

فارس الامارات
August 3rd, 2006, 12:37 AM
بــارك الله فــيك

مشكوور أخوي عالدرس ..:)

Sa3aD
August 3rd, 2006, 01:48 AM
أشكركم أيها الكرام وأتمنى أنكم استفدتم من الدرس :)

ربــشــة
August 3rd, 2006, 03:11 AM
يزاك الله خير ع الدرس المفيد
بارك الله فيك
وبنتظار المزيد من الدروس :)

أنين فراشة
August 3rd, 2006, 03:55 PM
جزاك الله خير أخي سعد
على الجهود الطيبة ...

وفقك المولى

Q8-Butterfly
August 15th, 2006, 05:03 AM
تسلم اخوي على الموضوع الروووعـــــــــــــــــه
:)
الله يعطيك العافيه

Abdallh
August 21st, 2006, 02:23 PM
الله يعطيك العافيه على الموضوع

Enjaz
August 21st, 2006, 03:44 PM
بارك الله فيك اخوي سعد ملعومات جداً راااائعه ....


اخوك انجاز

anansi
August 21st, 2006, 07:37 PM
ماشاء الله ..

دروس متكاملة ، الله يعطيك العافية ..

أفادني شرح بعض النقاط كثيرا ً ..

يعطيك العافيه اخوي سعد :)

Sa3aD
August 27th, 2006, 03:36 PM
Thank you very much for your comments :)
Allah ywaffegkom

بــاااايــعـها
October 7th, 2006, 01:54 AM
درس قمة في الروعه استفدت منه كثيييييير مشكووور وجزاك الله خير :)

almjroo7_280
October 12th, 2006, 08:26 PM
يعطيك العافية

Eng.NaNa
November 19th, 2006, 06:54 PM
يعطيك العافيه :) ..
مجهود واضــح :) ..
شكـــرا :) ..
اختك :) ..
ام مش مش :) ..

A5er al3nQod
November 21st, 2006, 04:22 PM
كفيت ووفيت

و الشرح ووووافي ,,

يسلمو عّ الدرس الحلو:)

Pink
January 26th, 2007, 06:53 PM
مشكوووووووره على الموضوع
ويعطيك آلف عافيه..
تحياتي لك..

aMWaG
January 26th, 2007, 11:03 PM
موضوع ممتاااااااااااااااااااااااااااااااز

من زمان وانا ودي اعدل صوري ومااعرف :/

الحمدالله اليوم شفت هالموضوع

يعطيك الف الف عافيه :)

myonlyway
January 27th, 2007, 03:34 AM
روووووووووعه اخوي

الله يعطيك العافيه

•Smart g!rl•
May 19th, 2007, 01:52 AM
مشكوور وما قصرت على الدرس ,,

الله يعطيك العافيــه

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

واللحين عرفتهم :p

جزاك الله الف خير

تحيااتي

حلاتي في ندرة وجودي
June 20th, 2007, 11:52 PM
يعطيك العافيه

almojaded
July 12th, 2007, 07:36 PM
قواك الله سعد

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

NOOOONY
July 17th, 2007, 12:53 PM
...........thank U

جوري^_^
July 17th, 2007, 11:56 PM
شكرا سعد على الموضوع المتميز ..:)

بالتوفيق للجميع ..^.^

مجازف نت
April 25th, 2008, 01:36 PM
درس اكثر من راااااااائع

نورسة
April 28th, 2008, 06:14 PM
يسلموا عالدرس المميز والحلو
ومفيد جداً
لك كل ود

حيان
August 31st, 2008, 01:26 AM
رااائع جدا ..
استفدت كثيراً من الدرس ..

لا عدمناك يالغالي.. :)

رحيق العفه
February 1st, 2009, 05:10 PM
شي جميل وراائع

بارك الله فيك

ToTeya
October 9th, 2009, 06:18 AM
خوووش شرح

كنت ناويه اسوي هالدرس

بس انت تكفي وتزود اخوي

يعطيك العافيه

لا خلا ولا عدم