Hoe maak je een afbeelding met hyperlinks met behulp van Photoshop



Wanneer u op een gedeelte van de afbeelding van een website en uw browser naar een andere webpagina springt, is een afbeelding met hyperlinks waarschijnlijk verantwoordelijk voor die actie. Ontwerpers van sites kunnen het schrijven van HTML-code waarmee klikbare hotspots op een afbeelding. Met de hand het construeren van afbeeldingen met hyperlinks is tijdrovend, omdat u de exacte coördinaten van elke hot spot moet identificeren. Met het gereedschap segment in Photoshop tekenen u hotspots in een afbeelding te genereren van de HTML-code u automatisch moet.

Afbeelding met hyperlinks maken

  • Start Photoshop en open een afbeelding die u wilt converteren naar een afbeelding met hyperlinks. Klik en houd de "bijsnijden" om een menu met andere hulpprogramma's weer te geven. Klik op de "Slice" knop om deze te selecteren.

  • Klik op een punt binnen de afbeelding en sleept u van de Slice hulpmiddel voor het tekenen van een selectiekader rond het gedeelte van de afbeelding die u wilt maken het aanklikbaar. Photoshop tekent extra "automatische segmenten" rond andere delen van de afbeelding. Deze automatische segmenten zorgen dat alle delen van een afbeelding in een segment worden opgenomen.

  • Klik met de rechtermuisknop binnen het segment dat u hebt gemaakt en selecteer "Segmentopties bewerken" om de Segmentopties-venster te openen. Typ de URL die u wilt koppelen aan het segment. U kunt ook de standaardnaam dat Photoshop gaf het segment door te typen van een nieuwe transactie in het vak "Naam" tekst vervangen.

  • Klik op "OK" om het venster Segmentopties sluiten en terugkeren naar de afbeelding. Klik op een ander punt binnen de afbeelding en sleep het gereedschap segment om extra segmenten maken indien nodig.

Kaart afbeeldingssegmenten aanpassen

  • Selecteer de "segment selecteren" op de werkbalk en klik binnen een segment dat u wilt verplaatsen.

  • Houd de linkermuisknop ingedrukt en sleept u het segment naar een nieuwe locatie.

  • Houd de muiscursor op een van de randen van het segment en verschijnt er een lijn met pijltjes op elk uiteinde. Klik op die regel, houdt u de linkermuisknop ingedrukt en sleep de muis als u wilt het segment groter of kleiner maken.

Opslaan van de afbeelding met hyperlinks

  • Klik op "Bestand" gevolgd door "Opslaan voor Web" het opslaan voor Web-venster openen.

  • Klik op de "Preset" en selecteer een van de opties voor het type van bestanden die worden weergegeven. Keuzes omvatten GIF 128 gerasterde, hoge JPEG en PNG-24.

  • Klik op "Opslaan" te openen van een venster waarin u uw harde schijf bestanden en mappen. Blader naar de map waar u de afbeelding kaart bestanden opslaan en typ een naam voor de afbeelding met hyperlinks in het tekstvak Bestandsnaam.

  • Klik op het "Format" drop-down menu en selecteer "HTML en afbeeldingen." Klik op "Opslaan" om op te slaan van alle bestanden naar de map die u hebt opgegeven.

Tips & waarschuwingen
  • Photoshop slaat ieder segment als een afzonderlijke afbeelding in de map images. Het programma slaat ook een HTML-document dat dezelfde naam heeft als de naam die u hebt getypt in het vak "Bestandsnaam". Als u dat HTML-bestand in de File Explorer vindt en dubbelklik op het bestand, wordt in uw browser geopend en weergegeven van uw afbeelding met hyperlinks. Klik op de verschillende delen van de afbeelding met hyperlinks om naar de URL's die u hebt toegewezen aan de segmenten te navigeren. Bijvoorbeeld, als u een Amerikaanse kaart verdeeld in Staten door het creëren van een segment voor elke staat, kunt u een staat om te gaan naar de URL die is toegewezen aan het segment van die lidstaat.
  • Segmenten zinvolle namen te geven en u zult vinden het gemakkelijker om ze te identificeren als u ooit wilt tweaken de HTML-code die Photoshop gegenereerd. Bijvoorbeeld, als u een segment dat de staat Iowa omgeven hebt gemaakt, zou u het segment Iowa kunnen noemen.
  • U zult waarschijnlijk willen uitgezonderd uw spiegelbeeld kaartafbeeldingen in dezelfde indeling als de oorspronkelijke afbeelding. Bijvoorbeeld, als het een JPEG-bestand, kies een van de JPEG-opties in het vervolgkeuzemenu Voorinstelling in het opslaan voor Web-venster. Kies "JPEG lage," bijvoorbeeld, en lage kwaliteit JPEG-afbeeldingen in Photoshop gegenereerd. Hoe lager de kwaliteit van een afbeelding, des te sneller geladen in een webbrowser.
  • Dit artikel is van toepassing op Adobe Photoshop CC, 2014 versie. Sommige informatie kan verschillen in andere versies van de software.

Gerelateerde Artikelen

Hoe maak je een Monogram met behulp van Photoshop

Hoe maak je een Monogram met behulp van Photoshop

Monogrammen kan van een paar gecombineerde initialen of de initialen van de naam van één persoon. Ze zijn populair als opgenomen in trouwfeesten, maar zijn ook prachtig om weergeven op stationaire of in uw home decor. Met behulp van Photoshop te make
Hoe maak je een Mandala met behulp van Photoshop

Hoe maak je een Mandala met behulp van Photoshop

Mandala's lijkt misschien abstract ontwerpen gevuld met eenvoudige vormen, maar hun betekenis dateert van eeuwen. Mandala's zijn gebruikt door de Tibetaanse monniken, kankerpatiënten en mensen die een mentale stress van rust en ontspanning technieken
Hoe maak je een Brochure met behulp van Photoshop

Hoe maak je een Brochure met behulp van Photoshop

Brochures helpen bevorderen van uw bedrijf door een heleboel informatie in een relatief klein pakket dat kan worden gemaild, geplaatst in brochure rekken of links op countertops van de storefront verpakking. Deze veelzijdige marketing stukken kunnen
Hoe maak je een Favicon met behulp van Photoshop Elements 6

Hoe maak je een Favicon met behulp van Photoshop Elements 6

Favicons--die kleine pictogrammen van het logo in uw browser lusjes--een vleugje professionele Poolse aan een website toevoegen. Ze kunnen gebruikers pagina's snel te identificeren wanneer zij meerdere tabbladen hebt geopend, en ze ook helpen om uw s
Hoe maak je een cadeaubon met behulp van Photoshop

Hoe maak je een cadeaubon met behulp van Photoshop

Deze Photoshop tutorial biedt gedetailleerde instructies voor het maken van een professioneel, opvallend cadeaubon voor uw bedrijf of organisatie. Met een beetje hulp van sommige webbronnen, kunt u uw eigen cadeaubonnen maken snel en gemakkelijk.Wat
Hoe maak je een Blog met behulp van Blogger.com

Hoe maak je een Blog met behulp van Blogger.com

Als u op zoek bent om te maken van uw eigen persoonlijke blog, met behulp van Blogger.com, is hier de introductie van een stap voor stap om te beginnen. Leren hoe te registreren voor een account, kies de blognaam van uw, uw pagina ontwerpt en maken b
Hoe maak je een Ebook met behulp van Acrobat Pro

Hoe maak je een Ebook met behulp van Acrobat Pro

Adobe Acrobat Professional is een PDF-editor. Wanneer u een eBook met behulp van Acrobat Pro, is het eBook niet eigenlijk geschreven in de Acrobat-toepassing. Het is geschreven in een word processing toepassing zoals Microsoft Word en wordt vervolgen
Hoe maak je een grafiek met behulp van tabelgegevens in MS Word

Hoe maak je een grafiek met behulp van tabelgegevens in MS Word

Grafieken en diagrammen omzetten in uw tabelgegevens visuele gegevens. Maak een grafiek met behulp van uw gegevens in een tabel in Microsoft Word. Als u Word 2003 hebt, maakt u de grafiek direct in Word. Echter in Word 2007 die functionaliteit is ver
Hoe maak je een scorebord met behulp van PowerPoint

Hoe maak je een scorebord met behulp van PowerPoint

Microsoft PowerPoint-presentaties hoeft niet te worden al werk en geen spel, vooral wanneer de software componenten omvatten vormen die ontwerpen zoals scoreborden tot leven kunnen brengen. Of u wilt opnemen van een spel in uw volgende diavoorstellin
Hoe maak je een DVD met behulp van Google's Picasa 3

Hoe maak je een DVD met behulp van Google's Picasa 3

Het eenvoudig maken van een DVD met behulp van Google's Picasa 3. Deze vakantie maken een cadeau-DVD met behulp van uw favoriete foto's te delen met uw familie en vrienden. Uw gepersonaliseerde DVD van uw favoriete momenten zullen een geschenk dat za
Hoe maak je een Quilt met behulp van een naaivoet

Hoe maak je een Quilt met behulp van een naaivoet

Maken van een quilt met een naaivoet heeft een aantal voordelen. Een van de belangrijkste voordelen is u zal zitten kundig voor uw quilt te voltooien in minder tijd dan conventionele methoden van quilt-maken vereisen. Wanneer u een quilt met een naai
Hoe maak je een doodsbrief met behulp van Microsoft Word

Hoe maak je een doodsbrief met behulp van Microsoft Word

Een lang, gedenkwaardig leven kan nooit worden samengevat in een paar korte woorden. Echter kan een leven vol hoop, ambities, nederlagen en herinneringen worden herinnerd en geëerd in een necrologie. Een doodsbrief is de writer's manier van het erken
Hoe maak je een caleidoscoop met behulp van goedkope materialen

Hoe maak je een caleidoscoop met behulp van goedkope materialen

Caleidoscoop bieden eenvoudige entertainment voor kinderen en volwassenen van alle leeftijden. De caleidoscoop van ontwerp bestaat uit weinig meer dan een buis met een gat voor het kijken naar het licht schijnt door objecten die zijn gevangen in de a
Hoe maak je een puzzel met behulp van MS Word

Hoe maak je een puzzel met behulp van MS Word

U weet misschien dat hij meester van de 1.000 stuk puzzel, maar hoe zou hij tarief ten opzichte van een aangepaste puzzel die u hebt gemaakt? U kunt uw eigen legpuzzels met behulp van Microsoft Word. U maken puzzels door een afbeelding toe te voegen
Hoe maak je een tijdschrift met behulp van Microsoft Word

Hoe maak je een tijdschrift met behulp van Microsoft Word

Maken van een tijdschrift in Microsoft Word is enigszins verschillend van het daarmee in een publishing software zoals Adobe InDesign, maar het is niet volledig ongehoord van. Het kan werken en geven u een solide ogende eindresultaat.Wat die u nodig