כיצד ליצור מפת תמונות באמצעות Photoshop

שלב 1

פתח את התמונה שבה תשתמש כדי ליצור את מפת התמונה שלך ב- Photoshop. התמונה צריכה להיות כבר מותאם לאינטרנט.

שלב 2

גש אל הרכיב Image Ready של Photoshop על-ידי הקשה על "Shift-Ctrl-M" או על-ידי לחיצה על הלחצן Edit in Image Ready שבתחתית ארגז הכלים.

שלב 3

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

שלב 4

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

שלב 5

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

שלב 6

השתמש באפשרויות "מימדים" כדי לכוונן את המיקום והגודל של הנקודה הפעילה. X ו- Y מייעדים את המיקום המדויק של הנקודה הפעילה שלך באמצעות פיקסלים אנכיים ואופקיים. W ו- H מאפשרים להגדיר את גודל הנקודה הפעילה שלך באמצעות מספר פיקסלים.

שלב 7

חזור על שלבים 4, 5 ו -6 עבור כל נקודה פעילה שברצונך ליצור.

שלב 8

הקש "Ctrl-Shift-Alt-S" או בחר את התפריט הנפתח "קובץ" ובחר "שמור ממוטב כמו". הזן שם קובץ וודא ש- HTML ותמונות מופיע בסעיף "שמור כסוג". לחץ על "שמור" כדי להשלים את תהליך אחסון הקבצים. פעולה זו יוצרת קובץ HTML ותיקיה משויכת לתמונות.

שלב 9

לחץ על קובץ ה- HTML החדש שנוצר כדי לבדוק את הפעולה של מפת התמונה החדשה שלך.