Uruchom program Photoshop i otwórz obraz, który chcesz przekonwertować na mapę obrazu. Kliknij i przytrzymaj narzędzie „Przytnij”, aby wyświetlić menu zawierające inne narzędzia. Kliknij narzędzie „Slice”, aby je wybrać.
Kliknij punkt wewnątrz obrazu i przeciągnij narzędzie Cięcie na plasterki, aby narysować obwiednię wokół części obrazu, którą chcesz udostępnić do klikania. Program Photoshop rysuje dodatkowe „auto-plasterki” wokół innych części obrazu. Te automatyczne plasterki zapewniają, że wszystkie części obrazu są zawarte w plasterku.
Kliknij prawym przyciskiem myszy wewnątrz utworzonego plasterka i wybierz „Edytuj opcje plasterka”, aby otworzyć okno Opcje plasterka. Wpisz adres URL, który chcesz powiązać z plasterkiem. Możesz także zastąpić domyślną nazwę, którą Photoshop nadał plasterkowi, wpisując nową w polu tekstowym „Nazwa”.
Kliknij "OK", aby zamknąć okno Opcje plasterka i powrócić do obrazu. Kliknij inny punkt wewnątrz obrazu i przeciągnij narzędzie Cięcie na plasterki, aby w razie potrzeby utworzyć dodatkowe plasterki.
Wybierz „Narzędzie zaznaczania plasterków” z paska narzędzi i kliknij wewnątrz plasterka, który chcesz przenieść.
Przytrzymaj lewy przycisk myszy i przeciągnij plasterek w nowe miejsce.
Przytrzymaj kursor myszy nad jedną z krawędzi plasterka, a na każdym końcu pojawi się linia ze strzałkami. Kliknij tę linię, przytrzymaj lewy przycisk myszy i przeciągnij myszą, jeśli chcesz, aby plasterek był większy lub mniejszy.
Kliknij „Plik”, a następnie „Zapisz dla Internetu”, aby otworzyć okno Zapisz dla Internetu.
Kliknij „Preset” i wybierz jedną z wyświetlonych opcji typu pliku. Dostępne opcje to GIF 128 Dithered, JPEG High i PNG-24.
Kliknij „Zapisz”, aby otworzyć okno wyświetlające pliki i foldery na dysku twardym. Przejdź do folderu, w którym chcesz zapisać pliki mapy obrazu i wpisz nazwę mapy obrazu w polu tekstowym Nazwa pliku.
Kliknij menu rozwijane „Format” i wybierz „HTML i obrazy”. Kliknij „Zapisz”, aby zapisać wszystkie pliki w określonym folderze.
Program Photoshop zapisuje każdy plasterek jako osobny obraz w folderze obrazów. Program zapisuje również dokument HTML, który ma taką samą nazwę jak nazwa wpisana w polu tekstowym "Nazwa pliku". Jeśli znajdziesz ten plik HTML w Eksploratorze plików i dwukrotnie go klikniesz, przeglądarka otworzy się i wyświetli mapę obrazu. Klikaj różne części mapy obrazu, aby przejść do adresów URL przypisanych do plasterków. Na przykład, jeśli podzielisz mapę Stanów Zjednoczonych na stany, tworząc wycinek dla każdego stanu, możesz kliknąć stan, aby przejść do adresu URL przypisanego do wycinka tego stanu.
Nadaj plasterkom znaczące nazwy, a łatwiej będzie je zidentyfikować, jeśli kiedykolwiek zechcesz poprawić kod HTML wygenerowany przez program Photoshop. Na przykład, jeśli utworzysz plasterek, który otacza stan Iowa, możesz nazwać ten plasterek Iowa.
Prawdopodobnie będziesz chciał zapisać obrazy mapy obrazu w tym samym formacie, co oryginalny obraz. Na przykład, jeśli jest to JPEG, wybierz jedną z opcji JPEG z menu rozwijanego Preset w oknie Zapisz dla Internetu. Wybierz na przykład „JPEG Low”, a Photoshop wygeneruje niskiej jakości obrazy JPEG. Im niższa jakość obrazu, tym szybciej ładuje się on w przeglądarce internetowej.
Ten artykuł dotyczy programu Adobe Photoshop CC, wersja 2014. Niektóre informacje mogą się różnić w innych wersjach oprogramowania.
