Concept van het Patroon van Photoshop Custom

Ik heb besloten om een ​​meer diepgaande uitleg te schrijven voor het maken van een aangepast patroon. Ik hoop dat dit wat bewolking zal opheffen voor degenen die hun eigen aangepaste patroon willen maken.

Aangepaste patronen hebben alles te maken met creativiteit. Als je eenmaal de logica hebt, is het aan jou om te experimenteren en je eigen aangepaste patroon te maken en het te gebruiken wanneer dat van toepassing is.

Een voorbeeldknop ontleden

Hier is een eenvoudige knop met een achtergrond voor een aangepast patroon. Het bestaat uit Tekst, Aangepast patroon en een effen achtergrond in kleur. [Bron bijgevoegd]. Onze focus ligt hier op het aangepaste patroon.

Dit laatste aangepaste patroon (afbeelding hieronder) kwam van ...

... dit ruwe aangepaste patroon (afbeelding hieronder).

Laten we deze 1600% zoomen en zien hoe deze oorspronkelijk is gevormd. Aangepaste patronen zijn meestal opgebouwd uit één enkele kleine afbeelding (afbeelding hieronder) die ik meestal de repeater.

Wanneer dit repeater dupliceer zelf, het vormt een patroon (afbeelding hieronder). Kijk eens naar de afbeelding hieronder, als een single repeater dupliceert de omgeving ervan vormt een klein schuin patroon.

En wanneer dit kleine patroon zich herhaalt, is dit (afbeelding hieronder) wat je in de finale gaat zijn.

Herhaling van de lus

Uiteindelijk is het je Repeater die je je eigen patroon geeft. Het bepalen van een Repeater die foutloos dupliceert, kan soms moeilijk zijn. Blijf er mee experimenteren, als je eenmaal de stroom hebt gehad, kwam je misschien net uit met een aantal mooie patronen.

experimenteren

Hier is een methode hoe ik speel met aangepaste patronen:

1. Maak een klein canvas, 9x9px, 3x3px, 8x8px, enz.
2. Teken er wat patronen op.
3. Bewaar het met een eenvoudige bestandsnaam, zeg "cp.gif"
4. Start een notitieblok en voeg de volgende codes in.

5. Bewaar het met als HTML, zeg test-cp.html
6. Start een browser, open test-cp.html en bekijk een voorvertoning van uw patroon.

Gerelateerd artikel: Hoe aangepaste patronen maken in Photoshop