Hvordan lage en web-mal i Adobe Photoshop CS3

Adobe Photoshop CS3 er en kraftig Web layout verktøy i tillegg til sine evner som en fotografisk redigering program. Brukere kan opprette maler for websider som skiller de ulike elementene på siden, slik at de kan optimaliseres separat for å maksimere side ytelse. Opprette en web mal i Photoshop CS3 er så enkelt som å lage en layout og bruke programmet "Slice Tool." Photoshop tar seg av grunnleggende HTML-koding og lar deg fokusere på å lage den mest tiltalende websiden mulig.

Bruksanvisning

1 Åpne Photoshop CS3 og velg "File> New" for å opprette en ny lerret. Velg "Web" fra "Preset" drop-down menyen og ønsket sidemal oppløsning i fra "Size" drop-down. Klikk på "OK".

2 Legg visuelle sideelementer som for eksempel fotografier eller andre utenfor kunst ved hjelp av "File> Place" -kommandoen. Du kan endre størrelsen på kunsten ved å klikke og dra ankerpunktene langs markeringsrammen, og du kan flytte den rundt ved å klikke og dra utenfor markeringsrammen. Du kan også legge til visuelle elementene i din egen ved hjelp av Photoshop tegneverktøy som "Brush Tool" og formen verktøyene.

3 Legg tekst til siden din med "Type Tool", som ligger i Verktøy-panelet til venstre på skjermen. Du kan opprette et avsnitt boks som vil begrense området som teksten kan strømme gjennom ved å klikke og dra med verktøyet.

4 Velg "Slice Tool" fra Verktøy Panel. Klikk og dra rundt hvert element av websiden mal for å lage skiver for hver enkelt. Dette vil dele siden din og gjør at du kan optimalisere hvert element for mest mulig effektiv utseende og bruk på nettet.

5 Gå tilbake til "File" -menyen og velg "Lagre for Web og enheter." Pass på at "Hand Tool" er valgt i dialogboksen som vises. Velg et element på siden mal og merk alternativene på høyre side av dialogboksen.

6 Juster visningsformat for hver skive, basert på dine egne preferanser (svart-hvitt og tekstbilder er best lagret som GIF-filer, mens bilder og høy fargebilder er best lagret som JPEG-filer). Juster "Kvalitet" eller "farge" felt for hver skive for å optimalisere lasting tid og skjermytelse på nettet. De fleste bildene vises med liten eller ingen degradering til en mye lavere kvalitet enn standardinnstillingen. Klikk "Lagre" når du har optimalisert hver skive tilsvarende.

7 Skriv inn en tittel og lagringssted for nett mal og kontroller at "Format" -menyen er justert til "HTML og bilder." Klikk på "Lagre".