WEBVTT

00:00:00.188 --> 00:00:06.704
יש שלושה צעדים שאתה צריך לדעת על יצירה של ציורים צבעוניים מרשימים

00:00:06.704 --> 00:00:08.559
נתחיל עם צביעה של הרקע

00:00:08.559 --> 00:00:11.870
כדי לעשות את זה הקלד background ופתח סוגריים

00:00:11.870 --> 00:00:14.392
שאר השורה תושלם אוטומטית עבורך.

00:00:14.392 --> 00:00:17.393
אם תשים לב קרוב יותר, תוכל להבחין שזוהי למעשה קריאה לפונקציה.

00:00:17.393 --> 00:00:20.337
רואה, כאן יש לנו את שם הפונקציה, שהוא background,

00:00:20.337 --> 00:00:25.438
ולאחר מכן סוגריים, ושלושה פרמטרים בתוכם, מופרדים על ידי פסיקים.

00:00:25.438 --> 00:00:31.892
שלושת המספרים האלו מייצגים את כמויות האדום, הירוק והכחול אשר יהיו בצבע הרקע.

00:00:31.892 --> 00:00:35.142
המספרים הללו יכולים להיות בכל טווח בין 0 ל-255.

00:00:35.142 --> 00:00:37.393
כאשר ב-0 הכוונה היא שאין שום כמות מהצבע הזה,

00:00:37.393 --> 00:00:40.037
וב-255 הכוונה היא שיש את הכמות המקסימלית מהצבע הזה.

00:00:40.037 --> 00:00:43.393
כרגע, אני שמה כמות מקסימלית של אדום, ואין בכלל ירוק וכחול.

00:00:43.393 --> 00:00:45.770
ולכן צבא הרקע הוא אדום חזק.

00:00:45.770 --> 00:00:50.037
אם אשנה את המספר הראשון למספר קטן יותר, כך שיהיה פחות אדום, זה ייראה בעצם כאדום כהה יותרץ

00:00:50.037 --> 00:00:53.204
אני יכולה להמשיך לשחק אם המספרים הללו ולראות אילו צבעים יוצאים.

00:00:53.204 --> 00:00:56.204
או, שאני יכולה להשתמש בכלי הבחירה הנוח שלנו,

00:00:56.204 --> 00:00:59.892
אשר יימצא בצורה אוטומטית את שלושת המספרים הללו בשבילי.

00:00:59.892 --> 00:01:02.893
חשוב לדעת מה הפונקציה הזו באמת עושה,

00:01:02.893 --> 00:01:06.370
האם היא בסך הכל מציירת מרובע גדול וצבעוני על גבי משטח העבודה שלנו?

00:01:06.370 --> 00:01:09.105
אם אני אעביר את הפונקציה לקצה התוכנה שלי, כך,

00:01:09.105 --> 00:01:12.470
זה יצייר את הרקע הגדול הזה על כל הצורות שלי.

00:01:12.470 --> 00:01:14.970
אתם בטח חושבים לעצמכם, זה מטופש, למה שמישהו יעשה את זה?!

00:01:14.970 --> 00:01:17.170
אבל היי, אין לדעת לעולם.

00:01:17.170 --> 00:01:19.670
אנחנו נשאר את זה בהתחלה לעת עתה.

00:01:19.670 --> 00:01:21.559
כעת נעבור לצבוע את הצורות שלנו!

00:01:21.559 --> 00:01:25.304
בואו נחשוב על המחשב בתור אחד שיש לו עוזר צייר אישי,

00:01:25.304 --> 00:01:27.370
סוג של משרת צבעים.

00:01:27.370 --> 00:01:29.727
בתכל׳ס, מישהו שאחראי על הצבעים.

00:01:29.727 --> 00:01:34.770
המשרת צבעים הזה יכול להחזיק רק טוש מרקר אחד ביד שמאל,

00:01:34.770 --> 00:01:39.559
ודלי אחר של צבע ביד ימין.

00:01:39.559 --> 00:01:43.393
המחשב משתמש בצבע זה על מנת לצייר את כל קווי המתאר הללו,

00:01:43.393 --> 00:01:45.000
ובדלי הצבע על מנת למלא את הצורות.

00:01:45.000 --> 00:01:47.809
כעת, הסמן הוא שחור וצבע הדלי הוא לבן.

00:01:47.809 --> 00:01:51.977
אתם יכולים לשנות את צבע המרקר עד לידי קריאה לפונקציה stroke.

00:01:51.977 --> 00:01:56.394
זה גם משלים את השמות אוטומטית, ואז ניתן לבחור צבע.

00:01:56.394 --> 00:01:58.560
זה מחליף את צבע הקווים שממנו עשוי הבחור,

00:01:58.560 --> 00:02:02.538
כך שכל הצורות שיצויירו מעתה יצויירו עם קו ורוד.

00:02:02.538 --> 00:02:05.670
לפעמים לא תרצו קווי מתאר על הצורות שלכם.

00:02:05.670 --> 00:02:07.394
יש פונקציה בשביל זה גם!

00:02:07.394 --> 00:02:13.560
היא נקראת noStroke ובפעם הראשונה אנו רואים פונקציה שלא מקבלת פרמטרים.

00:02:13.560 --> 00:02:17.439
אנחנו רק צריכים להשתמש בסוגריים ובנקודת פסיק,

00:02:17.439 --> 00:02:20.438
ועכשיו אתם יכולים לראות שלצורות שלנו אין קווי מתאר.

00:02:20.438 --> 00:02:25.837
אנחנו עדיין יכולים להחליף את הצבע של המילוי על ידי קריאה לפונקציה fill.

00:02:25.837 --> 00:02:30.438
עכשיו, משורת קוד זו והלאה, כל הצורות ימולאו בצבע אדום בהיר.

00:02:30.438 --> 00:02:38.369
כמו שיש לנו את פונקציית noStroke, גם יש לנו פונקציה בשם noFill, שגם היא לא מקבלת פרמטרים.

00:02:38.429 --> 00:02:42.077
זה עושה את כל הצורות שלנו שקופות - ללא מילוי.

00:02:42.077 --> 00:02:44.893
עכשיו בואו נצבע את הבחור הזה.

00:02:44.893 --> 00:02:47.227
אנחנו מתחילים בציור משולש עבור הגוף שלו.

00:02:47.227 --> 00:02:56.003
אני הולכת לבחור צבע קו מתאר עבור הצורה הזו, בוא ננסה ירוק כהה.

00:02:56.003 --> 00:03:05.393
עכשיו בוא נבחר צבע מילוי. הממ, מה יהיה יפה? אולי ירוק בהיר.

00:03:05.393 --> 00:03:13.771
בשביל הפנים שלו, אנחנו לא רוצים להשאיר קוו מתאר ירוק, אז נשנה את

00:03:13.771 --> 00:03:18.892
אני אבחר קו מתאר בצבע חום ככה.

00:03:18.892 --> 00:03:21.836
עכשיו אבחר צבע מילוי שונה

00:03:21.836 --> 00:03:25.477
מהו צבע טוב לפנים? המממ

00:03:25.477 --> 00:03:30.393
זה סוג של צבע לפנים לא?

00:03:30.393 --> 00:03:33.844
עכשיו, שני הקוי הבאים, שתי האליפסות האלו, הן הידיים שלו.

00:03:33.844 --> 00:03:36.281
אני רוצה שהידיים שלו יהיה באותו צבע כמו הפנים.

00:03:36.281 --> 00:03:38.893
אז אנחנו לא הולכים להחליף את צבע הקווים או צבע המילוי.

00:03:38.893 --> 00:03:40.837
אנחנו פשוט הולכים להשאיר את ה-stroke וה-fill אותו הדבר,

00:03:40.837 --> 00:03:42.810
ולהזיז את זה לפה שלו.

00:03:42.810 --> 00:03:51.004
הפה שלו הוא פשוט קו, ולקווים אין צבעי מילוי מכיוון שאין מה למלא.

00:03:51.004 --> 00:03:55.393
אבל אנחנו יכולים לשנות את צבע הקו עצמו.

00:03:55.393 --> 00:03:57.636
כן, אדום זה צבע טוב עבור הפה שלו.

00:03:57.636 --> 00:03:59.044
עכשיו, המסגרת של המשקפיים שלו.

00:03:59.044 --> 00:04:00.565
שוב, אנחנו רק צריכים להגדיר את צבע קווי המתאר.

00:04:00.565 --> 00:04:02.608
מה צבע טוב למשקפיים?

00:04:02.608 --> 00:04:04.623
שחור זה די קלאסי.

00:04:04.623 --> 00:04:11.727
עבור העדשות של המשקפיים שלו, אני רוצה מלבנים עם אותו צבע קו מתאר כמו המסגרת.

00:04:11.727 --> 00:04:16.906
אני לא הולכת לשנות את צבע קווי המתאר, אבל אני אתן לזה צבע מילוי.

00:04:16.906 --> 00:04:20.892
בוא נעשה את זה שחור שיתאים למסגרת.

00:04:20.892 --> 00:04:23.227
והופה, הבחור שלנו צבוע לגמרי!

00:04:23.227 --> 00:04:27.000
אוווווו, כן!