Kako nacrtati kinesku Novu godinu za dekoraciju prozora zeca

Dok slavimo kinesku Novu godinu zeca, željeli smo napraviti vodič za ukrašavanje prozora zeca s našim talentiranim internim ilustratorom, Aysel, za tu priliku.

U ovom tutorijalu, vodit ćemo vas kroz korake s pisanim uputama, snimkama ekrana i dodatnim video isječcima.

Ako nikada prije niste koristili Vectornator, možete posjetiti Vectornator Academy za početne tutorijale i vježbe.

🧧 Šta će vam trebati

• iPad

• Apple Pencil

• Najnovija verzija Vectornator

Šta ćete naučiti

• Kako uvesti referentnu sliku

• Kako koristiti Shape Tool

• Kako koristiti Pen Tool

• Kako izvesti Booleovu operaciju

🎨 Hex kodovi boja koji se koriste u ovom vodiču

#E53C27 svijetlo crvena (boja punjenja valovitog uzorka)

#C52410 tamno crvena (boja ispune cvjetova trešnje, boja poteza valovitog uzorka, boja fonta)

Zlatni gradijent

Linearni gradijent, zlatni, horizontalni smjer

#C9A85B (klizač boje lijevo)

#EBCF8D (klizač boja u sredini)

#EFC564 (klizač boje desno)

(cvjetovi trešnje, oblaci, zec, i boja pozadine prstena.)

🎨 Pročitajte više o heksadecimalnom kodu boja na našem blogu i centru za učenje

🚧 Sa ažuriranjima iPadOS 16 , ujedinili smo iPad Inspektor za pojednostavljeni interfejs. Umjesto pet kartica, ažurirani Inspektor sada sadrži sljedeće kartice: Theodabirete element.

Korak 4

Nacrtajte oblake

U sljedećem koraku našeg tutorijala, nacrtat ćemo oblake. Isključite potez _{ic-toggle-offic-toggle-off} i odaberite zlatni linearni gradijent za ispunu. Možete odabrati gradijent direktno u uvezenoj paleti boja ili ga kreirati sami koristeći heksadecimalni brojevi spomenuti u listi heksadecimalni kodovi boja na početku tutorijala. Svojstva gradijenta možete postaviti u postavkama Widžeta boja .

🌸 Pro-savjet:Ako koristite samo jedan primarni izvor svjetlosti za svoju ilustraciju, uvijek postavite gradijente svih elemenata u istom smjeru. Možete postaviti smjer gradijenta pomoću Gradient Direction Handleu Vectornatoru. Ako aktivirate Sjenkana svojim oblicima, ugao sjene bi trebao odgovarati smjeru izvora svjetlosti na vašoj ilustraciji.

Koristit ćemo alat Pen Tool _ic-penic-pen da nacrtamo oblake. Malo smanjite neprozirnost da vidite referentnu sliku oblaka ispod.

Tapnite duž linija oblaka. Dodirnite samo da kreirate oštre ivice, tapnite i povucite da biste pristupili Bezijerovom ručku da biste kreirali zakrivljene linije.

Kada završite sa crtanjem oblaka, dodajte ga predlošcima na kartici Biblioteka _{ic-library-tabic-library-tab} .

🥠 Pro-Savjet:Ako ste relativno novi u crtanju alatom Pen Tool _{ic-penic-olovka}, prvo možete vježbati crtanjem nekoliko jednostavnih geometrijskih oblika. Dodirnite samo da biste kreirali oštre ivice, tapnite i prevucite da biste pristupili Bezijevoj ručki za kreiranje zakrivljenih linija. Obećavamo da ćemo vas čekati dok ne budete spremni! Ako su određeni oblici previše teški za crtanje, uvijek se možete vratiti na Pencil Tool~ic-pencil~~ic-pencil~! Možete naknadno prilagoditi putanju svog oblika pomoću alata za čvorove ~ic-node~~ic-node~. Korak 5

Nacrtajte cvijeće u obliku zvijezde

Sljedeće ćemo nacrtati male cvijeće u obliku zvijezda na donjoj polovini zeca.

Vratite se na Shape Tool. Crvena boja koju smo koristili je i dalje postavljena kada aktiviramo alat zbog Stroke and Fill Memory. Vectornator sada pamti posljednju postavku Stroke i Fill vaših alata.

Koristite Oval Tool _{ic-ovalic-oval} da kreirate osnovni oblik. Prebacite se na Alat za čvorove _{ic-nodeic-node} i dodirnite gornji i donji čvor svog oblika da izoštrite krivulju oblika.

Kreirajte drugi , manji oblik sa Duplicate i Scale i iskucajte manji oblik sa Boolean Operation Subtract _{ic-boolean-subtractic-boolean-subtract} .

Odaberite, duplicirajte i rotirajte oblik u koracima od 45° držeći jedan prst dolje.

Nacrtajte drugi, manji cvijet u obliku zvijezde koristeći Oval Tool _{ic-ovalic-oval} i Duplicate and Rotate .

Korak6

Nacrtaj zeca

Hajde da nacrtamo suštinski element našeg prozorskog ukrasa, zeca!

Prebacimo se nazad na Pen Tool _{ic-penic -olovka} . Zbog Stroke and Fill Memory , alat pamti našu posljednju postavljenu boju ispune, zlatni gradijent.

Aysel je odabrala da ide nekonvencionalnim putem i prati vanjski krug oblika pozadine dok uključuje dijelovi zeca koji preklapaju granice kruga, kao što su njegove uši i zadnje noge. Nemojte uključivati ​​druge elemente koji preklapaju pozadinski krug, kao što su oblaci, npr.

Sljedeći korak je praćenje elemenata pozadine unutrašnjeg kruga koje zec ne pokriva.

Prebacite se na jarko crvenu boju i iscrtajte vidljiva područja pozadine pomoću Pen Tool _ic-penic-pen .

Zatim , dodajte posljednje detalje zecu, kao što su oči, oblici unutrašnjeg uha i oblici suze na vratu zeca.

Odaberite predloške cvijeća u obliku zvijezde na kartici Biblioteka _{ic-library-tabic-library-tab} i stavite ih na zeca dok je Duplicate Mode _{ic-duplicateic-duplicate} je aktiviran.

Odaberite sve crvene detalje i oblike pozadine na platnu tako što ćete aktivirati Alat za odabir _{ic-selectionic-selection} i povući pravougaonik odabira oko ovih oblika.

Zatim koristite Boolean Operation Subtract _{ic-boolean-subtractic-boolean-subtract} da biste uklonili crvene cvjetove u obliku zvijezde iz oblika tijela zlatnog zeca.

Dodajte sjenu u Odjeljak sjene u Style Tab _{ic-style-tabic-style-tab} da bi oblicima dali efekat izrezanog papira. Aysel je odabrala ugao sjene od 250°.

Korak 7

Maskirajte pozadinske valove

U sljedećem koraku našeg tutorijala integrirat ćemo uzorak crvenih valova putem maskiranja _{ic-maskic-mask} . Dodajte prethodno sačuvani šablon talasnog uzorka koji smo kreirali u koraku 2 jednim dodirom.

Za oblik maskiranja , kreiraćemo krug koji pokriva pozadinski krug referentnog crteža. Maskirani oblik će biti šablon sa crvenim talasima.

Možete pristupiti Dugmu za maskiranje _{ic-maskic-mask} u Rasporedi kartica _{ic-arrange-tabic-arrange-tab} ili Traka za brze radnje _{ic-quick-actionsic-quick- actions} .

Oblik maskiranja (u našem slučaju, novo nacrtani krug) mora biti postavljen ispod maskiranog sadržaja, crvenih valova u hijerarhiji slojeva.

Možete urediti oblike u Hijerarhiji steka slojeva korištenjem Gesta za redoslijed u Traci za brze radnje _{ic-quick-actionsic-quick-actions} ili kartica Rasporedi _{ic-arrange-tabic-arrange-tab} .

Odaberite prethodno sačuvane predloške oblaka i cvijeta trešnje i pozicionirajte ih i skalirajte ih na platno.Dodajte sjenu svakom novouređenom elementu.

Korak 8

Dodajte tekst svojoj ilustraciji

U sljedećem i posljednjem koraku našeg vodiča, dodaćemo tekst našoj ilustraciji.

U Vectornatoru možete postaviti Tekst na putanju _{ic-text-on-pathic-text-on-path} , što znači da će tekst pratiti putanju kojom je u prilogu.

Kao što možete vidjeti na referentnoj slici, tekst prati kružni oblik pozadine. Da bi tekst slijedio kružni oblik, prvo ćemo morati kreirati kružnu putanju.

Odaberite Oval Tool _{ic-ovalic-oval} , prebacite isključite _{ic-toggle-offic-toggle-off} i držite popunu uključenom _{ic-toggle-onic-toggle-on} . Držite jedan prst dolje i nacrtajte krug koji prati krivulju teksta sa naše referentne slike.

Aktivirajte Text Tool _{ic-textic-text} na traci s alatima. Zatim dodirnite ili prevucite bilo gdje na platnu. Ograničeni okvir koji sadrži riječ "Tekst" pojavit će se na vašem platnu. Sada možete početi pisati koristeći digitalnu ili eksternu tastaturu.

U postavkama alata za tekst koji su dostupni u kartici stil _{ic-style-tabic-style-tab} , postavite font na Copperplate i Veličina fonta _{ic-fontsizeic-fontsize} na 38 pt. Postavite boju teksta na tamnocrvenu #C52410.

Koristite tastaturu za pisanje sljedećeg teksta: Sretna kineska Nova godina 2023.

Odaberite tekst i krug i dodirnite Tekst na putanji _{ic-text-on-pathic-text-on-path} u odjeljku putanje _{ic-path-tabic-path-tab} od Stil kartice _{ic-style-tabic-style-tab} .

Sada, tekst je poravnat sa kružnom putanjom. Možete rotirati tekst duž njegove putanje kako biste ga smjestili točno na istu poziciju kao referentna slika.

To je to! Završili smo crtanje našeg zečjeg ukrasa za kinesku Novu godinu!

U Vectornatoru možete ispisati _{ic-printic-print} svoj dokument direktno sa svog štampača kod kuće ili izvezite dokument _{ic-exportic-export} ​​za eksternu štampu.

Dekoraciju prozora zeca možete odštampati na papiru ili kartonu ili ga odštampati kao siker.

Nadam se da bismo vas mogli inspirirati da kreativno proslavite kinesku Novu godinu s nama, i svi smo uzbuđeni što objavljujete svoj ukras kineske Nove godine za zečeve u našoj galeriji umjetnosti i društvenim mrežama!

Sretna kineska Nova godina!

preko GIPHY

Preuzmite Vectornator da biste započeli

Podignite svoje dizajne na sljedeći nivo.

Nabavite Vectornator Kartica Stil, Kartica Slojevi,i Kartica Biblioteka.

Neke veze na Centar za učenje objavljene ovdje odnose se na pre -ažuriraj izgled inspektora , a ostale na ažurirani izgled inspektora .

Video je snimljen korištenjem Vectornator verzije sa ažuriranim izgledom inspektora ; stoga, snimci ekrana snimljeni iz videa prikazuju ažurirani Inspector interfejs u ovom tutorijalu.

💡 Pro-Savjet - Tutorijal možete pratiti i na Macu. Možete se kretati kroz Mac interfejs tako što ćete posetiti naš centar za učenje za Mac ~ic-learning-hub~~ic-learning-hub~. Jednostavno postavite prekidač na svakoj povezanoj web lokaciji u ovom vodiču s iPada na Mac i možete pročitati odgovarajući odjeljak za Mac.

Možete se obratiti samo na vodič za blog ili dodatno pogledati odgovarajući YouTube video tutorial ispod:

Korak 1

Pripremite dokument

🐇 Kao što možete vidjeti na snimcima ekrana i video zapisima, Aysel koristi geste ~ic-gestures-shortcuts~~ic-gestures-shortcuts~ za zumiranje~ic-zoom-in~~ic-zoom-in~, zoom out~ic-zoom-out~~ic-zoom-out~, pan~ic-hand~~ic-hand~, i rotirajte~ic-canvas-rotation~~ic-canvas-rotation~ platno da biste bolje pristupili oblicima.

Prije nego počnemo crtati, prvo moramo uvesti referentnu skicu.

Kreirajte novi dokument u Vectornatoru dodirom na _{ic-create-docic-create-doc} dugme u galeriji i odabirom Novi dokument _{ic-new-documentic-new-document} .

Možete birati između Šablona dokumenta _{ic-doc-templatesic-doc-templates} ili ručno postavite veličinu dokumenta u Novi dokument _{ic-new-documentic-new-document} meni.

🏮 Pro savjet- Neka vaši slojevi budu organizirani i pravilno imenovani. Sa kartice Slojevi~ic-layers-tab~~ic-layers-tab~, možete pregledavati i upravljati svim svojim objektima (kao što su Artboards ~ic-artboard~~ic-artboard~, slojevi , grupe, maske ili jednostavni oblici). Možete promijeniti redoslijed svojih elemenata povlačenjem i ispuštanjem vaših odabira iz jednog Sloja, Umjetne ploče~ic-artboard~~ic-artboard~, ili Grupe~ic-group~~ic-group~ na drugu Artboard~ic-artboard~~ic-artboard~, Group~ic-group~~ic-group~, ili Sloj. Možete urediti oblike u hijerarhiji slojeva slojeva korištenjem Gesta za redoslijed~ic-stack-order~~ic-stack-order~ na traci brzih radnji ~ic-quick-actions~~ic- brze akcije~ ili kartica Raspored ~ic-arrange-tab~~ic-arrange-tab~.

Ako želite da nacrtate referentnu sliku na papiru, snimite fotografiju, skenirajte je ili nacrtajte pomoću softvera za dizajn. Možete uvesti digitalnu referentnu sliku u Vectornator pomoću Kartica Import _{ic-importic-import} .

Možete pristupiti Kartici Import _{ic-importic-import} ​​dodirom na _{ic-create-docic-dugme create-doc} u gornjem desnom uglu Galerije, a zatim izaberite Uvezi .

Kada se otvori novo kreirani dokument, idite u Biblioteku Tab _{ic-library-tabic-library-tab} u Inspectoru, odaberite referentnu sliku i podesite njen položaj na platnu pomoću alata za odabir _{ic-selectionic-selection} .

Ako ne želite da nacrtate referentnu sliku, možete preuzeti referentnu skicu od Aysela.

Referentna slika Rabbit Rabbit_refernce.jpg 108 KB download-circle

Pored toga, možete preuzeti dokument Vectornator, koji sadrži ilustraciju kreiranu u ovom vodiču.

Kineska Nova godina 2023. Vectornator dokument Kineska Nova godina - 2023. vectornator 2 MB download-circle

Sada kada smo uvezli referentnu sliku, pogledajmo kompoziciju slike.

Imamo krug u pozadini ispunjen valovitim uzorkom. Zec koji skače postavljen je u prvi plan kruga preko talasnog uzorka. Osim toga, Aysel je nacrtala nekoliko oblaka u mekim, tekućim linijama i cvjetovima trešnjinog cvijeta raspoređenih oko zeca. Donji dio tijela zeca prekriven je cvjetovima u obliku zvijezda. Naslov Sretna kineska nova godina 2023. postavljen je duž kružnog oblika pozadine.

Korak 2

Kreirajte pozadinske valove

U sljedećem koraku našeg vodiča nacrtat ćemo uzorak pozadinskog talasa.

Prije nego počnemo crtati,Molimo prvo pripremite svoju paletu boja! Prednost palete boja je u tome što možete direktno dodirnuti boju u paleti da promijenite boje bez potrebe da ručno postavljate heksadecimalni kod boja.

Možete uvesti paletu boja koju možete preuzeti ispod preko Kartica Paletes _{ic-palettes-tabic-palettes-tab} u vaš dokument.

Kineska Nova godina 2023 Paleta boja Kineska_Nova_Godina_-_2023.swatches 3 KB download-krug

Prije crtanja prozora dekoracija, kreirajte novi sloj _{ic-add-layeric-add-layer} da bi elementi vaše ilustracije bili organizirani. Svaki novonacrtani oblik će automatski biti organiziran kao novi element unutar odabranog sloja. Elementima se može pristupiti zasebno u hijerarhiji slojeva organiziranoj u kartici Layers _{ic-layers-tabic-layers-tab} .

Aktivirajte Alat za oblik u Traka sa alatkama na levoj strani ekrana. Dodirnite dugme s tri tačke i odaberite Oval Tool _{ic-ovalic-oval} . Odaberite jarko crvenu #E53C27 boju kao boju ispune i tamno crvenu #C52410 kao boju poteza.

🍙 Možete postaviti Filli Strokeu Widget bojaispod Toolbarili Odjeljak izgleda~ic-appearance-tab~~ic-appearance-tab~ na kartici stil~ic -style-tab~~ic-style-tab~. Možete dobro uključiti boje Filli Strokena ~ic-toggle-on~~ic-toggle-on~ ili isključiti ~ic-toggle-off~~ic-toggle-off~ nezavisno.

Držite jedan prst prema dolje da nacrtate krug umjesto ovalnog oblika. Koristite Selection Alat _{ic-selectionic-selection} da pomerite krug preko jednog od polukružnih talasa.

Smanjite neprozirnost ispunu kruga, jer vam omogućava da vidite referentni crtež ili sliku tokom crtanja.

Možete smanjiti neprozirnost svoje ispune koristeći klizač neprozirnosti _{ic-opacityic-opacity} u Odjeljak izgleda _{ic-appearance-tabic-appearance-tab} ili traka brzih radnji _{ic-quick-actionsic-quick-actions} prikazana na dnu vašeg odabranog oblika.

Malo skalirajte krug tako da savršeno odgovara gornjoj liniji vala.

Sa Alatom za odabir _{ic-selectionic-selection} , duplirajte oblik koristeći copy-paste, ili možete koristiti Duplicate Mode _{ic-duplicateic-duplicate} . Da biste ga aktivirali, dodirnite drugu ikonu desno od Alata za odabir _{ic-selectionic-selection} . Kada budete aktivni, možete dodirnuti i povući bilo koji odabrani objekt da kreirate njegov duplikat.

Ako želite napraviti umanjenu kopiju originalnog oblika kako to želimo učiniti za ovaj vodič, možete koristite Duplicate and Scale Mode.

Postavite drugi, manji oblik direktno ispod gornjeg vala polukruga. Duplicirajte i skalirajte još četiri oblika i postavite ih tako da odgovarajulinije referentne slike.

Odaberite svih šest crvenih oblika kruga putem višestrukog odabira _{ic-multiselectic-multiselect} i Group _{ic-groupic -group} njih.

Možete pronaći Grupu _{ic-groupic-group} i Ungroup _{ic-ungroupic- razgrupiraj} dugmad na kartici Rasporedi. Kada je više objekata odabrano na platnu, Opcije grupiranja će se također pojaviti u Traci brzih radnji _{ic-quick-actionsic-quick-actions} .

Aktivirajte Snapping i pametne vodiče u postavkama platna i brzim postavkama.

Duplirajte Group _{ic-groupic-group} od šest krugova triput i poravnajte sva četiri grupisana kruga u redu.

Koristite Opcije poravnanja _{ic-alignmentic-alignment} na kartici Rasporedi _{ic-arrange-tabic-arrange- tab} da poravnate krugove u pravoj liniji.

Grupirajte _{ic-groupic-group} četiri kruga u nizu i Duplicate _{ic-duplicateic-duplicate} njih. Postavite drugi red pomaknut u odnosu na prvi. Ponavljajte sve dok krug referentne slike ne bude potpuno prekriven crvenim krugovima, a Grupiraj _{ic-groupic-group} sve elemente uzorka. Zatim spremite cijeli uzorak u svoje predloške u Knjižnica _{ic-library-tabic-library-tab} Inspektora .

Kasnije na, koristićemo sačuvani šablon šablona i kreirati Maska _{ic-maskic-mask} zapozadina.

Vidi_takođe: Predstavljamo Vectornator Faces na Apple WatchuKorak 3

Nacrtajte cvijet trešnje

U sljedećem koraku našeg tutorijala, nacrtat ćemo cvijet trešnje. Isključite potez _{ic-toggle-offic-toggle-off} , a za boju ispune odaberite tamnocrvenu # C52410.

Odaberite Ovalni alat _{ic-ovalic-oval} i nacrtajte krug (dok držite pritisnut jedan prst) preko jednog od cvijeta trešnje na referentnoj slici.

Zatim odaberite oblik kruga i koristite operaciju Duplicate and Rotate. Ovaj Kombo pokret vam omogućava da kreirate Rotacijske kopije .

Da aktivirate operaciju, dodirnite Rotate Mode _{ic-rotateic- rotate} dugme i Duplicate Mode _{ic-duplicateic-duplicate} . Zatim odaberite svoj oblik i počnite povlačiti prst okolo.

Možete promijeniti Pivot Point vaše rotacije dodirom bilo gdje na platnu. Također, možete držati drugi prst na svom platnu dok prevlačite kako biste omogućili snimanje od 45º.

Svaki krug predstavlja laticu cvijeta. Nacrtajte pet latica cvijeta i uvjerite se da je točka stožera ispravno postavljena.

Odaberite pet latica cvijeta i smanjite neprozirnost pomoću Klizača neprozirnosti _{ic-opacityic-opacity} tako da možemo vidjeti osnovnu referentnu sliku dok crtamo.

Koristite istu tehniku ​​da nacrtate prašnik cvijeta. Nacrtajte liniju pomoću Alata za linije _{ic-lineic-line} , dostupnog u opcijama odabira Alat za oblikovanje . Na vrhu linije postavite krug pomoću Oval Tool _{ic-ovalic-oval} . Ujedinite krugove sa linijom koristeći Boolean Operation Unite _{ic-boolean-uniteic-boolean-unite} .

Vidi_takođe: Tim iza alata za uklanjanje pozadine koji pokreće AI

Koristite operaciju Duplicate and Rotate opet da rasporedite prašnik oko središnje tačke trešnjinog cvijeta i držite prst da biste ga rotirali u koracima od 45°.

Odaberite sve elemente prašnika i grupirajte ih. Koristite Duplicate & Scale Mode za stvaranje druge zvijezde prašnika na latici cvijeta. Rotirajte _{ic-rotateic-rotate} drugu zvijezdu koju želite pozicionirati i pomaknuti u prvi oblik stamena. Napravite krug i postavite ga na središnju tačku stožera oblika prašnika. Odaberite sve oblike i Grupirajte _{ic-groupic-group} ih.

Uvijek pazite na referentnu sliku i osigurajte da je svaki element savršeno usklađen s uvezenim crtežom.

Nakon postavljanja oba oblika zvijezde stamena, odaberite oblik crvene latice cvijeta i koristite Boolean Operation Subtract _{ic-boolean-subtractic-boolean-subtract} .

Na Vectornator-u za iPad, možete pristupiti pet dostupnih Bulovih operacija _{ic-booleanic-boolean} na kartici Path _{ic-path-tabic-path-tab} . Dodatno, Boolean Options _{ic-booleanic-boolean} će se automatski pojaviti na traci brzih radnji _{ic-quick-actionsic-quick-actions} kada