Slik eksporterer PSD til CSS

PSD er filformatet for Adobe Photoshop-filer. Photoshop hjelper deg å generere Cascading Style Sheets (CSS) for webbilder. Vise et stort bilde på nettet bremser ned sider. Så det er best å skjære bildet (dele den opp i mindre grafikk) før eksport. For å spare tid, lar Photoshop du tilpasse navnekonvensjonen for skiver og angi hvordan stiler er referert. Du kan eksportere bilder med CSS-kode eller bare eksportere koden.

Bruksanvisning

1 Åpne bildet du ønsker å eksportere som en CSS i Photoshop.

2 Velg "Slice" verktøy fra verktøypaletten.

3 Plasser musen over det området du ønsker å skjære. Tegne en boks rundt området og slipp musen til å lage stykket. Gjenta denne prosessen for å skjære andre områder av bildet.

4 Velg "File" og "Save for Web & Devices" fra menyen. Du er rettet til "Save for Web & Devices" i dialogboksen.

5 Klikk "Lagre" for å generere CSS-koden. "Lagre optimalisert som" dialogboksen åpnes.

6 Endre "Format" drop-down alternativ til "HTML og bilder." Endre "Settings" drop-down alternativ til «Annet».

7 Change "HTML" til "Slices" i rullegardinlisten. Gå til "Slice Output" -delen og velg "generere CSS." Sett "Referert" til "Av ID", "Inline" eller "Ved Class" for CSS-koden. Velg en navnekonvensjon fra "Default Slice Naming" -delen.

8 Klikk på "Lagre". "Lagre Output Settings" dialogboksen åpnes. Navn utdatafilen, og klikk "Lagre" og "OK". Du blir omdirigert til "Lagre optimalisert som" -vinduet.

9 Dobbeltklikk på mappen hvor koden og bilder vil bli lagret. Skriv inn et filnavn og klikk "Lagre".