Jak zrobić mapę obrazu za pomocą programu Photoshop

Krok 1

Otwórz obraz, który posłuży Ci do utworzenia mapy obrazu w Photoshopie. Obraz powinien być już zoptymalizowany pod kątem Internetu.

Krok 2

Uzyskaj dostęp do komponentu Image Ready w programie Photoshop, naciskając "Shift-Ctrl-M" lub klikając przycisk "Edytuj w obrazie" u dołu skrzynki narzędziowej.

Krok 3

Naciśnij przycisk "P" lub wybierz ikonę narzędzia "Mapa obrazu" w standardowym przyborniku, aby uzyskać dostęp do narzędzia "Mapa obrazu". Przytrzymaj naciśnięte narzędzie "Mapa obrazu", a zobaczysz prostokątny, okrągły lub wielokątny kształt. Wybierz kształt, który najlepiej pasuje do obszaru obrazu, który chcesz użyć jako aktywnego punktu.

Krok 4

Za pomocą myszy kliknij obraz i zaznacz obszar aktywnego punktu, klikając i przeciągając myszą. Po zwolnieniu przycisku myszy Image Ready utworzy nowy aktywny punkt na obrazie.

Krok 5

Otwórz okno opcji mapy obrazu, klikając menu rozwijane "Okno" i wybierając "Mapa obrazu". Użyj opcji "Nazwa", aby nazwać aktywny punkt. Użyj menu rozwijanego "URL", aby podświetlić stronę lokalną lub wprowadź adres zewnętrznej strony internetowej, aby uzyskać dostęp za pośrednictwem tego aktywnego punktu. Użyj menu rozwijanego "Miejsce docelowe", aby podświetlić sposób otwierania linku zewnętrznego. Obszar "Alt" będzie zawierał tekst wyświetlany po umieszczeniu wskaźnika myszy na tym aktywnym punkcie.

Krok 6

Użyj opcji "Wymiary", aby precyzyjnie dostroić pozycję i rozmiar aktywnego punktu. X i Y oznaczają dokładną lokalizację aktywnego punktu za pomocą pikseli pionowych i poziomych. W i H pozwalają określić rozmiar aktywnego punktu za pomocą liczby pikseli.

Krok 7

Powtórz kroki 4, 5 i 6 dla każdego aktywnego punktu, który chcesz utworzyć.

Krok 8

Naciśnij "Ctrl-Shift-Alt-S" lub wybierz menu "Plik" i wybierz "Zapisz zoptymalizowany jako". Wprowadź nazwę pliku i upewnij się, że "HTML i obrazy" pojawiają się w sekcji "Zapisz jako typ". Kliknij "Zapisz", aby zakończyć proces przechowywania pliku. Spowoduje to utworzenie pliku HTML i skojarzonego folderu dla obrazów.

Krok 9

Kliknij nowo utworzony plik HTML, aby przetestować działanie nowej mapy obrazu.