Tento tutoriál napsal Martijn Breeuwer zejména pro Lorelei Web

V tomto tutoriálu vám ukážu, jak vytvořit tyto malé vzory, které okoření vaši grafiku nebo webový design. Vzory není těžké vytvořit, ale mohou mít velký vliv na „sex-appeal“ vašich návrhů.

Ukážu vám způsob, jak vytvořit některé oblíbené vzory a vzor proti roztržení. Ukážu vám také několik příkladů alternativních vzorů.

Diagonální Scanlines
Začneme velmi oblíbeným vzorem. Diagonální skenovací řádky.

Otevřete nový dokument ve Photoshopu a vytvořte jej 3 x 3 pixely.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Vytvořte novou vrstvu a odstraňte ji "Pozadí" vrstvu, aby se obrázek stal průhledným.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Stisknutím přiblížíte až na 1600 %. CTRL + několikrát.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Chyť nástroj tužka a nastavte jej na velikost 1 pixel Režim: Normální a Neprůhlednost 100 %
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Stisknout D obnovte barvy na černobílou a namalujte 3 tečkovanou čáru z pravého horního rohu do levého dolního rohu.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Teď jdi Upravit>Definovat vzor a pojmenujte to scanlines nebo jak to chcete nazvat.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

To bylo snadné, že?

Chcete-li použít svůj vzor, ​​vyberte Nástroj kbelík s barvou, vyberte: Vzor z rozevíracího pole a vyberte svůj vzor.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Nebo přejděte na možnosti prolnutí a použijte překrytí vzorem.

Ujistěte se, že jste vytvořili novou vrstvu, než použijete vzor na svou práci. Někdy bude vzor vypadat lépe, když
neprůhlednost se trochu sníží.

Podívejte se na výsledek.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Samozřejmě můžete také vytvořit vzor, ​​kde je prostor mezi řádky větší. Chcete-li to provést, použijte metodu výše, ale vytvořte plátno o rozměrech 5 x 5 pixelů.
Toto bude výsledek.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Horizontální skenovací čáry
Co takhle nějaké horizontální scanlines? (užitečné, když vytváříte něco jako televizní nebo počítačová obrazovka atd.)

Otevřete nový dokument ve Photoshopu a vytvořte jej o šířce 1 x 2 pixelech na výšku.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Nyní vytvořte novou vrstvu a odstraňte vrstvu „Pozadí“, aby se obrázek stal průhledným.

Přibližte až na 1600 % stisknutím CTRL + několikrát.

Nyní uchopte nástroj tužka a nastavte jej na velikost 1 pixel Režim: Normální a Neprůhlednost 100 %. Stejné nastavení jako předtím

Stisknutím tlačítka D resetujete barvy na černobílé a horní pixel natřete černou barvou.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Nyní přejděte na Upravit>Definovat vzor a pojmenujte jej horizontalscanlines.

Výsledek.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Malé tečky
Dobře, teď vytváříme nějaké malé tečky.
Používáme stejnou metodu jako u skenovacích linek.

Otevřete nový dokument ve Photoshopu a vytvořte jej o šířce 3 x 3 pixelech na výšku.

Nyní vytvořte novou vrstvu a odstraňte vrstvu „Pozadí“, aby se obrázek stal průhledným.

Přibližte až na 1600 % stisknutím CTRL + několikrát.

Nyní uchopte nástroj tužka a nastavte jej na velikost 1 pixel Režim: Normální a Neprůhlednost 100 %.

Stisknutím D obnovíte barvy na černobílou a namalujete tečku uprostřed plátna.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Nyní přejděte na Upravit>Definovat vzor a pojmenujte jej malé tečky.

Výsledek.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Křížky
Udělejme korsový vzor. Vytvořte dokument o rozměrech 5 x 5 pixelů a použijte výše uvedenou metodu

Ale teď nakreslíš kříž.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

přejděte na Upravit>Definovat vzor a pojmenujte jej křížky1 nebo cokoliv jiného.

Výsledek
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Ochranný vzor ANTI RIP/ochrana autorských práv
V neposlední řadě vás naučím vytvořit vzor proti roztržení.

Otevřete nový dokument a ujistěte se, že máte dostatek místa. 600 x 600 pixelů bude stačit. Později to ořízneme.

Vytvořte novou vrstvu a odstraňte vrstvu „Pozadí“, aby byl obraz průhledný.

Nyní uchopte nástroj Text a použijte čitelné písmo. Ariel, Tahoma, Verdana, Times atd.

Použil jsem tato nastavení:
Verdana | tučně | 12 bodů | aa: žádný

Velikost by měla být přibližně 12 pixelů, nedělejte to příliš velké, jinak by to jako vzor nefungovalo dobře.

Nyní zadejte něco jako: „vytvořeno vaším jménem“ nebo „(c) vaše jméno“. Napíšu (c) a pak své jméno.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Klepněte pravým tlačítkem na textovou vrstvu a vyberte typ rastrování nebo přejděte na Vybrat > rastrovat > typ.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Nyní stiskněte CTRL T (volná transformace) a otočte jméno asi o -30 stupňů.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Pro potvrzení rotace stiskněte Enter. Trochu přibližte a vyberte nástroj pro oříznutí.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Umístěte myš na spodní část textu a klikněte a přetáhněte ji do horní části textu. Ujistěte se, že jste vybrali veškerý text a nechali nahoře a dole nějaké místo.

Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Nyní stiskněte enter.
Nyní byste měli mít něco takového.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Přejděte na Upravit>Definovat vzor a nazvěte jej copyright.

Otevřete svůj nejnovější webdesign, který chcete chránit před ripperem, a vytvořte novou vrstvu.

Vyberte nástroj plechovka barvy a vyberte vzor pro autorská práva. Snižte krytí, aby byl obrázek viditelný pro ty, kteří se na něj chtějí dívat
ale těžší pro ty, kteří chtějí trhat.

Použil jsem to na šablonu, na které pracuji. Neprůhlednost je asi 20 %.
Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Kombinování a vypršení platnosti
Nyní, když znáte způsob, jak vytvořit vzor, ​​je čas jej kombinovat a vypršet.

Podívejte se na tyto různé vzory. Možnosti jsou nekonečné. Z textu, tvarů (květiny atd.) a čar lze všechny použít k vytvoření vzorů.

Vše, co potřebujete vědět o práci se vzory – Vytvořte a implementujte – Výukové programy PS Lorelei Web Design

Díky za shlédnutí tohoto tutoriálu, doufám, že jste se něco naučili.