Hierdie tutoriaal is geskryf deur Martijn Breeuwer veral vir Lorelei Web

In hierdie tutoriale sal ek jou wys hoe om daardie klein patrone te skep om jou grafika of webontwerpe op te kikker. Patrone is nie moeilik om te skep nie, maar kan 'n groot effek hê op die "seksappèl" van jou ontwerpe.

Ek sal jou die manier wys om 'n paar gewilde patrone en 'n anti-rippatroon te skep. Ek sal jou ook 'n paar voorbeelde van alternatiewe patrone wys.

Diagonale skanderings
Ons begin met 'n baie gewilde patroon. Die diagonale skanderings.

Maak 'n nuwe dokument in Photoshop oop en maak dit 3 by 3 pixels.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Skep 'n nuwe laag en vee die “Agtergrond” laag sodat die beeld deursigtig sal word.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Zoem in tot 1600% deur te druk CTRL + n paar keer.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Gryp die potloodgereedskap en stel dit op 1px-grootte Modus: Normaal en Deursigtigheid 100%
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Druk D om jou kleure na swart en wit terug te stel en 'n 3 stippellyn van regs bo na links onder te verf.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Gaan nou na Wysig> Definieer patroon en noem dit scanlines of wat jy dit ook al wil noem.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Dit was maklik was dit nie?

Om jou patroon te gebruik, kies die Verf emmer gereedskap, kies: Patroon uit die aftrekkassie en kies jou patroon.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Of gaan na mengopsies en pas 'n patroonoorleg toe.

Maak seker dat jy 'n nuwe laag skep voordat jy die patroon op jou werk toepas. Soms sal die patroon beter lyk wanneer
die ondeursigtigheid is 'n bietjie verlaag.

Kyk na die resultaat.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Natuurlik kan jy ook 'n patroon skep waar die spasie tussen die lyne groter is. Om dit te doen, gebruik die metode hierbo, maar maak 'n 5 by 5 pixel doek.
Dit sal die resultaat wees.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Horisontale skanderings
Wat van 'n paar horisontale skanderings? (Nuttig wanneer jy iets soos 'n TV of rekenaarskerm, ens.)

Maak 'n nuwe dokument in Photoshop oop en maak dit 1 breedte by 2 hoogte pixels.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Skep nou 'n nuwe laag en vee die "Agtergrond" laag uit sodat die prent deursigtig sal word.

Zoem in tot 1600% deur CTRL + 'n paar keer te druk.

Gryp nou die potloodgereedskap en stel dit op 1px grootte Modus: Normaal en Deursigtigheid 100%. Dieselfde instelling as voorheen

Druk D om jou kleure terug te stel na swart en wit en verf die boonste pixel swart.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Gaan nou na Edit> Definieer patroon en noem dit horizontalscanlines.

Lei.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Klein kolletjies
Ok, nou skep ons 'n paar klein kolletjies.
Ons gebruik dieselfde metode as wat ons met die skanderings gebruik het.

Maak 'n nuwe dokument in Photoshop oop en maak dit 3 breedte by 3 hoogte pixels.

Skep nou 'n nuwe laag en vee die "Agtergrond" laag uit sodat die prent deursigtig sal word.

Zoem in tot 1600% deur CTRL + 'n paar keer te druk.

Gryp nou die potloodgereedskap en stel dit op 1px grootte Modus: Normaal en Deursigtigheid 100%.

Druk D om jou kleure terug te stel na swart en wit en verf 'n kolletjie in die middel van die doek.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Gaan nou na Wysig> Definieer patroon en noem dit klein kolletjies.

Lei.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

kruise
Kom ons maak 'n korspatroon. Skep 'n 5 by 5 pixel dokument en gebruik die metode hierbo

Maar nou trek jy 'n kruis.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

gaan na Edit>Define pattern en noem dit crosses1 of wat ook al.

Gevolg
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

ANTI RIP/kopieregbeskermingspatroon
Laastens, maar nie die minste nie, sal ek jou leer om 'n anti-rippatroon te maak.

Maak 'n nuwe dokument oop en maak seker dat jy genoeg spasie het. 600 by 600 pixels sal goed doen. Ons sal dit later sny.

Skep 'n nuwe laag en vee die "Agtergrond"-laag uit om die prent deursigtig te maak.

Gryp nou die teksnutsding en gebruik 'n leesbare lettertipe. Ariel, Tahoma, Verdana, Times, ens.

Ek het hierdie instellings gebruik:
Verdana | vetdruk | 12 pt | aa: geen

Die grootte moet ongeveer 12px wees, moenie dit te groot maak nie, anders werk dit nie goed as 'n patroon nie.

Tik nou iets soos: “geskep deur jounaam” of “(c) jounaam”. Ek tik (c) en dan my naam.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Regskliek op die tekslaag en kies rasteriseer tipe of gaan na Kies > rasteriseer > tipe.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Druk nou CTRL T (Free transform) en draai die naam ongeveer -30 grade.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Druk enter om die rotasie te bevestig. Zoem 'n bietjie in en kies die snyinstrument.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Plaas jou muis op die onderste deel van die teks en klik en sleep dit na die bokant van die teks. Maak seker dat jy al die teks kies en laat 'n bietjie spasie bo en onder.

Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Druk nou enter.
Jy behoort nou so iets te hê.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Gaan na Wysig> Definieer patroon en noem dit kopiereg.

Maak jou nuutste webontwerp oop wat jy teen ripper wil beskerm en maak 'n nuwe laag.

Kies die verfemmer-instrument en kies die kopieregpatroon. Verlaag die ondeursigtigheid sodat die beeld sigbaar sal wees vir diegene wat daarna wil kyk
maar moeiliker vir diegene wat wil skeur.

Ek het dit toegepas op 'n sjabloon waaraan ek werk. Deursigtigheid is ongeveer 20%.
Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Kombineer en eksperimenteer
Noudat jy die manier ken om patroon te skep, is dit tyd om te kombineer en daarmee te eksperimenteer.

Kyk na hierdie verskillende patrone. Die moontlikhede is eindeloos. Van teks, vorms (blomme, ens.) en lyne, kan hulle almal gebruik word om patrone te maak.

Al wat jy moet weet oor werk met patrone - Skep en implementeer - PS Tutoriale Lorelei Web Design

Dankie dat jy hierdie tutoriale nagaan, ek hoop jy het iets geleer.