تصـــاميم مــن الصـــميم **(alOQab) ........التلوين درس مهم

[aloqab]

تصــــــــاميم مــــن الصــــــــميم

***alOQab***
ابتداءا انا بقدم الكم هذا الموضوع لاهمية لكبيره في التصميم على الفوتوشوب
طبعا انا جايب الكم عدة طرق من الطرق المستخدمه في التلوين وما بقدر اقول جميعها ولا بقدر انو هي احسنها وهذه الطرق ليست منقوله مع انو بنشوف شرح موجود في كثير من المنتديات
لموضوع التلوين لكن هذا الموضوع خاص مني في منتدى برامج نت

طبعا البدايه :-
http://www5.0zz0.com/2007/07/16/20/23232728.jpg



الصوره هاي بتعبر عن اقسام الصوره او بالاصح الصوره الي بتبلش من الصفر
وهذه ابنتطبق على المصميمن المحترفين في تصميم مثلا السيارات http://www5.0zz0.com/2007/07/16/20/99204164.jpg
مثل هذه الصوره الي امصمم فيها مجسم السياره http://www5.0zz0.com/2007/07/16/20/98648522.jpg

وهذه دخل عليها الالوان اصبحت السياره شبه جاهزه
ومع الخلفيه الي هي طبعا اللون الابيض بتكون الصوره اصبحت كامله

طبعا هذا بس لفت النظر على موضوع عناصر الصوره وتصميم

بس الي احنا بدنا اياه هو كيفية التلوين للصوره
اذا بتلاحظو في الصوره الاولى فيها ثلاثة شفائف (layer) اللون موجود على شفيفه منفصله عن الصوره وهذ لسهولة التحكم في التلوين وخصائص التلوين
يعني وجود كل عناصر الصوره على شفيفه واحده بسبب مشاكل وتعب في التراجع عن الخطوات
....الخ من هالشغلات
وحنا رايحين ندخل في موضوع التلوين عن طريق الشفائف
اذا بدنا انلون الصوره بالخصائص الطبيعيه للشفيفه(Normal) بكون التلوين غير جيد
علشان احنا نقدر لون الصوره بنعمل تغبر في خصائص الشفيفه حتى تتناسب مع مظهر الصوره
http://www5.0zz0.com/2007/07/16/20/44370848.jpg

في هذه الصوره انا مظهر من وين بجيب خصائص الشفيفه طبعا الي في القائمه المنسدله
وفي الصور التاليه بعطيك فكره عن خاصية كل شفيفه وتاثيرها على الصوره من ناحية اللون
في الحاله الطبيعيه للشفيفه






Normal
http://www.up07.com/up3/uploads/438e219359.jpg (http://www.up07.com/up3/)


color burnhttp://www5.0zz0.com/2007/07/16/20/49578280.jpg

color dodaehttp://www5.0zz0.com/2007/07/16/20/21574023.jpg

color
http://www5.0zz0.com/2007/07/16/21/41766325.jpg

Darken
http://www5.0zz0.com/2007/07/16/21/62838655.jpg

Difference

http://www5.0zz0.com/2007/07/16/21/78748586.jpg

dissolve
http://www5.0zz0.com/2007/07/16/21/19500113.jpg

Exclusionhttp://www5.0zz0.com/2007/07/16/21/52117769.jpg


Hard lighthttp://www.up07.com/up3/uploads/1203a2e37f.jpg (http://www.up07.com/up3/)


Hard mixhttp://www.up07.com/up3/uploads/90b72c3747.jpg (http://www.up07.com/up3/)


Hue
http://www.up07.com/up3/uploads/61e0269f7a.jpg (http://www.up07.com/up3/)

Lighten
http://www.up07.com/up3/uploads/98764a3d67.jpg (http://www.up07.com/up3/)

Linear-Burn
http://www.up07.com/up3/uploads/139a509dcc.jpg (http://www.up07.com/up3/)


linear-Dodaehttp://www.up07.com/up3/uploads/ad54080034.jpg (http://www.up07.com/up3/)


Linear Light
http://www.up07.com/up3/uploads/3b874e6d57.jpg (http://www.up07.com/up3/)


Luminosity
http://www.up07.com/up3/uploads/bb4b903257.jpg (http://www.up07.com/up3/)


Multiply
http://www.up07.com/up3/uploads/f6482b80da.jpg (http://www.up07.com/up3/)


Overlay
http://www.up07.com/up3/uploads/76bc949211.jpg (http://www.up07.com/up3/)


Pin Light
http://www.up07.com/up3/uploads/14b07c35df.jpg (http://www.up07.com/up3/)


Saturation
http://www.up07.com/up3/uploads/c5b4edaa5a.jpg (http://www.up07.com/up3/)


Screen
http://www.up07.com/up3/uploads/2e11e7d747.jpg (http://www.up07.com/up3/)


Soft Light
http://www.up07.com/up3/uploads/d187287ebe.jpg (http://www.up07.com/up3/)


Vivid Light
http://www.up07.com/up3/uploads/b066a31cb9.jpg (http://www.up07.com/up3/)




ملاجظه:- التأثيرالواقع على الصوره من خصائص اللير ليس بالضروره انو ايكون على كل صوره بالتحديد..... مثلا Hue ظلت الصوره بلا الوان مع انو لو تم استخدامه على صوره بميزات مختلفه بيكون تأثير للالوان بشكل اخر........!!

وراح نثبت هذا الحكي في التطبيقات القادمه ...


http://www.up07.com/up3/uploads/330f1b1ddb.jpg (http://www.up07.com/up3/)

طبعا هذه الصوره تم تعديل اللون الاساسي الها بالضغط على ctrl+shift+U
وهذا الشيء انا قاصده بس خليكم امتابعين الشرح

http://www.up07.com/up3/uploads/31f3342c92.jpg (http://www.up07.com/up3/)
طبعا بداية العمل الصح بنحول الصوره او اي صوره انا بدي اياها للير بالضغط دبل كليك
عليها وبظهر مربع بظهر فيه لون الير الي بدك اياه بس مشان التميز...الخ بنكبس موافق ابتتحول من Background الى Layre وبعد هيك بنعمل لير جديد.. من قائمة لير بنختار لير جديد
Layer>NewLayer


http://www.up07.com/up3/uploads/f58f8dc74e.jpg (http://www.up07.com/up3/)

وبنختار brush من قائمة Tools الي هي الفرشاه وبتختار اللون الي بناسبك للصوره
وبتعمد على تلوين الصوره بالكامل في الير الجديد انتبه ما اتلون على نفس لير الصوره
لحتى العمل ايكون فيه سهوله الاسترجاع والتحكم


http://www.up07.com/up3/uploads/ba01990026.jpg (http://www.up07.com/up3/)
طبعا تم تكميل تلوين الصوره بشكل تام

http://www.up07.com/up3/uploads/b2045f1158.jpg (http://www.up07.com/up3/)

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

http://www.up07.com/up3/uploads/6b99f72c02.jpg (http://www.up07.com/up3/)


طبعا في هذه المرحله انا اخترت مثلا تأثير color ومش بالضروره ايكون هو ابتقدر تختار
تأثير Overlay المهم بعد هذا الاختيار ظل في الصوره نوع من عدم ملائمة الالوان
للواقع هذا راي يمكن ناس بيشوفوا انو هيك احسن على كلن نلحق الصوره التاليه

http://www.up07.com/up3/uploads/620e1efd06.jpg (http://www.up07.com/up3/)


طبعا بنقوم باختيار Hue/Saturation من الدائره المقسومه لون ابيض واسود
او بالضغط على ctrl+U


http://www.up07.com/up3/uploads/a1592e7bdd.jpg (http://www.up07.com/up3/)


وبعدها بقوم بالتغيير في الاعدادات حتى يظهر التأثير الانسب للصوره وبنكون هيك خلصنا
من التطبيق الاول ونتقلنا على التطيق الثاني بأذن الله

.................................................. ..................................
.................................................. ................
...........................................
......................
http://www.up07.com/up3/uploads/787afc158d.jpg (http://www.up07.com/up3/)

انا اخترت لهذا التطبيق صورة سياره وطبعا خليتها باللون الاصلي للصوره

http://www.up07.com/up3/uploads/278eba8308.jpg (http://www.up07.com/up3/)

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

http://www.up07.com/up3/uploads/7822130191.jpg (http://www.up07.com/up3/)

بعدم ما اكتمل تلوين الصوره بالكامل بنختار تأثير Hue على الصوره وهس بنشوف النتيجه *
*
*
*
*
*
http://www.up07.com/up3/uploads/fece2dd449.jpg (http://www.up07.com/up3/)

طبعا شوف هان الصوره طلعت باللون الزهري مع انو الاختيار كان اللون الاحمر
وهسا بتشوف نتيجه ثانيهhttp://www.up07.com/up3/uploads/c259294bd8.jpg (http://www.up07.com/up3/)
http://www.up07.com/up3/uploads/66c644c127.jpg (http://www.up07.com/up3/)



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

طبعا هذه بعض التطبيقات على التلوين
ارجو نها تعجبكم http://www.up07.com/up3/uploads/b36a20dd5d.jpg (http://www.up07.com/up3/)

بعد التعديل على الالوان ...............>>>>


http://www.up07.com/up3/uploads/6b42b09b45.jpg (http://www.up07.com/up3/)



http://www.up07.com/up3/uploads/6f9bc9313d.jpg (http://www.up07.com/up3/)


بعد التعديل على الوان الصوره..............>>>>>http://www.up07.com/up3/uploads/ab0576d5b6.jpg (http://www.up07.com/up3/)

.................................................. ......................
.................................................. ....
....................................
...................

انا يا اخوان بتاسف اذا طولت عليكم بالشرح بس الي بهمني انو الفائده اتعم الجميع

وطبعا في هذا التطبيق على تلوين الصور عن طريق الماسك او القناع
بنخليكم مع الشرح ...............

http://www.up07.com/up3/uploads/8b636e71a7.jpg (http://www.up07.com/up3/)

طبعا هذه الصوره الي را نعمل عليها التطبيق
اول حاجه ابنختار Hue/Saturation
http://www.up07.com/up3/uploads/c8fcc0e66e.jpg (http://www.up07.com/up3/)

لازم تتاكد تختارهذا التاثير من مكان ماهو امعلم بالون الاحمر لانو لازم ايكون التاثير على
لير اخر خلوها في بالكم لو اخترت Hue/Saturation من قائمة image
رايح ايكون التاثير على نفس لير الصوره http://www.up07.com/up3/uploads/3a297e65ca.jpg (http://www.up07.com/up3/)

ونغير في الاعدادات للون حتى تتوصل للون الي بتشوفوا احسن

http://www.up07.com/up3/uploads/fca9291521.jpg (http://www.up07.com/up3/)

بعدها بنضغط على الير الي ظهر جديد وبتكون علامة الفرشاه عليه
وبتكبس على ctrl+I ابتعمل تعبئه للير الماسك وبترجع الصوره للون الاساسي


http://www.up07.com/up3/uploads/9722d51765.jpg (http://www.up07.com/up3/)

ابنختار اداة الفرشاه وبنختار اللون الابيض

http://www.up07.com/up3/uploads/d0577fa649.jpg (http://www.up07.com/up3/)

وبنقوم باتلوين على المنطقه المراد تغير لونها وبتبلش تظهر ملامح اللون الجديد

http://www.up07.com/up3/uploads/ee32b30118.jpg (http://www.up07.com/up3/)

وهذه النتيجه لهذا الشرح .................


اما الان مع فاصل اعلاني !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
:smailes60:

شو لساتكم معي

طيب طريقه ثانيه عكس الطريقه الاولى

http://www.up07.com/up3/uploads/5b0946f50a.jpg (http://www.up07.com/up3/)

ابنختار صوره جديده .........اعذروني في اختياري لصور السيارات


http://www.up07.com/up3/uploads/e5b8326b30.jpg (http://www.up07.com/up3/)

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

http://www.up07.com/up3/uploads/5c03d5daa5.jpg (http://www.up07.com/up3/)


نعمل للصوره تلوين على نفس الصوره والشفيفه تابعوا الشرح

http://www.up07.com/up3/uploads/3ed7b35604.jpg (http://www.up07.com/up3/)

وبعدها ابنعكس الوضع بالضغط على المربع الثاني مثل ماهو ملون المكان الي فمنا ابتلوينه بتحدد

http://www.up07.com/up3/uploads/bf1525269b.jpg (http://www.up07.com/up3/)

وبنختار Hue/......الخ بالضغط على ctrl+u وبتغير الاعدادات

http://www.up07.com/up3/uploads/d6b696afab.jpg (http://www.up07.com/up3/)

وطبعا هذه النتيجه
وهي عكسيه لطريقة الماسك الي بكون مكان ما بنحدد باللون بتغير الللون
وهذه مكان ما بتحدد بالللون بظل على اللون الاصلي

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

والان مع بعض الطرق الحلوه في التغير للون الصور

وهذه طبعا طريق Match Color

http://www.up07.com/up3/uploads/b549848449.jpg (http://www.up07.com/up3/)

بنختار الماتش كللور مثل ما هو موضح في الصوره


http://www.up07.com/up3/uploads/fed442dde8.jpg (http://www.up07.com/up3/)

بعد ما بنكون مختارين صوره ثانيه .......

http://www.up07.com/up3/uploads/429b7e82ee.jpg (http://www.up07.com/up3/)

ومثل ما هو باين ابنختار من قائمة source الصوره المعنيه بالتطبيق

http://www.up07.com/up3/uploads/6b83dd9946.jpg (http://www.up07.com/up3/)

وبنغير في الاعدادات حسب ما بدنا وذا بدك اتقلل من عملية الدمج زيد قيمة Fade


http://www.up07.com/up3/uploads/10d23f8815.jpg (http://www.up07.com/up3/)

طبعا هذه النتيجه النعائيه للعمل
بس انا اخترت هذه الصوره لطبيعة اللوانها اللماعه والخفيه الي بتسهل عملية تغيرها
مع انو صور ثنايه بكون التاثير اقل من هيك بكثير
لطبيعة الوانها مثلا الغامقه او الحاده .....الخhttp://www.up07.com/up3/uploads/0156ab36a2.jpg (http://www.up07.com/up3/)

طبعا مش من الضروري بس ايكون هناك صوره ادخلها على صوره حتى يحدث تاثير
اذا انتوا بتلاحظوا انو في لون فضي خلف السياره هذه تاثير من match color

طريقه اخرى ونشاءالله بتكون كويسه

الي هي Replace color

http://www.up07.com/up3/uploads/cb84cf49d6.jpg (http://www.up07.com/up3/)

وبنختار مثل ماهو اموضح بالصوره


http://www.up07.com/up3/uploads/4cf5aacf44.jpg (http://www.up07.com/up3/)

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

http://www.up07.com/up3/uploads/73754c3c15.jpg (http://www.up07.com/up3/)

طبعا بغير اللون من Result وبغير في القيم الموجوده وبوصل للنتيجه المرجوه

بعض التاثيرات السريعه من قائمة image

http://www.up07.com/up3/uploads/90a1b91af1.jpg (http://www.up07.com/up3/)


Invert
http://www.up07.com/up3/uploads/bc4fcb6da4.jpg (http://www.up07.com/up3/)


Equalize
http://www.up07.com/up3/uploads/1943e6092e.jpg (http://www.up07.com/up3/)


Threshold
http://www.up07.com/up3/uploads/e14c41e32e.jpg (http://www.up07.com/up3/)


Posterize
http://www.up07.com/up3/uploads/7ad0fe2613.jpg (http://www.up07.com/up3/)



Variations
http://www.up07.com/up3/uploads/b409280da9.jpg (http://www.up07.com/up3/)

طبعا في كل صوره مصغره تاثير للون معين مثل الزهري الاحمر الاخضر ازرق...الخ
ونتوا بتحددوا تاثير اللون الي بعجبكوا اكثر بالضغط على الصوره الي بتمثل اللون
وفي كمان انك اتحدد طبيعة اللون المراد تغيره شادو ولا هاي لايت ( اللوان مشعه)
وبتقدر اتحدد درجة حدة الاوان بتغير درجة المؤشر بين fine--Coars


Curveshttp://www.up07.com/up3/uploads/9ed729ccfb.jpg (http://www.up07.com/up3/)

اللون الي بدك اتغير من خصائصه ابتختاره من قائمة chanale
وبرسم البياني بتغير من قيم اللون


وطبعا عندك photo filter بعطي لون كلي على الصوره بشكل خفيف بتحددوا انت

Selective color

http://www.up07.com/up3/uploads/24bfe9a4a4.jpg (http://www.up07.com/up3/)

طبعا ابتختارها من مثل ماهو اموضح

http://www.up07.com/up3/uploads/a61e79b32f.jpg (http://www.up07.com/up3/)

الصوره اموضحه حالها على ما اظن ههههههههههههههههه!




هذه طريقه للتوين بواسطة الفرشاه نفسها

http://www.up07.com/up3/uploads/1323d2ff09.jpg (http://www.up07.com/up3/)

مثل ما هو امبين انتوا ابتختاروا الفرشاه وبتضغطوا على القائمه الي فوق الصوره
اصلا ما في غيرها هههههههههههههههههههه

وبتختار الخواص الي انت بدك اياها

http://www.up07.com/up3/uploads/7874895fb5.jpg (http://www.up07.com/up3/)

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


وهيك بكون خلصت شرح ...انشاءالله بكون تممت في شرحي او انو شرحي كامل
بس على فكره في من الشروحات كانت عباره عن ادوات كنت انا اجربها من تلقاء نفسي حتى اقدرت الملم هذه الصوره عنهن ونت يمكن اتلاقي خواص ومميزات في الفوتوشوب
ثانيه والله الموفق



للملاحظه :- الشرح خاص في منتدى برامج نت غير منقول
ولمن يريد نقله للفائده ان يكتب منقول

[خالدf15]

مبدع والله انك مبدع صراحه مجهود رائــع منك اخي وتستحق كل الشكر

الصراحه انا مع خبرتي بالفوتوشب لم اكن اعلم بهذه الطريقه لتغيير لون الصوره

تقبل خالص تـ ح ـياتي وشكري لك ياأخـaloqab

[star2]

موضوع رااااااااااااااااااااائع ومفيد
جزاك الله خير ياأخي alOQab ونتمنى نشوف المزيد من مواضيعك الرااااااااائعة

[made_man]

انا مع الاخ خالد والله مبدع ابداع بلا حدود وربنا يزيدك انشاء الله وفي الحقيقه عجبني الموضوع بطريقه حلوه
ومشكوووووووووووووووووووووووووووور

[made_man]

درس جميل وهذا تطبيقي :
قبل: ----------------------------------
http://www5.0zz0.com/2007/07/18/01/25055008.jpg


بعد : ++++++++++++++++++++++++

http://www5.0zz0.com/2007/07/18/01/82563917.jpg

[aloqab]

مبدع والله انك مبدع صراحه مجهود رائــع منك اخي وتستحق كل الشكر

الصراحه انا مع خبرتي بالفوتوشب لم اكن اعلم بهذه الطريقه لتغيير لون الصوره

تقبل خالص تـ ح ـياتي وشكري لك ياأخـaloqab
مشكووووور على الرد يا اخي وما حدا مبدع غير ردك
ويعطيك العافيه

[aloqab]

موضوع رااااااااااااااااااااائع ومفيد
جزاك الله خير ياأخي alOQab ونتمنى نشوف المزيد من مواضيعك الرااااااااائعة

مشكوره على الرد يا اختي
واذا عجبكم هذا الشرح بيكون هناك انشاءالله مواضيع مثل هيك بأذن الله

[aloqab]

انا مع الاخ خالد والله مبدع ابداع بلا حدود وربنا يزيدك انشاء الله وفي الحقيقه عجبني الموضوع بطريقه حلوه
ومشكوووووووووووووووووووووووووووور


مشكووووووووور يا made man على الرد والله انا مسرور كثير
لاني بشوف فادة هذا الموضوع بدأة تعم على الاعضاء
تطبيق حلو منك
تحياتي

[lavender]

جزاك الله خيرا
درس هام و شرح منسق و مفصل
شكرا لك
بالتوفيق ان شاء الله

[aloqab]

جزاك الله خيرا
درس هام و شرح منسق و مفصل
شكرا لك
بالتوفيق ان شاء الله

مشكوره يا اختي على الرد المشجع
بالتوفيق للجميع

[nikita_ong]

مشكور أخي عىل الدروس الروعة.
مع تحياتي.

[Sad Prince]

ما شاء الله عليك اخي ربنا يحفظك

لم اتصور ان هناك درس بهذا الجمال

الف الف الف شكر اخي تسلم ايديك

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

درس هايل تسلم ايديك يا طيب :)

[made_man]

تطبيق ثاني : قبلـــــ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ

http://www2.0zz0.com/2007/07/18/13/36432030.jpg

درس ممتع بجميع معنى الكلمه

بعد+ + + + + + + + + +

http://www2.0zz0.com/2007/07/18/14/42060449.jpg

[aloqab]

مشكور أخي عىل الدروس الروعة.
مع تحياتي.

مشكور يا اخوي على الرد المشجع
تحياتي

[aloqab]

ما شاء الله عليك اخي ربنا يحفظك

لم اتصور ان هناك درس بهذا الجمال

الف الف الف شكر اخي تسلم ايديك

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

درس هايل تسلم ايديك يا طيب

والله تسلم ايديك Sad Prince على هل الرد المشجع
ونشاءالله رايح اتكون سلسه من هذه الشروحات في حال اعجبتكم ونشاءالله موفك الجميع
تحياتي ..............

[aloqab]

والله يا اخ Made_man انت اتحفتني بتطبيقاتك واتقانك الممتاز للدرس
انشاءالله موفق في تطبيقاتك يا اخي
تحياتي ..............................

[أمجـاد]

مشكور على الدرس الرائع
الف شكر على مجهودك الطيب
تسلم اخي

[aloqab]

مشكور على الدرس الرائع
الف شكر على مجهودك الطيب
تسلم اخي
يعطيكي العافيه على الرد يا اخت نعناعه
تحياتي..............

[POL0]

جميييييل والله
مشكوووور جدااااا
مجهووود رائع

[aloqab]

جميييييل والله
مشكوووور جدااااا
مجهووود رائع
مشكوور يا اخي على ردك

[aarrff]

الصور غير ظاهرة

وشكررررررررررررا"

[arm1982]

لك تقديري .

[الحياة امراة]

شكررررررررررررررررررررررررررررررررا جزيلا لكم

[حكيم الامة]

مشكور على الجهود المميزة

[jackbox]

مشكوـوـوـوـور على مجهودك لكن الصور مظهرتش ياريت تراجع الروابط