Toto je tretí tutoriál v našej sérii o vytváraní a používaní jednoduchých opakujúcich sa modelov vo Photoshope. V predchádzajúcich návodoch sme sa zaoberali základmi vytvárania vlastných opakujúcich sa vzorov tak, že sme najskôr navrhli jednu dlaždicu, uložili ju ako vzor a potom pomocou tejto šablóny vyplnili celú vrstvu. Ďalej sme sa naučili, ako pridať farbu do našich vzorov pomocou plných farieb a výplňových vrstiev.
V tomto návode sa pozrieme na to, ako môžeme využiť veľa toho, čo sme sa už naučili, na vytvorenie zábavných a zaujímavých opakujúcich sa vzorov z vlastných tvarov Photoshopu!
Krok 1: Vytvorte nový dokument
Ako sme sa dozvedeli na začiatku tejto série, prvá vec, ktorú musíme urobiť, je navrhnúť jednu dlaždicu, ktorá sa stane našim opakujúcim sa vzorom. Na tento účel potrebujeme nový prázdny dokument, takže prejdite do ponuky Súbor na paneli s ponukami v hornej časti obrazovky a vyberte položku Nový :
Prejdite na Súbor> Nový.
Otvorí sa dialógové okno Nový dokument vo Photoshope. Veľkosť dokumentu, ktorý tu vytvoríme, sa stane veľkosťou dlaždice, ktorá sa bude opakovať ako vzor. Pretože menšie dlaždice musia opakovať viac ako väčšie, aby vyplnili rovnaké množstvo priestoru, veľkosť dlaždíc má veľký vplyv na celkový vzhľad vzoru. Budete chcieť experimentovať s rôznymi veľkosťami dlaždíc pre svoje vlastné návrhy neskôr, ale v tomto návode zadajte 100 pixelov pre šírku aj výšku dokumentu a uistite sa, že je obsah pozadia nastavený na priehľadné . Môžete ponechať hodnotu Resolution (Rozlíšenie) nastavenú na predvolenú hodnotu 72 pixelov / palec :
Dialógové okno Nový dokument.
Po dokončení kliknite na tlačidlo OK, aby ste dialógové okno zavreli. Na obrazovke sa objaví nový prázdny dokument. Pri veľkosti iba 100 pixelov x 100 pixelov môže byť dokument o niečo malý, aby som s ním mohol pracovať, takže ho priblížim podržaním klávesu Ctrl (Win) / Command (Mac) a môjho medzerníka, ktorý nás dočasne prepne na Nástroj na zväčšenie Photoshopu (uvidíte, ako sa kurzor myši zmení na lupu) a niekoľkokrát kliknete do okna dokumentu. Tu som sa priblížil na 500%:
Vzor šachovnice je spôsob, ako nám Photoshop hovorí, že pozadie dokumentu je priehľadné.
Krok 2: Pridajte vodítka do stredu dokumentu
Ďalej musíme nájsť presné centrum nášho dokumentu a môžeme to urobiť pomocou príručiek Photoshopu. Keď sme sa zaoberali základmi vytvárania opakujúcich sa vzorov, dozvedeli sme sa, ako môžeme pridávať sprievodcov pomocou príkazu Nový sprievodca. Tentoraz pridáme sprievodcov pomocou pravítka Photoshopu. Každý spôsob pridávania sprievodcov je v poriadku, takže neváhajte použiť ktorúkoľvek metódu, ktorú uprednostňujete. V prípade tohto tutoriálu však prejdite do ponuky Zobraziť v hornej časti obrazovky a vyberte položku Pravítka :
Prejdite do ponuky Zobraziť> Pravítka.
V hornej a ľavej časti dokumentu sa zobrazia pravítka Photoshopu. Kliknite na ľubovoľné miesto v ľavom pravítku a podržte stlačené tlačidlo myši a presuňte zvislého sprievodcu von do stredu dokumentu. Keď sa dostanete do centra dosť blízko, sprievodca sa zacvakne na svoje miesto. Uvoľnením tlačidla myši umiestnite sprievodcu:
Kliknite do ľavého pravítka a potiahnite sprievodcu do vertikálneho stredu dokumentu.
Potom kliknite kamkoľvek do horného pravítka a znova držte stlačené tlačidlo myši a potiahnite vodorovného vodiaceho prvku nadol do stredu dokumentu. Keď ste dosť blízko centra, sprievodca sa zacvakne na svoje miesto. Uvoľnením tlačidla myši umiestnite druhého sprievodcu:
Kliknite dovnútra horného pravítka a potiahnite sprievodcu do vodorovného stredu dokumentu.
Po pridaní obidvoch sprievodcov môžete pravítka vypnúť návratom do ponuky Zobraziť a opätovným výberom Pravítka . Prípadne môžete pomocou rýchlej klávesovej skratky Ctrl + R (Win) / Command + R (Mac) rýchlo zapnúť a vypnúť pravítka v prípade potreby. Miesto, kde sa pretínajú obaja vodítka, je presným stredom dokumentu. Na mojej snímke obrazovky sa sprievodcovia zobrazujú načerveno. Ak ste postupovali podľa prvého tutoriálu v sérii, budete to vedieť, pretože som zmenil farbu svojich sprievodcov v časti Predvoľby aplikácie Photoshop, aby som ich ľahšie videl na snímkach obrazovky. Predvolená farba sprievodcu je azúrová, čo je farba, v ktorej sa budú zobrazovať vaši sprievodcovia, ak ste ich nezmenili v časti Predvoľby:
Nerobte si starosti, ak sa vaši sprievodcovia zobrazujú v inej farbe, ako je napríklad azúrová. Farba nie je dôležitá.
Krok 3: Vyberte nástroj Vlastný tvar
Na paneli Nástroje vyberte nástroj Prispôsobenie tvaru . V predvolenom nastavení sa skrýva za nástrojom Obdĺžnik, takže kliknite na nástroj Obdĺžnik a podržte stlačené tlačidlo myši na sekundu alebo dve, až kým sa nezobrazí rozbaľovacia ponuka, potom vyberte v dolnej časti zoznamu nástroj Prispôsobený tvar:
Kliknite a podržte na nástroji Obdĺžnik a potom z ponuky vyberte Nástroj vlastných tvarov.
Krok 4: Vyberte možnosť „Vyplniť pixely“
Photoshop nám poskytuje tri rôzne spôsoby, ako môžeme použiť jeho tvarové nástroje. Tu sa o nich nebudeme zaoberať podrobnosťami, ale všeobecne ich môžeme použiť na kreslenie vektorových tvarov, ciest alebo obrazcov založených na pixeloch . Photoshop nám umožní uložiť náš návrh ako vzor, iba ak bol vytvorený pomocou pixelov, takže najskôr musíme Photoshopu povedať, že chceme, aby boli tvary, ktoré sa chystáme nakresliť, vyplnené pixelov, a to urobíme v Možnosti Pruh pozdĺž hornej časti obrazovky. Úplne vľavo na paneli Možnosti je séria troch ikon. Každá ikona vyberie jeden z troch typov tvarov, ktoré môžeme nakresliť. Kliknutím na tretiu ikonu (napravo) vyberte možnosť Vyplniť pixely :
Vyberte možnosť Vyplniť pixely kliknutím na jeho ikonu na paneli Možnosti.
Krok 5: Vyberte vlastný tvar
Teraz, keď sme Photoshopu povedali, aby nakreslil obrazce založené na pixeloch, musíme si vybrať tvar, ktorý chceme nakresliť. Na paneli Možnosti kliknite na miniatúru ukážky tvaru:
Kliknite na miniatúru náhľadu tvaru.
Otvorí sa nástroj na výber tvarov, ktorý zobrazuje malé miniatúry všetkých tvarov, z ktorých si musíme vybrať. Ak chcete vybrať tvar, jednoducho kliknite na jeho miniatúru. Kliknutím naň si vyberiem tvar srdca . Po výbere tvaru stlačte kláves Enter (Win) / Return (Mac), aby ste ukončili výber nástroja Shape Picker:
Kliknite na miniatúru tvaru srdca a vyberte ju.
Krok 6: Nakreslite tvar do stredu dokumentu
Musíme nakresliť tvar do stredu dokumentu, a preto sme pridali sprievodcov, aby sme našli centrum pre nás. Chceme, aby bol náš tvar zatiaľ čierny, takže stlačte písmeno D na klávesnici, aby ste v prípade potreby rýchlo nastavili farbu popredí a pozadia Photoshopu na predvolené hodnoty, čím nastavíte farbu popredia na čiernu. Aktuálne farby popredia a pozadia môžete vidieť tak, že sa pozriete na ich miniatúry v dolnej časti panelu Nástroje:
Farebné políčka v popredí (vľavo hore) a na pozadí (vpravo dole) na paneli Nástroje.
Ak je farba popredia nastavená na čiernu, umiestnite kurzor myši priamo na stred dokumentu tak, aby sa cieľový symbol kurzora zarovnal s vertikálnymi a horizontálnymi vodiacimi lištami, potom kliknite na tlačidlo a podržaním tlačidla myši začnite ťahať tvar. Keď ste začali ťahať, podržte Shift + Alt (Win) / Shift + Option (Mac) a držte ich stlačené, keď budete pokračovať v ťahaní z tvaru. Ak podržíte kláves Shift stlačený, zachová sa pôvodný pomer strán tvaru, aby ste neskončili tým, že bude vyšší a tenší alebo kratší a širší, ako by mal byť, zatiaľ čo kláves Alt (Win) / Option (Mac) informuje Photoshop, aby nakreslite tvar z jeho stredu. Po dokončení by mal váš dokument vyzerať podobne ako tento (môj dokument je zväčšený na 500%, takže okraje tvaru vyzerajú blokovane):
Pretiahnite tvar v strede dokumentu.
Krok 7: Vypnite sprievodcov
Teraz, keď sme nakreslili náš tvar, vodítka už nie sú potrebné a len sa dostávajú do cesty, takže ich vypneme. Prejdite do ponuky Zobraziť v hornej časti obrazovky, vyberte položku Zobraziť a potom vyberte položku Sprievodcovia . Vľavo od slova Sprievodcovia sa zobrazí začiarkavacie políčko, ktoré nám hovorí, že sú momentálne zapnuté. Výberom, keď sú zapnuté, ich vypnete:
Ak chcete sprievodcu vypnúť, prejdite do časti Zobraziť> Zobraziť> Sprievodcovia.
Krok 8: Duplikujte vrstvu
Pred uložením ako vzoru urobíme náš návrh trochu zaujímavejším. Vytvorte kópiu vrstvy tak, že prejdete do ponuky Vrstva v hornej časti obrazovky, vyberiete Nový a potom vyberiete Vrstva cez Kopírovanie :
Prejdite na Vrstva> Nové> Vrstva cez Kopírovanie.
Na rýchle skopírovanie vrstvy môžete použiť aj klávesovú skratku Ctrl + J (Win) / Command + J (Mac). Každopádne povedzte Photoshopu, aby vytvoril kópiu vrstvy 1, ktorú kreatívne pomenuje „kópia vrstvy 1“, a umiestnil ju nad originál na paneli Vrstvy:
Kópia vrstvy sa objaví nad originálom.
Doplnok Krátke kódy, akcie a filtre: Chyba v skrátenom kóde (ads-basics-middle)
Krok 9: Použite ofsetový filter
Rovnako ako sme to urobili, keď sme sa učili základy vytvárania opakujúcich sa vzorov, použijeme filter ofsetu Photoshopu, aby sme zvýšili záujem o našu dlaždicu. Prejdite hore do ponuky Filter v hornej časti obrazovky, vyberte možnosť Iné a potom vyberte položku Ofset :
Prejdite na položku Filter> Iné> Ofset.
Otvorí sa dialógové okno Filter ofset. Chceme zadať polovicu šírky nášho dokumentu do poľa Horizontálna hodnota a polovicu výšky dokumentu do poľa Vertikálna hodnota. Keďže náš dokument má rozmery 100 pixelov x 100 pixelov, nastavte možnosti Horizontálne aj Vertikálne na 50 pixelov. Potom skontrolujte, či je v dolnej časti dialógového okna vybratá možnosť Zalomiť okolo :
Dialógové okno Filter odsadenia.
Po dokončení kliknite na tlačidlo OK, aby ste dialógové okno zavreli. Ofsetový filter v podstate rozdelil kópiu tvaru srdca na štyri rovnaké časti a umiestnil ich do každého rohu dokumentu. V tejto chvíli to môže vyzerať čudne, ale nebude to, keď uvidíme, že sa vzorec opakuje o niečo neskôr. Tvar srdca v strede dokumentu je pôvodný tvar, ktorý sme pridali späť v kroku 6:
Dokument po použití filtra Offset na kópiu tvaru srdca.
Krok 10: Uložte vzor ako vzor
Po dokončení dizajnu našej dlaždice sme pripravení ju uložiť ako vzor. Prejdite hore do ponuky Upraviť v hornej časti obrazovky a vyberte položku Definovať vzor :
Prejdite do ponuky Úpravy> Definovať vzor.
Photoshop otvorí dialógové okno Názov vzoru, aby sme mohli nášmu novému vzoru pomenovať. Je dobrým zvykom zahrnúť do názvu veľkosť vašej dlaždice v prípade, že nakoniec navrhnete niekoľko podobných dlaždíc, a to všetko v rôznych veľkostiach. Nazvem svoj vzorec „Srdcia 100x100“, pretože rozmery dlaždíc sú 100 px x 100 px. Po dokončení kliknutím na tlačidlo OK zatvorte dialógové okno. Vzor je teraz uložený a pripravený na použitie:
Užitočné môže byť zahrnutie rozmerov dlaždíc ako súčasti názvu.
Krok 11: Vytvorenie nového dokumentu
Vytvorme nový dokument, ktorý vyplní náš novo vytvorený vzor. Ako sme to urobili v kroku 1, prejdite na ponuku Súbor a vyberte položku Nový . Tentoraz, keď sa zobrazí dialógové okno Nový dokument, zadajte pre šírku aj výšku dokumentu 1 000 pixelov a zmeňte obsah pozadia na bielu . Ponechajte hodnotu rozlíšenia nastavenú na 72 pixelov / palec . Kliknutím na tlačidlo OK zatvorte dialógové okno. Na obrazovke sa objaví nový dokument plný bielej farby:
Vytvorenie nového dokumentu.
Krok 12: Pridajte novú prázdnu vrstvu
Namiesto toho, aby sme vyplnili vrstvu pozadia našim vzorom, ktorý obmedzí to, čo s ňou môžeme urobiť neskôr, pridáme vzor do svojej vlastnej vrstvy. Kliknite na ikonu Nová vrstva v dolnej časti panelu Vrstvy:
Kliknite na ikonu Nová vrstva.
Photoshop pridá novú vrstvu s názvom „Vrstva 1“ nad vrstvu Pozadie:
Photoshop umiestni novú vrstvu nad vrstvu pozadia.
Krok 13: Vyberte nástroj Plechovka farieb
V predchádzajúcich návodoch v tejto sérii sme sa naučili, ako môžeme vyplniť vrstvu vzorom pomocou príkazu Fill vo Photoshope. Tentoraz sa pozrime, ako môžeme urobiť to isté pomocou nástroja Paint Bucket Tool, ktorý nám tiež umožňuje vyplniť vrstvu alebo výber farbou alebo vzorom. Nástroj Panel s farbami nájdete na paneli Nástroje. V predvolenom nastavení sa skrýva za nástrojom prechodu, takže kliknite na nástroj prechodu a podržte stlačené tlačidlo myši, kým sa neobjaví rozbaľovacia ponuka, potom vyberte zo zoznamu nástroj Plechovka farieb:
Kliknite a podržte na Nástroji prechodu a potom vyberte zo zoznamu Nástroj na nanášanie farieb.
Krok 14: Zmeňte zdroj na vzor
Ak je vybratý nástroj Plechovka farieb, prejdite na panel Možnosti a nastavte Zdroj pre plechovku farieb na Vzor (v predvolenom nastavení je nastavený na popredie):
Zmeňte zdroj z popredí na vzor.
Krok 15: Vyberte vzor
Ak je vybratá šablóna, kliknite na miniatúru ukážky vzoru na paneli Možnosti:
Kliknite na miniatúru ukážky napravo od možnosti Zdroj na paneli Možnosti.
Tým sa otvorí Photoshop's Pattern Picker, kde si môžeme zvoliť vzor, ktorý chceme použiť. Vzor, ktorý sme práve vytvorili, bude posledný v zozname. Kliknite na jeho miniatúru a vyberte ju. Po výbere vzoru stlačte kláves Enter (Win) / Return (Mac) a zatvorte výber nástroja Pattern:
Kliknutím na jeho miniatúru vyberte vzor Hearts.
Krok 16: Kliknutím do vnútra dokladu pridáte vzor
Uistite sa, že je na paneli Vrstvy vybratá vrstva 1 (vybraté vrstvy sú zvýraznené modrou farbou) a potom so vzorom vybratým na paneli Možnosti jednoducho kliknite kamkoľvek vo vnútri dokumentu pomocou Nástroja na nanášanie farieb, ktorý okamžite vyplní dokument vzorom, Dlaždica sa opakuje toľkokrát, koľko je potrebné na vyplnenie celého priestoru:
Kliknutím kdekoľvek v dokumente vyplníte vrstvu 1 vzorom.
V súčasnej dobe je náš vzor v čiernej a bielej farbe, ale môžeme ho ľahko vyfarbiť. Všetky kroky potrebné na vyfarbenie vzorov nájdete v našom predchádzajúcom návode Opakovanie vzorov - Pridávanie farieb a prechodov, takže sa nebudem obťažovať opakovať všetko tu, ale tu je rýchly príklad toho, ako rovnaký vzorec môže vyzerať po vyfarbení bieleho pozadia a samotný vzor:
Rovnaký vzor po pridaní farby.
Na paneli Vrstvy vidíme, že som farby nepridal použitím viac ako dvoch výplňových plných farieb, jednej pre pozadie a druhej pre vzor. Opäť nájdete všetky potrebné kroky v predchádzajúcom návode :
K farbám sa pridali výplňové vrstvy plné farby.
Načítavajú sa ďalšie vlastné tvary
Keď sme v kroku 5 vybrali vlastný tvar z nástroja na výber tvarov, možno ste si všimli, že v predvolenom nastavení nám Photoshop nedáva veľa tvarov na výber. Ak ste dúfali, že k svojmu dizajnu nepridáte opakujúce sa šípky, žiarovky alebo obálky, možno ste boli pri výbere trochu sklamaní. Našťastie existuje veľa ďalších tvarov, z ktorých si môžeme vybrať. Potrebujeme ich len načítať do seba. Tu je návod.
Pri otvorenom výbere tvaru kliknite na malú ikonu šípky v pravom hornom rohu:
Kliknite na ikonu šípky.
Otvorí sa ponuka s rôznymi možnosťami, vrátane zoznamu ďalších súprav tvarov, z ktorých si môžeme vybrať. Nebudem ich prechádzať všetkými, pretože s nimi môžete experimentovať sami, ale ako príklad vyberiem sadu tvarov Zvieratá :
Zo zoznamu vyberte ktorúkoľvek z ďalších vlastných tvarových sád.
Photoshop sa opýta, či chcete nahradiť súčasné tvary novými, alebo či si chcete ponechať súčasné tvary a pripojiť nové na koniec zoznamu. Vyberte Pripojiť :
Kliknite na tlačidlo Pridať.
V nástroji na výber tvarov sa posúvajte miniatúrami a nájdite nové tvary pridané za pôvodné. Vyberte niektorý z novo pridaných tvarov kliknutím na jeho miniatúru. Vyberiem si tvar tlače pre psov :
Výber tvaru tlače psa.
A tu je príklad toho, ako by opakujúci sa vzor mal vyzerať s tvarom psej tlače pomocou krokov, ktoré sme prebrali v tomto návode. V tomto prípade som pre svoju dlaždicu vytvoril o niečo väčší dokument s rozmermi 150 pixelov a 150 pixlov (pozri krok 1) a v dialógovom okne Odsadenie filtra (krok 8) som nastavil možnosti Horizontálne a Vertikálne na 75 pixelov (polovica šírky) a výška dokladu). Znova bola do vzoru pridaná farba pomocou vrstvy výplne Jednofarebné pozadie a ďalšia pre samotný vzor:
Ďalší príklad opakujúceho sa vzoru vytvoreného pomocou vlastných tvarov Photoshopu.
Ak sa žiadny z vlastných tvarov, ktoré Photoshop dodáva, nezodpovedá potrebám vášho návrhu, môžete ľahko vytvoriť vlastné vlastné tvary! Nezabudnite sa pozrieť na našu príručku Vytváranie vlastných tvarov vo Photoshope, kde nájdete všetky podrobnosti!