top of page

המדריך המלא לייצוא בפוטושופ- 2

Export-The Full Guide-Article2a.jpg

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

לחלקו הראשון של המאמר

לשנות את שם השכבה באופן הבא (שימו לב שבמקרה זה שם השכבה הוא Home ונוספה לו הסיומת jpg6. כדי שהיא תישמר בפורמט JPEG  באיכות 6: Project Files/Photoshop/Home.jpg
כעת, לאחר הפעלת הפקודה Image Assets מתפריט File>Generate התוצאה שתתקבל במקרה זה היא קובץ בשם Home.jpg השמור בתיקיית Photoshop הממוקמת בתיקיית Project Files הממוקמת בתיקייה בה שמור קובץ המקור (בעל השכבות).

  • במידה וערכתם את מאפייני השכבה, למשל הוספתם לה סגנון שכבה כלשהו, הפעלת הפקודה Image Assets מתפריט File>Generate תעדכן את הקובץ ללא כל הודעת אזהרה מטרידה. במידה והשכבות שלכם מאוגדות במשטח עבודה (Artboard) פוטושופ תעדכן את הקובץ באופן אוטומטי. לא זו בלבד, במידה ויצרתם שכבות חדשות והענקתם להן שמות עם סיומות הפורמטים הרצויים-  התוכנה תיצור מהשכבות קבצים באופן אוטומטי.

  • רגע, ואם אני רוצה לייצא מספר נכסים (שכבות) כקובץ אחד? אין בעיה- יש לסמן את השכבות בחלון השכבות ולקבץ אותן באמצעות קיצור המקלדת Cmd+G במק, או Ctrl+G בחלונות. כעת ניתן להוסיף לקבוצה את סיומת הקובץ הרצוייה ופוטושופ תייצר מהקבוצה קובץ בפורמט שקבעתם. אגב, ניתן להעניק לכל הקבוצה סגנון שכבה וכל השכבות הכלולות בקבוצה ייוצאו עם סגנון זה.

  • אבל זה לא הכל. אם אתם מעוניינים שהשכבה, או הקבוצה תיוצא במספר גדלים, תוכלו לעשות זאת די בקלות. כל שעליכם לעשות הוא להוסיף את אחוז ההקטנה לפני שם השכבה ולהפריד בין הגדלים בפסיק. לדוגמא, אם לשכבה שלנו קוראים Icons ואנו מעוניינים בקובץ בפורמט PNG בגודל רגיל ובגודל הקטן ב-50%- עלינו לשנות את שם השכבה, או הקבוצה ל:
    Icons.png, 50% icons_50%.png
    שימו לב שעל מנת שלא תהיה התנגשות בשמות הקבצים הוספנו לשם הקובץ המוקטן את הסיומת _50% כך גם נוכל להבין במה הוא שונה בבוא העת.

06 חילוץ מרכיבי הקובץ

גירסאות הענן של פוטושופ הביאו למעצבי ה-Web את ה-Generator המאפשר לשמור שכבות כקבצים בפורמטים שונים. ׳מחולל הקבצים׳ מאפשר לפשט את תהליך הייצוא לקבצים שונים באמצעות עיקרון פשוט וגאוני.

  1. ראשית יש לפתוח את העדפות התוכנה (Cmd+K במק, Ctrl+K בחלונות) ובקטגוריה Plug-Ins יש לוודא שהאפשרות Enable Generator מסומנת.

  2. כעת יש לערוך את שמות השכבות באופן שסיומת שמה של כל שכבה תהיה הפורמט של הקובץ בו אתה מעוניין. לדוגמא, במידה ויש צורך ליצור מכל שכבה קובץ לאתר אינטרנט, לשכבות בעלות שקיפות כדאי להעניק סיומת של PNG. ושכבות ללא שקיפות לרוב יקבלו סיומת של JPG.

  3. בשלב זה יש לסמן בחלון השכבות את השכבות לייצוא ולהפעיל פקודה File>Generate>Image Assets. הנכסים (הקבצים בפורמטים שקבעתם) יישמרו בתיקייה בעלת שם זהה לתיקייה בה שמור הקובץ בתוספת הסיומת Assets. הקבצים יישמרו לצד קובץ המקור, אלא אם כן נקבע אחרת (פרטים בהמשך). מימדיי הנכסים יהיו כגודל הנכס ולא כגודל המסמך המקורי- וזאת כדי לחסוך בנפח קובץ.

טיפים לשימוש ב-Generator

  • במידה ומעוניינים שהקובץ יישמר בפורמט PNG-8 יש להעניק לשם השכבה את הסיומת PNG8.

  • כדי לשלוט באיכות קבצים בפורמט JPEG יש להוסיף את הספרה המציינת את דחיסת הקובץ. למשל, הוספת הסיומת jpg8. תדחוס את השכבה באיכות 8. טווח האיכויות נע בין 1 לנמוכה ביותר ל-10- הגבוהה ביותר. שימו לב שאין לקבוע רווח בין הפורמט לספרה המציינת את איכותו.

  • שכבות ללא סיומת קובץ לא ייוצאו והתוכנה תתעלם מהן.

  • כאמור, הנכסים יישמרו בתיקייה בעלת שם זהה לתיקייה בה שמור הקובץ בתוספת הסיומת Assets. ניתן לקבוע שהקבצים יישמרו בתתי־תיקיות באופן הבא- יש לשנות את שם השכבה באופן המציין את מיקום הקובץ בתיקייה עם הפרדה של לוכסן ימני בין שם התיקייה לשם הקובץ. לדוגמא, אם אתם רוצים שהקובץ יישמר בתיקיית Photoshop הממוקמת בתיקיית Project Files יש

After Assets Generation.png
Advanced Renaming Layers.png

בדוגמא הימנית אופן עריכת שמות השכבות ובדוגמא השמאלית לאחר הפעלת הפקודה Generate Image Assets.

Advanced Renaming Layers.png

07 עריכת שמות שכבות מהירה

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

סיימת להקליד את סיומת הפורמט? יופי, אל תלחץ על מקש Enter או Return, אלא לחץ על מקש Tab למעבר לשכבה הבאה ומיד על מקש חץ ימני. כעת הקלד את סיומת הפורמט והמשך באותו אופן עד להענקת הסיומת לכל השכבות הנדרשות לייצוא.

Bicubic Sharper: שיטה המתאימה להקטנת מימדי קובץ. השיטה המבוססת על שיטת Bicubic המתוכננת להגן על פרטים האובדים בעת הקטנת מימדי הקובץ. במידה והשיטה גורמת לחידוד יתר, יש לנסות את Bicubic.
Bicubic Automatic: האפשרות בוחרת באופן אוטומטי את השיטה הרצוייה (Smoother בעת הגדלה, Sharper בעת הקטנה).
Nearest Neighbour: שיטה מהירה אך פחות מדוייקת, מבצעת שכפול פיקסלים ומתאימה לתמונות הכוללות אילוסטרציות בשחור לבן (ללא קצוות מוחלקים). הבעיה היא שלעיתים השיטה עלולה להניב קצוות מזוגזגים ועשוייה לבלוט בעיקר אם משנים את מימדי הקובץ.
Preserve Details: בעת שינוי מימדי הקובץ התוכנה שמה דגש על שימור פרטים ורמת חדות בתמונה.
שים לב! לרוב האפשרות המועדפת היא Bicubic Automatic.

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

  1. אם למשל אתם מייצאים אייקונים במידות שונות אבל צריכים למרכז אותם בגבולות של 50x50 פיקסלים.

  2. אתם מייצאים תמונות של באנרים הגדולים או קטנים  יותר מהמימדים הנדרשים.

  3. התמונה גדולה יותר מגודל הקנבס והיא מתוחמת בגבולות ערכי הגובה והרוחב שנקבעו בחלון Canvas Size.

בסיום ההגדרות יש ללחוץ על כפתור Export (All) לייצוא.

08 ייצוא מרכיבי הקובץ

כאמור, הגירסאות האחרונות של פוטושופ מציעות דרך נוספת לייצוא מרכיבים של הקובץ כקבצים בפורמטים שונים. הפקודה Export as מתפריט File>Export מאפשרת קביעה פרטנית של מאפייני הייצוא. במידה והמסמך כולל משטחי עבודה כולם יופיעו בחלון ייצוא זה בצידו השמאלי של החלון (A). לייצוא שכבות בודדות כקבצים יש לבחור בהם קודם בחלון השכבות, ללחוץ עם לחצן ימני בעכבר על אחת השכבות ולבחור בפקודה Export as מהתפריט הנשלף. שים לב! על מנת שכל מרכיבי המסמך יופיעו בחלון הייצוא עליך להפעיל את הפקודה באופן זה בלבד. הפעלת הפקודה מתפריט התוכנה תציג רק שכבה אחת.
בחלון הייצוא יש לקבוע את ההגדרות והערכים הרצויים:

  1. בראש החלון יש לבחור בפורמט הנדרש (A).

  2. לאחר יש לבחור בהגדרות הפורמט שנבחר (B).

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

  4. שיטת דגימת הקובץ (Resample) (C) בעת שינוי המימדים:

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

Export as-Site.png
Export Sizes.png

09 ייצוא במידות שונות

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

  1. כדי לעשות זאת יש ללחוץ על כפתור ההוספה (+) הממוקמת בקטגוריה Scale All שבראש חלון הייצוא (A).

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

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

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

  5. ראוי לציין בשלב זה שניתן לקבוע את מאפייני הקובץ (פורמט, איכות, שיעור הגדלה/הקטנה וכו׳) בצידו הימני של חלון התוכנה (D).

צבעים רחב (PNG24). לא תמיד יש צורך בשמירה באיכות גבוהה ולכן כדאי לבחון שמירה בפורמט PNG כשהאפשרות Smaller File (8-bit) מסומנת. שמירה בפורמט JPEG כרוכה בדחיסה שתוצאתה איבוד איכות. יחד עם זאת ניתן לצפות באיכות התמונה בחלון התצוגה המקדימה בחלון הפקודה Export as. אם רמת הדחיסה גבוהה ואיכות התמונה לא נפגמת באופן בולט לעין (ב-100% תצוגה)- יתכן ובחירה בפורמט זה תהיה יעילה ונכונה לתמונה זו. שימו לב שעל אף הפופולאריות ארוכת השנים של פורמט GIF- יעילותו לרוב נמוכה מפורמט PNG. יתרונו של פורמט זה, נכון להיום, הוא בתמיכה באנימציה. מאמר הכולל מידע מפורט אודות פורמטים בפוטושופ ניתן לקרוא באתר.

10 המרכיב החשוב ביותר בייצוא

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

תגיות: פוטושופ, ייצוא, אילוסטרייטור, פורמט, שכבות, העדפות, Export, Generator, PNG24, PNG8, JPEG, Giff, Video, Assets, Export as  PhotoshopMaster, Yigal Levi, Format, Compresssion, יגאל לוי, פוטושופמאסטר, המדריך המלא, דחיסה, Generate

bottom of page