Tags:    grafik Med denne artikel vil jeg lære dig at lave et professionelt udseende layout i Adobe Photoshop 7 (6 kan vist bruges). Lad os komme igang !

Baggrunden og de grundlæggende ting

Start med at lave et nyt billede. Det skal være 1000 pixels i bredden, og ca. 600 i højden.
Nu skal du finde den farve du vil have som baggrund, og som gerne skal gå igen på hele layoutet sammen med 1 anden farve.
Jeg har valgt den mørkerøde #C2000000 sammen med en sort/mørkegrå (#232323).
Nu farver vi det nederste lag med den mørkerøde, ved vælge #C2000000 som den øverste af vores 2 farver og trykke ALT+Backspace eller tage malerbøtten (genvejstast G) og male det som man plejer.

Banneret

Vælg nu Rectangular Marquee Tool (Det rektangulære Markeringsværktøj ),
og sæt størrelsen til 1000 i bredden, og omkring 200 i højden. Så laver du en markering allerhøjest oppe i dokumentet, og skaber et nyt layer.



Så trykker du D for at nulstille farverne, og tager så Filter--> Render--> Clouds, og så Filter--> Render--> Difference Clouds. Tryk nu CTRL+F 3 gange for at gentage effekten 3 gange mere. Så burde du have noget lignende dette her:



Nu skal du trykke CTRL+L og sætte indstillingerne ca. som de ser ud her:



Så har du noget, der egentlig allerede ser ret fedt ud, synes du ikke ?
Nå, men nu skal vi videre med det lidt mere indviklede. Gå ind i Filter--> Brush Strokes--> Accented Edges, og sæt indstillingerne sådan her:



Derefter skal vi ind i Edit--> Fade Accented Edges. Sæt skyderen på ca. 40%.
Nu duplikerer du dit layer, og med det øverste lag skal vi ind i Filter--> Blur--> Motion Blur, hvor indstillingerne skal være sådan:



Så tager du det øverste layer igen, og trykker CTRL+U:



Nu går turen så til det andet layer (det originale banner-layer), der nu bare skal farves sort. Så er det ellers op til dig mht. teksten og hvad der nu ellers mere skal være på banneret !
Dit layout skulle nu gerne se sådan ud ind til videre:


(billedet er beskåret kraftigt)

Interfacet

Vi skal lige have en lille "bar" til at skille banneret fra resten af layoutet. Det kan gøres hurtigt ved hjælp af en gradient og de rigtige farver:
Vælg Rectangle Marquee Tool igen.
Denne gang skal størrelsen sættes til 1000 i bredden og 15 i højden:



Lav et nyt layer allerøverst.
Tag nu Gradient Tool og vælg din baggrundsfarve sammen med en farve, der er lidt mørkere. I mit eksempel er det #C20000 sammen med #960101.
Så trækker du en lige markering (hold Shift nede mens du trækker linjen) fra toppen til bunden af markeringen.
Vælg nu Stroke under Layer Settings:






Nu skal vi så til at lave menuen.
Opret et nyt layer, næstnederst (over baggrunden).
Til det tager vi Rectangle Marquee Tool (den er populær, hva'?).
Herefter sætter du størrelsen på 200 (? - afhænger af, hvor stor du vil have din menu) og højden på 500 pixels. Så placerer du markeringen helt ude i venstre side, sådan her :



Så skal markeringen fyldes. Til det bruger vi en ganske almindelig sort farve. Det smarte, vi skal til at gøre nu, er at sætte dens "fill" ned:



Så mangler vi bare en Layer Settings--> Stroke (samme som før), og så er menuen ordnet !

Nu er dit layout egentlig færdigt, men du kan selvføleglig lave andre ting på det også, fx at lave en boks til indholdet også, ved hjælp af samme metode som menuen. Det er op til din fantasi (og dine evner) !

Mit resultat (efter en smule tilføjelse):


(billedet er sat ned i størrelse og blevet beskåret).

Jeg håber I får lavet en masse gode layouts ved hjælp af denne tutorial !

Hvad synes du om denne artikel? Giv din mening til kende ved at stemme via pilene til venstre og/eller lægge en kommentar herunder.

Del også gerne artiklen med dine Facebook venner:  

Karma barometer (30 dage)

IT jobs | Kontakt | Om Udvikleren.dk | Om karma | IT nyheds arkiv | Annoncering

X