Det er mange måter å lage en nettside med web-applikasjoner som Deamweaver eller Frontpage, eller selv hånd -kodet HTML. Men hvis du ønsker at nettstedet skal være grafisk tiltalende , komponer layout i Photoshop. vil det være mye lettere å redigere senere også. Du trenger å designe en logo , header , ikoner , knapper , bilder /fotografier , annonser ( hvis nødvendig) , farger, fonter og tekstur . Lag en mock -up på forhånd, før du implementerer HTML. Hvis du allerede har ideer til ditt nettsted komposisjon , skisse det på et stykke papir . Instruksjoner
Design grafiske nettsteder med Photoshop
en

Gå til Fil> Ny. Input bredde : 800 piksler , høyde : 600 piksler . Sett oppløsningen til 72 piksler /tomme , RGB farge 8bit . Sett bakgrunnen innholdet til gjennomsiktig. Klikk på OK.
2

Lag overskriften og navigasjon design. Ta med en logo , banner ad -området, noe grafikk og navigasjonsknappene. Gjør header høyde 150 piksler, og 30 piksler for knapper . Plasser logo og banner grafikk i de resterende området. Legge til plassholdere for tekst .
3

Velg en logo bilde fra jeg lager . Gå til comp image link som har et vannmerke på bildet . Høyreklikk på bildet og velg kopier bilde. Velg Photoshop vinduet og filen du arbeider på . Lim inn bildet på det nye laget . Gå til Rediger> Transformer> Scale . Hold nede Skift-tasten for å opprettholde andelen , og endre størrelsen på bildet . Velg et parti du vil med det rektangulære Marquee Tool , trykker kontroll ( kommandoen i Mac ) + shift og jeg nøklene invertere utvalget . Trykk kontroll ( kommandoen i Mac ) + d for å fjerne markeringen . Deretter trykke på slettetasten for å fjerne resten av bildet .
4

Lag knapper for web navigasjon. Velg tekstverktøyet i Photoshop . Dra tekstboksen på skjermen og skriv inn et navn for knapp, for eksempel hjemme eller kontakt oss .
5

Design utformingen av innholdet i kroppen området. Hvis nettstedet har mange lenker , bruke venstre kolonne for ekstra lenker . Velg tekstverktøyet . Klikk og dra tekstboksen på lerretet . Plasser brødtekst i hovedinnholdsområdet av lerretet . Legg noen dummy tekst fra Loren Ipsum som et sted holderen. Du vil erstatte denne teksten på et senere tidspunkt når du er klar til å skrive webinnhold.
6

Legg bunntekst innholdet under de viktigste innholdet . Disse vil inkludere bedriftens logo , copyright tekst og en kopi av lenkene i spissen.
7

Place siste nyhetene, kunngjøringer , pressemelding oppsummering og kampanjer eller annonser i høyre kolonne av ditt nettsted layout.
8

Lag en fold linje 600 piksler i høyden .
9

Optimalisere bildene du vil publisere på nettstedet ditt . Skjær bildene med Slice verktøyet.
10

Klikk Fil-menyen . Klikk på Lagre for Web. Skyv kvalitet glidebryteren til å justere bildekvaliteten og filstørrelse. Klikk på Lagre .
11

Dobbeltklikk på HTML -fil ( Photoshop skaper bildene mappen og HTML -filen i samme katalog . ) Sjekk din webside layout i din nettleser . Du bør ha en ferdig nettside i Photoshop på skjermen.