Saturday, February 4, 2017

أنظمة الألوان - Color systems

علشان نتكلم عن الطباعة محتاجين الأول نتكلم عن أنظمة الألوان المستخدمة في التصميم ..
عندنا نوعين من أنظمة الألوان
النوع الأول اسمه RGB وده بيعتمد في اخراج الألوان على ٣ ألوان اللي هما
الأحمر
 والأخضر
 والأزرق



وكل لون من دول ليه ٢٥٥ درجة وأي لون تاني بيبقا خليط من ال ٣ ألوان دول بتركيزات مختلفة

والنظام ده بيستخدم في تصميم 
non-printable designes
 يعني مثلا 
web design - mobile applications - videos
وأي تصميمات مش هيتم طباعتها في النهاية

يعني مثلا لو حبينا نعمل لون اسود هنعمل ال ٣ الوان قيميتهم بصفرولو حبينا نعمل ابيض هنعمل ال ٣ الوان قيميتهم ب ٢٥٥
لو حبينا نعمل اللون ده مثلا


فهنعمل درجاته كالتالي
R=90 - G=20 - B=90وهكذا ..

نيجي بقا للجزء اللي يهمنا اللي هو نظام الألوان الخاص بالطباعة .. واللي هو نظام CMYK
يعني ايه CMYK ؟


C = Cyan




M = Magenta

Y = Yellow

K = Black

وكل لون منهم ليه ١٠٠ درجة


طيب احنا ليه بنعمل تصميمات المطبوعات بنظام الالوان ده مش بنظام ال RGB ؟

نظام ال RGB بيعتمد في اخراج الالوان على فوتونات الضوء فعلشان كده لما بنحب نعمل اللون اسود زي ما قولنا فوق بنخلي كل الالوان قيميتها بصفر وده يعني ان قيمة الفوتونات المنبعثة من الشاشة اللي بنشوف عليها اللون صفر وعشان كده بنشوف اللون اسود .. انما في الطباعة بتعتمد على كمية الحبر اللي انا عايزها تنزل على الورقة او على الحاجة اللي انا بطبع عليها فبالتالي لو عايز اعمل اللون اسود هخلي ال K=100 اللي هو ال Maximum بتاعه ..
طيب ما احنا ممكن نعمل التصميم بنظام ال RGB عشان اسهل في الشغل وبعدين لما اجي ابعت الملف للطباعة ابقا احوله CMYK ؟
هقولك لأ ماينفعش .. وهقولك لأكتر من سبب ..
أول سبب ان فيه درجات معينة من الالوان بتكون فيها لمعة مثلا أو تأثير معين هتشوفها على الشاشة زي الفل وانت شغال RGB وهتيجي في الآخر تحول التصميم بتاعك CMYK عشان تبعته للطباعة فتكتشف ان التصميم ألوانه باظت وتضطر تعيد تظبيط الألوان من الأول وممكن تضطر انك تغير حاجات في التصميم ..
السبب التاني هو انك المفروض وانت شغال للطباعة تكون عارف ان درجة اللون اللي انت شايفها على الشاشة مش هي اللي هتطلع على الورق في الآخر لانك اصلا لو فتحت نفس التصميم على ١٠ شاشات جنب بعض هتلاقي اللون درجته مختلفة نسبيا ما بين كل شاشة والتانية فالمفروض انك مع الوقت والخبرة هتعرف ازاي تختار اللون عن طريق الارقام مش عن طريق الشاشة والاختيار العشوائي
يعني مثلا الالوان الاساسية زي الأحمر مثلا درجاته بتكون
C=0 - M=100 - Y=100 - K=0


 

ولو حبينا بقا اننا نغمقه شوية نبتدي نزود في ال K وفيه درجات مختلفة للأحمر بس كلها بتعتمد على ال ٣ ألوان اللي هما ال M,Y&K 

الأزرق مثلا درجاته بتكون
C=100 - M=100 - Y=0 - K=0



الأخضر
C=100 - M=0 - Y=100 - K=0




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




In order to talk about printing, we first need to discuss the different color systems used in design…

We have 2 different color systems. 

The first is the RGB color system, which depends on extraction from 3 primary colors:

Red,

 Green

Blue


Each of these colors has 255 degrees, and any other color would be a mixture of the aforementioned primary colors in different concentrations. 

This color system is used predominantly in the design of non-printable material such as web design, mobile applications, and videos - basically, any material which is not intended for printing.

Let’s consider an example. In order to produce black, we would combine each of 3 colors with a concentration value of 0. 

And to produce this purple color, for example,


we would set the primary colors to the following values:
R=90 - G=20 - B=90

Now, we proceed to the interesting part which is the color system most commonly used for printing purposes, which is the CMYK color system. 

What does CMYK stand for?

C = Cyan



M = Magenta

Y = Yellow

K = Black

And each of these colors has 100 degrees. 

The RGB color system depends on the extraction of colors from light photons, which is why when we produce black by setting all of the colors to zero concentration value, which is the concentration of photons emanating from the screen on which we see the yellow glow. …this is why the color appears black.

On the other hand, printing depends on the amount of ink used and the material on which we are printing. Thus, if we would like to produce black, we would set K=100 which is its maximum value.

So in this case…could we produce the design in RGB colors because it is easier and them convert to the CMYK system when it is time to print?

The answer is no…for a number of reasons…

Firstly, there are some colors in which the degrees produce a certain shine or glare or visual effect which would cause it to appear perfectly fine on the screen, but would look distorted upon printing, which would force you to redo the colors and perhaps make changes to the design.

Secondly, as someone who works with printing, you would soon learn that the colors that you see on the screen are not the same as the ones that appear on printed paper. In fact, if you open the same design on 10 different screens, you would find slight differences between one screen and the next. Thus, with time and experience, you would learn to choose colors based on the numbers rather than in an ad-hoc fashion from what appears visually on the screen. 

For example, a basic color such as red is produced by: C=0 - M=100 - Y=100 - K=0



If we wanted it to appear slightly darker, we would raise the concentration of the “K”. But all the degrees of red are extracted from different combinations of the M, Y and K.

Blue is extracted through: C=100 - M=100 - Y=0 - K=0


Similarly, green is extracted through: C=100 - M=0 - Y=100 - K=0



That was our introduction! The next article will come with a print-ready PDF with different color combinations that can help you choose the colors of your designs. All you have to do is print the PDF on the same material or same type of paper on which you intend to print your design. This is so that you (and your client) can see exactly how the color will turn out as it will differ depending on the type of paper, its color, its texture, glare, etc.



No comments:

Post a Comment