הפעל את Photoshop ופתח תמונה שברצונך להמיר למפת תמונה. לחץ והחזק את הכלי "חתוך" כדי להציג תפריט המכיל כלים אחרים. לחץ על הכלי "פרוסה" כדי לבחור בו.
לחץ על נקודה בתוך התמונה וגרור את הכלי Slice כדי לצייר תיבה תוחמת מסביב לחלק של התמונה שברצונך להפוך ללחוץ. Photoshop מצייר "פרוסות אוטומטיות" נוספות סביב חלקים אחרים של התמונה. פרוסות אוטומטיות אלו מבטיחות שכל חלקי התמונה נכללים בפרוסה.
לחץ לחיצה ימנית בתוך הפרוסה שיצרת ובחר "ערוך אפשרויות פרוסה" כדי לפתוח את חלון אפשרויות הפרוסה. הקלד את כתובת האתר שברצונך לשייך לפרוסה. אתה יכול גם להחליף את שם ברירת המחדל שפוטושופ נתנה לפרוסה על ידי הקלדת שם חדש בתיבת הטקסט "שם".
לחץ על "אישור" כדי לסגור את חלון אפשרויות הפרוסה ולחזור לתמונה. לחץ על נקודה נוספת בתוך התמונה וגרור את הכלי Slice כדי ליצור פרוסות נוספות לפי הצורך.
בחר את "כלי בחירת פרוסה" מסרגל הכלים ולחץ בתוך פרוסה שברצונך להעביר.
החזק את לחצן העכבר השמאלי לחוץ וגרור את הפרוסה למיקום חדש.
החזק את סמן העכבר מעל אחד מקצוות הפרוסה ויופיע קו עם חיצים בכל קצה. לחץ על הקו הזה, החזק את לחצן העכבר השמאלי לחוץ וגרור את העכבר אם אתה צריך להגדיל או להקטין את הפרוסה.
לחץ על "קובץ" ואחריו "שמור לאינטרנט" כדי לפתוח את חלון שמירה לאינטרנט.
לחץ על "הגדרה מראש" ובחר באחת מאפשרויות סוג הקובץ המופיעות. האפשרויות כוללות GIF 128 Dithered, JPEG High ו-PNG-24.
לחץ על "שמור" כדי לפתוח חלון המציג את הקבצים והתיקיות של הכונן הקשיח שלך. דפדף לתיקיה שבה ברצונך לשמור את קובצי מפת התמונה והקלד שם למפת התמונה בתיבת הטקסט שם קובץ.
לחץ על התפריט הנפתח "פורמט" ובחר "HTML ותמונות". לחץ על "שמור" כדי לשמור את כל הקבצים בתיקייה שציינת.
Photoshop שומר כל פרוסה כתמונה נפרדת בתיקיית תמונות. התוכנית גם שומרת מסמך HTML בעל שם זהה לשם שהקלדת בתיבת הטקסט "שם קובץ". אם תמצא את קובץ ה-HTML הזה בסייר הקבצים ולחץ פעמיים על הקובץ, הדפדפן שלך ייפתח ויציג את מפת התמונה שלך. לחץ על חלקים שונים של מפת התמונה כדי לנווט לכתובות האתרים שהקצית לפרוסות. לדוגמה, אם חילקת מפה של ארה"ב למדינות על ידי יצירת פרוסה עבור כל מדינה, תוכל ללחוץ על מדינה כדי לעבור לכתובת ה-URL שהוקצתה לפרוסה של אותה מדינה.
תן לפרוסות שמות משמעותיים ויהיה לך קל יותר לזהות אותם אם תרצה אי פעם לצבוט את קוד ה-HTML שפוטושופ יצרה. לדוגמה, אם יצרת פרוסה שהקיפה את מדינת איווה, תוכל לקרוא לפרוסה איווה.
סביר להניח שתרצה לשמור את תמונות מפת התמונה שלך באותו פורמט כמו התמונה המקורית. לדוגמה, אם זה JPEG, בחר באחת מאפשרויות ה-JPEG מהתפריט הנפתח Preset בחלון Save for Web. בחר "JPEG Low", למשל, ופוטושופ מייצר תמונות JPEG באיכות נמוכה. ככל שהאיכות של תמונה נמוכה יותר, כך היא נטענת מהר יותר בדפדפן אינטרנט.
מאמר זה חל על Adobe Photoshop CC, גרסת 2014. מידע מסוים עשוי להשתנות בגרסאות אחרות של התוכנה.
