Comment faire une carte d`image en utilisant photoshop

<div itemprop="description" class="intro marginTop" data-module="article-intro">

Lorsque vous cliquez sur une partie d`une image de site Web et votre navigateur saute à une autre page Web, une carte d`image est probablement responsable de cette action. Les concepteurs de site peuvent écrire un code HTML qui crée des points chauds cliquables sur une image. Construire des cartes d`image à la main prend du temps parce que vous devez identifier les coordonnées exactes de chaque point chaud. Avec l`outil Slice dans Photoshop, vous dessinez des points chauds sur une image pour générer le code HTML, vous devez automatiquement.

Créer une image Carte

  1. Lancez Photoshop et ouvrez une image que vous souhaitez convertir en une carte d`image. Cliquez et maintenez le "Surgir" outil pour afficher un menu contenant d`autres outils. Clique le "Tranche" outil pour le sélectionner.

  2. Cliquez sur un point à l`intérieur de l`image et faites glisser l`outil Slice pour dessiner un cadre de sélection autour de la partie de l`image que vous voulez faire cliquable. Photoshop attire supplémentaires "tranches auto" dans d`autres parties de l`image. Ces tranches auto veiller à ce que toutes les parties d`une image sont incluses dans une tranche.

  3. droite, cliquez dans la découpe créée et sélectionnez "Modifier les options Slice" pour ouvrir la fenêtre Options de tranche. Tapez l`URL que vous souhaitez associer à la tranche. Vous pouvez également remplacer le nom par défaut que Photoshop a donné la tranche en tapant un nouveau dans le "prénom" zone de texte.




  4. Cliquez "D`accord" pour fermer la fenêtre Options de tranche et revenir à l`image. Cliquez sur un autre point à l`intérieur de l`image et faites glisser l`outil Slice pour créer des tranches supplémentaires au besoin.

Ajuster l`image Carte Slices

  1. Sélectionnez le "Slice Outil de sélection" à partir de la barre d`outils et cliquez à l`intérieur d`une tranche que vous souhaitez déplacer.

  2. Maintenez le bouton gauche de la souris et faites glisser la tranche vers un nouvel emplacement.

  3. Maintenez le curseur de la souris sur l`un des bords de la tranche et une ligne avec des flèches à chaque extrémité apparaît. Cliquez sur cette ligne, maintenez enfoncé le bouton gauche de la souris et faites glisser la souris si vous avez besoin de faire la tranche plus ou moins important.

Enregistrer l`image Carte

  1. Cliquez "Fichier" suivi par "Enregistrer pour le Web" pour ouvrir la fenêtre Enregistrer pour le Web.

  2. Cliquez "Preset" et sélectionnez l`une des options de type de fichier qui apparaissent. Les choix incluent GIF 128 Dithered, JPEG haute et PNG-24.

  3. Cliquez "sauvegarder" pour ouvrir une fenêtre qui affiche les fichiers et dossiers de votre disque dur. Accédez au dossier où vous souhaitez enregistrer les fichiers de carte d`image et tapez un nom pour la carte de l`image dans la zone de texte Nom de fichier.

  4. Clique le "Format" menu déroulant et sélectionnez "HTML et images." Cliquez "sauvegarder" pour enregistrer tous les fichiers dans le dossier que vous avez spécifié.

Conseils & Avertissements

  • Photoshop enregistre chaque tranche comme une image séparée dans un dossier d`images. Le programme permet aussi d`économiser un document HTML qui a le même nom que le nom que vous avez tapé dans le "Nom de fichier" zone de texte. Si vous trouvez que le fichier HTML dans l`Explorateur de fichiers et double-cliquez sur le fichier, votre navigateur ouvre et affiche votre image carte. Cliquez sur les différentes parties de la carte d`image pour accéder aux URL que vous avez assignées aux tranches. Par exemple, si vous avez divisé une carte des Etats-Unis dans des états en créant une tranche pour chaque état, vous pouvez cliquer sur un état d`aller à l`URL affectée à la tranche de cet état.
  • Donner des tranches des noms significatifs et vous trouverez plus facile de les identifier si jamais vous souhaitez modifier le code HTML généré Photoshop. Par exemple, si vous avez créé une tranche qui entourait l`état de l`Iowa, vous pouvez nommer la tranche Iowa.
  • Vous aurez probablement envie de sauvegarder vos images carte images dans le même format que l`image originale. Par exemple, si elle est un JPEG, choisissez l`une des options JPEG dans le menu Preset déroulant dans la fenêtre Enregistrer pour le Web. Choisir "JPEG Low," par exemple, et Photoshop génère des images JPEG de faible qualité. La qualité de l`image inférieure, plus vite il charge dans un navigateur Web.
  • Cet article est applicable à Adobe Photoshop CC 2014 Version. Certaines informations peuvent varier dans d`autres versions du logiciel.

Les références

Ressources

  • Crédit photo Shironosov / iStock / Getty Images
Technologie / Logiciel / Logiciel graphique

AUTRES

Comment exporter psd css фото

Comment exporter psd css

PSD est le format de fichier pour les fichiers Adobe Photoshop. Photoshop vous permet de générer des feuilles de…

» » » » Comment faire une carte d`image en utilisant photoshop