Hvordan kode & Slice i Photoshop

Adobe Photoshop gir webdesignere enkle måter å lage og kode grafikk. Enten du trenger en sidebar eller header med flere linker, lar skive verktøyet du å kutte opp et bilde, legge til koden for linker og sømløst lagre bildesnitt alle sammen. Photoshop også organiserer og navnene hver skive, slik at du kan holde orden på hver link som du oppretter.

Bruksanvisning

1 Åpne et grafisk for å ha klippet i Photoshop. Legg til eventuelle effekter før du skjærer og lagre.

2 Klikk på "Slice" verktøy fra verktøykassen til venstre. Den "Slice" verktøyet ser ut som en sidelengs penn som ligger under "Crop" -verktøyet.

3 Klikk og dra bokser rundt der du ønsker å kode linker til ditt grafikk - for eksempel hvis hodet grafikk har tekst som står for linker. Dra separate bokser rundt hver del av teksten. Stykket verktøyet legger tall og skisserer hver boks i blått.

4 Høyreklikk på første skive boksen og klikk "Rediger stykkealternativer." Tast koden for koblinger i denne dialogen. Angi verdier for "URL", "Target", "Meldingen" og "Alt tag". Skriv inn bare en verdi for URL hvis du ikke trenger de andre verdiene.

5 Enter "_blank" for "Target" for å tvinge et nytt vindu skal åpnes når du klikker. Sett "Meldingen" til en setning for å vise over koblingen. Skriv inn et uttrykk for "Alt tag" skal vises når musen svever over koblingen. Klikk "OK" når du er ferdig.

6 Klikk på "File" og velg "Lagre for Web og enheter." Velg filformat forhåndsinnstilt fra øverste høyre hjørne. En PNG-format er nødvendig for grafikk med gjennomsiktighet. Klikk "Lagre" når du er ferdig.

7 Åpne nettleseren. Klikk "Fil" og "Open". Finn ditt skiver bildet og dobbeltklikk for å åpne. Din skiver bildet vil laste for en forhåndsvisning. Test linkene på bildet før du legger på bloggen din eller mal.