מערך שיעור - הדגמת קורס גרפיקה.

מטרה:
בסוף השיעור, התלמיד ידע על ערוצי צבע RGB וערוץ אלפא בתמונות, וידע להשתמש בידע הזה על מנת לשלב תמונות.
בנוסף, ינתן הסבר קצת על מצבי ה-Blending בפוטושופ. ונשתמש בידע הזה, ע"מ לתקן את ההצללה של אובייקט מושתל, כדי שיתאים לתמונת הרקע.

הסבר:
תמונה מורכבת מפיקסלים. בעצם, כל פיקסל, הוא יחידה אחת קטנה, בעלת צבע מסוים. אגב, המילה Pixel באה מהמילים Picture Element - Pict-el.
הצבע נקבע ע"פ קוד מסוים. הנפוץ ביותר, הוא קוד RGB.
קוד RGB מורכב מ-6 תווים. כאשר כל זוג תווים מציין ערך של צבע יסוד מסוים. אדום ירוק או כחול. מכאן גם שם הקוד - RGB - Red Green Blue.
קצת על הקוד:
הקוד נכתב במתימטיקת בסיס 16.
מה שאומר שהתווים "10" בעצם מייצגים את המספר 16.
טבלת השוואה עד 16 למתימטיקת בסיס 10 "הרגילה" תיראה כך:

0=0
1=1
2=2
3=3
4=4
5=5
6=6
7=7
8=8
9=9
10=A
11=B
12=C
13=D
14=E
15=F
16=10

מכיוון שכל זוג תווים מייצגים צבע, בעצם מספר דו-ספרתי במתימטיקת בסיס 16, הערכים נעים בין 0 ל- 255 עבור כל זוג תווים. (100 = 16*16 = 256)
הצבע עצמו, בנוי כך, ש"00" הוא חוסר צבע, ולכן "000000" - שהוא חוסר צבע מוחלט, יהיה שחור מוחלט. ו-"FF" הוא צבע מלא. ולכן "FFFFFF" יהיה צבע לבן.

ניתן לפרק כל תמונה בקוד RGB, ל-3 ערוצים שונים לכל צבע.
ערוץ יחיד, יהיה מיוצג על המסך כ"Grayscale" - תמונה חסרת צבע. כאשר לבן מייצג ערך מלא, שחור מייצג חוסר מוחלט של הערך, ואפור, ע"פ רמת הכהות שלו, מייצג רמה מסוימת של צבע.
(תוכנות מסוימות ממירות בתצוגת הערוץ את הערכים לצבעים ע"פ הערוץ. כאשר למשל בערוץ האדום, 100% יהיה אדום. ו-0% יהיה שחור)

ניתן להוסיף ערוצים נוספים, למשל ערוץ אלפא. וניתן לקבוע בעזרתו רמת שקיפות של פיקסל מסוים. ממש באותה צורה שבה נקבעת הרמה של הצבע האדום או כל צבע יסוד אחר למשל.

השימושים להפרדה הזאת בין הערוצים מאד מגוונים.
אני יראה לכם עכשיו איך ניתן אובייקט מסויים מתמונה ולשלב בתמונה אחרת במהירות ע"י שימוש בערוצים השונים.

הפעלה:
הכנתי מראש 2 תמונות.
תמונה אחת תשמש אותי כרקע, ומהתמונה השנייה אני ישלוף את העץ, כדי שישתלב בתוך תמונת הרקע.

לצורך זה, אני יעבור למסך הערוצים.
אפשר לראות שהערוצים האדום והכחול, מקבלים ערכים גבוהים באיזור החול והשמיים.

אם אני יבחר את הערוץ הירוק, תיווצר בחירה של כל מה שאנחנו רואים בערוץ הירוק.
וזה יותר מדי.
עדיף לבצע בחירה כוללת, ולהחסיר מתוכה את הערכים האדום והכחול, מה שישאיר אותנו עם הפיקסלים שבהם ערכי האדום והכחול מאד נמוכים.
שאלה הם הפיקסלים הירוקים, והכהים. ובעיקר, פיקסלים בירוק-כהה.

את הבחירה שנוצרה, נוכל להעתיק לתמונת הרקע כשכבה חדשה.
CTRL+T - Transform - כדי להתאים את העץ למקום.
עכשיו, העץ נראה טוב. ממוקם טוב. אבל עדיין יש מידע מיותר.
כל הפיקסלים הכהים שהם לא חלק מהעץ, גם נראים.
נצטרך להעלים אותם.
כמובן שאפשר למחוק, אבל אני רוצה להשתמש בטכניקה יותר יעילה.
ערוץ אלפא.
ערוץ אלפא קובע את רמת השקיפות של הפיקסלים.
ולכן, מה שנצבע בשחור, יעלם ע"י "מסכה".
אז נעלים את הפיקסלים המיותרים. ונישאר עם העץ בלבד.

העץ נראה טוב. ממוקם טוב, אבל עדיין לא נראה לגמרי שייך לתמונה.
מי שעדיין לא עלה על זה - מדובר בהצללה.
האור מגיע בתמונת הרקע מכיוון מסוים, ובעץ שלנו, מכיוון אחר.
נצטרך להצליל אותו קצת.

איך נעשה את זה? 
פשוט.
ישנם מצבי "בלנד" שאפשר לקבוע לשכבות השונות.
ע"י כל מיני חישובים, אפשר לקבל אפקטים שונים.

אני הולך להתמקד במצב שנקרא Multiply.
וכשמו כן הוא.
אם אמרנו שקוד צבע מורכז מ-3 מספרים דו-ספרתיים.
המצב המסוים הזה, פשוט לוקח את הפיקסלים מהשכבה העליונה, ומכפיל את הערכים שלהם מהפיקסלים בשכבה התחתונה.

ההכפלה מתבצעת כאשר FF הוא 255/255 או במילים אחרות - אחד. ו-00 הוא 0/255 או במילים אחרות - אפס.
כל שאר הערכים, נעים בין אפס לאחד.

בכל אופן, התוצאה היא הכהייה של התמונה בצורה שמשקללת את הפיקסלים משתי השכבות.
אלא אם כן, מדובר בצבע לבן. ואז אין שינוי.

ובזה בדיוק אנחנו הולכים להשתמש.

שכבה לבנה חדשה.
ניצור בחירה של העץ שלנו, ונעשה ממנה "מסכה" ע"י שכבת אלפא.
נעביר את המצב ל-Multiply
נכון לעכשיו, אין שינוי. אמרנו שצבע לבן לא משנה את הצבע, כי זאת בעצם הכפלה ב-1.
עכשיו, ניקח מברשת רכה, נוריד גם את אחוזי השקיפות שלה.
ונצבע בשחור, או צבע כהה אחר, במקומות שנרצה להצליל.

סוף