Hvordan laver et billede Kort Brug af Photoshop

Engage besøgende med image-kort , der fungerer som links. shironosov / iStock / Getty Images

Når du klikker en del af en hjemmeside billede og din browser springer til en anden webside, et billede kort er sandsynligvis ansvarlig for denne handling.Site designere kan skrive HTML-kode, der skaber klikbare hotspots på et billede.Konstruktion grafikobjekter i hånden er tidskrævende, fordi du skal identificere de præcise koordinater for hver hot spot.Med udsnitsværktøjet i Photoshop, du tegner hot spots på et billede for at generere HTML-koden du skal bruge automatisk.

Opret billede Kort

  1. Launch Photoshop og åbne et billede, du ønsker at konvertere til et billede kort.Klik og hold "Crop" værktøj til at få vist en menu, der indeholder andre værktøjer.Klik på "Slice" værktøj til at vælge den.

  2. Klik på et punkt inde i billedet og træk Slice værktøj til at tegne en afgrænsningsramme omkring den del af billedet, du ønsker at gøre klikbare.Photoshop trækker yderligere "automatiske udsnit" omkring andre dele af billedet.Disse auto

    matiske udsnit sikrer, at alle dele af et billede er inkluderet i en skive.

  3. Højreklik inde i skive, du oprettede, og vælg "Rediger Slice Options" for at åbne vinduet Udsnitsindstillinger.Skriv den webadresse, du vil knytte til skive.Du kan også erstatte standardnavnet at Photoshop gav skive ved at skrive en ny i "Navn" tekstfeltet.

  4. Klik på "OK" for at lukke vinduet Udsnitsindstillinger og vende tilbage til billedet.Klik et andet punkt inde i billedet og træk Slice værktøj til at skabe yderligere skiver efter behov.

Juster billede Kort Skiver

  1. Vælg "Slice Select Tool" fra værktøjslinjen og klik inde i et udsnit, du vil flytte.

  2. Hold venstre museknap nede og træk skive til en ny placering.

  3. Hold musemarkøren over en af ​​skive kanter og en linje med pile på hver ende vises.Klik på denne linje, skal du holde venstre museknap nede og træk musen, hvis du har brug for at gøre skive større eller mindre.

Gem billede Kort

  1. Klik på "File" efterfulgt af "Gem til web" for at åbne Gem til web-vinduet.

  2. Klik på "Preset", og vælg en af ​​filtypen indstillinger, der vises.Valg omfatter GIF 128 rastersimuleret, JPEG Høj og PNG-24.

  3. Klik på "Gem" for at åbne et vindue, der viser din harddisk filer og mapper.Gå til den mappe, hvor du vil gemme billedfiler kort filer de og skriv et navn til billedet kortet i Filnavn tekstfeltet.

  4. Klik på "Format" drop-down menuen og vælg "HTML og billeder." Klik på "Gem" for at gemme alle filer til den mappe, du har angivet.

Tips & amp;Advarsler

  • Photoshop gemmer hver skive som et separat billede i en billeder mappe.Programmet sparer også et HTML-dokument, der har samme navn som det navn, du har skrevet i "File Name" tekstfeltet.Hvis du opdager, at HTML-filen i Stifinder og dobbeltklikke på filen, åbnes din browser og viser dit billede kort.Klik forskellige dele af billedet kortet for at navigere til de webadresser, du tildelt de skiver.For eksempel, hvis du delte en amerikansk Kort til stater ved at skabe en skive for hver tilstand, kan du klikke en stat for at gå til den webadresse tildelt denne stats skive.
  • Giv skiver meningsfulde navne, og du vil finde det lettere at identificere dem, hvis du nogensinde ønsker at nappe den HTML-kode, Photoshop genereret.For eksempel, hvis du har oprettet en skive, der omgav staten Iowa, kan du navngive skive Iowa.
  • Du vil sikkert gerne gemme billedet kort billeder i samme format som det originale billede.For eksempel, hvis det er en JPEG, vælge en af ​​JPEG indstillinger fra Preset drop-down menuen i Gem til web-vinduet.Vælg "JPEG Low", for eksempel, og Photoshop genererer lav kvalitet JPEG-billeder.Jo lavere et billedes kvalitet, jo hurtigere den indlæser i en webbrowser.
  • Denne artikel gælder for Adobe Photoshop CC 2014-version.Nogle oplysninger kan variere i andre versioner af softwaren.

Ressourcer

  • Photoshop Essentials: Photoshop billede Navigation Tips, tricks og genveje
498
0
1
Grafik Software