חלץ Photoshop: ייצור גרפיקה נייד הולך על

01 מתוך 08

מה הוא חלץ נכסים

יצירת comp ב Photoshop.

התכונה החדשה Extract Assets של Photoshop CC 2014 רצועות עוקב אחר על זרימת עבודה מייגע אחרת של יצירת תמונה עבור עיצוב אינטרנט תגובה (RWD). בואו נסתכל איך פקודת נכסי Extract יכול במהירות להקטין את דף האינטרנט comp לנכסים מוכנים הרכבה בתוך כמה דקות.

נתחיל עם שאלה ברורה: מה זה חלץ נכסים?

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

בואו נתחיל.

02 מתוך 08

פתח קובץ Photoshop .psd

אנו מתחילים עם דף אינטרנט comp מוכן Photoshop.

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

03 מתוך 08

שתי דרכים לחלץ נכסים

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

שלא כמו Generate, שגם מחלץ אובייקטים באמצעות הוספת הרחבה גרפית לשכבת שם, Extract Assets משתמש בממשק שניתן להגיע אליו על ידי לחיצה ימנית על שכבה או בחירת שכבה ובחירת קובץ> חלץ נכסים .

04 מתוך 08

ממשק חלץ הנכסים

תיבת הדו-שיח Extract Assets (חלץ נכסים).

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

05 מתוך 08

מחלץ תמונת SVG

מחלץ תמונת svg.

Photoshop אינה מטפלת בתמונות svg כל כך היטב, ודפדפנים והתקנים אינם יכולים להציג תמונה של Illustrator. זה הביא לעלייה של קבצי svg בשימוש עבור גרפיקה וקטורית כגון לוגו Illustrator שמוצג כאן. להיות וקטורים הפתרון שלהם הוא מכשיר עצמאית משמעות הם יכולים להיות מדורגים ללא אובדן של פרטים או תמונה. כדי להמיר את האובייקט החכם של Illustrator ל- svg, בחר svg מהקופץ למטה ולחץ על Extract .

06 מתוך 08

תהליך החילוץ של הנכסים

תמונות ממוקמות בתיקייה באותו מקום כמו תמונה .psd.

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

07 מתוך 08

לחצן הגדרות האם החבר החדש שלך הכי טוב

איזון רזולוציית המכשיר.

לחיצה על הלחצן Settings ( הגדרות) פותחת תיבת דו-שיח Settings (הגדרות) שהיא שימושית ביותר. ההגדרות בצד שמאל הן גורמי קנה המידה. מה שהם עושים הוא ליצור את העותקים השונים של התמונה מפתח ישתמש בשאילתות מדיה למקד את רזולוציית המסך של מכשיר מסוים. לדוגמה, את הגירסה 3x יהיה ממוקד התצוגה iPhone או iPad Retina ואילו גורם 1.25 יהיה הצביע על מכשיר אנדרואיד. הסיומת מתווספת לסוף שם הקובץ כדי לאפשר למפתח שלך לזהות בקלות את התמונה לשימוש בשאילתת מדיה. לאחר שתסיים, לחץ על הלחצן אישור והבחירות שלך יידלקו באזור 'חלץ נכסים' בתיבת הדו-שיח. ניתן גם לגשת להגדרה על ידי לחיצה על סמל גלגל השיניים באזור 'חלץ נכסים' בצד ימין של הממשק

08 מתוך 08

מסיים

תמונות מרובות עם פורמטים שונים ורזולוציות מחולקים.

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