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

אחת הדרכים לעשות את זה, היא ע”י שימוש במה שנקרא בשפה המקצועית “Mood Board” או בתרגום חופשי לעברית “לוח אוירה“.

Mood Board הוא בסה”כ “לוח” שעליו אנחנו מרכיבים וממחישים את הקונספט עליו אנו חושבים. ה-”לוח” הזה, יכול להיות כל דבר… בריסטול גדול, לוח קאפה, דף A4 ואפילו קובץ חדש בפוטושופ או אילוסטרייטור.

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

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

אם נחשוב על עיצוב פנים לדוגמה… כאשר אני מקבל על עצמי משימה: לעצב חדר ילדים שגם ישמש כחדר משחקים עבור משפחת כהן ושני התאומים שלהם בני ה-3… יהיה עליי: 1. לדמיין ולפתח את הרעיון שלי לחדר. 2. לאסוף ולהרכיב את החומרים שאני רוצה על הלוח. 3. לנסות לתאר במילה אחת את התחושה שעולה מהלוח ולבדוק אם זאת א-כ-ן התחושה אותה חיפשתי!

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

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

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

בתוכנות המייל השונות, יש הרבה פעמים אפשרויות לקבוע ולהגדיר חתימות עבור חשבונות הדואר היוצא שלנו. בעבר השתמשתי ב – Outlook Express היום אני משתמש ב- Windows Live Mail ונראה שמבחינת הגדרת חתימות , הדבר זהה בין שתי התוכנות… ככה שזה כנראה גם יתאים  לאאוטלוק ואולי גם לתוכנות אחרות.

Windows Live Mail היא תוכנה חינמית שהורדתי מזמן, פועלת עם מסנג’ר ודרכה איחדתי את כל חשבונות המייל שלי, בין אם מדובר על הוטמייל, ג’ימייל, דומניים שלי וכ”ו… בכל אחד מהחשבונות האלה, אני משתמש בחתימה עם תמונה אחרת שאני צריך.

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

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

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

איך מגדירים חתימה לאימייל

01.

בשלב ראשון יש ליצור קובץ HTML  חדש עם פקודת img src, כדי שיטען בתוכו את התמונה עבור החתימה שלכם. אם אתם לא יודעים איך לעשות את זה, לחצו כאן והורידו את הקובץ המוכן אל המחשב שלכם. הקובץ שירד אליכם, הוא קובץ ZIP, לכן יש לפרוק אותו ולהוציא מתוכו את קובץ ה- HTML שנקרא loader. בדוגמה הזאת צרו תיקיה חדשה בשם signature בכונן C: של המחשב שלכם ושמרו את קובץ ה-loader בתוכה: C:\signature\loader.html

02.

את התמונה שאתם רוצים להכניס בתוך החתימה, יש להעלות אל שרת כלשהו באינטרנט, כדי שנוכל לטעון אותה אל תוך קובץ ה – HTML מהחלק הראשון. אם יש לכם שרת או חשבון FTP  משלכם, צרו תיקיה חדשה לחתימה והעלו את התמונה לתוכה. אם אין לכם.. חפשו שרתי אחסון חינמיים אליהם ניתן להעלות ולאחסן את התמונה. בדוגמה הזאת יצרתי בשרת שלי תיקיה חדשה בשם signature01 ואליה העלתי את התמונה שלי. ובדוגמה הזאת www.hameazev.com/signature01/img.jpg

03.

עכשיו, פתחו את קובץ ה – HTML (loader.html) ב- Dreamweaver או בכל תוכנה אחרת לכתיבת קוד. אם אין לכם אחת כזאת, סמנו את קובץ ה- HTML והקליקו על מקש העכבר הימני כדי לבחור באפשרות Open With… מתוך האפשרויות, נבחר באפשרות Notepad.

04.

כעת, במקום בו רשומה המילה “PHOTO” נכניס את כתובת התמונה על השרת. בדוגמה שלי: “www.hameazev.com/signature01/img.jpg“

במקום המילה “LINK” נכניס את הקישור אליו אנו מעוניינים שהגולשים יגיעו כשהם לוחצים על התמונה. בדוגמה שלי אני רוצה שהם יגיעו לעמוד הבית של הבלוג “www.hameazev.com“.

בסיום נבצע שמירה לקובץ. File>save

05.

עכשיו נשאר לנו רק להגדיר את החתימה ב-  Windows Live Mail. אחרי שפתחנו את התוכנה, נלחץ על החץ שנמצא בחלק העליון לפתיחת תפריט האפשרויות… מתוכו נבחר באפשרות Options>Mail  (אפשרויות>דואר).

06.

בחלון שנפתח, נקליק על הלשונית  Signatures(חתימות). כעת, נלחץ על כפתור New ליצירת חתימה חדשה ונסמן את האפשרות File בחלק התחתון. עכשיו נפתחה לנו אפשרות טעינת הקובץ (Browse) וממנה נבחר בקובץ ה- HTML  שיצרנו קודם ומיקמנו על המחשב ב – c:/signature/loader.html. לאישור נלחץ על כפתור ה- Open.

אם אתם לא רואים את הקובץ, שנו את “סוגי הקבצים לתצוגה” בחלק התחתון של החלון מ- Text Files (*.txt) ל – HTML Files

דבר אחרון – נסמן את האפשרות Add signatures to all outgoing messages כדי לצרף את החתימה החדשה לכל דואר שיוצא בצורה אוטומטית. בסיום נלחץ על כפתור ה- OK.

07.

זהו! מעכשיו כל הודעת אימייל חדשה שתצרו, תיהיה בעלת החתימה עם התמונה שתעשו. תהנו!

חתימות, חתימות, חתימות! למה אנשים בכלל צריכים חתימות? אולי כדי לשים אותם בפורומים ואתרים? אולי יותר בכיוון של מיילים וניוזלטרים?! אני לא יודע איפה אתם רוצים להכניס אותם אבל מה שכן אני יודע, זה איך להכין אותם! (יצא חרוז נאכל תפוז)

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

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

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

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

5 יסודות להכנת חתימות בפוטושופ

1. מסר

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

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

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

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

2. קומפוזיציה

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

3. גודל

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

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

4. משקל MB

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

כדי לדחוס טוב יותר את שמירת הקובץ – אנחנו משתמשים באפשרות “שמירה לאינטרנט” file>save for web & devices או בקיצור דרך Alt+shift+ctrl+s.

מתוך חלון השמירה נבחר בחלק העליון ימני באפשרות JPG (קובץ תמונה פשוט בעל נפח משקל נמוך יחסית)… נוריד ונתאים את איכות הקובץ ה- Quality עד למשקל הרצוי כפי שמופיע בחלק התחתון שמאלי של תצוגת התמונה… ובסיום נלחץ על כפתור השמירה… Save.

5. מקוריות ואישיות

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

מקווה שהיה ברור ושישמש אתכם בהמשך… נתראה בפוסט הבא! בהצלחה!

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

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

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

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

ולמה רק היום אני יודע את זה?? כי הכנתי לעצמי כרטיס ביקור בפוטושופ וזה מה שקרה בבית דפוס… 1. הצבעים יצאו כהים מדיי ולא תואמים בכלל למה שהכנתי… 2. כל הטקסט הגדול נבלע ויצא מטושטש … 3. הטקסט הקטן עם הטלפון יצא מטושטש ולא קריא… 4. כל הכרטיס הזה בא לי בכלל מקולקל בעין!

מאז נדרתי נדר, יותר אני לא מוציא חומרים לדפוס מפוטושופ!

אחרי שהוצאתי קצת מרמור שכנראה היה צריך לצאת… בואו נתמקד על הנושא של היום והוא נושא ה – “קו” או מה שקוראים בשפה המקצועית ובאנגלית stroke.

מסתבר שלחנטריש’ הקטן הזה יש קטע… כאילו זה בסה”כ “קו”… אבל הקו הזה מלווה אותנו בכל אלמנט וקטורי שניצור.

Stroke

01.

אחרי שפתחנו את אילוסטרייטור ויצרנו קובץ אילוסטרייטור חדש… נסתכל על כלי העבודה בחלק השמאלי של התוכנה. קבוצת הכלים השניה, כוללת בתוכה את הכלים ליצירת אלמנטים הבנויים מקו. בפוסט הזה אנחנו נתמקד רק על הכלי הראשון – “כלי העט” PEN TOOL (P במקלדת) שבהזדמנות זו מי שלא מכיר את הכלי הזה כדאי שיכנס ל- “כלי העט הופך כל מעצב גרפי לתותח“.

02.

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

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

03.

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

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

כצעד ראשון, נסמן את האובייקט שיצרנו, בעזרת כלי הבחירה – החץ השחור מסרגל הכלים (V  במקלדת )… כשהאובייקט מסומן… נרים את העיניים אל שורת המשימות ונבחר באפשרות stroke, מה שיפתח לנו את חלון ה- “קו”.

04.

האפשרות הראשונה בחלון הזה, היא אפשרות ה- Weight או בתרגום חופשי לעברית, “משקל” או “עובי” הקו. בשדה שלו, אני מכניס את הערך 15pt כדי לעבות את הקו. לאחר מכן אני משנה את אפשרות ה – Cap או ה- “מכסה” בעברית, לאפשרות השניה – Round Cap או “מכסה עגול” כדי לתת סיומות מעוגלות לקו. אפשרות שלישית  תיהיה שינוי ה – Corner או ה-“פינה” בעברית, לאפשרות השניה Round Join כדי לעגל את החיבורים של הקו.

05.

אפשרויות נוספות באותו חלון… הם אפשרות ה- Dashed Line – ליצירת “קו מקווקו”.  נתחיל בבחירה של האפשרות הזאת ע”י סימון ב – V . לאחר מכן נכניס את הערכים שמתאימים לנו עבור הקו המקווקו  - אורך מקטע ראשון – רווח – אורך מקטע שני – רווח – אורך  מקטע שלישי – רווח.

06.

האפשרויות הבאות יהיו שני השדות של ה – Arrowheads דרכם יהיה ניתן להכניס סיומת של ראשי חצים, לשני צידי הקו…

07.

אפשרות אחרונה תיהיה שינוי סוג ה- Profile – “פרופיל” הקו, כדי להפוך אותו מ- “קו אחיד” לקו בעל “עובי משתנה” או בעל “לחץ” שונה, לאלה מאיתנו שעובדים עם טושים ועטים גראפיים.

08.

אפשרויות נוספות כמובן, יהיו בהמשך שורת המשימות, הכוללים בתוכם את: סוג המברשת של הקו… הסטייל ורמת השקיפות שלו.

חלון ה-”קו” נמצא גם בחלק הימני של אילוסטרייטור ביחד עם כל שאר החלונות של התוכנה. אם אתם לא מוצאים אותו, תרימו את העיניים אל שורת המשימות ובחרו באפשרות window>stroke או בקיצור דרך ctrl+F10

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

עד כאן להפעם… בהצלחה!

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

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

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

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

איך עשיתי את זה?

01.

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

 02.

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

03.

רגל נוספת לשולחן.

04.

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

05.

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

06.

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

07.

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

08.

ממשיכים לצבוע ומתחילים בפינישים וגימורים לשולחן.

09.

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

10.

וזאת התוצאה הסופית של מה שיצא:

מסקנות

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

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

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

Click here to view the video on YouTube.

וכמו למשל החברה הזאת, שמייצרת רהיטים מקרטון ומסבירה בקליפ איך לקפל אותם:

Click here to view the video on YouTube.

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

עד כאן להפעם!

מדריך פוטושופ שימושי שיכניס חיים בכל אלמנט משעמם!

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

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

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

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

בזמן שהקובץ יורד, כדאי להגיד שבעזרת אפקט הברקות אנחנו יוצרים אלמנט מבריק, שתורם לתחושה כאילו מדובר באובייקט יותר “ריאליסטי”, “חדש”, “מתכתי” ולכן יהיה טוב לשימוש (בגדול מאוד) בעיצובים הקשורים למוצרים טכנולוגיים (רכבים, מחשבים, אייפונים וכ”ו…) מה שמזכיר לי שאני כבר צריך לקנות לעצמי איזה רכב יד שניה, משהו קטן עם קצת סטייל עד שיהיה לי בוכטה של כסף לקנות את רכב חלומותיי נכון לעכשיו mini cooper s turbo. רק שתדעו שהמחיר של הרכב הקטן הזה שנת 2012 מתחיל מ- 200 אלף שקל… ועוד לא דברנו על אביזרים לרכב, ביטוח לרכב, צמיגים, תקלות, מוסכים ושמן.

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

בכל מקרה, במדריך הבא, אני אראה לכם את השיטה להפוך כל אובייקט “מלא בצבע אחיד” (solid color) לאובייקט “חי ומבריק” בעזרת טכניקה ממש קלה.

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

כדי להדגים איך זה עובד… פתחו את קובץ המקור לתרגיל הזה שכולל בתוכו אובייקט של “דלת מכונית” צבועה בצבע שחור אחיד solid. זה מה שאתם אמורים לראות:

עם השיטה שנלמד היום, נהפוך את האובייקט “המת” הזה לאובייקט “חי” ונקבל את התוצאה הבאה:

איך עושים את זה?

01.

פתחו את קובץ הפוטושופ, פתחו את חלון השכבות (F7 במקלדת) וסמנו את  שכבת דלת המכונית. כעת, צרו מעליה שכבה חדשה ע”י לחיצה על “האייקון ליצירת שכבה חדשה” שנמצא בתחתית החלון.

02.

כעת ניצור מסכה מהירה בין השכבה החדשה לבין שכבת הדלת. כדי לעשות את זה כמו תמיד, נלחץ ונחזיק את מקש Alt בין חיבורי השכבות, כשסמן העכבר משתנה לשני עיגולים אחד בתוך השני, נבצע קליק בודד עם העכבר. (אחרי הקליק שימו לב לחץ שחור וקטן המורה שהשכבה נכנסה בתוך השכבה שתחתיה.) אם לא מצליח לכם מאיזושהי סיבה, בחרו בשכבה ולחצו על מקש העכבר הימני לפתיחת תפריט ובחרו באפשרות create clipping mask.

03.

כעת, כל מה שנכניס בשכבה החדשה שיצרנו, ישאר בגבולות צבע ה- solid של הדלת. כדי להכניס “חיים”, נתחיל בבחירה של כלי הסימון המלבני (Rectangular Marquee Tool) מסרגל הכלים. (M  במקלדת). לאחר מכן, הרימו את העיניים אל שורת המשימות וחפשו את האפשרות Feather. בתוך השדה שלו הכניסו את הערך 5px ולחצו על מקש ה- Enter במקלדת. בעזרת feather  אנחנו מטשטשים את גבולות הסימון שתיכף ניצור.

טיפ! להכנסת מספרים עדיף תמיד להשתמש במספרים שנמצאים בחלק הימני של המקלדת ובשימוש במקש ה-Enter הימני שלידם!

04.

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

05.

כעת, בחרו מסרגל הכלים בכלי הגרדיאנט (Gradient Tool) (G במקלדת או Shift+G). הרימו את העיניים אל שורת המשימות ובחרו במעבר הצבעים: צבע קדמי לצבע שקוף.

06.

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

07.

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

08.

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

גם את השכבה הזאת, כמו הקודמת, נכניס כ- “מסכה מהירה” ע”י החזקת מקש Alt  וע”י קליק בודד של העכבר בין חיבורי השכבות.

כעת אני שוב פעם בוחר בכלי הסימון המלבני (M  במקלדת) ומסמן מלבן צר יותר לכל אורך הדלת רק בחלק האמצעי. ראו תמונה.

09.

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

10.

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

בשיטה הזאת, ניצור עוד שכבות חדשות ועוד סימונים ומעברי צבע במקומות שמתאימים לנו. ניתן גם להוריד את רמת השקיפות, ה-opacity  של כל שכבה וגם להתאים טוב יותר את ההברקה בעזרת אפשרות שינוי חופשי Free Transform (ctrl+T במקלדת).

11.

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

עד כאן להפעם! סורי שאני לא ממשיך איתכם לשלב הפינישים… לפעמים עדיף שתזרמו גם קצת לבד : ) יאלה ביי!

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

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

אז מי מי מיהו האיש?

אז נעים מאוד, לי קוראים “אסף הרשקו” (28) מעצב וביצועיסט שעיקר התמחותי היא לסביבת אינטרנט. בגיל 18, לקראת סיום מגמת גראפיקה בתיכון, התחלתי להדריך קורסים וכיתות לתוכנות עיצוב במרכזי לימוד, בגיל צבא (עקב שחרור מוקדם) נאלצתי למצוא עבודה מהבית שלא דורשת מאמץ פיזי ובאחת ממודעות הדרושים מצאתי משרת גראפיקאי שלאחר 4 שנים הביאה אותי לעצב ולנהל מחלקת עיצוב של אחת מחברות בניית האתרים הגדולה במרכז ולהתעסק עם חברות האופנה ומשרדי הפרסום המובילים בארץ.

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

מאיפה בא השם “המעצב בתחתונים”?

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

איך נולד הבלוג?

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

איפה למדת עיצוב?

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

איזה מעצב היית מגדיר את עצמך?

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

מה השאיפות שלך?

השאיפה הכי גדולה שלי – להיות מוכר בזכות מה שאני עושה ולשם אני מנסה להגיע.

מה היית ממליץ למעצבים בתחילת הדרך?

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

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

איזה תחתונים אתה לובש?

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

תודה לכם!

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

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

יאלה ביי!

המעצב בתחתונים.