שכבת תמונה

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

מתי להשתמש

• הוספת סימן מים או מיתוג לכל תמונה שנוצרה, לפני שמפרסמים אותה.
• בניית באנרים ליוטיוב, ללינקדאין או ל-X, וגם תמונות שער לסרטונים, עם קובץ הלוגו האמיתי שלכם על רקע שנוצר ב-AI.
• הצבת גזירה מרכיב הסרת רקע על רקע חדש, עם צל.
• הוספת תג או מדבקה, כגון ״חדש״, תווית מחיר או דירוג, לצילומי מוצר.
• הצבת קוד QR על פלייר, או קוד אחד לכל מוצר באצווה.
• בניית כרטיסי לפני ואחרי או כרטיסי השוואה משתי תוצאות.

התחלה מהירה

קלטים

הרכיב מציג בהתחלה 4 קלטי שכבה. לחצו על הכפתורים + שכבה ו-− שכבה כדי להציג בין 1 ל-12 קלטים, והמספר גדל גם כשמחברים שכבה עם מספר גבוה יותר. כל הרצה צריכה לפחות שכבה אחת: תמונה מחוברת, או שכבת טקסט, QR או צורה.

מיקום שכבה

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

למה אחוזים: הגודל של תמונת הבסיס נקבע במעלה הזרם. היום היא יכולה להיות רינדור של 2K, ומחר פוסטר של 4K. שכבה שמוגדרת ״12% ברוחב, 4% פנימה מהקצה הימני״ מופיעה באותו מקום בשתיהן, ומיקום בפיקסלים לא היה נשאר באותו מקום. ברגע שמחברים תמונת בסיס, חלונית ההגדרות מציגה את ערך הפיקסלים ליד כל אחוז.

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

התחלה מערכה

ההגדרה ערכה (ממלאת את שכבה 1) מגדירה את שכבה 1 בלחיצה אחת. אפשר לערוך כל ערך גם אחר כך.

דוגמה: סימן מים

חברו את הצילום לקלט בסיס ואת הלוגו לקלט שכבה 1, ואז תנו לשכבה 1 את הערכים האלה:

בתמונת בסיס של 2000 × 1000 פיקסלים, הלוגו ברוחב 240 פיקסלים. הקצה הימני שלו נמצא במרחק 80 פיקסלים מימין, והקצה התחתון שלו במרחק 60 פיקסלים מלמטה. בתמונת בסיס של 4000 × 2000, כל המספרים האלה מוכפלים, והרכיב לא צריך שום שינוי.

סוגי שכבות

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

שכבות טקסט

• גופנים: Inter, Montserrat, Space Grotesk, Playfair Display, Oswald, Bebas Neue, Anton, Pacifico, Rubik ו-Heebo. הגופנים Rubik ו-Heebo תומכים בעברית. גופנים משתנים מקבלים כל משקל מ-100 עד 900.
• סידור הטקסט: יישור, ריווח אותיות, גובה שורה ואותיות גדולות. טקסט מימין לשמאל מסודר מימין לשמאל בכל שורה.
• קו מתאר: קו סביב האותיות, עם עובי קו המתאר וצבע קו המתאר.
• תיבת רקע (קפסולה / תג): תיבה מאחורי הטקסט, עם צבע התיבה, אטימות, ריווח פנימי ורדיוס פינות. רדיוס גדול יוצר צורת קפסולה.

שכבות תמונה

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

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

שכבות QR

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

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

גודלי פלטפורמות ואזורים בטוחים

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

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

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

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

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

גודל ופורמט של הפלט

פלט המסכה

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

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

שילוב השכבות בתמונה

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

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

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

קרדיטים

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

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

טיפים

• השתמשו בקבצים שקופים. הזינו PNG שקוף או SVG כשכבה. לוגו ב-JPG אטום מוצב כמלבן, ולכן העבירו אותו קודם דרך רכיב הסרת רקע.
• שמרו נכסי מותג כקבצים. ציירו את התמונה עם רכיב AI, ואז הציבו כאן את הלוגו האמיתי. מודל שמצייר מחדש שם מותג תמיד טועה בו קצת.
• מזגו סימנים לתוך התמונה. בחרו במצב המיזוג הכפלה לסימנים כהים על תמונות בהירות, ובמצב מסך לסימנים בהירים על תמונות כהות.
• הבליטו גזירה. צל רך מפריד אדם או מוצר מרקע עמוס. נסו טשטוש 24, הזזת צל אופקית 0, הזזת צל אנכית 12 ואטימות של 50%.
• צרו באנר מרינדור רחב יותר. הפעילו את המתג גודל פלט מותאם ובחרו באפשרות כיסוי, למשל בגודל 1500 × 500 פיקסלים. הלוגו נשאר ממוקם ביחס לבסיס, לא ביחס לקנבס.
• צרו קודם את הבסיס. ערכי הפיקסלים שליד כל אחוז מופיעים רק אחרי שמחברים תמונת בסיס בגודל ידוע.
• קודם סיבוב, אחר כך הזזה. הסיבוב מסובב את השכבה סביב המרכז שלה. הוסיפו הזזה כדי שסימן מסובב יישאר צמוד לפינה.
• שכבות טקסט למילים, קבצים ללוגואים. השתמשו בשכבת טקסט לכותרות, לכיתובים, למחירים ולכיתובי שליש תחתון, ובקובץ SVG או PNG לשם המותג.

דרך ה-API

נקודת הקצה POST /v1/image-overlay מקבלת את תמונת הבסיס ואת השכבות. הקריאה הזו מציבה את סימן המים מהדוגמה שלמעלה:

{
  "imageUrl": "https://example.com/photo.png",
  "layers": [
    { "imageUrl": "https://example.com/logo.svg", "anchor": "bottom-right", "width": 12, "x": -4, "y": -6, "opacity": 0.95 }
  ]
}

• בשכבת טקסט, QR או צורה, הערך של layers[i].kind הוא text, qr או shape, ולצידו אובייקט text, qr או shape. הערך של opacity נע בין 0 ל-1, והשדה zIndex קובע את סדר השכבות.
• השדה canvas קובע גודל של פלטפורמה או גודל פלט מותאם. הערך של outputFormat הוא png, jpg או webp.
• השדה variants, למשל ["youtube-thumbnail", "x-header"], מוסיף רינדורים לפלטפורמות. התוצאה מחזירה אותם בשדה variants, כל אחד עם id, label, width, height ו-url.
• השדה maskMode מקבל around, layers, outside או none, והשדה maskSpread קובע את רוחב הטבעת. בפלט של המשימה, המסכה מגיעה בשדה maskUrl.
• שכבת QR שבה הערך של qr.fromInput הוא true לוקחת את הקישור שלה מהשדה qrText ברמה העליונה.