Hvordan lage en side i Photoshop for Web

Når du oppretter en Web-side, mange mennesker ved hjelp av programvare tur til tradisjonelle programmer som Frontpage, Dreamweaver eller Expression Web. Men Adobe Photoshop kan også brukes til å lage en fullt fungerende nettside. Ved hjelp av Photoshop for dette formålet har den fordelen at du har mange og allsidige grafiske verktøy for Photoshop på hånden når du oppretter din webside, slik at du kan designe et virkelig profesjonelt utseende layout.

Bruksanvisning

1 Brainstorm om hva du vil at websiden skal se ut. Hensikten du har for området vil ha en stor innvirkning på sidene utseende. For eksempel, hvis din webside er for en bedrift, vil du ønsker en enkel, ren layout som bruker bare noen få farger konsekvent gjennom hele design.

2 Laste noen bilder eller bilder du vil legge til websiden på din datamaskin.

3 Åpne Photoshop. Velg "File" og klikk "Ny". Dokumentet dimensjonering dialogboksen åpnes. Gjør pixel bredde og høyde tall hva du ønsker for din webside. Siden 1024 x 768 er den vanligste innstillingen på skjermer, kan det være lurt å gå med dette.

4 Velg "Paintbucket" verktøyet og bruke den til å fylle lerretet med farge eller mønster du ønsker for din bakgrunn (selv om det er vanligvis best å holde seg med hvitt). Klikk på ikonet "Nytt lag" på bunnen av "Lag" panel.

5 Velg "Marquue" markeringsverktøy fra verktøylinjen. Tegn et utvalg ut på lerretet der du vil ha banneret. Velg "Paintbucket" verktøyet og bruke den til å fylle banner med hva fargen du ønsker. Hvis du vil, kan du bruke "Blending Options" på bunnen av "lag" panel for å legge til en "Skråkant og preg" eller "Drop Shadow" effekt på banneret.

6 Bruk samme metode som brukes i trinn 5 for å lage alle knapper og navigasjon barer for din webside.

7 Åpne noen bilder du ønsker å legge til din banner og "Kopier" og "Lim inn" dem inn i Web-side i dokumentet. Endre størrelse og plassere dem over banneret.

8 Velg "Text" -verktøyet og satt i all tekst for siden din.

9 Velg "Slice" verktøy fra verktøylinjen og bruke den til å skjære opp design, lage skiver rundt deg navigasjonsknapper og alt annet du måtte ønske å være klikkbare. Navngi hver skive.

10 Velg "File" og klikk "Save for Web eller enheter." Navn websiden filen, og Photoshop vil spare ut en mappe med skiver bilder og en nettside kan du nå laste.