Denne opplæringen er skrevet av Martijn Breeuwer spesielt for Lorelei Web

I denne opplæringen vil jeg vise deg hvordan du lager de små mønstrene for å krydre grafikken eller webdesignene dine. Mønstre er ikke vanskelige å lage, men kan ha stor effekt på "sexappell" til designene dine.

Jeg vil vise deg veien til å lage noen populære mønstre og et antirippmønster. Jeg vil også vise deg noen eksempler på alternative mønstre.

Diagonale skanningslinjer
Vi starter med et veldig populært mønster. De diagonale skanningslinjene.

Åpne et nytt dokument i Photoshop og gjør det 3 x 3 piksler.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Opprett et nytt lag og slett "Bakgrunn" lag slik at bildet blir gjennomsiktig.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Zoom inn til 1600 % ved å trykke CTRL + et par ganger.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Ta tak i blyantverktøy og sett den til 1px størrelse Modus: Normal og Opasitet 100 %
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Press D for å tilbakestille fargene til svart-hvitt og male en 3 stiplet linje fra øvre høyre til nedre venstre.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

banner

Gå nå til Rediger>Definer mønster og kall det scanlines eller hva du vil kalle det.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Det var lett, ikke sant?

For å bruke mønsteret ditt velg Malingsbøtteverktøy, å velge: Mønster fra rullegardinboksen og velg mønsteret ditt.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Eller gå til blandingsalternativer og bruk et mønsteroverlegg.

Pass på at du lager et nytt lag før du bruker mønsteret på arbeidet ditt. Noen ganger vil mønsteret se bedre ut når
opasiteten er senket noe.

Sjekk ut resultatet.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Selvfølgelig kan du også lage et mønster hvor avstanden mellom linjene er større. For å gjøre dette, bruk metoden ovenfor, men lag et lerret på 5 x 5 piksler.
Dette blir resultatet.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Horisontale skanningslinjer
Hva med noen horisontale skanningslinjer? (Nyttig når du lager noe som en TV eller PC-skjerm osv.)

Åpne et nytt dokument i Photoshop og gjør det til 1 bredde x 2 høydepiksler.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Lag nå et nytt lag og slett "Bakgrunn"-laget slik at bildet blir gjennomsiktig.

banner

Zoom inn til 1600 % ved å trykke CTRL + et par ganger.

Ta nå tak i blyantverktøyet og sett det til 1px størrelse Modus: Normal og Opasitet 100 %. Samme innstilling som før

Trykk på D for å tilbakestille fargene til svart-hvitt og male den øverste pikselen svart.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Gå nå til Rediger> Definer mønster og navngi det horisontale skannelinjer.

Resultat.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Små prikker
Ok, nå lager vi noen små prikker.
Vi bruker samme metode som vi brukte med skanningslinjene.

Åpne et nytt dokument i Photoshop og gjør det til 3 bredde x 3 høydepiksler.

Lag nå et nytt lag og slett "Bakgrunn"-laget slik at bildet blir gjennomsiktig.

Zoom inn til 1600 % ved å trykke CTRL + et par ganger.

Ta nå tak i blyantverktøyet og sett det til 1px størrelse Modus: Normal og Opasitet 100 %.

banner

Trykk på D for å tilbakestille fargene til svart-hvitt og mal en prikk midt på lerretet.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Gå nå til Rediger> Definer mønster og navngi det små prikker.

Resultat.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Krysser
La oss lage et korsmønster. Lag et 5 x 5 piksler dokument og bruk metoden ovenfor

Men nå tegner du et kryss.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

gå til Rediger>Definer mønster og navngi det krysser1 eller hva som helst.

Resultat
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

ANTI RIP/opphavsrettsbeskyttelsesmønster
Sist men ikke minst vil jeg lære deg å lage et antirippmønster.

Åpne et nytt dokument og sørg for at du har nok plass. 600 x 600 piksler vil fungere fint. Vi beskjærer den senere.

Lag et nytt lag og slett "Bakgrunn"-laget for å gjøre bildet gjennomsiktig.

banner

Ta nå tak i tekstverktøyet og bruk en lesbar skrift. Ariel, Tahoma, Verdana, Times, etc.

Jeg brukte disse innstillingene:
Verdana | fet | 12 pkt | aa: ingen

Størrelsen skal være rundt 12px, ikke gjør den for stor, ellers fungerer den ikke bra som et mønster.

Skriv nå noe sånt som: "laget av navnet ditt" eller "(c) navnet ditt". Jeg skriver (c) og deretter navnet mitt.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Høyreklikk på tekstlaget og velg rasteriseringstype eller gå til Velg > rastariser > type.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Trykk nå CTRL T (Fri transformasjon) og roter navnet ca -30 grader.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Trykk enter for å bekrefte rotasjonen. Zoom inn litt og velg beskjæringsverktøyet.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Plasser musen på den nedre delen av teksten og klikk og dra den til toppen av teksten. Pass på at du velger all teksten og la det være litt plass øverst og nederst.

Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

banner

Trykk nå enter.
Du bør nå ha noe slikt.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Gå til Rediger>Definer mønster og kall det opphavsrett.

Åpne det nyeste webdesignet du ønsker å beskytte mot ripper og lag et nytt lag.

Velg Paint Bucket-verktøyet og velg copyright-mønsteret. Senk opasiteten slik at bildet blir synlig for de som vil se på det
men vanskeligere for de som vil rive.

Jeg brukte dette på en mal jeg jobber med. Opasiteten er omtrent 20 %.
Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Kombinere og eksperimentere
Nå som du kjenner måten å lage mønster på, er det på tide å kombinere og eksperimentere med det.

Sjekk ut disse forskjellige mønstrene. Mulighetene er endeløse. Fra tekst, former (blomster osv.) og linjer kan de alle brukes til å lage mønstre.

Alt du trenger å vite om å jobbe med mønstre - Lag og implementer - PS Tutorials Lorelei Web Design

Takk for å sjekke ut denne opplæringen, jeg håper du har lært noe.