איך מאיירים באילוסטרייטור – מדריך אילוסטרייטור

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

אם עדיין לא קראתם את הפוסטים הקודמים אני ממליץ לכם לעשות זאת לפני שתמשיכו (החלטה שלכם!).. בואו נתחיל…

אז… תקופת החגים בפתח, ראש השנה תיכף דופק לנו על הדלת, כולם מתחילים בהכנות ומחפשים מתנות לראש השנה ומתנות לחגים שיבואו… פעם… עוד לפני עידן האינטרנט, היו קונים ושולחים מלא כרטיסי ברכה כאלה עם כל מני איורים מנצנצים של יונים זהובות, תפוחים בדבש וכל הדברים האלה שבולטים החוצה…(זוכרים?) היום, שולחים מייל או מעלים תמונה לפייסבוק עם שנה טובה וסוגרים פינה.

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

החומרים הדרושים למדריך זה:

מחברת ציור, עפרון, יכולת ציור בסיסית, סורק, מחשב והמון מצב רוח.

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

שלב 01.

ציירתי סקיצה של תפוח במחברת שלי עם עפרון… אחרי שסרקתי את הסקיצה – שמרתי לפורמט JPG. אני פותח את תוכנת אילוסטרייטור ומייצר קובץ אילוסטרייטור חדש ברוחב של 550x550px. בסיום לחצו OK.

מדריך אילוסטרייטור

שלב 02.

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

שלב 03.

עכשיו נקטין את התפוח שיכנס כולו אל משטח העבודה. כדי לעשות זאת בחרו מסרגל הכלים בצד שמאל בכלי הראשון בתפריט שהוא החץ השחור Seletion Tool (כלי הסימון שנמצא גם בפוטושופ – V במקלדת) תפסו בעזרתו את אחת הפינות של התמונה והקטינו עם החזקת מקש Shift כדי לא לשנות את פרופורציות התפוח.

מקמו את התפוח במרכז משטח העבודה. ראו את התמונה הבאה.

מדריכים לאילוסטרייטור

שלב 04.

גם באילוסטרייטור יש שכבות שאותם נוכל לראות דרך חלון השכבות – F7 במקלדת (ממש כמו בפוטושופ). מה שנעשה כעת זה נקליק פעמיים מהר על השכבה היחידה שיש שם שנקראת  Layer 1. אמור להיפתח לנו חלון קטן בשם Layer Options. סמנו ב- V את השדה הראשון שנקרא Template (טמפלט) ולחצו OK.

מדריכים לאילוסטרייטור

שלב 05.

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

בחירת האפשרות הזאת אומרת לאילוסטרייטור שהשכבה הזאת הולכת לשמש אותי כבסיס עבור האיור ה-וקטורי ולכן 1. התוכנה תבהיר את השכבה שאוכל לעבור מעל הקווים בצורה ברורה יותר ו- 2. התוכנה תנעל את השכבה שהתמונה לא תזוז בטעות.

אוקי, אז אחרי שהבנתם את הקטע הזה וראיתם את המנעול הקטן שאילוסטרייטור שם לנו על השכבה (ימאכשמו…) נצטרך ליצור שכבה חדשה שאיתה נעבוד ע”י לחיצה על האייקון יצירת שכבה חדשה בחלון השכבות F7.

קורס אילוסטרייטור

שלב 06.

כעת שיש לנו שכבה חדשה וריקה נבחר בכלי העט ונתחיל לעבוד. לבחירת כלי העט גשו אל סרגל הכלים מצד שמאל או לחצו על מקש P במקלדת. שימו לב שבסוף סרגל הכלים השמאלי מופיעים לי שני ריבועים: 1. מילוי הצבע שנקרא באנגלית Fill ו-2. צבע קו המתאר שנקרא Stroke.

כשאנו מייצרים אלמנטים באילוסטרייטור לדוגמא עיגול – אנו יכולים לקבוע את צבע המילוי שלו ואת קו המתאר.

כרגע לפי התמונה הבאה תוכלו לראות שביטלתי את צבע המילוי והשארתי רק את קו המתאר שיהיה בצבע שחור.

לימודי אילוסטרייטור

שלב 07.

כל מה שנשאר הוא לתחום בעזרת כלי העט את צורת התפוח. זה הכול עניין של תרגול. אם טעיתם או לא יצא לכם טוב תוכלו לבטל פעולה אחרונה ע”י Ctrl+Z או לחזור על הפעולה ע”י Ctrl+Shift+Z.

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

מתנות לחגים

שלב 08.

המשיכו לעבור על קווי המתאר על הגבעול העליון ועל הברק שנמצא בתוך התפוח.

מתנות לראש השנה

שלב 09.

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

כרטיסי ברכה

שלב 10.

חזרו על הפעולה ובחרו צבעים עבור הגבעול והברק שעל התפוח

שלב 11.

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

שיעורים באילוסטרייטור

שלב 12.

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

לימודי אילוסטרייטור

שלב 13.

בכל שלב בעזרת Direct Selection Tool (A במקלדת) תוכלו לעבור על נקודות החיבור וזרועות הכיוון של הצורות שיצרנו כדי לסדר וליישר מעט דברים שנראים לא טוב. (רק אם בא לכם.)

שלב 14.

שלב אחרון הוא לאחד ביחד את כל הצורות (התפוח, הגבעול והברק). מה שנקרא באנגלית Group. כדי לעשות זאת נבחר בכלי הסימון (החץ השחור V במקלדת), נסמן את כל הצורות, ניגש אל שורת התפריט העליון ונבחר ב – Object>Group  או בקיצור במקלדת Ctrl+G.

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

20 תגובות על “איך מאיירים באילוסטרייטור – מדריך אילוסטרייטור

  • 30/08/2010 at 09:25
    Permalink

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

    Reply
  • 30/08/2010 at 12:46
    Permalink

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

    Reply
  • 30/08/2010 at 13:20
    Permalink

    בהחלט כל הכבוד על ההשקעה!
    ישר כח והיה ברור מאוד
    תודה

    Reply
  • 07/09/2010 at 22:49
    Permalink

    שנה טובה ומתוקה!!
    שנה של יצירה.שגשוג ופריחה!!
    והמון המון הצלחה ב-כ-ל!!
    תודה רבה…המשך גם שנה הבאה.

    Reply
  • 08/09/2010 at 10:22
    Permalink

    שנה טובה!
    תמשיך בעבודה הטובה

    Reply
  • 08/09/2010 at 10:40
    Permalink

    שתיהיה שנה טובה לכולם

    Reply
  • המעצב בתחתונים
    08/09/2010 at 11:21
    Permalink

    שנה טובה לכם חברים!
    מדריכים טובים גם בשנה החדשה :)

    Reply
  • המעצב בתחתונים
    24/09/2010 at 22:33
    Permalink

    פרפר
    איך שנוח לך :)

    Reply
  • 09/10/2010 at 14:07
    Permalink

    מעולה מעולה מעולה!!!
    מדריך מצויין!!

    Reply
  • 27/11/2010 at 16:39
    Permalink

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

    אנה

    Reply
  • 12/12/2010 at 15:02
    Permalink

    הצלחתי לפתוח את הקובץ של התפוח אבל לא להעביר אותו לאילוסטרייטור

    Reply
  • 12/12/2010 at 23:58
    Permalink

    מעולה, כל מילה מיותרת

    Reply
  • 13/12/2010 at 21:05
    Permalink

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

    Reply
  • 26/03/2011 at 08:39
    Permalink

    כמה נפלא וברור,
    בהחלט נעים לקריאה בתקווה שתעלה עוד מדריכים איכותיים בעתיד
    כל הכבוד!

    Reply
  • 04/07/2012 at 20:38
    Permalink

    התמונה לא עובדת :( המדריכים שלך מצויינים !!! תוכל בבקשה לתקן את התמונה ??

    Reply
  • 29/05/2013 at 21:48
    Permalink

    הקישור לתמונה לא עובד אתה יכול בבקשה לתקן אותו?

    Reply
  • 19/11/2013 at 14:35
    Permalink

    מאוד ברור , מאז שגיליתי את הפורום שלך לומדת ממך המון תודה ויישר כוח

    Reply
    • המעצב
      19/11/2013 at 18:46
      Permalink

      המון תודה. :)

      Reply
  • 10/11/2014 at 14:10
    Permalink

    היה ממש ברור ומדויק.

    Reply
  • 16/09/2018 at 12:30
    Permalink

    מאוד ברור!!!
    תודה רבה!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *