To vadnico je napisal Martijn Breeuwer posebej za Lorelei Web

V teh vadnicah vam bom pokazal, kako ustvariti te majhne vzorce za popestritev vaše grafike ali spletnega oblikovanja. Vzorcev ni težko ustvariti, vendar lahko zelo vplivajo na "spolno privlačnost" vaših modelov.

Pokazal vam bom način za ustvarjanje nekaterih priljubljenih vzorcev in vzorca proti trganju. Pokazal vam bom tudi nekaj primerov alternativnih vzorcev.

Diagonalne skenirane črte
Začeli bomo z zelo priljubljenim vzorcem. Diagonalne skenirane črte.

Odprite nov dokument v Photoshopu in ga naredite 3 krat 3 slikovne pike.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Ustvarite novo plast in izbrišite "Ozadje" plast, tako da bo slika postala prosojna.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Povečajte do 1600 % s pritiskom CTRL + nekajkrat.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Zgrabi orodje za svinčnik in ga nastavite na velikost 1px Način: Normalno in Motnost 100 %
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Pritisnite D da ponastavite svoje barve na črno-belo in pobarvajte 3 pikčasto črto od zgornjega desnega do spodnjega levega.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Pojdi zdaj Uredi>Določi vzorec in ga poimenujte scanlines ali kakor koli želite.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

To je bilo enostavno, kajne?

Če želite uporabiti svoj vzorec, izberite Orodje za vedro za barvanje, izberite: Vzorec v spustnem meniju in izberite svoj vzorec.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Ali pa pojdite na možnosti mešanja in uporabite prekrivni vzorec.

Ustvarite novo plast, preden uporabite vzorec na svojem delu. Včasih bo vzorec videti bolje, ko
motnost se nekoliko zmanjša.

Preverite rezultat.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Seveda lahko ustvarite tudi vzorec, kjer je prostor med črtami večji. Če želite to narediti, uporabite zgornjo metodo, vendar naredite platno velikosti 5 x 5 slikovnih pik.
To bo rezultat.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Horizontalne skenirane črte
Kaj pa nekaj vodoravnih skeniranih vrstic? (Uporabno, ko ustvarjate nekaj, kot je TV ali računalniški zaslon itd.)

Odprite nov dokument v Photoshopu in ga naredite 1 slikovnih pik širine krat 2 višine.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Zdaj ustvarite novo plast in izbrišite plast »Ozadje«, da bo slika postala prosojna.

Povečajte do 1600 % tako, da nekajkrat pritisnete CTRL +.

Zdaj zgrabite orodje za svinčnik in ga nastavite na način velikosti 1px: Normal in Opacity 100%. Enaka nastavitev kot prej

Pritisnite D, da ponastavite svoje barve na črno-belo in zgornjo slikovno piko pobarvajte s črno.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Zdaj pojdite na Uredi>Določi vzorec in ga poimenujte horizontalne črte.

Rezultat.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Majhne pike
V redu, zdaj ustvarjamo nekaj majhnih pik.
Uporabljamo isto metodo, kot smo jo uporabili pri skeniranju.

Odprite nov dokument v Photoshopu in ga naredite 3 slikovnih pik širine krat 3 višine.

Zdaj ustvarite novo plast in izbrišite plast »Ozadje«, da bo slika postala prosojna.

Povečajte do 1600 % tako, da nekajkrat pritisnete CTRL +.

Zdaj zgrabite orodje za svinčnik in ga nastavite na način velikosti 1px: Normal in Opacity 100%.

Pritisnite D, da ponastavite barve na črno-belo in pobarvajte piko na sredini platna.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Zdaj pojdite na Edit>Define pattern in ga poimenujte smalldots.

Rezultat.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Prečka
Naredimo vzorec cors. Ustvarite dokument velikosti 5 x 5 slikovnih pik in uporabite zgornjo metodo

Ampak zdaj si narisal križ.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

pojdite na Uredi>Določi vzorec in ga poimenujte crosses1 ali kako drugače.

Rezultat
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

ANTI RIP/vzorec zaščite avtorskih pravic
Nenazadnje vas bom naučil narediti vzorec proti trganju.

Odprite nov dokument in se prepričajte, da imate dovolj prostora. 600 x 600 slikovnih pik bo v redu. Obrezali ga bomo kasneje.

Ustvarite novo plast in izbrišite plast »Ozadje«, da bo slika prosojna.

Zdaj zgrabite orodje za besedilo in uporabite berljivo pisavo. Ariel, Tahoma, Verdana, Times itd.

Uporabil sem te nastavitve:
Verdana | krepko | 12 pt | aa: nobenega

Velikost mora biti približno 12 slikovnih pik, ne naredite prevelike, sicer ne bo dobro delovala kot vzorec.

Zdaj vnesite nekaj takega: "ustvarjeno z vašim imenom" ali "(c) vaše ime". Vtipkam (c) in nato svoje ime.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Z desno miškino tipko kliknite plast besedila in izberite vrsto rastriziranja ali pojdite na Izberi > rastriziraj > tip.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Zdaj pritisnite CTRL T (Prosta transformacija) in zavrtite ime za približno -30 stopinj.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Pritisnite Enter, da potrdite rotacijo. Nekoliko povečajte in izberite orodje za obrezovanje.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Postavite miško na spodnji del besedila in ga kliknite in povlecite na vrh besedila. Prepričajte se, da ste izbrali vse besedilo in pustili nekaj prostora na vrhu in na dnu.

Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Zdaj pritisnite enter.
Zdaj bi morali imeti nekaj takega.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Pojdite na Uredi>Določi vzorec in ga poimenujte avtorsko.

Odprite svojo najnovejšo spletno zasnovo, ki jo želite zaščititi pred razparačem, in naredite novo plast.

Izberite orodje Paint Bucket in izberite avtorski vzorec. Zmanjšajte motnost, da bo slika vidna vsem, ki jo želijo pogledati
vendar težje za tiste, ki želijo trgati.

To sem uporabil za predlogo, na kateri delam. Motnost je približno 20%.
Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Kombiniranje in eksperimentiranje
Zdaj, ko poznate način ustvarjanja vzorca, je čas za kombiniranje in preizkušanje z njim.

Oglejte si te različne vzorce. Možnosti so neskončne. Od besedila, oblik (rože itd.) in črt, vse jih je mogoče uporabiti za izdelavo vzorcev.

Vse, kar morate vedeti o delu z vzorci - Ustvarite in implementirajte - PS Tutorials Lorelei Web Design

Hvala, ker ste si ogledali te vadnice, upam, da ste se kaj naučili.