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

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

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

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

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

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

Stop The Vom – עבודה משותפת

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

עיצוב האתר של המשחק זיכה את מיקי להיכנס לרשימת 365 האתרים הטובים בעולם (The best 365 websites around the world) לשנת 2011 ועל כך נשאר רק להגיד: “שאפו!”. ללא ספק נשמע עוד הרבה על השניים.

קישורים:
האתר של מיקי
האתר של זיו
Stop The Vom
אומנות הרחוב של מיקי

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

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

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

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

זה מה שניצור הפעם

01.

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

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

02.

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

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

כדי לעשות את זה, אני פותח את חלון השכבות, לוחץ על האייקון הקטן של יצירת “שכבת התאמה” (Adjustment layer) ובוחר באפשרות העליונה ביותר Solid Color. בחלון הצבע שנפתח אני בוחר בגוון אפור כהה/שחור ולוחץ על כפתור ה – OK  לאישור.

03.

ניגש לחלון השכבות ונשנה את אפשרות “שילוב השכבה” ממצב – Normal  למצב Color. (וודאו ששכבת ההתאמה תיהיה השכבה העליונה ביותר בחלון השכבות).

04.

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

05.

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

06.

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

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

07.

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

רק מזכיר שמסכה מהירה אנחנו יוצרים בעזרת מיקום סמן העכבר בין שתי השכבות – מחזיקים את מקש Alt במקלדת כדי לשנות את סמן העכבר – ומקליקים. הדרך הארוכה תיהיה ע”י בחירת השכבה החדשה שיצרנו – לחצן ימני עם העכבר לפתיחת תפריט אפשרויות – ומתוכו נבחר באפשרות Create clipping mask.

נבחר בכלי המברשת (B) – צבע שחור – מבשת מסוג אייר – נוריד את עוצמת המברשת (opacity) ל-50% ונתחיל לרסס את הצבע בעדינות מסביב לתמונה.

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

08.

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

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

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

09.

עכשיו נשנה את מצב “שילוב השכבה” מ- Normal ל- Overlay.

10.

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

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

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

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

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

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

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

הקבצים שהכנתי להדפסה:

קובץ 1. כרטיס ביקור 5×9 ס”מ שנעשה בפוטושופ ונשמר לפורמט EPS.
קובץ 2. ציור דיגיטלי 70×50 ס”מ שנעשה בפוטושופ ונשמר לפורמט JPG.
קובץ 3. מדבקה לדיסק 12×12 ס”מ שנעשתה באילוסטרייטור ונשמרה לפורמט PDF.
קובץ 4. מארז דיגיפאק 3 כנפיים 132×545 מ”מ – נעשה באילוסטרייטור ונשמר לפורמט PDF.

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

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

מסקנה 1. אני בן אדם עקשן – שלא אוהב להסביר את עצמו כמו שצריך.
מסקנה 2. שום בית ספר או מכללה לא יכולים ללמד אתכם את מה שתלמדו תוך כדי עבודה קשה.
מסקנה 3. צריך ללמוד את סוג החומר שעליו תתבצע ההדפסה ואת המכונה שתדפיס אותו.
מסקנה 4. כן! חשוב מאוד להכין ולסגור את הקבצים כמו שצריך כשמגיעים לבית הדפוס!
מסקנה 5. לברר תחילה אם לבית הדפוס יש את הכלים והיכולת בכלל לעזור לך.
מסקנה 6. אל תשגעו את הגרפיקאים – נסו לצחוק איתם (אם אפשר) כדי לשבור את המתח המקצועי ביניכם.
מסקנה 7. כשהמדפסת נתקעת, אל תעמדו להם מעל הראש – חפשו את מתקן המים הקרוב ומזגו לעצמכם משהו קר לשתות.
מסקנה 8. לא בכוח… יש עוד בתי דפוס באיזור.

הכנת קובץ דיגיטלי לדפוס

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

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

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

1. מידות
2. רזולוציה
3. סוג החומר
4. עבודה בתוכנה המתאימה
5. צבעים

1. מידות

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

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

אם אתם רוצים הדפסה איכותית ו- “מורכבת” יותר – בררו קודם אם בית הדפוס מסוגל לעשות זאת.

2. רזולוציה

רזולוצית הדפסה צריכה להיות לפחות 300 DPI. בשונה מקבצים שנשארים בסביבה דיגיטלית שהם בעלי רזולציה של 72 DPI  את הקבצים להדפסה נצטרך ליצור עם רזולוציה גבוהה יותר כדי שנוכל לזכות מאיכות הדפסה טובה של הפרטים הקטנים. בחלק מההדפסות (אם אפשר) נרצה לעלות את גובה הרזולוציה – בהדפסות ממש גדולות כמו למשל שלטי חוצות (3 מטר) נוכל להשתמש ברזולוציות נמוכות יותר מ- 300 וזה מכיוון שמרחק הצפייה שלנו מההדפסה יהיה רחוק יותר (כמו למשל שלטי חוצות על כביש איילון). בכל מקרה תמיד יהיה כדאי להתייעץ עם בית הדפוס לגבי הרזולוציה המתאימה ביותר.

3. סוג החומר

יש הרבה סוגי נייר, בציפויים ובמשקלים שונים. מניסיון שלי – אם החלטתם להדפיס תמונה בגדול -משהו באיזור 50×70 ס”מ ואתם אוהבים דיוק ורוצים גם להנות מתוצאה טובה… נייר פשוט 80 גרם (בערך כמו משקל של A4) בהחלט לא יהיה מתאים למשימה!

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

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

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

4. עבודה בתוכנה המתאימה

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

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

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

5. צבעים

בקבצים שאנו יוצרים לדפוס, אנחנו אמורים להגדיר את שיטת הצבע לאפשרות CMYK  שהם ראשי התיבות Cyan, Magenta, Yellow ו- Key שהם צבעי היסוד: סיאן (כחול נוטה לטורקיז), מג’נדה (אדום נוטה לסגול),צהוב ושחור.

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

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

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

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

לסיכום

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

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

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

עד הפעם הבאה!

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

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

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

לחצו להורדת הטקסטורות.

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

אבל, לא נורא… בסוף כמו שאומר השיר “מתרגלים להכול”… אז אם קצת קשה בהתחלה – לא נורא! בסוף זה ניהיה קל! (או לפחות אמור להיות אם יש לכם את זה)

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

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

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

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

כלי ה- Blend באילוסטרייטור

01.

כדי להתחיל להשתמש בכלי העבודה השונים ובכלי ה- Blend בפרט… נתחיל כמו תמיד ביצירת קובץ אילוסטרייטור חדש.

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

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

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

02.

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

03.

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

04.

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

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

05.

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

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

למרות שעל פניו לא קרה שום דבר על המסך – כלי ה Blend בחר את נקודת החיבור הראשונה.

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

06.

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

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

07.

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

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

ללא ספק מתחילים להרגיש את פסח באויר… וגם אני התחלתי להתפתות לכל מני דילים וחופשות בפסח הזה… העניין היחיד שבגלל שזה חג – כל הדילים ומחירי הטיסות הרקיעו שחקים ועכשיו טיסה לאמסטרדם עולה 650 700 דולר ואני חושב שזה ממש הגזמה פראית!

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

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

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

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

איך ליצור קלף ישן בפוטושופ

01.

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

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

שימו לב בחלון השכבות – ששכבת המלבן נוצרה בתוך שכבה חדשה מסוג “שייפ”.

02.

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

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

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

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

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

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

טיפ! אפשר לשנות ולהתאים את מידות קובץ התמונה ע”י אפשרות “שינוי חופשי” Free transform  קיצור דרך Ctrl+T.

03.

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

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

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

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

04.

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

דבר ראשון כדי להתקדם הלאה.. מה שאני רוצה לעשות – הוא לאחד את שתי השכבות האלה לשכבה אחת. כדי לעשות את זה אני מסמן את שתי השכבות בחלון השכבות – ע”י החזקת מקש Shift  או מקש Ctrl… ולוחץ על צירוף המקשים Ctrl+E  לאיחוד 2 השכבות המסומנות. אם הכול עבר בשלום.. זאת התוצאה שאתם אמורים לראות בחלון השכבות. (שכבה אחת!)

05.

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

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

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

06.

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

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

אל תשקיעו בזה יותר מדיי חשיבה… זה אמור להיות מהיר זורם ובעל FLOW.

טיפ! ניתן גם להעלות ולהוריד את רמת השקיפות של המברשות ע”י אפשרות opacity  בשורת התפריטים למעלה.

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

07.

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

08.

כמה פינישים נוספים (כי ביקשתם כל פעם ופשוט התעצלתי לפרט עליהם ^_^ )– אני רוצה ליצור אפקט שרוף ומיישן יותר מסביב לקלף… כדי לעשות את זה.. אני אכנס לחלון סטייל השכבה ע”י דאבל קליק מהיר על שכבת הקלף ומתוכו אפשר באפשרות צל פנימי – Inner Shadow. ראו את הערכים שהכנסתי באפשרויות… כרגיל אתם יכולים לעשות מה שמתחשק לכם… רק אל תעמיסו באפקט זה אמור להיות בעדינות.

09.

כבר מתחיל להראות טוב יותר… עכשיו אני רוצה לאחד ולהטמיע את האפקט שיצרנו בחלון הסטייל בתוך שכבת הקלף… כבר דיברנו על הטכניקה המהירה לעשות את זה שגם לה יש יתרונות וחסרונות (אולי עוד נדבר עליהם מתישהו)… בינתיים כדי להתקדם –  אני יוצר “שכבה רגילה חדשה” בעזרת האייקון ליצירת שכבה חדשה בחלון השכבות – מסמן אותה ביחד עם שכבת הקלף עם מקש Shift או ctrl… ולוחץ על צירוף המקשים Ctrl+E. (כן! כבר עשינו את זה קודם!)

10.

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

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

שחקו עם הגדלים של המברשות וגם בחרו בעוד שני הכלים האחרים שבקבוצה הזאת ע”י צירוף המקשים shift+0.

11.

משהו אחרון שנזכרתי בו כחלק מנושא הפינישים… אתם יכולים להבהיר ולשנות את כל גוני הצבעים דרך שורת התפרטים – בחירה באפשרות “תמונה” ובחירה באפשריות “התאמה” Edit>Image>Adjustments.

שיהיה בהצלחה וחג שמייח!

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

תורידו את הטקסטורות למחשב שלכם ותשתמשו בהם חופשי אין כסף!

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

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

לחצו להורדת טקסטורות ושיהיה בכיף כמו תמיד!