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

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

יצירת נכסי תמונות מקובץ 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 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 יוצר את הנכסים ושומר אותם באותו מיקום שבו נמצא קובץ ה-PSD שהוא מקור התמונות.

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

כברירת מחדל, נכסי 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.

פרמטרים לנכסי 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.

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

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

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

פרמטרים של איכות אינם זמינים עבור נכסי 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. כעת, הזינו את הקביעות שברצונכם להחיל על כל נכסי התמונות שיווצרו מהמסמך. לדוגמה:
   

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

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

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

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

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

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

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

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

תפריט Generator Plugins

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

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

שאלות נפוצות