Hvordan lage en profesjonell webside Header i Photoshop

Hvis du ønsker en mer profesjonell webside, må du ha en anstendig utseende spissen. Du trenger ikke å ansette en webdesigner og betale en masse penger, men: Du kan lage en profesjonell nettside header i Photoshop på svært kort tid, og legge den til din nettside i noen få enkle trinn. Du kan lage hele header ved hjelp av Photoshop, og deretter sette det som bakgrunnsbilde i en tabell øverst på nettstedet ditt, rett under </ head> -taggen.

Bruksanvisning

1 Åpne Photoshop og skape et nytt bilde. Sett bildestørrelsen til 1025 med 150 piksler (på størrelse med den gjennomsnittlige nettstedet header) eller størrelsen på ditt nettsted. Bruk image-size verktøy for å sette bildet til den størrelsen som trengs.

2 Velg avrundet rektangel verktøyet og flytte pekeren til øverst til venstre i bildet. Venstre-klikk og tegne et stort rektangel langs bredden av bildet. Dette vil definere utsiden av spissen.

3 Velg "Layer", "Layer Style" alternativet og velg "Legg til Drop Shadow" fra alternativene. I den nye pop-up vindu, klikker du på boksen ved siden av "Drop Shadow, Indre glød og Ytre glød." Deretter velger du "bevel" alternativet. Rektangelet vil nå bli stylet på en profesjonell måte, med en skygge som gir dybde.

4 Klikk på ikonet "Layer" for å legge et nytt lag.

5 Åpne tekstverktøyet, og dra den over øvre venstre hjørne av bildet. Deretter skriver du inn navnet på nettstedet ditt. Juster størrelsen på skriften og fargen og legge til en stil ved hjelp av tekst-alternativet verktøy på menylinjen.

6 Velg rektangel verktøyet og venstreklikk i langt, øverst i høyre hjørne. Dra pekeren over toppen av hodet for å lage en mindre, øvre navigasjonslinjen.

7 Klikk på "Direct Selection" verktøyet og velg rektangelet ved å venstreklikke på den med pekeren. Små firkanter vises på hjørnene. Klikk på nedre venstre hjørne av formen og dra den mot høyre, og skaper en vinklet kant på denne navigasjonsfeltet.

8 Velg "Fyll" verktøyet for å legge farge til den øverste navigasjonsfeltet. Legg til effekter hvis du vil.

9 Klipp og beskjære bildet til den eksakte størrelsen du vil med "Crop" -verktøyet.

10 Klikk "Fil" og "Lagre for Web og enheter" og lagre dette bildet. Deretter laste det opp til "Bilder" fil på nettstedet ditt.

11 Legg bildet til websidene dine som bakgrunnsbilde i den første raden i den øverste tabellen på ditt nettsted. Den vil vises som header.

Hint

• Legg en tekst navigasjon i tabellen rad, så det vil dukke opp over den lille firkanten du opprettet. Bare bruk <td> koder for å flytte teksten over bordet rad. På denne måten kan du legge til noen ekstra tekst du må ta med i overskriften, i rader eller kolonner over bakgrunnsbilde, som er den nye nettsiden spissen.