יחידות הוראה

  • יחידה מס 3 - תכנת Illustrator - לוחית ה-PATHFINDER


    אופציות בלוחית עריכת מסלולים - Pathfinder:

    1. Unite - איחוד צורות
    2. Minus Front - חיתוך בעזרת צורה קדמית
    3. Intersect - הצטלבות: השארת האזורים החופפים בין שתי צורות ומחיקת השאר.
    4. Exclude - מחיקת האזורים החופפים
    5. Divide - פירוק/חלוקת צורות
    6. Trim - קיצוץ צורות
    7. Merge - מיזוג צורות
    8. Crop - חיתוך בעזרת צורה
    9. Outline - הפשטה לקווי מתאר
    10. Minus Back - חיתוך בעזרת צורה אחורית




    תבנו את הסמל של בטמן לפי הדוגמה הבאה בתכנת אילוסטרייטור.

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


    • איך שולחים צורה אחורה?
      על ידי: קליק ימני >
      Arrange > ובוחרים את האפשרות המתאימה מהתפריט.

    • איך הופכים צורה בהיפוך אופקי או אנכי?
      על ידי: קליק ימני > Reflect < Transform >  ובחורים את האפשרות המתאימה (Vertical אוHorizontal).

    • איך מיישרים צורות?
      על ידי האפשרויות מלוחית היישור (
      Align)

           


  • יחידה מס 2 - תכנת ILLUSTRATOR - עצמים גרפיים (צורות)

    יצירת עצמים גרפיים (צורות):

    • כדי לסרטט אובייקטים גרפיים אפשר להשתמש בצורות גאומטריות בסיסיות כגון צורת המלבן והאליפסה:



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


    תכונות האובייקטים (הצורות):

    1. מילוי צבע - FILL
    2. קו מתאר (מסגרת) - STROKE
    3. עובי קו המתאר
    4. סגנון קו המתאר


    בנוסף כדאי לדעת...

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

    • שינוי גודל צורה: מסמנים את האובייקט\הצורה ע"י הקלקה עם כלי הבחירה (החץ השחור) ומותחים מאחת הפינות של המסגרת הכחולה שמופיעה.

    • סיבוב: עומדים עם העכבר מחוץ לאחת הפינות של המסגרת הכחולה (אחרי שסימננו את האובייקט) וכשמופיע חץ מעוגל עם שני ראשים, תופסים ומסובבים.

    • סידור אובייקטים (מאחורי אובייקט אחר או מקדימה):
      קליק ימני על האובייקט\הצורה, לחיצה על ARRANGE, ואז בחירת האופציה הרצויה:
      Send backwards - שליחה צעד אחר אחורה
       Send to back - שליחה לרקע
      Bring forward - שליחה צעד אחד קדימה
      Bring to front - שליחה לחזית




    1- סרטטו ציור של גדילה עם קונוס ושלושה כדורים:





    2- סרטטו ציור חופשי של נוף בעזרת צורות בסיסיות:

    דוגמה:



    3- תיצרו קובץ להזמנה למסיבת פורים ועל ההזמנה סרטטו ציור של ליצן פורים וכתבו כמה שורות מלל.

    דוגמה של ליצן:

    4- סרטטו את ציור החתול:







  • יחידה מס 1 - מבוא לתכנת ILLUSTRATOR

    אז התחלנו סוף סוף ללמוד את תכנת האיור הוקטורית "אילוסטרייטור".

    הנושאים הראשונים שנלמדו:

    הנושאים הבאים אותם נלמד:

    1. מבוא ומבנה התכנה:
      • פתיחת התכנה
      • שורת התפריט
      • ארגז הכלים
      • סרגל האפשרויות
      • לוחיות

    2. תחילת העבודה עם קבצים:
      • יצירת קובץ חדש
      • יצירת קובץ עם מספר עמודים
      • הגדרת אזורי גלישה
      • הגדרת עמוד
      • פתיחת קובץ קיים

    3. שמירת קבצים:
      • שמירת קובץ חדש
      • שמירת קובץ קיים
      • שמירת קובץ עבודה (בפורמט AI)
      • שמירת תמונה סגורה (בפורמט JPEG)

    4. תצוגה וניווט:
      • שינוי מצב תצוגת מסך
      • מרחק שינויים
      • זום (ZOOM IN, ZOOM OUT)
      • חלונות וטאבים

    5. עצמים גרפיים:
      • סרטוט עצמים גרפיים בסיסיים: מלבן ואליפסה, פוליגונים, כוכב...
      • שינוי גודל צורה
      • סיבוב ועיוות: לוחית ה-TRANSFORM
      • יישור: לוחית ה-ALIGN
      • עריכת מסלול (הוספה\החסרה): לוחית ה- PATHFINDER
      • היפוך אופקי ואנכי - REFLECT או FLIP HORIZONTAL / FLIP VERTICAL
      • סידור לעומת עצמים אחרים (אחורה, קדימה) - ARRANGE 
      • נעילת אובייקט - LOCK

    6. תכונות אובייקטים:
      • מילוי (FILL)
      • קו מתאר (STROKE)
      • עובי קו המתאר
      • סגנון קו המתאר
    1. יבוא ויצירת מלל
    2. יבוא גרפיקה
    3. צבע
    4. שקיפות
    5. כלי עיוות
    6. פילטרים
    7. מעטפות
    8. שכבות
    9. LIVE TRACE
    10. LIVE PAINT
    11. אופן יצירת כרטיס ביקור באילוסטרייטור
    12. אופן יצירת לפייר






















  • עיצוב שלט חוצות (פרויקט לבגרות)


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


    מה היא צריך לכלול?

    • לוגו 
    • מסר קצר, תמציתי וממוקד מטרה
    • פרטי התקשרות מינימאליים (טלפון ואולי מיקום ואתר אינטרנט)  
    • תמונות \ איורים \ אלמנטים עיצוביים

    הנחיות לעיצוב הקובץ:   

    • עיצוב הדמיה על בסיס תמונה של שלט חוצות קיים

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

    בהצלחה! :-)

    עבודות של תלמידים:


  • עיצוב מודעה לעיתון (פרויקט לבגרות)


    מטרת המודעה: 
    העברת מסר ללקוחות פוטנציאליים \ קיימים
    דוגמה: פתיחת חנות או סניף, אירוע אחר, פרסום קולקציה או מוצרים, פרסום מבצעים מיוחדים, וכו'.

    מה היא צריך לכלול?

    • לוגו 
    • פרטי התקשרות (טלפון, פקס, כתובת, מייל, אתר, כתובת, פייסבוק)  
    • תמונות \ איורים \ אלמנטים עיצוביים

    הנחיות לעיצוב הקובץ: רזולוציה של דפוס: 300 PPI

    • מידות: 21 * 29.7 ס"מ  
    • עומדת (לגובה) 
    • הצבת סרגלים וקווי עזר 0.5 ס"מ פנימה לתוך הקובץ (יצירת טווך ביטחון לחיתוך בבית הדפוס)

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


    בהצלחה! :-)

  • עיצוב פלייר בתכנת פוטושופ


    מטרת הפלייר: 

    העברת מסר ללקוחות פוטנציאליים \ קיימים

    מה הוא צריך לכלול?

    • לוגו
    • פרטי התקשרות (טלפון, פקס, כתובת, מייל, אתר, כתובת, פייסבוק)
    • תמונות \ איורים \ אלמנטים עיצוביים

    עיצוב נכון: 

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

    הנחיות לעיצוב הקובץ:

    • רזולוציה של דפוס: 300 PPI
    • מידות: 21 * 14.85 ס"מ (סנטימטרים)
    • דו"צ (דו-צדדי)
    • עומד או שוכב לפי בחירה (לרוחב או לגובה) - לרוב עומד
    • הצבת סרגלים וקווי עזר 0.5 ס"מ פנימה לתוך הקובץ (יצירת טווך ביטחון לחיתוך בבית הדפוס)

    תרגיל: 

    • עיצוב פלייר דו"צ לחברת SUPERSPORT
    • יצירת פרזנטציה עם שני הצדדים ("צד א' וצד ב'" במקום "לפני ואחרי"..)



    תצוגת תיקיית קבצים: 1
  • עיצוב כרטיס ביקור בתכנת פוטושופ


    מטרה: 

    העברת פרטים ליצירת קשר

    מה הוא צריך לכלול?

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

    עיצוב נכון: 

    • כתב ברור וקריא
    • עיצוב פשוט ואלגנטי (לא רועש מדי, לא עמוס ומבולגן...)
    • פונטים איכותיים ומתאימים לעסק

    הנחיות לעיצוב הקובץ:

    • רזולוציה של דפוס: 300 PPI
    • מידות: 9 * 5 ס"מ (סנטימטרים)
    • דו"צ (דו-צדדי)
    • עומד או שוכב לפי בחירה (לרוחב או לגובה)
    • הצבת סרגלים וקווי עזר 0.5 ס"מ פנימה לתוך הקובץ (יצירת תווך ביטחון לחיתוך בבית הדפוס)

    תרגיל: 

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


  • טרנספורמציה (שינוי) - TRANSFORMATION


    משימה התחלתית:

    • הורדת תמונה עם אלמנט או דמות
    • בידוד האלמנט או הדמות (בחירה, הפיכת בחירה ומחיקת הרקע)
    • סיבוב האלמנט 90 מעלות 

    טכניקות טרנספורמציה:

    • FILE < TRANSFORM
          • שינוי גודל  -  SCALE
          • סיבוב  -  ROTATE
          • ...  -  SKEW
          • ...  -  DISTORT
          • פרספקטיבה  -  PERSPECTIVE
          • עטיפה  -  WARP
          • סיבוב לפי מעלות
          • היפוך אופקי  -  FLIP HORIZONTAL
          • היפוך אנכי  -  FLIP VERTICAL
    • FILE < FREE TRANSFORM
          • הקטנה
          • הגדלה
          • סיבוב


    תרגיל:

    1. הורדת 4 תמונות (כולל הרקע) ועיצוב עבודה שמכילה את כולן (אחת רקע וכל השאר מבודדות)
    2. אפקט הצל לאחד האלמנטים
    3. העתקת כל העבודה והדבקה על קובץ פרזנטציה שיצרתם (שלב ה"לפני..")
    4. העתקת כל הקובץ שוב והדבקה בפרזנטציה (שלב ה"אחרי")
    5. חזרה לקובץ העבודה וביצוע 3 שינויים: 
                1. הקטנה
                2. סיבוב 90 מעלות
                3. היפוך אנכי (FLIP VERTICAL)

    6. העתקת כל הקובץ שוב והדבקה בפרזנטציה (שלב ה"אחרי")
    7. שמירת קובץ העבודה (PSD)
    8. שמירת הפרזנטציה (JPEG) והעלאתה לקבוצה שלנו בפייסבוק


  • הקמת בלוג וורדפרס עבור תיק עבודות (פורטפוליו)

    לחצו כאן לכניסה ליחידת הלימוד כדי לצפות בסרטון הדרכה >>>

    • צרו אתר משלכם במערכת וורדפרס
    • העלו כל עבודה שלכם בפורמט JPEG ב"פוסט" נפרד
    • עיצבו לאתר שלכם תמונה ראשית (באנר)
    • תצרו תפריט ראשי עבור האתר הכולל קישורים כגון: קצת עלי, סרטונים, גלריית תמונות ועוד..
    • פרסמו את הקישור לאתרכם החדש בקבוצה שלנו בפייסבוק

    קישור למערכת וורדפרס להקמת אתר >>>

  • אפנת רחוב


    תצוגת תיקיית קבצים: 1
  • טיול על החוף


    תצוגת תיקיית קבצים: 1
  • תרגיל נוף קסום


    תצוגת תיקיית קבצים: 1
  • רקדנית היפהופ


    תצוגת תיקיית קבצים: 1
  • תרגיל הזברה


    תצוגת תיקיית קבצים: 1