Hvordan Skjær en PSD CS4 til HTML

Hvordan Skjær en PSD CS4 til HTML


Coding et webområde eller Web-fil kan være en vanskelig oppgave for designere, men ved hjelp av Adobe Photoshop CS4 for å lage Web-filer er et alternativ mange designere overse. En Adobe Photoshop eller et PSD fil lett kan skiver i et HTML-dokument ved de som er kjent med programmet. Dette gjør det mulig for designere å bruke robust Photoshop design software for å lage vakre, men riktig kodet, Web filer med letthet.

Bruksanvisning

1 Åpne dokumentet du ønsker å skjære i Photoshop CS4.

2 Velg skive verktøyet fra verktøylinjen. Stykket verktøyet er i samme gruppe som avlingen alternativ. Hvis det er skjult, klikker og holder nede beskjæringsverktøyet for å avsløre alternativ.

3 Velg en stil innstilling fra alternativlinjen. Du har tre valg: fast størrelse, hvor snittstørrelser er satt av hele tall; fast sideforhold, der høyde og bredde-forhold er forhåndsbestemt, og normal, hvor snitt proporsjoner bestemmes mens du drar markøren for å gjøre dine skiver.

4 Klikk og dra markøren over de delene som du ønsker å skjære dem.

5 Velg File og "Lagre for Web" og i lagringsvinduet velger du "HTML-bilder" for filen utgang mulighet til å opprette en HTML-fil av dokumentet når du er ferdig med å gjøre alle dine skiver. Hvis du gjør noen endringer i dokumentet, må du lagre det på nytt på denne måten og erstatter alle tidligere HTML-fil og de relaterte bilder.

Hint

  • Skjær seksjonene av innholdet som vises i dokumentet. For eksempel, hvis du har en Photoshop-dokument med tekst og bilder, skjære tekst og bilder separat og i Alt beskrivelser for hver skive, legg korte beskrivelser av innholdet.
  • Husk også å skjære seksjoner i henhold til de lenkene de vil ha i sluttdokumentet.
  • For Photoshop-dokumenter med transparente lag, sørg for at bilde-utgang alternativet er enten GIF eller PNG.