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

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

טקסטורות מצוירות ביד שוברות תאורה דינמית אם צללים מצוירים אינם נלקחים בחשבון. כאשר אופים אור לתוך ה-albedo, כל Directional Light של מנוע מזווית שונה גורם להארה כפולה: צד אחד מקבל את ההדגשה המצוירת פלוס אור אמיתי, והצד השני מקבל הצללה כפולה. זהו כאב סטנדרטי עבור אולפנים שעוברים מ-PBR לגרפיקה סטייליזית. הפתרון הוא תאורה מינימלית (ambient בלבד) או השבתת צללים דינמיים על נכסים מצוירים ביד. במשך למעלה מ-10 שנים השלמנו יותר מ-50 פרויקטים למובייל, PC וקונסולות: World of Warcraft, Hearthstone, Wildstar — כולם משתמשים בציור סטייליזי לא כפישוט אלא כשפה אמנותית. לפי תיעוד Substance Painter, זרימת עבודה זו היא הטובה ביותר עם שליטה ידנית בתאורה.

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

בזרימת עבודה של PBR, ה-albedo אינו מכיל תאורה — המנוע מחשב אותה בזמן ריצה. בטקסטורה מצוירת ביד, התאורה היא חלק מהטקסטורה עצמה: הדגשות מצוירות היכן שצריך, צללים נאפים לתוך ה-albedo, והדגשות קצה מתווספות ידנית. אם מציבים נכס מצויר ביד תחת Directional Light דינמי המנוגד לתאורה המצוירת, התוצאה נראית מוזרה. לכן, משחקים סטייליזיים משתמשים בתאורה מינימלית (ambient בלבד עם Directional חלש מאוד) או משביתים הטלת צללים דינמית על נכסים מצוירים ביד. בפלטפורמות מובייל, זה מניב רווח ביצועים של עד 30% בשל היעדר חישובי צללים.

מדוע טקסטורות מצוירות ביד דורשות טיפול מיוחד ב-Mip-Map

טקסטורות מצוירות ביד מכילות קווים דקים מצוירים — קווי מתאר, הדגשות קצה, צללים דקים. בעת יצירת רמות mip-map, קווים אלה מטושטשים. ברמת mip 3–4, קו מתאר בעובי 2px הופך לכתם אפור מלוכלך. הפתרון הוא לצייר עבה יותר (מינימום 4–6px לקווי מתאר על טקסטורה של 1K), להשתמש ב-Anisotropic Filtering x16 עם bias mip קטן יותר, או לאחסן קווי מתאר בשכבת טקסטורה נפרדת עם הגדרות סינון עצמאיות. בעיה זו אינה מתרחשת ב-PBR, שבו מפות normal נושאות פרטים עדינים; במצויר ביד הכל אפוי. הגדרת mip-map נכונה חוסכת עד יומיים לכל דמות.

צפיפות טקסל וחשיבותה למצויר ביד

למצויר ביד, צפיפות טקסל קריטית יותר מאשר ל-PBR: פרטים מצוירים ידנית ויש להם קנה מידה צפוי על המסך. אם צפיפות הטקסל אינה תואמת את החישוב, פרטים מצוירים הם או גדולים מדי (כל משיכת מכחול נראית) או אבודים (כתם מטושטש במקום פרטים). תקן: 512 px/m לנכסי גיבור, 256 px/m לרקע. טקסטורות מצוירות ביד הן בממוצע קלות פי 2–3 במשקל מאשר סט PBR מלא, ומספקות רווח ביצועים של עד 30% בפלטפורמות מובייל. בהזמנת אצווה של 10 טקסטורות, חוסכים עד 40% מהתקציב הודות לאריזת UV ושימוש חוזר בפלטה. לדוגמה, סט דמות טיפוסי עולה $1,500–$3,000, שזה 40% פחות מסט PBR מקביל.

כלים וטכניקות

טקסטורות מצוירות ביד מצוירות או לגמרי ב-2D או ישירות על הרשת במרחב 3D.

• ציור 3D דרך Substance Painter — נוח כי הוא מאפשר ציור ישירות על הרשת עם פריסת UV גלויה, ללא דאגה לתפרים. מצב ציור עם תצוגת PBR מושבתת ושליטה ידנית ב-Diffuse הוא גישה עובדת לזרימת עבודה מצוירת ביד. שכבות משמשות כמו בפוטושופ: צבע בסיס → צללים → הדגשות → פרטים נוספים → AO סופי.
• פוטושופ עם שכבת-על של רשת UV — גישה קלאסית. פריסת UV מיוצאת כ-PNG ומשמשת כמדריך. האמן מצייר מעליה, ורואה היכן התפרים. דורש ניסיון: צריך לדמיין מנטלית כיצד פיקסלים דו-ממדיים ייראו על משטח תלת-ממדי.
• 3D Coat — כלי ייעודי לצביעת טקסטורות עם תמיכה טובה במברשות סטנסיל ושכבות.

טכניקת מפתח אחת בסגנון מצויר ביד היא הצללת סל (cell shading) דרך קווי מתאר בטקסטורה. זהו לא shader מתאר במנוע — אלה קווים מצוירים ישירות ב-albedo לאורך קצוות הצורה. יתרון: עובד ללא shader מיוחד, נקרא היטב גם בתאורה חלשה, בלתי תלוי בצללית (קו מתאר נראה על קצוות פנימיים). חיסרון: כאשר הגיאומטריה משתנה, יש לצייר מחדש את קווי המתאר ידנית.

מה כלול ביצירת טקסטורות מצוירות ביד

• ניתוח רפרנסים וסגנון אמנותי: קביעת פלטה, עובי קו, רמת ניגודיות.
• פריסת UV: סידור תפרים תוך התחשבות בציור ידני עתידי.
• Albedo מצויר ביד: צללים, הדגשות, קווי מתאר — הכל נעשה ידנית בשכבות.
• אופטימיזציית mip-map: התאמת עובי קו, הגדרת Anisotropic Filtering.
• בדיקת מנוע סופית: בדיקה תחת תאורות ורמות mip שונות.
• מסירת קבצי מקור: PSD או .spp עם שכבות שמורות.

תוצרים

כל הזמנה כוללת:

• קבצי מקור (PSD או .spp) עם כל השכבות שלמות.
• טקסטורות סופיות בפורמט נדרש (DDS, PNG, TGA) עם mip-maps תקינים.
• דוח בדיקת מנוע המציג תוצאות תחת תאורה סטנדרטית.
• תיעוד על שימוש בטקסטורות ומדריך סגנון.
• סבב תיקונים אחד לעקביות.
• תמיכה במהלך האינטגרציה.

איך אנחנו עובדים: מחסנית ותהליך

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

1. ניתוח. לימוד רפרנסים, קביעת צפיפות טקסל וניגודיות צפויים.
2. עיצוב UV. פריסת תפרים למזעור שברים נראים על קווים מצוירים.
3. ציור ב-3D-painter או פוטושופ. צביעת שכבות: צבע בסיס → צללים → הדגשות → פרטים → AO.
4. אופטימיזציה. בדיקת mip-maps במנוע, התאמת עובי קו, הגדרת סינון.
5. פריסה. מסירת קבצי מקור וטקסטורות סופיות בפורמטים נדרשים.

טקסטורות מצוירות ביד הן בממוצע קלות פי 2–3 במשקל מאשר סט PBR מלא בשל היעדר מפות normal ו-roughness נפרדות. זה מניב רווח ביצועים בפלטפורמות מובייל.

טעויות אופייניות בטקסטורות מצוירות ביד

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

בניסיון שלנו, נתקלנו במשימה: עבור משחק תפקידים נייד בסגנון מצויר ביד, דמויות NPC דרשו מגבלת albedo של 512x512. ברזולוציה זו, פרטים פוטוריאליסטיים אובדים. במקום זאת, השתמשנו בגישה: שלוש רמות טון (צל, חצי-טון, אור) + קו מתאר מצויר בעובי 2px + כמה פרטים אופייניים (כפתור, דוגמה, קפל). ברינדור, זה נראה משכנע במרחק מצלמה של מטר וחצי מהדמות — בדיוק ה-offset של המצלמה ששימש במשחק.

צרו קשר כדי לדון בפרויקט שלכם. נעזור להגדיר את הסגנון ולהעריך לוחות זמנים. הזמינו טקסטורות סטייליזיות — קבלו ייעוץ על סגנון האמנות שלכם. ניתן גם להזמין ציור ניסיון של נכס אחד כדי להעריך איכות ומהירות. מחירים מתחילים מ-$500 לטקסטורת אביזר פשוט, עם סטים טיפוסיים של דמויות בטווח $1,500–$3,000. בהשוואה ל-PBR מלא, מצויר ביד מפחית את השימוש בזיכרון ב-60% ומשפר את קצב הפריימים בעד 30%.