פרק 5: גראפיקה

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

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

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

אני משתמש בשני תוכנות חינם שלדעתי הן מצויינות: Paint.net, ו - GIMP.

Paint.net
תוכנה חינמית בקוד פתוח שהחלה כפרוייקט של איזה 2 סטודנטים.
אחלה תוכנה, פשוטה לשימוש, קלה, וכבר אמרנו - חינמית.

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

השימוש ב - Paint.net הוא מאוד פשוט, בעוד שה - Gimp יותר מורכבת, אבל גם - לא נורא.

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

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

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

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