Koncept av Photoshop anpassat mönster

Jag har bestämt mig för att skriva en fördjupad förklaring för att skapa anpassat mönster, hoppas det här kommer att rensa vissa moln för dem som vill skapa sitt eget anpassade mönster.

Anpassade mönster handlar om kreativitet. När du har logiken av det är det upp till dig att experimentera och skapa ditt eget eget mönster och använda det när det är tillämpligt.

Dissektering av en provknapp

Här är en enkel knapp med anpassad mönsterbakgrund. Den består av Text, Anpassat mönster och a solid färg bakgrund. [Källa bifogad]. Vårt fokus här är på Custom Pattern.

Det här slutliga anpassade mönstret (bilden nedan) kom från ...

... detta råa anpassade mönster (bild nedan).

Låt oss zooma den här 1600% och se hur den ursprungligen bildades. Anpassade mönster består vanligtvis av en enda liten bild (bilden nedan) som jag brukar kalla Repeater.

När det här Repeater duplicera sig, det bildar ett mönster (bild nedan). Ta en titt på bilden nedan, när en singel Repeater dubbletter som omger det bildar ett litet snedställande mönster.

Och när det här lilla mönstret upprepar sig är det här (bilden nedan) vad du kommer att vara i finalen.

Upprepa slingan

I slutändan är det din Repeater som ger dig ditt anpassade mönster. Att bestämma en Repeater som dupliceras felfritt kan vara svårt ibland. Fortsätt att experimentera med det, när du har flödet så kan du bara komma ut med några snygga anpassade mönster.

experimentera

Här är en metod hur jag spelar med anpassade mönster:

1. Skapa en liten duk, 9x9px, 3x3px, 8x8px, etc..
2. Rita några mönster på den.
3. Spara det med ett enkelt filnamn, säg "cp.gif"
4. Starta en anteckningsblock och sätt in dessa följande koder.

5. Spara det med HTML, säg test-cp.html
6. Starta en webbläsare, öppna test-cp.html och förhandsgranska ditt mönster.

Relaterad artikel: Så här skapar du anpassade mönster i Photoshop