Ustvarjanje ponavljajočih se vzorcev iz oblik po meri v Photoshopu

Anonim

To je tretja vadnica v naši seriji o ustvarjanju in uporabi preprostih ponavljajočih se vzorcev v Photoshopu. V prejšnjih vajah smo zajemali osnove ustvarjanja lastnih ponavljajočih se vzorcev, tako da smo najprej zasnovali eno ploščico, ploščico shranili kot vzorec, nato pa z vzorcem zapolnili celoten sloj. Nato smo se naučili, kako barvam dodati svoje vzorce s plastmi polnjenja Color in Gradient.

V tej vadnici bomo pogledali, kako lahko uporabimo veliko tistega, kar smo se že naučili, da ustvarimo zabavne in zanimive ponavljajoče se vzorce iz Photoshopovih oblik po meri !

1. korak: Ustvarite nov dokument

Kot smo se naučili na začetku te serije, je prva stvar, ki jo moramo narediti, oblikovati enotno ploščico, ki bo postala naš ponavljajoč se vzorec. Za to potrebujemo nov prazen dokument, zato pojdite do menija Datoteka v menijski vrstici na vrhu zaslona in izberite Novo :

Pojdite v Datoteka> Novo.

S tem se odpre pogovorno okno Novi dokument Photoshopa. Velikost dokumenta, ki ga ustvarimo tukaj, bo postala velikost ploščice, ki se bo ponavljala kot vzorec. Ker morajo manjše ploščice ponoviti več kot večje, da zapolnijo enako količino prostora, velikost ploščic močno vpliva na celoten videz vzorca. Pozneje boste želeli eksperimentirati z različnimi velikostmi ploščic, vendar za to vadbo vnesite 100 slikovnih pik za širino in višino dokumenta in preverite, ali je ozadje vsebine nastavljeno na pregleden . Vrednost ločljivosti lahko pustite nastavljeno na privzetih 72 pik / palec :

Pogovorno okno Nov dokument.

Ko končate, zapustite pogovorno okno in kliknite V redu. Nov prazen dokument se bo prikazal na zaslonu. Z le 100 slikovnimi pikami in 100 slikovnimi pikami je dokument lahko malo majhen, zato ga bom povečal s pritiskom na tipko Ctrl (Win) / Command (Mac) in svojo preslednico, ki nas začasno preklopi na Photoshopovo orodje za povečavo (videli boste, da se kurzor miške spremeni v povečevalno steklo) in v oknu dokumenta nekajkrat kliknete. Tu sem povečala na 500%:

Vzorec šahovnice je tako, da nam Photoshop sporoča, da je ozadje dokumenta pregledno.

2. korak: Dodajte vodnike v središču dokumenta

Nato moramo najti točno središče našega dokumenta in to lahko storimo s pomočjo Photoshopovih vodnikov . Ko smo pokrivali osnove ustvarjanja ponavljajočih se vzorcev, smo se naučili, kako lahko dodajamo vodnike z ukazom New Guide. Tokrat bomo dodali vodnike s pomočjo Photoshopovih ravnil . Vsak način dodajanja vodnikov je v redu, zato se obrnite na katerokoli metodo. Za to vadnico pojdite na meni Pogled na vrhu zaslona in izberite ravnila :

Pojdite na Pogled> Ravnila.

V zgornjem in levem delu dokumenta se prikažejo Photoshopovi vladarji. Kliknite kjer koli znotraj levega ravnila in s pritisnjeno tipko miške povlecite navpično vodilo ven na sredino dokumenta. Ko se dovolj približate centru, bo vodnik zaskočil. Sprostite gumb miške, da postavite vodnik:

Kliknite znotraj leve ravnila in povlecite vodnik v navpično sredino dokumenta.

Nato kliknite kjer koli znotraj zgornjega ravnila in z miško še naprej držite vodoravni vodnik navzdol v sredino dokumenta. Ko boste dovolj blizu središča, bo vodnik zaskočil. Spustite miškin gumb, da postavite drugo vodilo:

Kliknite znotraj zgornjega ravnila in povlecite vodnik v vodoravno sredino dokumenta.

Ko sta dodana oba vodnika, lahko izklopite ravnila, tako da se vrnete nazaj v meni Pogled in znova izberete ravnila. Lahko pa uporabite priročno bližnjico na tipkovnici Ctrl + R (Win) / Command + R (Mac), če želite hitro vklopiti in izklopiti ravnila. Mesto, kjer se sekata oba vodnika, je točno središče dokumenta. Na mojem zaslonu tukaj so vodniki prikazani rdeče. Če spremljate prvo vadnico v seriji, boste to vedeli, ker sem spremenil barvo svojih vodnikov v nastavitvah Photoshopa, da bi jih lažje videl na posnetkih zaslona. Privzeta barva vodnika je cijan, to je barva, v kateri bodo prikazani vaši vodniki, če je niste spremenili v nastavitvah:

Brez skrbi, če so vaši vodniki v drugi barvi, kot je cijan. Barva ni pomembna.

3. korak: Izberite orodje po meri

Na plošči Orodja izberite orodje po meri za obliko . Privzeto se skriva za orodjem za pravokotnik, zato kliknite na orodje za pravokotnik in držite gumb miške za sekundo ali dve, dokler se ne prikaže izstopni meni, nato pa na dnu seznama izberite orodje po meri:

Kliknite in pridržite orodje za pravokotnik, nato v meniju izberite orodje po meri.

4. korak: izberite možnost "Polnjenje pik"

Photoshop nam ponuja tri različne načine, kako lahko uporabimo njegova orodja za obliko. Tu se ne bomo spuščali v podrobnosti o njih, na splošno pa jih lahko uporabimo za risanje vektorskih oblik, poti ali oblik na osnovi pikslov . Photoshop nam bo omogočil, da svoj dizajn shranimo kot vzorec samo, če je bil narejen s pikami, zato moramo najprej Photoshopu povedati, da želimo, da se oblike, ki jih bomo narisali, napolnijo s pikami, in to storimo v možnostih Vrstica na vrhu zaslona. Na skrajni levi strani Možnosti je vrsta treh ikon. Vsaka ikona izbere eno od treh vrst oblik, ki jih lahko narišemo. Kliknite na tretjo ikono (tisto na desni), da izberete možnost Fill pixels :

Izberite možnost Fill piks s klikom na njeno ikono v vrstici z možnostmi.

5. korak: Izberite obliko po meri

Zdaj, ko smo Photoshopu rekli, da nariše oblike, ki temeljijo na pikslih, moramo izbrati obliko, ki jo želimo narisati. V vrstici z možnostmi kliknite sličico za predogled oblike:

Kliknite na sličico predogleda oblike.

Odpre se izbirnik oblik, ki prikazuje majhne sličice vseh oblik, ki jih trenutno moramo izbrati. Če želite izbrati obliko, preprosto kliknite na njeno sličico. Izbral bom obliko Srca s klikom nanj. Ko izberete obliko, pritisnite Enter (Win) / Return (Mac), da zaprete izbirnik oblik:

Kliknite na sličico oblike srca, da jo izberete.

6. korak: Narišite obliko v središču dokumenta

Na sredini dokumenta moramo narisati svojo obliko, zato smo dodali vodnike, da bomo našli središče za nas. Zdaj želimo, da je naša oblika črna, zato pritisnite črko D na tipkovnici, da po potrebi hitro ponastavite Photoshop-ove barve ospredja in ozadja na njihove privzete vrednosti, kar bo barvo spredaj postavilo na črno. Trenutne barve prednjega in ozadja lahko vidite tako, da pogledate sličice na dnu plošče Orodja:

Na zaslonu Orodja se barvne črte spredaj (zgoraj levo) in ozadje (spodaj desno).

Ko je barva spredaj nastavljena na črno, postavite kazalec miške neposredno na sredino dokumenta, tako da se ciljni simbol kazalca poravna z navpičnimi in vodoravnimi vodili, nato kliknite in s pritisnjeno tipko miške začnite vleči obliko. Ko začnete vleči, pridržite tipko Shift + Alt (Win) / Shift + Option (Mac) in držite pritisnjeno, ko nadaljujete z vlečenjem oblike. Če držite tipko Shift navzdol, boste ohranili izvirno razmerje stranic oblike, tako da ne boste na koncu višji in tanjši ali krajši in širši, kot bi morali biti, medtem ko tipka Alt (Win) / Option (Mac) sporoči Photoshopu, da iz njegovega središča potegnite obliko. Ko končate, mora biti vaš dokument podoben temu (moj dokument je povečan na 500%, zato so robovi oblike videti blokirani):

Izvlecite obliko na sredini dokumenta.

7. korak: Izklopite vodila

Zdaj, ko smo narisali svojo obliko, vodila niso več potrebna in se šele postavljajo na pot, zato jih izklopimo. Odprite meni Pogled na vrhu zaslona, ​​izberite Prikaži in nato Vodniki . Na levi strani besede Vodniki boste videli kljukico, ki nam pove, da so trenutno vklopljeni. Če jih izberete, ko so vklopljeni, jih izklopite:

Pojdite na Pogled> Prikaži> Vodniki, da vodnike izklopite.

8. korak: Podvojite plast

Naj bo naš dizajn nekoliko bolj zanimiv, preden ga shranimo kot vzorec. Naredite kopijo sloja tako, da odprete meni Layer na vrhu zaslona, ​​izberete New, nato izberete Layer preko Copy :

Pojdite na Layer> New> Layer preko Copy.

Za hitro kopiranje plasti lahko uporabite tudi bližnjico na tipkovnici Ctrl + J (Win) / Command + J (Mac). Kakor koli, naroči Photoshopu, naj ustvari kopijo sloja 1, ki mu kreativno poimenuje "kopijo nivoja 1", in ga postavi nad izvirnik na plošči Sloji:

Kopija plasti se pojavi nad izvirnikom.

Kratke kode, dejanja in vtičniki za filtre: Napaka v kratkem kodu (oglasi-osnove-sredina)

9. korak: Uporabite Offset filter

Tako kot smo se naučili osnov ustvarjanja ponavljajočih se vzorcev, bomo s pomočjo Photoshopovega Offset filtra dodali še nekaj zanimanja za našo ploščico. Pojdite do menija Filter na vrhu zaslona, ​​izberite Drugo in nato Pobota :

Pojdite na Filter> Drugo> Pobotanje.

Odpre se pogovorno okno filtra Offset. Polovico širine dokumenta želimo vnesti v polje Vodoravna vrednost, polovico višine dokumenta pa v polje Vertikalna vrednost. Ker je naš dokument 100 slikovnih pik x 100 slikovnih pik, nastavite možnosti Horizontal in Vertical na 50 slikovnih pik. Nato se prepričajte, da je na dnu pogovornega okna izbrana možnost Wrap Around :

Pogovorno okno filtra Offset.

Ko končate, zapustite pogovorno okno in kliknite V redu. Offset filter je kopijo oblike srca v bistvu razdelil na štiri enake dele in jih namestil v vsak vogal dokumenta. Trenutno se morda zdi čudno, vendar ne, ko bomo vzorec ponovili nekoliko kasneje. Oblika srca na sredini dokumenta je prvotna oblika, ki smo jo dodali nazaj v koraku 6:

Dokument po uporabi filtra Offset na kopijo oblike srca.

Korak 10: Oblikovanje shranite kot vzorec

Ko je zasnova naše ploščice zaključena, smo jo pripravljeni shraniti kot vzorec. Odprite meni Urejanje na vrhu zaslona in izberite Definiraj vzorec :

Pojdite na Uredi> Določi vzorec.

Photoshop bo odprl pogovorno okno Ime vzorca, da bomo lahko svojemu novemu vzorcu dali ime. Dobra praksa je, da v ime vključite velikost ploščice v primeru, da na koncu oblikujete več podobnih ploščic, vse v različnih velikostih. Svoj vzorec bom poimenoval "Srca 100x100", saj so dimenzije ploščice 100 px x 100 px. Ko končate, kliknite V redu, da zaprete pogovorno okno. Vzorec je zdaj shranjen in pripravljen za uporabo:

Vključitev dimenzij ploščice kot dela imena je lahko koristna.

11. korak: Ustvarite nov dokument

Ustvarimo nov dokument, ki bo napolnjen z našim na novo ustvarjenim vzorcem. Kot smo storili v 1. koraku, pojdite do menija Datoteka in izberite Novo . Tokrat, ko se prikaže pogovorno okno Nov dokument, vnesite 1000 pik za širino in višino dokumenta in spremenite vsebino ozadja v belo . Pustite vrednost ločljivosti nastavljeno na 72 slikovnih pik / palec . Kliknite V redu, da zaprete pogovorno okno. Nov dokument, napolnjen z belo barvo, se bo prikazal na zaslonu:

Ustvarjanje novega dokumenta.

12. korak: Dodajte nov prazen sloj

Namesto da napolnimo plast ozadja z našim vzorcem, kar bo omejilo, kaj lahko naredimo z njim kasneje, bomo vzorec dodali na lastni sloj. Kliknite ikono New Layer na dnu plošče Sloji:

Kliknite ikono New Layer.

Photoshop nad novo plastjo ozadja doda novo prazno plast z imenom "Layer 1":

Photoshop položi novo plast nad plast ozadja.

Korak 13: Izberite Orodje za barvanje

V prejšnjih vajah v tej seriji smo izvedeli, kako lahko napolnimo plast z vzorcem s pomočjo Photoshopovega ukaza Fill. Tokrat si poglejmo, kako lahko z orodjem Packet Bucket Tool naredimo isto, kar nam omogoča tudi, da napolnimo plast ali izbiro z barvo ali vzorcem. Orodje za barvanje barv najdete na plošči Orodja. Privzeto se skriva za orodjem Gradient, zato kliknite na orodje Gradient in držite gumb miške, dokler se ne prikaže izstopni meni, nato pa na seznamu izberite Orodje za barvanje:

Kliknite in pridržite orodje Gradient, nato na seznamu izberite Orodje za barvanje.

14. korak: Spremenite vir v vzorec

Z izbranim orodjem Orodja za barvanje pojdite na vrstico z možnostmi in nastavite vir za vedro barve na vzorec (privzeto je nastavljen na ospredje):

Spremenite vir iz ospredja v vzorec.

15. korak: Izberite vzorec

Z izbranim vzorcem kliknite na sličico predogleda vzorca v vrstici z možnostmi:

V vrstici z možnostmi kliknite na sličico za predogled desno od možnosti Vir.

Odpre se Photoshop's Pattern Picker, kjer lahko izberemo vzorec, ki ga želimo uporabiti. Vzorec, ki smo ga pravkar ustvarili, bo zadnji na seznamu. Kliknite na njegovo sličico, da jo izberete. Ko izberete vzorec, pritisnite Enter (Win) / Return (Mac), da zaprete izbirnik vzorcev:

Izberite vzorec Hearts s klikom na njegovo sličico.

16. korak: Če želite dodati vzorec, kliknite znotraj dokumenta

Prepričajte se, da je na plošči Sloji izbran Layer 1 (izbrani sloji so označeni z modro barvo), nato z vzorcem, izbranim v vrstici z možnostmi, preprosto kliknite kjer koli znotraj dokumenta z orodjem Packet Bucket Tool, ki bo takoj napolnil dokument z vzorcem . Ploščica se ponovi tolikokrat, kolikor je potrebno za zapolnitev celotnega prostora:

Če kliknete kjer koli v dokumentu, napolnimo nivo 1 z vzorcem.

Trenutno je naš vzorec črno-bel, vendar ga zlahka obarvamo. Vse korake, potrebne za barvanje vzorcev, boste našli v naših prejšnjih vzorcih za ponavljajoče se vzorce - Dodajanje barv in gradientov, tako da tukaj ne bom motil ponavljati vsega, ampak tukaj je hiter primer, kako lahko isti barvni vzorec izgleda po barvanju belega ozadja in sam vzorec:

Isti vzorec po dodajanju barve.

Na plošči Sloji vidimo, da sem barve dodal samo z dvema polnilnima slojema Solid Color, enim za ozadje in drugim za vzorec. Ponovno boste našli vse potrebne korake v prejšnji vadnici :

Barve smo dodali s polnilnimi sloji Solid Color.

Nalaganje dodatnih oblik po meri

Nazaj v koraku 5, ko smo izbrali obliko po meri iz orodja za izbiranje oblik, ste morda opazili, da nam Photoshop privzeto ne daje veliko oblik, med katerimi lahko izbiramo. Če niste upali, da bi svojemu dizajnu dodali ponavljajoče se puščice, žarnice ali ovojnice, ste bili morda nad izbiro nekoliko razočarani. Na srečo obstaja veliko drugih oblik, med katerimi lahko izbiramo. Samo naložiti jih moramo v sebe. Tukaj je kako.

Ko je odprta izbira oblike, v zgornjem desnem kotu kliknite ikono majhne puščice :

Kliknite ikono puščice.

Odpre se meni z različnimi možnostmi, vključno s seznamom dodatnih kompletov oblik, med katerimi lahko izbiramo. Ne bom šel skozi vse njih, ker lahko sami poskusite z njimi, ampak kot primer bom izbral nabor oblik živali :

Na seznamu izberite katerega koli dodatnega niza oblik po meri.

Photoshop vas bo vprašal, ali želite zamenjati trenutne oblike z novimi ali če želite obdržati trenutne oblike in nove dodati na konec seznama. Izberite Dodaj :

Kliknite na gumb Dodaj.

Nazaj v Izbirnik oblik se pomaknite po sličicah in poiščite nove oblike, dodane po prvotnih. Izberite katero od na novo dodanih oblik s klikom na njeno sličico. Izbral bom obliko pasjega tiska :

Izbira oblike Print Print.

In tukaj je primer, kako bi izgledal ponavljajoč se vzorec z obliko pasjega tiska z uporabo korakov, ki smo jih obravnavali v tej vadnici. V tem primeru sem ustvaril nekoliko večji dokument s 150 slikovnimi pikami x 150 slikovnih pik za ploščico (glej korak 1) in v pogovornem oknu s filtrirjem Offset (korak 8) nastavim možnosti horizontalne in navpične na 75 slikovnih pik (polovica širine in višina dokumenta). Ponovno je bila vzorcu dodana barva z uporabo polnilne plasti Solid Color za ozadje in druge za sam vzorec:

Še en primer ponavljajočega se vzorca, ustvarjenega s Photoshopovimi oblikami po meri.

Če nobena od oblik izdelka Photoshop ne ustreza potrebam vašega dizajna, lahko preprosto ustvarite svoje oblike po meri! Bodite prepričani, da si oglejte naše Ustvarjanje oblik po meri v Photoshopu za vse podrobnosti!