סודות הפילטרים 30 - Displace
- יגאל לוי
- לפני 4 שעות
- זמן קריאה 7 דקות
בעולם רווי בכלים מבוססי בינה מלאכותית קל להתעלם מהפילטרים הוותיקים. אבל דווקא הם - הפשוטים, המדויקים והנשלטים במלואם על ידי המשתמש - הם לעיתים הסודות המקצועיים האמיתיים. הפילטר Displace, שהוצג לראשונה לפני 35 שנה, הוא דוגמה מובהקת. רבים מדלגים עליו לטובת אפקטים "מגניבים" יותר, אך מקצוענים מנוסים יודעים: כשצריך להטמיע מלל, סמל או מרקם על משטח לא אחיד, כמו קיר לבנים, בד מקומט, מים או חולצה - Displace נותן תוצאה ריאליסטית ואורגנית ללא מאמץ. ניתן לערוך אותו בכל עת ולכן הוא נשאר רלוונטי גם בעידן בו בינה מלאכותית שולטת. במאמר הזה נבחן איך הוא עובד, איך ליצור מפות עיוות יעילות, ונראה דוגמאות מעשיות שמוכיחות: לפעמים הכלי הכי חכם הוא דווקא זה שהיה כאן מההתחלה.
01 מה הפילטר עושה?
הפילטר Displace משמש לעיוות תמונה או שכבה על בסיס "מפת עיוות" (Displacement Map), שהיא תמונה בגווני אפור המשמשת כמדריך לעיוות. הפילטר קורא את ערכי הבהירות במפה: אזורים בהירים מעוותים את הפיקסלים בכיוון אחד (למעלה ולשמאל), ואזורים כהים בכיוון ההפוך (למטה ולימין). לבן טהור משמש לתזוזה השלילית ביותר (למעלה ושמאלה) ושחור מוחלט משמש לתזוזה החיובית ביותר (למטה וימינה). אפור, לעומת זאת (בעל ערך של 50%) - לא יזיז את הפיקסלים. שימו לב שנקודות הציון או מערכת הצירים שונה ממה שאתם רגילים לה בעולם המתמטי וקרובה יותר למערכת צירים טיפוסית בעולם הגראפי.
בפועל זה יוצר אשליה של עומק ומעקב אחר משטחים לא אחידים, מה שהופך את הפילטר למתאים במיוחד להטמעת גרפיקה או מלל על משטחים לא אחידים, כמו בדים, קירות או מים.
לפני שנציג דוגמאות מעשיות - בדוגמא הבאה יצרנו תמונה המורכבת ממשבצות ובנפרד יצרנו תמונה המורכבת מעיגולים מטושטשים - תמונה זו תמשמש כמפת עיוות. בשלב זה הפעלנו על תמונת המשבצות את הפילטר Displace מתפריט Filter>Distort ובחלון הפילטר קבענו בשדה האופקי (Horizontal Scale) את הערך 30 ובשדה האנכי השארנו את הערך האפסי ואישרנו את החלון. בחלון שנפתח אני אבחר בתמונת העיגולים המטושטשים ואני אאשר ובפועל ׳דחפנו׳ את תבנית המשבצות ימינה בהתאם למפת העיוות. רגע, איך זה עוזר לנו בחיים? או! מיד נראה.
02 דוגמא מעשית - עיוות עצם בהתאם לפני השטח
על מנת שנוכל לשלב עצם בסביבה חדשה באופן טבעי ואמין עלינו להתייחס למספר מרכיבים בסביבה. אחד מהם הוא פני השטח. לדוגמא, במידה ואנו מעוניינים ׳להלביש׳ תמונה שטוחה של דגל ישראל על גבי בד המתנופף ברוח, עלינו לוודא שהדגל יתעוות בהתאם לפני השטח הגליים. הפילטר Displace נוצר במיוחד עבור מקרים מסוג זה. את תמונת הדגל הלבן המתנופף הורדנו ממאגר Adobe Stock מקישור זה ובנוסף הורדנו מאותו מאגר תמונה של הדגל מקישור זה.
בשלב ראשון יש להציב את תמונת הדגל השטוחה בתמונת הבד המתנופף באמצעות הפקודה Place Embedded מתפריט File. בחלון שנפתח יש לבחור בקובץ ולאשר ולאחר לאשר את תיבת הטרנספורמציה (Enter/Return) (A).
בשלב השני עלינו לעוות את הדגל בהתאם לצורתו בתמונה, אך לפני שנעשה זאת, במידה והורדתם את הגירסה הוקטורית של הדגל, עליכם להמיר את שכבת הדגל שוב לשכבת פילטרים חכמה (Filter>Convert for Smart Filters).
כעת, כדי שתוכלו לראות את הבד מבעד לדגל יש להחליף את שיטת השילוב של השכבה ל-Multiply.
בשלב זה יש להפעיל את הפקודה Distort מתפריט Edit>Transform. יש לגרור את נקודות הטרנספורמציה כך שייגעו בארבע פינות הדגל (B). ניתן ללחוץ עם לחצן ימני בעכבר על תיבת הטרנספורמציה ומהתפריט הנשלף לבחור ב-Warp. כעת ניתן לגרור אזורים בתיבה כך שיותאמו לצורת הדגל - אין צורך לדייק! לסיום יש לאשר באמצעות לחיצה על מקש Enter/Return.
הגענו לשלב עיוות הדגל - בשלב ראשון עלינו ליצור את מפת העיוות וכדי לעשות זאת יש להסתיר את שכבת הדגל ולהציג את חלון הערוצים (Window>Channels). כעת יש לסמן את אחד הערוצים ומהתפריט הצדדי בחלון להפעיל את הפקודה Duplicate Channel. בחלון שנפתח מתפריט Document יש לבחור ב-New ולאשר.
יש לטשטש את השכבה ב-10 פיקסלים בערך באמצעות הפקודה Gaussian Blur מתפריט (C) Filter>Blur. ולשמור את הקובץ בשם כלשהו (עדיף Displace - כדי שתדעו למה הוא משמש) והכי חשוב בפורמט PSD.
יש לחזור לתמונה הראשית, לסמן את שכבת הדגל ולהפעיל את הפקודה Displace מתפריט Filter>Distort.
בחלון שנפתח יש לקבוע ערכים בינוניים (20-50) בהתאם לעוצמת העיוות בה אתם מעוניינים. כדאי לנסות גם ערכים שליליים - אנחנו קבענו בשני השדות את הערך 40- ולאשר (E).
במידה ואינכם מרוצים מהתוצאה תוכלו לבצע לחיצה כפולה על המילה Displace בחלון השכבות ובחלון העיוות לקבוע ערכים שונים ולאשר, לבחור שוב בקובץ מפת העיוות ולאשר פעמיים.
על מנת שהדגל יהיה בגבולות הבד יש לסמן את שכבת הבד המתנופף, להפעיל את הפקודה Subject מתפריט Select ולאחר ללחוץ על כפתור המסכה בחלון השכבות.
הערה: למרבה הצער לחלון העיוות אין תצוגה מקדימה ולכן זה עובד בשיטת ניסוי וטעייה.
03 חלון אפשרויות הפילטר
חלון הפילטר Displace מציג 4 אפשרויות עיקריות: Horizontal Scale - קובע את עוצמת העיוות על הציר האופקי (ימין-שמאל). Vertical Scale - קובע את עוצמת העיוות על הציר האנכי (למעלה-למטה). הערכים הם באחוזים.
באופן כללי ערכים נמוכים יספקו עיוות מינימלי וערכים גבוהים יספקו עיוות מוגבר. לרוב משתמשים בערכים דומים עד זהים בשני השדות למראה טבעי, אבל ניתן להפריד לערכים שונים (למשל כשמעוניינים שהעיוות הגלי יהיה חזק על הציר האופקי ועדין על הציר האנכי). Displacement Map - קטגוריה זו קובעת איך מפת העיוות תתאים לגודל התמונה/שכבה אם היא לא באותו גודל: Stretch To Fit - בחירה באפשרות זו מותחת/מקטינה את המפה כך שתכסה בדיוק את כל האזור. זוהי ברירת המחדל והיא מומלצת ברוב המקרים. Tile - במידה ותמונת מפת העיוות קטנה יותר מהתמונה לעיוות - בחירה באפשרות זו חוזרת על המפה כמו אריחים, או חותכת אותה אם היא גדולה יותר. משמש בעיקר לתבניות החוזרות על עצמן. Undefined Areas - קטגוריה זו מטפלת בפיקסלים שנדחפים מחוץ לגבולות התמונה (אזורים לא מוגדרים): Wrap Around - מה שיוצא מצד אחד נכנס מהצד הנגדי - שימושי לאפקטים מעגליים או לתבניות מושלמות. Repeat Edge Pixels - חוזר על הפיקסל האחרון שבקצה - יוצר "רצועות" צבע אחידות באזורים שנמתחו. נראה טוב יותר ברוב השימושים הריאליסטיים (כמו בד, קיר, מים). Embed File Data in Smart Object - כשמפעילים את הפילטר על שכבת עצם חכם הפילטר בדרך כלל שומר קישור לקובץ המפה החיצוני שבחרתם (אותו קובץ PSD). אם תעבירו את קובץ ה-PSD הראשי למחשב אחר, תשלחו אותו ללקוח, או תזיזו/תמחקו את קובץ המפה - פוטושופ תציג שגיאה בסגנון - ״לא ניתן לעדכן את שכבת העצם החכם כי הקובץ לא נמצא״. אפשרות זו מטמיעה את כל נתוני קובץ המפה בקובץ ומונעת בעיה זו ולכן תמיד מומלצת.
השורה התחתונה - מומלץ להתחיל עם ערכים נמוכים (בין 10 ל-20) בשני השדות - לרוב עיוות קטן זה יספק תוצאות טובות. מומלץ להשאיר את ברירות המחדל Repeat Edge Pixels ו-Stretch to Fit - אלו ייספקו תוצאות נקיות במרבית המקרים. לפני עיוות השכבה מומלץ להמיר אותה לשכבת פילטרים חכמה. כעת, במידה והעיוות חלש מדי או לא מורגש יש לבצע לחיצה כפולה על שם הפילטר בחלון השכבות ולשנות את הערכים.
04 החלק המדעי - לא פחות חשוב
כאמור, ההמלצה לגבי מפות עיוות היא שהן יהיו מורכבות מערוץ אחד. במידה ותמונת העיוות מורכבת מערוץ אחד (מודל צבע Grayscale) - הפילטר משתמש בערך הבהירות של הערוץ היחיד כדי לקבוע את כמות העיוות. העיוות מתרחש באלכסון - כלומר, הכיוונים האופקי והאנכי משולבים יחד לפי היחס בין האורך והרוחב במסמך.
במידה ותמונת מפת העיוות כוללת 3 ערוצים (RGB): הפילטר משתמש בערוצים בנפרד, משמע, ערוץ 1 (Red) - שולט בעיוות האופקי בלבד (X). ערוץ 2 (Green) - שולט בעיוות האנכי בלבד (Y) וערוץ 3 (Blue) - בדרך כלל לא משפיע (ניתן להתעלם ממנו או להשאיר אותו אפור). מאפיין זה מאפשר שליטה מדויקת ומפורטת יותר: אתם יכולים ליצור עיוות אופקי שונה לחלוטין מהעיוות האנכי. לדוגמה, גלים אופקיים חזקים (ב-Red) עם תנועה אנכית עדינה (ב-Green), או עיוותים מורכבים יותר כמו סיבובים, מתיחות כיווניות או אפקטים א-סימטריים. רגע, מתי משתמשים בכל אחד? במרבית המקרים ערוץ אחד יספק - הוא פשוט, מהיר, נותן תוצאה ריאליסטית טובה על משטחים טבעיים. כדאי להשתמש ב-3 ערוצים כשאתם זקוקים לשליטה מתקדמת: אפקטים יצירתיים, אנימציות, עיוותים מכוונים (כמו גלי מים רק בכיוון אחד), או אופטימיזציה של טקסטורות מורכבות. בקיצור: ערוץ יחיד = עיוות משולב ואלכסוני פשוט. 3 ערוצים = שליטה נפרדת על כיוון אופקי ואנכי, לדיוק גבוה יותר.
05 מפות עיוות יצירתיות
מי קבע שאתם חייבים להשתמש במפות עיוות מתמונת המקור? רשת האינטרנט מציעה מגוון רחב של מפות עיוות להורדה חינמית. פשוט הקלידו בשדה החיפוש ״free displacement maps pack” ותקבלו לא מעט תוצאות מעניינות. לדוגמא, אתר זה מציע תסריט (Action) בתוספת עשרות מפות עיוות. כדי לטעון את התסריט יש להציג את חלון Actions מתפריט Window ומהתפריט הצדדי יש להפעיל את הפקודה Load Actions ובחלון שנפתח יש לבחור מהתיקייה שהורדתם בקובץ DisplaceFC.atn ולאשר.
בשלב זה תוכלו להפעיל כל אחד מהתסריטים שבתיקיית DisplaceFC. נסו להפעיל את התסריטים גם על שכבות מלל שהומרו לשכבת עצם חכם. שימו לב שאם מפת העיוות עיוותה אזורים לא רצויים כמו מלל קטן - סמנו את מסכת המפילטר ובאמצעות כלי המכחול וצבע חזית שחור ציבעו את האהזור כדי להסתיר את העיוות.
אבל אתם באמת לא חייבים תסריטים או תמונות עיוות. אתם יכולים ליצור אותן בעצמכם - למשל, צרו שכבה חדשה, מלאו אותה בצבע לבן או אפור והוסיפו לה רעש (Filter>Noise>Add Noise). שימרו את הקובץ בפורמט PSD ועוותו באמצעותו תמונה או מלל.
לחילופין אתם יכולים להוריד תמונה שיש בה אלמנט מעוות, למשל תמונת וילון, או תמונת טקסטורה כלשהי - שימרו את הקובץ בפורמט PSD והשתמשו בקובץ כמפת עיוות.
06 שימוש במוקאפים
ניתן להשתמש במפות עיוות בהדמיות מוצר (מוקאפים). בדוגמא שלפניכם יצרנו מהחולצה מפת עיוות בהתאם לשלבים המתוארים ולאחר מיקמנו שכבת תבנית מעל שכבת המוצר, המרנו את השכבה לשכבת עצם חכם והכנסנו אותה לגבולות החולצה באמצעות הפקודה Create Clipping Mask מתפריט Layer. בשלב זה החלפנו את שיטת השילוב של שכבת התבנית ל-Linear Burn ב-80% אטימות מילוי ועיוותנו את התבנית באמצעות הפקודה Displace מתפריט Filter>Distort. בהמשך העבודה - במידה ונרצה להחליף את התבנית העיצובית לתבנית אחרת - נסמן את שכבת התבנית ומהתפריט הצדדי בחלון השכבות נפעיל את הפקודה Replace Contents. בחלון שנפתח נבחר בתבנית החדשה ונאשר - התבנית תתעוות בהתאם לחולצה.
תגובות