Photoshop'u başlatın ve bir görüntü haritasına dönüştürmek istediğiniz bir görüntüyü açın. Diğer araçları içeren bir menüyü görüntülemek için "Kırp" aracını tıklayın ve basılı tutun. Seçmek için "Dilim" aracına tıklayın.
Görüntünün içindeki bir noktayı tıklayın ve görüntünün tıklanabilir yapmak istediğiniz kısmının çevresine bir sınırlayıcı kutu çizmek için Dilim aracını sürükleyin. Photoshop, görüntünün diğer bölümlerinin etrafına ek "otomatik dilimler" çizer. Bu otomatik dilimler, görüntünün tüm bölümlerinin bir dilime dahil edilmesini sağlar.
Oluşturduğunuz dilimin içine sağ tıklayın ve Dilim Seçenekleri penceresini açmak için "Dilim Seçeneklerini Düzenle"yi seçin. Dilimle ilişkilendirmek istediğiniz URL'yi yazın. Photoshop'un dilime verdiği varsayılan adı, "Ad" metin kutusuna yeni bir ad yazarak da değiştirebilirsiniz.
Dilim Seçenekleri penceresini kapatmak ve görüntüye dönmek için "Tamam" ı tıklayın. Görüntünün içinde başka bir noktayı tıklayın ve gerektiğinde ek dilimler oluşturmak için Dilim aracını sürükleyin.
Araç çubuğundan "Dilim Seçme Aracı"nı seçin ve taşımak istediğiniz dilimin içine tıklayın.
Sol fare düğmesini basılı tutun ve dilimi yeni bir konuma sürükleyin.
Fare imlecini dilimin kenarlarından birinin üzerinde tutun ve her iki ucunda ok bulunan bir çizgi belirir. Bu çizgiye tıklayın, farenin sol düğmesini basılı tutun ve dilimi büyütmeniz veya küçültmeniz gerekiyorsa fareyi sürükleyin.
Web için Kaydet penceresini açmak için "Dosya"yı ve ardından "Web için Kaydet"i tıklayın.
"Ön Ayar"a tıklayın ve beliren dosya türü seçeneklerinden birini seçin. Seçenekler arasında GIF 128 Dithered, JPEG High ve PNG-24 bulunur.
Sabit sürücünüzün dosya ve klasörlerini görüntüleyen bir pencere açmak için "Kaydet"i tıklayın. Görüntü haritası dosyalarını kaydetmek istediğiniz klasöre gidin ve Dosya Adı metin kutusuna görüntü haritası için bir ad yazın.
"Biçim" açılır menüsünü tıklayın ve "HTML ve Görseller"i seçin. Tüm dosyaları belirttiğiniz klasöre kaydetmek için "Kaydet"e tıklayın.
Photoshop, her dilimi ayrı bir görüntü olarak bir görüntüler klasörüne kaydeder. Program ayrıca “Dosya Adı” metin kutusuna yazdığınız adla aynı ada sahip bir HTML belgesini de kaydeder. Bu HTML dosyasını Dosya Gezgini'nde bulur ve dosyayı çift tıklarsanız, tarayıcınız açılır ve görüntü haritanızı görüntüler. Dilimlere atadığınız URL'lere gitmek için resim haritasının farklı bölümlerini tıklayın. Örneğin, her eyalet için bir dilim oluşturarak bir ABD Haritasını eyaletlere böldüyseniz, o eyaletin dilimine atanan URL'ye gitmek için bir eyalete tıklayabilirsiniz.
Dilimlere anlamlı adlar verin ve Photoshop'un oluşturduğu HTML kodunu değiştirmek isterseniz bunları tanımlamayı daha kolay bulacaksınız. Örneğin, Iowa eyaletini çevreleyen bir dilim oluşturduysanız, dilime Iowa adını verebilirsiniz.
Muhtemelen resim haritası resimlerinizi orijinal resimle aynı biçimde kaydetmek isteyeceksiniz. Örneğin, bu bir JPEG ise, Web için Kaydet penceresindeki Hazır Ayar açılır menüsünden JPEG seçeneklerinden birini seçin. Örneğin, "JPEG Low"u seçin ve Photoshop düşük kaliteli JPEG görüntüleri oluşturur. Bir görüntünün kalitesi ne kadar düşükse, bir Web tarayıcısında o kadar hızlı yüklenir.
Bu makale Adobe Photoshop CC, 2014 sürümü için geçerlidir. Bazı bilgiler yazılımın diğer sürümlerinde değişiklik gösterebilir.
