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

חלוקת עמודי אינטרנט לפרוסות

פרוסות מחלקות תמונה יחידה לתמונות קטנות יותר המורכבות מחדש בעמוד אינטרנט בעזרת טבלת HTML או שכבות CSS. חלוקת התמונה מאפשרת להקצות קישורי URL שונים ליצירת אפשרויות ניווט בעמוד, או למטב כל אחד מחלקי התמונה בעזרת קביעות המיטוב שלו.

ניתן לייצא ולמטב תמונה מחולקת לפרוסות בעזרת הפקודה Save For Web. Photoshop שומרת כל אחת מהפרוסות כקובץ ויוצרת קוד HTML או CSS הדרוש להצגת התמונה המחולקת לפרוסות.

עמוד אינטרנט מחולק לפרוסות ב-Photoshop
עמוד אינטרנט מחולק לפרוסות.

בשעת עבודה עם פרוסות, זכור את העקרונות הבסיסיים הבאים:

  • ניתן ליצור פרוסה בעזרת הכלי Slice או באמצעות יצירת פרוסות מבוססות שכבה.

  • לאחר יצירת פרוסה, ניתן לבחור בה בעזרת הכלי Slice Selection  ולהזיז אותה, לשנות את גודלה, או ליישר אותה לפרוסות אחרות.

  • ניתן לקבוע אפשרויות לכל פרוסה - כגון סוג פרוסה, שם ו-URL - בתיבת הדו-שיח Slice Options.

  • ניתן למטב כל פרוסה בעזרת קביעות מיטוב שונות בתיבת הדו-שיח Save For Web.

סוגי פרוסות

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

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

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

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

פרוסות נוצרות בשיטות שונות:

  • פרוסות אוטומטיות נוצרות באופן אוטומטי.

  • פרוסות משתמש נוצרות בעזרת הכלי Slice.

  • פרוסות מבוססות שכבה נוצרות בעזרת החלונית Layers.

חלוקת עמוד אינטרנט לפרוסות

ניתן לצייר קווי פריסה ישירות על תמונה בעזרת הכלי Slice, או לעצב גרפיקה בעזרת שכבות ולאחר מכן ליצור פרוסות המבוססות על שכבות אלה.

יצירת פרוסה בעזרת הכלי Slice

  1. בחרו בכלי Slice . (לחצו על המקש C כדי לעבור בין כלים אחרים המקובצים עם ה-Crop.)

    כל הפרוסות הקיימות מופיעות אוטומטית בחלון המסמך.

  2. בחר קביעת סגנון בסרגל האפשרויות:

    Normal

    קביעת יחסי גודל פרוסה בשעת גרירה.

    Fixed Aspect Ratio

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

    Fixed Size

    הגדרת גובה ורוחב של פרוסה. הזן ערכי פיקסלים במספרים שלמים.

  3. גרור מעל לאזור שבו ברצונכם ליצור פרוסה. הקש Shift כדי להגביל את הפרוסה לריבוע. הקש Alt ‏(Windows) או Option ‏(Mac OS) תוך כדי גרירה כדי לצייר מהמרכז החוצה. ליישור פרוסה חדשה לקו עזר או לפרוסה אחרת בתמונה, בחר View ‏> Snap To. ראה הזזה, שינוי גודל והצמדה של פרוסות משתמש.

יצירת פרוסות מקווי עזר

  1. הוסף קווי עזר לתמונה.
  2. בחר בכלי Slice, ולחץ על Slices From Guides בסרגל האפשרויות.

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

יצירת פרוסה משכבה

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

יצירת פרוסה משכבה ב-Photoshop
פרוסה מבוססת שכבה מתעדכנת בשעת שינוי שכבת המקור.

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

  1. בחר שכבה בחלונית Layers.
  2. בחר Layer ‏> New layer-based Slice.
הערה:

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

המרת פרוסות אוטומטיות ומבוססות שכבה לפרוסות משתמש

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

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

  1. בחר פרוסה אחת או יותר להמרה בעזרת הכלי Slice Select .
  2. לחץ על Promote בסרגל האפשרויות.

הצגת פרוסות ואפשרויות פרוסה

ניתן להציג פרוסות ב-Photoshop ובתיבת הדו-שיח Save For Web. המאפיינים הבאים עשויים לסייע בזיהוי פרוסות ובהבחנה ביניהן:

קווי פרוסה

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

צבעי פרוסה

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

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

מספרי פרוסות

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

תגי פרוסה

התגים או הסמלים הבאים מציינים תנאים מסוימים.

פרוסת משתמש הכוללת תוכן תמונה.

פרוסת משתמש שאינה כוללת תוכן תמונה.

פרוסה מבוססת שכבה.

הצגה או הסתרה של גבולות פרוסה

  1. בחר View ‏> ‏Show ‏> ‏Slices. להצגה ולהסתרה של פרוסות יחד עם פריטים אחרים, השתמש בפקודה Extras. ראה הצגה או הסתרה של תוספות.

הצג/הסתר פרוסות אוטומטיות

  1. בצע אחת מהפעולות הבאות:
    • בחרו בכלי Slice Select ולחצו על Show Auto Slices או Hide Auto Slices בסרגל האפשרויות.

    • בחרו View ‏> ‏Show ‏> ‏Slices. פרוסות אוטומטיות מופיעות יחד עם שאר הפרוסות.

הצגה או הסתרה של מספרי פרוסות

  1. בצע אחת מהפעולות הבאות:
    • ב-Windows, בחר Edit ‏> Preferences ‏> Guides, Grid & Slices.

    • ב-Mac OS, בחר Photoshop ‏> Preferences ‏> Guides, Grid & Slices.

  2. לחץ על Show Slice Number באפשרות Slices.

שינוי צבע של קווי פרוסה

  1. ב-Windows, בחר Edit ‏> Preferences ‏> Guides,‏ Grid & Slices; ב-Mac OS, בחר Photoshop ‏> Preferences ‏> Guides, Grid & Slices.
  2. באזור Slice Lines, בחר צבע מהתפריט Line Color.

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

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

משתמש חדש?