Denne tutorial er skrevet af Martijn Breeuwer især for Lorelei Web

I disse tutorials vil jeg vise dig, hvordan du laver de små mønstre for at pifte din grafik eller webdesign op. Mønstre er ikke svære at skabe, men kan have stor effekt på "sexappel" af dine designs.

Jeg vil vise dig vejen til at skabe nogle populære mønstre og et anti-rivningsmønster. Jeg vil også vise dig nogle eksempler på alternative mønstre.

Diagonale Scanlines
Vi starter med et meget populært mønster. De diagonale skanningslinjer.

Åbn et nyt dokument i Photoshop og gør det 3 gange 3 pixels.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Opret et nyt lag og slet "Baggrund" lag, så billedet bliver gennemsigtigt.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Zoom ind til 1600% ved at trykke CTRL + et par gange.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Grab blyantværktøj og indstil den til 1px størrelse Tilstand: Normal og Opacitet 100 %
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Presse D for at nulstille dine farver til sort/hvid og male en 3 stiplet linje fra øverste højre til nederste venstre.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Banner

Gå nu til Rediger>Definer mønster og navngiv det scanlines eller hvad du nu kan lide at kalde det.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Det var nemt var det ikke?

For at bruge dit mønster skal du vælge Malerspandværktøj, Vælg: Mønster fra rullemenuen og vælg dit mønster.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Eller gå til blandingsindstillinger og anvend et mønsteroverlay.

Sørg for at oprette et nyt lag, før du påfører mønsteret på dit arbejde. Nogle gange vil mønsteret se bedre ud når
opaciteten er sænket en smule.

Tjek resultatet.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Du kan selvfølgelig også lave et mønster, hvor afstanden mellem linjerne er større. For at gøre dette skal du bruge metoden ovenfor, men lav et 5 gange 5 pixel lærred.
Dette bliver resultatet.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Horisontale scanningslinjer
Hvad med nogle vandrette scanningslinjer? (Nyttig, når du laver noget som en tv- eller pc-skærm osv.)

Åbn et nyt dokument i Photoshop, og gør det 1 bredde gange 2 højde pixels.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Opret nu et nyt lag og slet "Baggrund"-laget, så billedet bliver gennemsigtigt.

Banner

Zoom ind til 1600% ved at trykke CTRL + et par gange.

Grib nu blyantværktøjet og indstil det til 1px størrelse Mode: Normal og Opacitet 100%. Samme indstilling som før

Tryk på D for at nulstille dine farver til sort/hvid og male den øverste pixel sort.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Gå nu til Rediger> Definer mønster og navngiv det horisontale scanlinjer.

Resultat.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Små prikker
Ok, nu laver vi nogle små prikker.
Vi bruger samme metode, som vi brugte med scanlines.

Åbn et nyt dokument i Photoshop, og gør det 3 bredde gange 3 højde pixels.

Opret nu et nyt lag og slet "Baggrund"-laget, så billedet bliver gennemsigtigt.

Zoom ind til 1600% ved at trykke CTRL + et par gange.

Grib nu blyantværktøjet og indstil det til 1px størrelse Mode: Normal og Opacitet 100%.

Banner

Tryk på D for at nulstille dine farver til sort/hvid og male en prik i midten af ​​lærredet.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Gå nu til Rediger> Definer mønster og giv det navnet små prikker.

Resultat.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Crosses
Lad os lave et korsmønster. Opret et 5 gange 5 pixel dokument og brug metoden ovenfor

Men nu tegner du et kryds.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

gå til Rediger>Definer mønster og navngiv det krydser1 eller hvad som helst.

Resultat
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

ANTI RIP/copyright beskyttelsesmønster
Sidst men ikke mindst vil jeg lære dig at lave et anti-rivningsmønster.

Åbn et nyt dokument, og sørg for, at du har nok plads. 600 gange 600 pixels vil klare sig fint. Vi beskærer det senere.

Opret et nyt lag og slet "Baggrund"-laget for at gøre billedet gennemsigtigt.

Banner

Grib nu tekstværktøjet og brug en læsbar skrifttype. Ariel, Tahoma, Verdana, Times osv.

Jeg brugte disse indstillinger:
Verdana | fed | 12 pt | aa: ingen

Størrelsen skal være omkring 12px, gør den ikke for stor, ellers fungerer den ikke godt som et mønster.

Skriv nu noget som: "skabt af dit navn" eller "(c) dit navn". Jeg skriver (c) og derefter mit navn.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Højreklik på tekstlaget, og vælg rastertype eller gå til Vælg > rastariser > type.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Tryk nu på CTRL T (Fri transformation) og drej navnet omkring -30 grader.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Tryk på Enter for at bekræfte rotationen. Zoom lidt ind og vælg beskæringsværktøjet.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Placer musen på den nederste del af teksten og klik og træk den til toppen af ​​teksten. Sørg for at markere al teksten og efterlade lidt plads øverst og nederst.

Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Banner

Tryk nu på enter.
Du burde nu have sådan noget.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Gå til Rediger>Definer mønster og kald det copyright.

Åbn dit seneste webdesign, du ønsker at beskytte mod ripper, og lav et nyt lag.

Vælg værktøjet Paint Bucket, og vælg copyright-mønsteret. Sænk opaciteten, så billedet bliver synligt for dem, der vil se på det
men sværere for dem, der vil rive.

Jeg anvendte dette på en skabelon, jeg arbejder på. Opaciteten er omkring 20%.
Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Kombinere og eksperimentere
Nu hvor du kender måden at skabe mønster på, er det tid til at kombinere og eksperimentere med det.

Tjek disse forskellige mønstre. Mulighederne er uendelige. Fra tekst, former (blomster osv.) og linjer, kan de alle bruges til at lave mønstre.

Alt du behøver at vide om at arbejde med mønstre - Opret og implementer - PS Tutorials Lorelei Web Design

Tak for at tjekke denne tutorials, jeg håber du har lært noget.