Deze tutorial is geschreven door Martijn Brouwer speciaal voor Lorelei Web

In deze tutorials laat ik je zien hoe je die kleine patronen kunt maken om je afbeeldingen of webontwerpen op te fleuren. Patronen zijn niet moeilijk te maken, maar kunnen een groot effect hebben op de “sexappeal” van uw ontwerpen.

Ik zal je laten zien hoe je een aantal populaire patronen en een anti-scheurpatroon kunt maken. Ik zal je ook enkele voorbeelden laten zien van alternatieve patronen.

Diagonale scanlijnen
We beginnen met een zeer populair patroon. De diagonale scanlijnen.

Open een nieuw document in Photoshop en maak het 3 bij 3 pixels.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Maak een nieuwe laag en verwijder de "Achtergrond" laag zodat de afbeelding transparant wordt.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Zoom in tot 1600% door op te drukken CTRL + een paar keer.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Pak de potlood gereedschap en stel deze in op 1px-formaat Modus: Normaal en Dekking 100%
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Media D om uw kleuren opnieuw in te stellen op zwart-wit en een lijn met drie stippellijnen van rechtsboven naar linksonder te tekenen.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Ga nu naar Bewerken>Patroon definiëren en noem het scanlines of hoe je het ook wilt noemen.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Dat was makkelijk, nietwaar?

Om uw patroon te gebruiken, selecteert u de Verfemmer gereedschap, selecteer: Patronen uit de vervolgkeuzelijst en kies uw patroon.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Of ga naar de overvloeiopties en pas een patroonoverlay toe.

Zorg ervoor dat u een nieuwe laag maakt voordat u het patroon op uw werk toepast. Soms ziet het patroon er beter uit
de dekking is iets verlaagd.

Bekijk het resultaat.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Je kunt natuurlijk ook een patroon maken waarbij de ruimte tussen de lijnen groter is. Gebruik hiervoor de bovenstaande methode, maar maak een canvas van 5 bij 5 pixels.
Dit zal het resultaat zijn.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Horizontale scanlijnen
Wat dacht je van enkele horizontale scanlijnen? (Handig als u iets maakt zoals een tv- of pc-scherm enz.)

Open een nieuw document in Photoshop en maak het 1 breedte bij 2 hoogtepixels.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Maak nu een nieuwe laag en verwijder de laag “Achtergrond” zodat de afbeelding transparant wordt.

Zoom in tot 1600% door een paar keer op CTRL + te drukken.

Pak nu het potloodgereedschap en stel het in op 1px-groottemodus: Normaal en Dekking 100%. Zelfde instelling als voorheen

Druk op D om je kleuren terug te zetten naar zwart-wit en de bovenste pixel zwart te maken.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Ga nu naar Bewerken>Patroon definiëren en noem het horizontale scanlijnen.

Resultaat.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Kleine puntjes
Oké, nu maken we een paar kleine puntjes.
We gebruiken dezelfde methode als bij de scanlijnen.

Open een nieuw document in Photoshop en maak het 3 breedte bij 3 hoogtepixels.

Maak nu een nieuwe laag en verwijder de laag “Achtergrond” zodat de afbeelding transparant wordt.

Zoom in tot 1600% door een paar keer op CTRL + te drukken.

Pak nu het potloodgereedschap en stel het in op 1px-groottemodus: Normaal en Dekking 100%.

Druk op D om je kleuren terug te zetten naar zwart-wit en teken een stip in het midden van het canvas.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Ga nu naar Bewerken>Patroon definiëren en noem het kleine stippen.

Resultaat.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Kruisen
Laten we een corss-patroon maken. Maak een document van 5 bij 5 pixels en gebruik de bovenstaande methode

Maar nu teken je een kruis.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

ga naar Bewerken>Patroon definiëren en noem het kruisen1 of wat dan ook.

Resultaat
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

ANTI RIP/auteursrechtbeschermingspatroon
Last but not least leer ik je een anti-scheurpatroon te maken.

Open een nieuw document en zorg ervoor dat u voldoende ruimte heeft. 600 bij 600 pixels zijn prima. We zullen het later bijsnijden.

Maak een nieuwe laag en verwijder de laag “Achtergrond” om de afbeelding transparant te maken.

Pak nu het gereedschap Tekst en gebruik een leesbaar lettertype. Ariël, Tahoma, Verdana, Times, enz.

Ik heb deze instellingen gebruikt:
Verdana | vet | 12pt | aaa: geen

De grootte moet ongeveer 12 px zijn, maak hem niet te groot, anders werkt hij niet goed als patroon.

Typ nu iets als: “aangemaakt door uwnaam” of “(c) uwnaam”. Ik typ (c) en vervolgens mijn naam.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Klik met de rechtermuisknop op de tekstlaag en selecteer het rastertype of ga naar Selecteren > rastariseren > type.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Druk nu op CTRL T (Vrije transformatie) en draai de naam ongeveer -30 graden.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Druk op Enter om de rotatie te bevestigen. Zoom een ​​beetje in en selecteer het gereedschap Bijsnijden.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Plaats uw muis op het onderste gedeelte van de tekst en klik en sleep deze naar de bovenkant van de tekst. Zorg ervoor dat u alle tekst selecteert en aan de boven- en onderkant wat ruimte vrijlaat.

Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Druk nu op enter.
Je zou nu zoiets als dit moeten hebben.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Ga naar Bewerken>Patroon definiëren en noem het copyright.

Open uw nieuwste webontwerp dat u wilt beschermen tegen ripper en maak een nieuwe laag.

Selecteer het gereedschap Verfemmer en selecteer het copyrightpatroon. Verlaag de dekking zodat de afbeelding zichtbaar is voor degenen die ernaar willen kijken
maar moeilijker voor degenen die willen rippen.

Ik heb dit toegepast op een sjabloon waar ik aan werk. De dekking bedraagt ​​ongeveer 20%.
Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Combineren en experimenteren
Nu je weet hoe je patronen creëert, is het tijd om ermee te combineren en ermee te experimenteren.

Bekijk deze verschillende patronen. De mogelijkheden zijn eindeloos. Van tekst, vormen (bloemen enz.) tot lijnen, ze kunnen allemaal worden gebruikt om patronen te maken.

Alles wat u moet weten over het werken met patronen - Creëren en implementeren - PS Tutorials Lorelei Web Design

Bedankt voor het bekijken van deze tutorials, ik hoop dat je iets hebt geleerd.