מדריך למשתמש ביטול

יצירת נכסי תמונות משכבות

הערה:

Image Assets נמצאים תחת File ‏> Automate ‏> Generator Plugins.

ניתן ליצור נכסי תמונות בתבניות JPEG‏, PNG‏, GIF או SVG מהתוכן של שכבה או קבוצת שכבות בקובץ PSD. הנכסים נוצרים באופן אוטומטי כאשר מצרפים סיומת של תבנית תמונה נתמכת לשם של שכבה או קבוצת שכבות. קיימת אפשרות לציין פרמטרים של איכות וגודל עבור נכסי התמונות הנוצרים.

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

כדי לגלות כיצד ליצור ולייצא גרפיקה לאינטרנט, ראה כיצד לייצא קבצים בתבניות שונות מ-Photoshop.

יצירת נכסי תמונות משכבות או מקבוצות של שכבות

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

יצירת נכסי תמונות ב-Photoshop
קובץ PSD והיררכיית השכבות שלו לדוגמה

היררכיית השכבות בקובץ זה כוללת שתי קבוצות של שכבות—Rounded_rectangles ו- Ellipses כל אחת מקבוצות השכבות כוללת חמש שכבות.

בצע את השלבים הבאים כדי ליצור נכסי תמונות מקובץ PSD זה:

  1. כשקובץ ה-PSD פתוח, בחר File‏ > Automate > ‏Generator Plugins‏ > Image Assets‏.
  2. צרף את סיומות הקבצים המתאימות (‎.jpg,‏ ‎.png,‏ ‎.gif או ‎.svg) לשמות השכבות או קבוצות השכבות שמהן ברצונך ליצור נכסי תמונות. לדוגמה, שנה את השמות של קבוצות השכבות, Rounded_rectangles ו-Ellipses, ל-Rounded_rectangles.jpg ו-Ellipses.png; ואת שם השכבה Ellipse_4 ל-Ellipse_4.gif‏.
הערה:

התווים המיוחדים : ו-* אינם נתמכים בשמות של שכבות.

Photoshop יוצר את נכסי התמונות ושומר אותם בתיקיית משנה לצד קובץ ה- PSD שהוא מקור התמונות. אם טרם שמרתם את קובץ ה- PSD שממנו נלקחו התמונות, Photoshop ישמור את הנכסים שיווצרו בתיקייה חדשה בשולחן העבודה.

שמות של נכסי תמונות ב-Photoshop
שמות של נכסי תמונות מבוססים על שמות השכבות/השמות של קבוצות השכבות

הערה:

יצירת נכסי תמונה מופעלת עבור המסמך הנוכחי. לאחר ההפעלה, התכונה תהיה זמינה בכל פתיחה מחדש של המסמך. כדי להשבית את יצירת נכסי התמונות במסמך הנוכחי, בטל את הבחירה של File‏ > Automate >‏ Generator Plugins‏ > Image Assets‏.

יצירת נכסים עבור מסמכי ענן

אם אתה עובד עם מסמך ענן, הנכסים יישמרו בספרייה "Photoshop Cloud Associates":

  • Windows: C:\Users\yourname\Documents\Adobe\Photoshop Cloud Associates
  • macOS: /Users/yourname/Documents/Adobe/Photoshop Cloud Associates

יצירת נכסים רבים משכבה או מקבוצת שכבות

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

Ellipse_4.jpg, Ellipse_4b.png, Ellipse_4c.png

שמירת נכסים בתיקיית משנה

ניתן לבחור לשמור נכסי תמונה שנוצרו משכבות/קבוצות שכבות מסוימות בתיקיית משנה שתמוקם ישירות תחת תיקיית הנכסים של המסמך. כלול את השם של תיקיית המשנה בשם של השכבה/קבוצת השכבות; לדוגמה:

[תיקיית משנה]/Ellipse_4.jpg 

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

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

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

נחלץ את הסמל בחלק העליון של הדף ואת השורה העליונה של רשת התמונות Global Hotspots כנכסי תמונות:

  • הוסף את הסיומות של תבנית התמונה לשמות השכבות המתאימים.
שינוי השם של השכבות/קבוצות השכבות המתאימות ב-Photoshop

שינוי השם של השכבות/קבוצות השכבות המתאימות ב-Photoshop

שנו את השם של השכבות/קבוצות השכבות המתאימות

הערה:

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

Photoshop יוצר את הנכסים ושומר אותם באותו מיקום שבו נמצא קובץ ה-PSD שהוא מקור התמונות.

נכסי תמונות שנוצרו ב-Photoshop
נכסי התמונות שנוצרו

ציון פרמטרים של איכות וגודל

כברירת מחדל, נכסי JPEG נוצרים באיכות של 90%. נכסי PNG נוצרים כתמונות של 32 סיביות כברירת מחדל. נכסי GIF נוצרים עם שקיפות אלפא בסיסית.

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

פרמטרים לנכסי JPEG

  • הוסיפו את איכות הפלט הרצויה כסיומת לשם הנכס:‎.jpg(1-10)‎ או ‎.jpg(1-100%)‎ לדוגמה:
    • Ellipse_4.jpg5
    • Ellipse_4.jpg50%
  • הוסיפו את גודל התמונה הרצוי (יחסי או בתבניות נתמכות: פיקסלים, אינצ'ים, סנטימטרים ומילימטרים) כתחילית לשם הנכס. Photoshop ישנה את גודל התמונה בהתאם. לדוגמה:
    • 200% ‎Ellipse_4.jpg
    • ‎300 x 200 Rounded_rectangle_3.jpg
    • ‎10‎in x 200mm Rounded_rectangle_3.jpg

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

הערה:

כפי שניתן לראות בדוגמה, ניתן לשלב יחידות שונות וערכי פיקסלים בציון הגודל הרצוי של התמונה שתיווצר. לדוגמה, ‎4in x 100 Rounded_rectangle_3.jpg‎‏ הוא שם שכבה חוקי לצורך יצירת נכסים.

פרמטרים לנכסי PNG

  • הוסיפו את איכות הפלט הרצויה כסיומת לשם הנכס: 8, 24, או 32. לדוגמה:
    • Ellipse_4.png24
  • הוסיפו את גודל התמונה הרצוי (יחסי או בתבניות נתמכות: פיקסלים, אינצ'ים, סנטימטרים ומילימטרים) כתחילית לשם הנכס. Photoshop ישנה את גודל התמונה בהתאם. לדוגמה:
    • ‎42% Ellipse_4.png
    • ‎300mm x 20cm Rounded_rectangle_3.png
    • ‎10in x 50cm Rounded_rectangle_3.png

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

הערה:

כפי שניתן לראות בדוגמה, ניתן לשלב יחידות שונות וערכי פיקסלים בציון הגודל הרצוי של התמונה שתיווצר. לדוגמה, ‎4‎in x 100 Rounded_rectangle_3.png הוא שם שכבה חוקי לצורך יצירת נכסים.

פרמטרים לנכסי GIF

  • הוסיפו את גודל התמונה הרצוי (יחסי או בתבניות נתמכות: פיקסלים, אינצ'ים, סנטימטרים ומילימטרים) כתחילית לשם הנכס. לדוגמה:
    • 42% ‎Ellipse_4.gif
    • ‎300mm x 20cm Rounded_rectangle_3.gif
    • ‎20‎in x 50cm Rounded_rectangle_3.gif

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

הערה:

כפי שניתן לראות בדוגמה, ניתן לשלב יחידות שונות וערכי פיקסלים בציון הגודל הרצוי של התמונה שתיווצר. לדוגמה, ‎4in x 100 Rounded_rectangle_3.gif הוא שם שכבה חוקי לצורך יצירת נכסים.

פרמטרים של איכות אינם זמינים עבור נכסי GIF‏.

בניית שמות שכבה מורכבים

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

‎120% Delicious.jpg, 42% Delicious.png24, 100x100 Delicious_2.jpg90%, 250% Delicious.gif

Photoshop ייצור את הנכסים הבאים משכבה זו:

  • Delicious.jpg (תמונת JPG באיכות 8 שגודלה שונה ל-120%)
  • Delicious.png (תמונת PNG של 24 סיביות שגודלה שונה ל-42%)
  • Delicious_2.jpg (תמונת JPG באיכות 90% שגודלה המלא הוא ‎100x‎100 px‏)
  • Delicious.gif (תמונת GIF שגודלה שונה ל-250%)

דוגמאות לשינוי קנה מידה מוחלט

דוגמאות מוצלחות לשינוי קנה מידה מוחלט

  • 100x80 foo.png (שינוי קנה מידה מוחלט פשוט)
  • ‎80 x 100px foo.png (רווחים בין האורכים)
  • 4in x100 foo.png (שילוב של יחידות וללא יחידות)
  • 90mm x120cm foo.png (שילוב של יחידות שונות)
  • ‎100x?‎ foo.png (אפשרות לא מוגדרת)
  • ‎?x60in foo.png (אפשרות לא מוגדרת בהתחלה)

דוגמאות לא מוצלחות לשינוי קנה מידה מוחלט

  • 100x100foo.png (ללא רווח לפני שם הקובץ)
  • 80x100 60% foo.png (עירוב של קנה מידה מוחלט ויחסי)
  • ‎50% 80x100 foo.png (עירוב של קנה מידה מוחלט ויחסי)
  • 20in cm x50cm foo.png (עירוב של יחידות מידה)
  • 30nm x20 nano.png (יחידת מידה לא חוקית)

עיצוב והפרדה של מספר קבצים

דוגמאות מוצלחות

  • Layer 1.png‏ (רווח מותר בשם הקובץ - זהוקובץ יחיד בשם "Layer 1.png")
  • Layer 1.png,Layer 2.jpg (פסיק כמפריד)
  • Layer 1.png, Layer 2.jpg (פסיק ואחריו רווח/רווחים כמפריד)
  • Layer 1.png+Layer 2.jpg‏ (סימן + כמפריד)
  • Layer 1.png, Layer 2.jpg (סימן + ואחריו רווח/רווחים כמפריד)

מחברים הכל ביחד

הטקסט ‎100% Delicious, 42% Layer 1.png24 + 100x100 Layer.jpg-90% , 250% Quux/Foo Bar Baz.gif מתפרש כשלושה קבצים (המחרוזת "‎100% Delicious" מושמטת מכיוון שהיא אינה שם קובץ):

  • Layer 1.png, בקנה מידה של 42% כקובץ png של 24 סיביות
  • Layer.jpg, בגודל מוחלט של 100x100 פיקסלים, כקובץ jpg באיכות של 90%
  • Foo Bar Baz.gif בתיקיית המשנה Quux, בקנה מידה של 250% כקובץ gif.

ציון קביעות ברירת מחדל עבור נכסים

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

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

default hi-res/

יצור את כל נכסי התמונות בתיקיית משנה בשם hi-res לדוגמה, [asset_folder]/hi-res/Delicious.jpg.

default hi-res/@2x

יצור את כל נכסי התמונות בתיקיית משנה בשם hi-res בנוסף, ציון שם זה יוסיף לשמות הנכסים את הסיומת @2x. לדוגמה, [asset_folder]/hi-res/Delicious@2x.jpg.

default 50% lo-res/

שומר נכסי תמונה שהוקטנו ב-50% בתיקיית משנה בשם lo-res תחת תיקיית הנכסים של המסמך

default hi-res/@2x + 50% lo-res/

יוצר שני נכסי תמונות מהשכבה:

  • בתיקיית המשנה hi-res, נכס תמונה שלשמו תתווסף הסיומת @2x
  • בתיקיית המשנה lo-res, נכס תמונה שהוקטן ב-50%
הערה:

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

השבתה של יצירת נכסי תמונות בכל המסמכים

ניתן להשבית יצירה של נכסי תמונות באופן כולל עבור כל מסמכי Photoshop על-ידי שינוי ב-Preferences.

  1. בחר Edit‏ > Preferences‏ > Plug-Ins‏.
  2. בטל את הבחירה ב-Enable Generator‏.
  3. לחץ על OK‏.
הערה:

פקודת התפריט File ‏> Automate ‏> Generator Plugins אינה זמינה בעת השבתת יצירה של נכסי תמונות דרך Preferences. ניתן להפעיל את התכונה מחדש רק דרך תיבת הדו-שיח Preferences‏ .

תפריט Generator Plugins

לפני מהדורת יולי 2024 של Photoshop בגרסה 25.11 למחשב השולחני, Generator plugins נמצאו בתפריט File ‏> Generate.

כעת, כל Generator plugins, כולל התוסף Image Assets המוגדר כברירת מחדל, נמצאים בתפריט File >‏ Automate >‏ Generator Plugins.  שינוי זה נעשה כדי להבהיר את שם תפריט המשנה ולהבדיל אותו מתכונות גנרטיביות חדשות כמו Generate Image.

שאלות נפוצות

עוד פריטים דומים

קבל עזרה במהירות ובקלות

משתמש חדש?