Magic Canvas: עצבו גרפיקה בדפדפן שלכם, ביד או באמירה

מסך ההתחלה כולל שלושה חלקים. תארו, ו-aiKit יבנה: הקלידו או הכתיבו מה אתם צריכים (למי זה מיועד, מה זה צריך לומר, התחושה) ובחרו גודל מהרשימה, ואז לחצו על צרו את העיצוב שלי. העורך נפתח והפריסה נבנית כשכבות אמיתיות שאפשר לשנות; כל מה ש-aiKit לא הצליח לעשות מופיע קודם תחת עדיין לא בוצע. פרטים כמו מספרי טלפון, מחירים וכתובות נכנסים רק אם הקלדתם אותם; אחרת תראו מציין מקום בסוגריים כמו [Phone] למילוי.

או התחילו מגודל ריק: הלשוניות רשתות חברתיות, הדפסה, אתר ומייל מציגות כל אחת גדלים עם תמונה קטנה של הצורה שלהם (פוסט לאינסטגרם 1080 × 1350, Story 1080 × 1920, Flyer 8.5 × 11 in, Business card 3.5 × 2 in, Poster 18 × 24 in, Website banner 1920 × 800, וגדלי המייל הסטנדרטיים ברוחב 600: כותרת 600 × 200, באנר ראשי 600 × 300, תמונה 600 × 400 ושני טורים 300 × 300, שמורדים בהגדלה כפולה כברירת מחדל כדי להישאר חדים בטלפונים). גודל מותאם אישית מקבל כל רוחב וגובה בפיקסלים או באינצ'ים ואת המטרה; אינצ'ים פירושם הדפסה. ערכו תמונה פותח תמונה מהמחשב שלכם בגודלה המקורי.

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

בראש: Designs (חזרה למסך ההתחלה), שם העיצוב (לחצו כדי לשנות), הגודל שלו, ביטול ושחזור, זום (מינוס, האחוזים, פלוס; לחצו על האחוזים כדי להתאים לעמוד), מתג Pro, Save design (שמירת עיצוב) ו-Download (הורדה). בלוח מגע או בגלגל עכבר, גלילה מזיזה את העמוד וצביטה (או Ctrl/⌘ + גלילה) מגדילה או מקטינה.

בצד שמאל נמצא הסרגל: Assets, Text, Shapes, Photos, Brand, Layers ו-History. כל אחד פותח את הפאנל שלו לצד הסרגל; לחצו שוב כדי לסגור את הפאנל ולתת לעמוד יותר מקום. באמצע העמוד על שולחן אפור. מימין ההגדרות של מה שנבחר, או של העמוד עצמו כשלא נבחר דבר. מתחת לעמוד סרגל ה-AI.

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

פשוט הוא ברירת המחדל. הפעילו את Pro כדי לראות מספרים מדויקים של מיקום וגודל (X, Y, W, H וסיבוב במעלות) ומצבי מיזוג (Multiply, Screen, Overlay ועוד) לכל שכבה. הבחירה שלכם נשמרת בדפדפן הזה.

טקסט: הוסיפו כותרת, כותרת משנה או טקסט גוף, ואז לחצו עליו פעמיים בעמוד כדי להקליד. כשהטקסט מסומן, בצד ימין מופיעים הגופן (31 גופנים בקבוצות: Clean, Bold, Condensed, Serif, Script, Handwritten, Fun, Retro), הגודל, מודגש, נטוי, קו תחתון, Aa (מעבר בין אותיות גדולות לרגילות), יישור, צבע (צבעי המותג שלכם מופיעים קודם), ריווח בין אותיות, גובה שורה, Curve (כיפוף השורה לקשת או לחיוך) ואפקטים: Outline (עם הצבע והעובי שלו) ו-Shadow.

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

תמונות: העלו מהמחשב (כמה בבת אחת), תמונת AI (תארו אותה ולחצו Make the picture; זה לוקח 20 עד 40 שניות ומשתמש בטוקנים), או בחרו מספריית הגרפיקה שלכם (חפשו בתוך החלונית). Brand מציג את הצבעים והלוגואים מערכות המותג ששמרתם ב-Logo Kit: לחצו על צבע כדי לצבוע את הבחירה (או את הרקע אם לא נבחר דבר), לחצו על לוגו כדי להוסיף אותו.

הלשונית Color היא בוחר צבעים מלא: גררו בריבוע לרוויה ולבהירות ובפס לגוון, או הקלידו ערכי HEX, RGB, HSB או CMYK; עברו בין צבע קדמה לצבע רקע בראש החלונית; צבעי מותג, צבעים אחרונים ודוגמיות נבחרים בלחיצה אחת, ובבורר המערכת יש פיפטה למסך. לחיצה על ריבועי הצבע בתחתית סרגל הכלים פותחת אותו גם כן.

בחרו תמונה כדי לראות את הכלים שלה. תיקונים מהירים: Remove background ו-Enlarge 2× פועלים בחינם על המכשיר שלכם (השימוש הראשון מוריד את המודל החינמי פעם אחת). אפקטי Magic, גם הם בחינם על המכשיר: Auto-enhance בודק את האור והצבע בתמונה ומגדיר בהתאם בהירות, ניגודיות, צבע וחידוד קל, ואז מספר לכם מה שינה; Brighten colors נותן לצבעים יותר עוצמה בלי שגוני העור ייראו מצוירים.

Color look משנה את פרופיל הצבע של התמונה: Natural, Teal & orange, Golden hour, Film, Matte, Cinematic, Pastel, Noir ו-Pop. Duotone צובע את התמונה בשני צבעים (החלקים הכהים בראשון, החלקים הבהירים בשני); הוא מתחיל בצבעי המותג שלכם אם יש לכם. אפקטי נושא מזהים את הנושא על המכשיר: Portrait blur מטשטש את הרקע מאחוריו, Color splash הופך את הרקע לשחור-לבן והנושא שומר על צבעו, ו-Sticker חותך את הנושא עם מסגרת לבנה וצל רך.

מחוונים: Vibrance, Sharpen, Film grain ו-Pixel art, ואז Brightness, Contrast, Saturation, Warmth ו-Blur, ומסננים בלחיצה אחת (B&W, Sepia, Vintage, Vivid, Cool, Warm, Faded). Reset adjustments מחזיר את המחוונים והמסננים לברירת המחדל. Crop מציג מסגרת מקווקווית: גררו ושנו את גודלה, ואז לחצו Crop (או Cancel). Shapes מכניס את התמונה לתוך עיגול, מלבן מעוגל, כוכב או לב. Flip הופך אותה למראה.

לכל שכבה מסומנת: See-through (שקיפות), מיקום בעמוד (שמאל, מרכז, ימין, למעלה, אמצע, למטה, מחושב לאזור הבטוח בגדלי הדפסה), Bring to front, Send to back, Duplicate, Lock ו-Delete. בזמן גרירה, קו אדום מראה מתי השכבה ממורכזת בעמוד, והיא נצמדת לשם.

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

מקלדת: Delete או Backspace מוחקים את המסומן, ⌘Z מבטל, ⇧⌘Z משחזר, ⌘D משכפל, ⌘C ו-⌘V מעתיקים ומדביקים, מקשי החצים מזיזים (החזיקו Shift לצעדים גדולים יותר), Escape מבטל את הבחירה. ב-Windows השתמשו ב-Ctrl במקום ב-⌘.

Assets הוא הכפתור הראשון בסרגל השמאלי, ובמסך הפתיחה יש את אותה תיבה תחת Describe it (הוסיפו לוגו, תמונות או עיצוב להתאמה). הוסיפו עד 6 תמונות: גררו אותן לתיבה, הדביקו אחת (⌘V או Ctrl+V בכל מקום בעמוד), לחצו Upload, או לחצו Graphics Library כדי לבחור תמונות שכבר יש לכם (לחיצה על תמונה מוסיפה אותה, לחיצה נוספת מסירה אותה). כל העלאה נשמרת ל-Graphics Library, בתיקייה Magic Canvas/Assets, כך שהיא זמינה לכל כלי בהמשך.

לכל נכס יש שם שאפשר לשנות וסוג: Logo (מוצב על העיצוב), Photo (בשימוש בעיצוב), Product (מוצג בגדול), או Style to match (never placed; aiKit מעתיק את המראה שלו: צבעים, אופי הגופנים, הפריסה והאווירה). aiKit באמת מתבונן בכל נכס בכל בקשה שאתם מזינים, כך ש-"use my logo", "put the product photo on the left" או "make it look like the flyer I added" עובדים בשפה פשוטה. הסימן + על נכס מציב אותו בעמוד בעצמכם; × מסיר אותו מהרשימה (הוא נשאר ב-Graphics Library).

מתחת לעמוד מופיעה שורה קטנה שמראה מה aiKit ישתמש בו עם הבקשה הבאה שלכם: Sees 3 assets (לחצו כדי לפתוח את Assets) והסגנון בשימוש, אם יש כזה. כשאתם משנים עיצוב, aiKit מקבל גם תמונה של המראה הנוכחי של העמוד, כך ש"the photo looks too dark" או "the words are hard to read" מובנים כפי שאתם רואים אותם. גרירת תמונה ישירות לעמוד מציבה אותה שם.

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

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

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

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

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

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

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

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

ב"צור גרסאות", בחר כמה (2–6) וכתוב במה הן צריכות להיות שונות, בכל מילים: "3 פליירים לקהלים שונים: בני גיל הזהב, סטודנטים ומשפחות", "נסה כותרות אחרות", "פוסט מרובע, סטורי ובאנר", "אחת כסרטון קצר". השבבים מתחת לתיבה מוסיפים אפשרויות נפוצות. אם תשאיר ריק, aiKit ישנה את הפריסה, הכותרת והצבעים. אם משהו בעמוד מסומן, "שנה רק את המסומן" משאיר הכול אחרת זהה (למשל, שלוש אפשרויות לכותרת). העובדות שלך (שמות, תאריכים, מחירים, מבצעים) נשארות זהות בכל גרסה; כל מה ש-aiKit לא ידע מופיע כ[מקום שמור].

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

כשלעיצוב יש גרסאות, פס "גרסאות" עובר בראש המסך: לחץ על אחת כדי לפתוח אותה (לכל אחת יש קישור משלה), "השווה הכול" כדי לראות את כולן יחד, ו"פתח את זו" כדי להמשיך לעבוד עליה. כל גרסה עולה כ-1–2 סנט של AI; תמונות AI עולות 5 סנט כל אחת.

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

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

שמירת העיצוב שומרת את כל העיצוב עם כל השכבות, כך שתוכלו לפתוח אותו שוב מ'העיצובים שלי' ולהמשיך לערוך. תמונות שהעלתם או יצרתם בעזרת AI נשמרות ב-Graphics Library (תיקייה Designs/Photos) בפעם הראשונה ששומרים, כך שהעיצוב נשאר קטן ונפתח בכל מחשב.

'פתיחה ב-Pro Designer' (ליד 'הורדה') שומרת את העיצוב המוגמר ב-Graphics Library ופותחת אותו ב-Pro Designer, כדי לסיים ידנית בעזרת כלים בסגנון Photoshop.

'הורדה' פותחת חלון אחד. סוג קובץ: PNG (הכי חד, שומר חלקים שקופים), JPG (קטן יותר; בחרו 'הכי טוב', 'גבוה' או 'קובץ קטן'), PDF (לגדלי הדפסה: 300 dpi עם שוליים של 1/8 אינץ', סימני חיתוך מופעלים או כבויים, וגודל החיתוך מוגדר בקובץ כדי שבתי דפוס יראו אותו; לגדלים אחרים, עמוד אחד בגודל העיצוב), או SVG (טקסט וצורות נשארים וקטוריים; הגופנים מקושרים). למסכים בחרו 0.5×, 1×, 2× או 3×. יעד השמירה: 'הורדה למחשב הזה', או 'שמירה ל-Graphics Library' עם שם, קטגוריה, תגיות, לקוח ופרויקט; הקובץ השמור מקושר ישירות למקומו בספרייה.