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

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

אתם לא לבד, גם אני נתקעתי בזה;). הייתי צריך הדמייה לסט 5 כרכים ולא מצאתי שום דבר שיעזור לי.

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

תוכנת Adobe Dimension היא תוכנת 3D די קלה לשימוש ללא רקע קודם (הרבה יותר פשוטה מבלנדר), ואפשר ישירות דרכה לעשות מוקאפ, ולייצא לפוטושופ (אגב היא חלק מחבילת עיצוב גרפי של Adobe).

נראה לי שהגיע הזמן להשתמש בה.

בתור דוגמא ניקח את תבנית האוכל הזו שמגיעה ביחד עם התוכנה (אפשר כל קובץ FBX)

מאמר1.jpg


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

מאמר2.jpg


עכשיו נשאר רק להתאים ולבחור צבע לקופסא!

מאמר3.jpg


כעת יש 2 אופציות:

1. להעביר לפוטושופ (לצורך שימוש במודעות למשל, כשצריך רקע שקוף).

2. להוסיף רקע ישירות דרך דיימנשן (מתאים להדמייה ללקוח).

הייצוא לפוטושופ הוא מאד פשוט. ניגשים לחלון הרנדר[1], בוחרים בפורמט הPSD [2], בוחרים מיקום[3] ולוחצים רנדר[4].

מאמר4.jpg


הוספת רקע בתוכנה היא אחד הדברים הקלים והכיפים! ניגשים לחלונית עם סמל התמונה[1], בוחרים רקע[2] (יש לאדובי עוד הרבה רקעים, יש קישור אחרי גלילת כל התמונות), עושים לאובייקט התאמה אוטומטית[3].

מאמר5.jpg


מייצאים לPSD או לPNG ושולחים ללקוח!

נחזור לספרים שמשם הגעתי לתוכנה

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

מאמר6.jpg


עריכה: בעקבות תגובתו של @Shmuly12 היקר שהאיר את עיניי שהדרך שכתבתי בהתחלה היא מסובכת בהרבה אביא כאן את הדרך שהוא הציע, הכנסת הפריסה ישירות בדיימנשן

לא כל פריסה מתאימה להכנסה בדרך שהבאנו, לכן יש עוד דרך שנסביר כעת.

בוחרים את כל המודלים שעליהם נכניס את הפריסה, ניגשים לתפריט Object[1] בוחרים בGenerate UVs[2] ממתינים שיסיים לטעון ובוחרים בExport UVs[3], בחלונית שנפתחת בוחרים את גודל הפריסה (מומלץ לא לגעת) ואת המיקום שבו הוא ישמור

מאמר9.jpg


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

מאמר10.jpg


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

מאמר11.jpg


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

סופי-Current View.png


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

---

קרדיטים:
עטיפת ההמבורגר - Freepik
הפריסה של הספר - מענדי לחיאני