Ok, i dag skal du lave dette utrolige web-layout.. Jeg synes personligt, det er en af ​​de mest professionelle tuts, jeg har lavet for nylig, men det er op til dig at bedømme. Uanset hvad, her er dit resultat:

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Før du går i gang, har du brug for nogle ressourcer, såsom grungy tekstur og billeder til baggrunden. Vi brugte to billeder og blandede dem, først var en stoftekstur taget fra link. .

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Opret et nyt lærred, 750*602. Indsæt din stoftekstur på lærredet.

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Da vores lærred er meget lyst, skal du gå til Billede >> Justering >> Lysstyrke / Kontrast og reducere både Lysstyrke og Kontrast, som vist på billedet nedenfor.

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Tag noget grungy tekstur. Vi brugte et mørkt papir leveret af nighty.

Indsæt det på det eksisterende stoflærred, og indstil det nye lags opacitet til omkring 30 %.

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Opaciteten kan variere afhængigt af den ønskede effekt. indtil videre ser skabelonens baggrundsgrænseflade sådan ud:

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Vælg værktøjet Rektangulært markeringsramme, og tegn et rektangulært som vist på illustrationen nedenfor:

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Vælg nu gradientværktøjet, vælg gradienten - "sort til gennemsigtig" og tegn en linje fra højre mod venstre, så din boks får en mild gradient som vist nedenfor:

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Lav et nyt lag. Brug markeringsværktøjet igen, tegn en boks i øverste venstre hjørne, sådan her:

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Gå til Lag >> Lagstile >> Streg, og anvend disse indstillinger:

Design et professionelt Art Grunge Web Layout - PS Tutorials Lorelei Web Design

Til gradienteffekten brugte vi disse farver: #603f16 … #c4843a … #603f16