Tento tutoriál napísal Martijn Breeuwer špeciálne pre Lorelei Web

V tomto návode vám ukážem, ako vytvoriť tieto malé vzory na okorenenie vašej grafiky alebo webových návrhov. Vzory nie je ťažké vytvoriť, ale môžu mať veľký vplyv na „sexappeal“ vašich návrhov.

Ukážem vám spôsob, ako vytvoriť niektoré obľúbené vzory a vzor proti roztrhnutiu. Ukážem vám aj niekoľko príkladov alternatívnych vzorov.

Diagonálne skenovacie čiary
Začneme veľmi obľúbeným vzorom. Diagonálne skenovacie riadky.

Otvorte nový dokument vo Photoshope a urobte z neho 3 x 3 pixely.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Vytvorte novú vrstvu a odstráňte ju "Pozadie" vrstvu, aby sa obrázok stal priehľadným.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Stlačením tlačidla priblížite až na 1600 %. CTRL + pár krát.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Chyť nástroj na ceruzku a nastavte ho na veľkosť 1 pixel Režim: Normálny a Nepriehľadnosť 100 %
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

lis D obnovte svoje farby na čiernobielu a nakreslite 3 bodkovanú čiaru z pravého horného rohu doľava dole.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Teraz choďte Upraviť>Definovať vzor a pomenujte to scanlines alebo ako to chcete nazvať.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

To bolo ľahké, nie?

Ak chcete použiť svoj vzor, ​​vyberte Nástroj vedierka na farbu, vyberte: Pattern z rozbaľovacieho poľa a vyberte svoj vzor.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Alebo prejdite na možnosti prelínania a použite prekrytie vzorom.

Pred použitím vzoru na prácu sa uistite, že ste vytvorili novú vrstvu. Niekedy vzor bude vyzerať lepšie, keď
nepriehľadnosť je trochu znížená.

Pozrite si výsledok.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Samozrejme môžete vytvoriť aj vzor, ​​kde je priestor medzi čiarami väčší. Ak to chcete urobiť, použite vyššie uvedenú metódu, ale vytvorte plátno s rozmermi 5 x 5 pixelov.
Toto bude výsledok.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Horizontálne skenovacie čiary
Čo tak nejaké horizontálne skenovacie čiary? (Užitočné, keď vytvárate niečo ako televíznu alebo počítačovú obrazovku atď.)

Otvorte nový dokument vo Photoshope a urobte z neho 1 šírku x 2 pixely na výšku.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Teraz vytvorte novú vrstvu a odstráňte vrstvu „Pozadie“, aby sa obrázok stal priehľadným.

Zväčšite až na 1600% stlačením CTRL + niekoľkokrát.

Teraz uchopte nástroj ceruzka a nastavte ho na veľkosť 1 pixel Režim: Normálny a Nepriehľadnosť 100 %. Rovnaké nastavenie ako predtým

Stlačením tlačidla D obnovíte farby na čiernobiele a horný pixel natriete na čierno.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Teraz prejdite na Upraviť>Definovať vzor a pomenujte ho horizontalscanlines.

Vyplývať.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Malé bodky
Dobre, teraz vytvárame malé bodky.
Používame rovnakú metódu ako pri skenovacích riadkoch.

Otvorte nový dokument vo Photoshope a urobte z neho 3 šírku x 3 pixely na výšku.

Teraz vytvorte novú vrstvu a odstráňte vrstvu „Pozadie“, aby sa obrázok stal priehľadným.

Zväčšite až na 1600% stlačením CTRL + niekoľkokrát.

Teraz uchopte nástroj ceruzka a nastavte ho na veľkosť 1 pixel Režim: Normálny a Nepriehľadnosť 100 %.

Stlačením D obnovíte farby na čiernobiele a namaľte bodku do stredu plátna.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Teraz prejdite na Upraviť> Definovať vzor a pomenujte ho malými bodkami.

Vyplývať.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Krížiky
Urobme korsový vzor. Vytvorte dokument s rozmermi 5 x 5 pixelov a použite vyššie uvedený spôsob

Ale teraz nakreslíš kríž.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

prejdite na Upraviť>Definovať vzor a pomenujte ho krížiky1 alebo čokoľvek iné.

Výsledok
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Vzor ochrany ANTI RIP/ochrana autorských práv
V neposlednom rade vás naučím vytvoriť vzor proti roztrhnutiu.

Otvorte nový dokument a uistite sa, že máte dostatok miesta. 600 x 600 pixelov bude stačiť. Neskôr to orežeme.

Vytvorte novú vrstvu a odstráňte vrstvu „Pozadie“, aby bol obrázok priehľadný.

Teraz uchopte nástroj Text a použite čitateľné písmo. Ariel, Tahoma, Verdana, Times atď.

Použil som tieto nastavenia:
Verdana | tučné | 12 bodov | aa: žiadne

Veľkosť by mala byť približne 12 pixelov, nerobte to príliš veľké, inak to nebude fungovať dobre ako vzor.

Teraz zadajte niečo ako: „vytvorené vaším menom“ alebo „(c) vaše meno“. Napíšem (c) a potom svoje meno.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Kliknite pravým tlačidlom myši na textovú vrstvu a vyberte typ rastrovania alebo prejdite na položku Vybrať > rastrovať > typ.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Teraz stlačte CTRL T (voľná transformácia) a otočte názov asi o -30 stupňov.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Rotáciu potvrdíte stlačením klávesu Enter. Trochu priblížte a vyberte nástroj na orezanie.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Umiestnite myš na spodnú časť textu a kliknite a potiahnite na vrch textu. Uistite sa, že ste vybrali celý text a ponechali nejaké miesto v hornej a dolnej časti.

Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Teraz stlačte enter.
Teraz by ste mali mať niečo takéto.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Prejdite na Upraviť>Definovať vzor a nazvite ho autorským právom.

Otvorte svoj najnovší webdizajn, ktorý chcete chrániť pred ripperom, a vytvorte novú vrstvu.

Vyberte nástroj Paint Bucket a vyberte vzor autorských práv. Znížte krytie, aby bol obrázok viditeľný pre tých, ktorí sa naň chcú pozerať
ale ťažšie pre tých, ktorí chcú trhať.

Použil som to na šablónu, na ktorej pracujem. Nepriehľadnosť je asi 20%.
Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Kombinovanie a exspirácia
Teraz, keď poznáte spôsob, ako vytvoriť vzor, ​​je čas ho skombinovať a vypršať.

Pozrite sa na tieto rôzne vzory. Možnosti sú nekonečné. Z textu, tvarov (kvety atď.) a čiar sa dajú všetky použiť na vytváranie vzorov.

Všetko, čo potrebujete vedieť o práci so vzormi – Vytvorte a implementujte – Návody PS Lorelei Web Design

Vďaka za prezretie si týchto tutoriálov, dúfam, že ste sa niečo naučili.