Adobe Photoshop geeft webdesigners gemakkelijke manieren om te creëren en code graphics . Of u een sidebar of header met meerdere links nodig , de slice tool kunt u knippen van een afbeelding , voegt code voor koppelingen en naadloos slaan de plakjes afbeelding allemaal samen. Photoshop organiseert ook en noemt elke slice , zodat je kunt bijhouden van elke link die u maakt te houden . Instructies
1 Open een afbeelding voor het snijden in Photoshop . Voeg eventuele effecten alvorens te snijden en op te slaan . Kopen van 2 Klik op de functie " Slice " uit de toolbox aan de linkerkant. De functie " Slice " ziet eruit als een zijdelingse pen zich onder de functie " Crop "
3 Klik en sleep vakken rond waar je wilt code links voor uw grafische - . Bijvoorbeeld , als je header graphics hebben tekst die staan voor links. Sleep aparte kaders rond elk stukje tekst . De slice gereedschap voegt aantallen en schetst elke doos in blauw .
4 Rechtsklik op het eerste schijfje in en klik op ' Bewerken slice opties . " Voer de code voor uw links in dit dialoogvenster . Voer waarden in voor " URL ", " Target ", "text Message " en "Alt -tag . " Voer alleen een waarde voor de URL als u niet de andere waarden nodig .
5 Enter " _blank " voor " Target " te dwingen een nieuw venster te openen wanneer erop wordt geklikt . Stel " Bericht tekst" om een zin over te geven de link. Typ een uitdrukking voor " Alt tag ' te verschijnen wanneer een muisaanwijzer boven de link . Klik op ' OK ' als u klaar bent .
6 Klik op " File " en selecteer "Opslaan voor web en apparaten . " Kies het bestandsformaat preset uit de rechterbovenhoek . Een . PNG-formaat is nodig voor afbeeldingen met transparantie . Klik op ' Opslaan ' als u klaar bent .
7 Open uw internetbrowser . Klik op " File " en "Open . " Vind uw gesegmenteerde afbeelding en dubbelklik om te openen . Uw gesneden beeld zal laden voor een voorbeeld. Test de links op de afbeelding voor het toevoegen aan uw blog of template .
|
