Ved oprettelsen af et websted er scenen med gengivelse af sidedesign meget vigtig, som efterfølgende bliver typesat og offentliggjort på netværket. I denne artikel lærer du, hvordan du bruger Adobe Photoshop til at tegne et kompetent layout til et websted, på baggrund af hvilket du senere kan danne mere komplekse layouts.
Er det nødvendigt
Adobe Photoshop-program
Instruktioner
Trin 1
Opret en ny fil i Photoshop (Ctrl + N) med dimensionerne 1040x1400, hvor 1400 er højden. Tænd displayet for linealer (Ctrl + R), og indstil pixels som måleenheder i linealindstillingerne.
Trin 2
Begynd at strække guiderne, så de passer til rammerne for layoutkasserne. Stræk sidekanterne, så 40 pixels er tilbage til kanterne. De øverste og nederste kanter skal også lade 40 pixels være på hver side til baggrundens kanter.
Trin 3
Vælg derefter en guide, der er 200 px ned fra toppen af baggrunden til det øverste overskrift.
Trin 4
For at danne sidebjælkerne til venstre og højre for layoutet skal du indstille styrene 240 pixels fra baggrundsgrænsen til venstre og 800 til højre.
Trin 5
5px indad fra venstre og højre sidebjælker og træk yderligere to lodrette guider. Træk derefter yderligere to hjælpelinjer 245 px til venstre og 795 px til højre.
Trin 6
Mål nu fra kanten af overskriften 30 pixel, og tegn en vandret guide til den vandrette menu.
Trin 7
Vælg det smalle område i den vandrette menu, som du lige har markeret med et rektangulært valg ved hjælp af M-tasten. Vælg påfyldningsværktøjet, og udfyld området med en neutral lysegrå farve.
Trin 8
Vælg påfyldningsværktøjet, og udfyld området med en neutral lysegrå farve. Klik på menuen "Select-Modify-Compress", angiv en 1-pixel-indstilling og klik på "OK". Fyld området med en lysere grå nuance - du får en menuramme.
Trin 9
Opret et nyt lag, og vælg et passende billede til webstedets ikon eller logo, og åbn det derefter.
Trin 10
Indsæt et billede på et nyt lag i overskriften, og placer det på venstre kant. Til højre for billedet skal du skrive teksttitlen på webstedet ved hjælp af en hvilken som helst skrifttype.
Trin 11
Design dine webstedsblokke i samme farveskema som den nyoprettede header. Vælg området på venstre sidepanel, og udfør de samme tofarvede udfyldningsoperationer på det som med menublokken.
Trin 12
Gør det samme med den centerbrede indholdsblok. Kopier det venstre sidebjælkelag, og placer det som det højre sidebjælke.
Trin 13
Føj tekst til dit layout - vælg en neutral skrifttype, og udfyld menutitlerne, nyhedseksempler, fotos, tags og links.
Trin 14
Afslut layoutet ved at oprette en "sidefod" eller sidefod - skriv dine ophavsret og dine kontakter ned.
