Hvordan man tegner en kinesisk nytår af kaninen vinduesdekoration

Da vi fejrer det kinesiske nytår for kaninen, ville vi gerne lave en vejledning i kaninvinduesdekoration med vores dygtige illustrator Aysel til lejligheden.

I denne vejledning vil vi guide dig gennem trinene med skriftlige instruktioner, skærmbilleder og yderligere videobilleder.

Hvis du aldrig har brugt Vectornator før, kan du besøge Vectornator Academy, hvor du kan finde tutorials og øvelser for begyndere.

🧧 Det skal du bruge

- iPad

- Apple Pencil

- Den seneste version af Vectornator

Hvad du lærer

- Sådan importerer du et referencebillede

- Sådan bruger du værktøjet Shape Tool

- Sådan bruger du penværktøjet

- Sådan udføres en boolsk operation

🎨 Hex-farvekoder, der anvendes i denne vejledning

#E53C27 lys rød (farve til udfyldning af bølgemønster)

#C52410 mørkerød (kirsebærblomster fyldfarve, bølgemønsterets stregfarve, skriftfarve)

Gylden gradient

Lineær gradient, guld, horisontal retning

#C9A85B (farveskifter til venstre)

#EBCF8D (farveskifter i midten)

#EFC564 (farveskifter til højre)

Se også: Er AI virkelig en kunst- og designdræber?

(kirsebærblomster, skyer, kanin og baggrundsringens fyldfarve).

🎨 Læs mere om Hex-farvekoden på vores blog og Learning Hub

🚧 Med den iPadOS 16 opdateringer har vi forenet iPad-inspektøren for at forenkle brugerfladen. I stedet for fem faner indeholder den opdaterede inspektør nu følgende faner: Den Fanen stil, fanen lag, og Biblioteksfanen.

Nogle links til den Læringscenter der er offentliggjort her henviser til den før-opdatering Inspektørens layout , og andre til den opdateret inspektørens layout .

Videoen blev filmet med Vectornator-versionen med den opdateret inspektørens layout ; således viser de skærmbilleder, der er taget fra videoen, den opdateret inspektørgrænseflade i denne vejledning.

💡 Pro-Tip - Du kan også følge vejledningen på Mac. Du kan navigere i Mac-brugerfladen ved at besøge vores Learning Hub for Mac ~ic-learning-hub~~ic-learning-hub~~ic-learning-hub~. Du skal blot indstille skiftet på hvert linket websted i denne vejledning fra iPad til Mac, så kan du læse det tilsvarende afsnit for Mac.

Du kan kun henvise til bloggen eller se den tilsvarende YouTube-video nedenfor:

Trin 1

Udarbejdelse af dokumentet

🐇 Som du kan se på skærmbillederne og videoerne, bruger Aysel gestikulationer ~ic-gestures-shortcuts~~ic-gestures-shortcuts~~ic-gestures-shortcuts~ til at zoom ind ~ic-zoom-in~~~ic-zoom-in~, zoom ud ~ic-zoom-out~~ic-zoom-out~, pan ~ic-hand~~~ic-hand~, og rotere ~ic-canvas-rotation~~ic-canvas-rotation~ lærredet for at få bedre adgang til figurerne.

Før vi begynder at tegne, skal vi først importere referenceskitsen.

Opret et nyt dokument i Vectornator ved at trykke på _{ic-create-docic-create-doc} knap i den Galleri og ved at vælge Nyt dokument _{ic-new-documentic-new-document} .

Du kan vælge mellem en Skabelon til dokument _{ic-doc-skabeloneric-doc-skabeloner} eller indstille dokumentstørrelsen manuelt i Nyt dokument _{ic-new-documentic-new-document} menu.

🏮 Pro Tip - Hold dine lag organiseret og korrekt navngivet. Fra den Fanen Lag ~ic-layers-tab~~ic-layers-tab~ kan du gennemse og administrere alle dine objekter (såsom Artboards ~ic-artboard~~ic-artboard~~ic-artboard~, lag, grupper, masker eller simple former). Du kan ændre rækkefølgen af dine elementer ved at trække og slippe dine markeringer fra en Lag , Artboard ~ic-artboard~~~ic-artboard~, eller Gruppe ~ic-group~~~ic-group~ til en anden Artboard ~ic-artboard~~~ic-artboard~, Gruppe ~ic-group~~~ic-group~, eller Lag Du kan arrangere figurerne i lagstakkehierarkiet ved at bruge Bestil gestus ~ic-stack-order~~ic-stack-order~ic-stack-order~ i Quick Actions Bar ~ic-quick-actions~~ic-quick-actions~~ic-quick-actions~ eller fanen Arrange Tab ~ic-arrange-tab~~ic-arrange-tab~~ic-arrange-tab~.

Hvis du vil tegne referencebilledet på papir, kan du tage et fotografi, scanne det eller tegne det med et designprogram. Du kan importere det digitale referencebillede til Vectornator med Import-fanen _{ic-importic-import} .

Du kan få adgang til Import-fanen _{ic-importic-import} ved at trykke på _{ic-create-docic-create-doc} knap i øverste højre hjørne af galleriet og derefter ved at vælge Import .

Når det nyoprettede dokument er åbnet, skal du gå til fanen Bibliotek _{ic-library-tabic-library-tab} Vælg referencebilledet i inspektøren, og juster dets placering på lærredet med værktøjet Valg _{ic-selectionic-selection} .

Hvis du ikke selv vil tegne referencebilledet, kan du downloade referenceskitsen fra Aysel.

Referencebillede af kanin Kanin_refernce.jpg 108 KB download-circle

Du kan også downloade Vectornator-dokumentet, som indeholder den illustration, der er lavet i denne vejledning.

Kinesisk nytår 2023 Vectornator Dokument Kinesisk nytår - 2023.vectornator 2 MB download-circle

Nu hvor vi har importeret referencebilledet, skal vi se på billedkompositionen.

Vi har en cirkel i baggrunden fyldt med et bølgemønster. Den hoppende kanin er placeret i cirklens forgrund over bølgemønsteret. Derudover har Aysel tegnet flere skyer i bløde, flydende linjer og kirsebærblomster arrangeret omkring kaninen. Kaninens underkrop er dækket af stjerneformede blomster. Titlen Happy Chinese New Year 2023 er placeret langs den cirkulærebaggrundsform.

Trin 2

Opret baggrundsbølger

I det næste trin af vores vejledning tegner vi bølgemønstret i baggrunden.

Før vi begynder at tegne, skal du først forberede din farvepalet! Fordelen ved en farvepalet er, at du kan trykke direkte på farven i paletten for at ændre farverne uden at skulle indstille Hex Color Code manuelt.

Du kan importere den downloadbare farvepalet nedenfor via Fanen Paletter _{ic-palettes-tabic-palettes-tab} i dit dokument.

Kinesisk nytår 2023 Farvepalet Chinese_New_Year_-_2023.swatches 3 KB download-circle

Før du tegner vinduesudsmykningen, skal du oprette et nyt lag _{ic-add-layeric-add-layer} for at holde elementerne i din illustration organiseret. Hver nytegnet form vil automatisk blive organiseret som et nyt element i det valgte lag. Elementerne kan tilgås separat i laghierarkiet, der er organiseret i fanen Lag _{ic-layers-tabic-layers-tab} .

Aktiver den Værktøj til form i den Værktøjslinje på venstre side af skærmen. Tryk på knappen med de tre prikker og vælg den Ovalt værktøj _{ic-ovalic-oval} Vælg den lyse røde farve #E53C27 som fyldfarve og den mørkerøde #C52410 som stregfarve.

🍙 Du kan indstille den Fyld og Slagtilfælde i den Farve Widget under den Værktøjslinje eller eller Afsnit om udseende ~ic-appearance-tab~~~ic-appearance-tab~ af den Fanen stil ~ic-style-tab~~~ic-style-tab~. Du kan skifte mellem Fyld og Slagtilfælde farve godt på ~ic-toggle-on~~ic-toggle-on~ eller slukket ~ic-toggle-off~~ic-toggle-off~ uafhængigt af hinanden.

Hold den ene finger nede for at tegne en cirkel i stedet for en oval form. Brug den Udvælgelse Værktøj _{ic-selectionic-selection} for at flytte cirklen over en af de halvcirkelformede bølger.

Reducer opaciteten af cirkeludfyldningen, da det giver dig mulighed for at se referencetegningen eller billedet, mens du tegner.

Du kan reducere fyldets opacitet ved at bruge skyderen Opacity Slider _{ic-opacitetic-opacitet} i afsnittet Udseende _{ic-appearance-tabic-appearance-tab} eller på Quick Actions Bar _{ic-quick-actionsic-quick-actions} vises nederst på den valgte form.

Skaler cirklen en smule, så den passer perfekt til den øverste linje af bølgen.

Med den Værktøj til udvælgelse _{ic-selectionic-selection} , duplikere formen ved at bruge copy-paste, eller du kan bruge Duplikattilstand _{ic-duplicateic-duplicate} Hvis du vil aktivere den, skal du trykke på det andet ikon til højre for den Værktøj til udvælgelse _{ic-selectionic-selection} Når den er aktiv, kan du trykke på og trække et hvilket som helst udvalgt objekt for at oprette en kopi af det.

Hvis du vil lave en formindsket kopi af den originale form, som vi vil gøre det i denne vejledning, kan du bruge Duplikér og Skaleringstilstand.

Placer den anden, mindre form direkte under den øverste bølge i halvcirklen. Duplikere og skalere fire figurer mere, og placer dem, så de passer til linjerne i referencebilledet.

Vælg alle seks røde cirkelformer via Multi Select Mode _{ic-multiselectic-multiselect} og Gruppe _{ic-groupic-group} dem.

Du kan finde den Gruppe _{ic-groupic-group} og Afgruppering _{ic-ungroupic-ungroup} knapper i fanen Arrangér. Når der er valgt flere objekter på lærredet, vises Muligheder for gruppering vil også blive vist i Baren for hurtige handlinger _{ic-quick-actionsic-quick-actions} .

Aktiver Snapping og Smart Guides i lærredsindstillingerne og i Hurtige indstillinger.

Dupliker den Gruppe _{ic-groupic-group} af seks cirkler tre gange og placer alle fire cirkler i en række.

Brug den Juster indstillinger _{ic-udligningc-udligning} i fanen Arrangér _{ic-arrange-tabic-arrange-tab} for at tilpasse cirklerne i en lige linje.

Gruppe _{ic-groupic-group} de fire cirkler i en række og Duplikat _{ic-duplicateic-duplicate} dem. Placer den anden række forskudt i forhold til den første. Gentag dette, indtil referencebilledets cirkel er helt dækket af røde cirkler, og Gruppe _{ic-groupic-group} alle mønsterelementerne. Gem derefter hele mønsteret til dine skabeloner i Fanen Bibliotek _{ic-library-tabic-library-tab} af den Inspektør .

Senere vil vi bruge den gemte mønsterskabelon og oprette en Maske _{ic-maskic-mask} til baggrunden.

Trin 3

Tegn kirsebærblomsten

I det næste trin af vores vejledning tegner vi kirsebærblomsterne. Slå stregen fra _{ic-toggle-offic-toggle-off} , og som fyldfarve skal du vælge mørkerød # C52410.

Vælg den Ovalt værktøj _{ic-ovalic-oval} og tegn en cirkel (mens du holder en finger nede) over en af kirsebærblomsterne i referencebilledet.

Vælg derefter cirkelformen og brug operationen Duplikér og roter. Dette Kombibevægelse giver dig mulighed for at oprette Roterende kopier .

For at aktivere operationen skal du trykke på Rotere tilstand _{ic-rotateic-rotate} knappen og og Duplikattilstand _{ic-duplicateic-duplicate} Vælg derefter din form, og begynd at trække fingeren rundt.

Du kan ændre den Pivotpunkt af din rotation ved at trykke på et vilkårligt sted på lærredet. Du kan også holde en anden finger på lærredet, mens du trækker, for at aktivere 45º snapping.

Hver cirkel repræsenterer et blomsterblad. Tegn fem blomsterblade, og sørg for, at drejepunktet er indstillet korrekt.

Vælg de fem blomsterblade, og reducer opaciteten med Skyderen Opacitet _{ic-opacitetic-opacitet} så vi kan se det underliggende referencebillede, mens vi tegner.

Brug den samme teknik til at tegne blomstens støvfang. Tegn en linje ved hjælp af Linjeværktøj _{ic-lineic-line} , som er tilgængelig i valgmulighederne i Værktøj til form Ved linjens spids placeres en cirkel med Ovalt værktøj _{ic-ovalic-oval} . forene cirklerne med linjen ved hjælp af den boolske operation Forene _{ic-boolean-uniteic-boolean-unite} .

Brug operationen Duplikere og rotere igen for at placere støvfanget omkring kirsebærblomstens omdrejningspunkt, og hold fingeren nede for at rotere i intervaller på 45°.

Vælg alle støvfangselementer og gruppér dem. Brug Duplikat & Skala-tilstand for at skabe en anden støvfangsstjerne på blomsterbladet. Drej _{ic-rotateic-rotate} den anden stjerne skal placeres og forskydes i forhold til den første form af støvdragere. Opret en cirkel og placer den på centrum af støvdragereformerne. Vælg alle figurer og Gruppe _{ic-groupic-group} dem.

Hold altid øje med referencebilledet, og sørg for, at hvert element er perfekt tilpasset den importerede tegning.

Når du har placeret begge stjerneformer for støvdragere, skal du vælge den røde form for blomsterbladet og bruge Boolsk operation Subtrahere _{ic-boolean-subtractic-boolean-subtract} .

I Vectornator til iPad kan du få adgang til de fem tilgængelige boolske operationer _{ic-booleanic-boolean} i fanen Sti _{ic-path-tabic-path-tab} . Desuden er Boolske indstillinger _{ic-booleanic-boolean} vises automatisk i Quick Actions Bar _{ic-quick-actionsic-quick-actions} når du vælger et element.

Trin 4

Tegn skyerne

I det næste trin af vores vejledning skal vi tegne skyerne. Slå stregen fra _{ic-toggle-offic-toggle-off} , og vælg den gyldne lineære gradient til fyldningen. Du kan vælge gradienten direkte i den importerede farvepalet eller selv oprette en ved hjælp af hexametre nævnt i hex farvekoder listen i begyndelsen af denne vejledning. Du kan indstille gradientens egenskaber i Farve Widget's indstillinger.

🌸 Pro-tip: Hvis du kun bruger én primær lyskilde til din illustration, skal du altid indstille gradienterne for alle elementer i samme retning. Du kan indstille gradientens retning med Gradient Retningsangivelse Håndtag i Vectornator. Hvis du aktiverer Skygge på dine figurer, skal skyggevinklen svare til retningen af lyskilden i din illustration.

Vi vil bruge penværktøjet _ic-penic-pen for at tegne skyerne. Reducer opaciteten en smule for at se skyreferencebilledet nedenunder.

Tryk langs skyens linjer. Tryk kun for at skabe skarpe kanter, og tryk og træk for at få adgang til Bézier-håndtaget for at skabe buede linjer.

Når du er færdig med at tegne skyen, skal du tilføje den til skabelonerne i Fanen Bibliotek _{ic-library-tabic-library-tab} .

🥠 Pro-tip: Hvis du er relativt nybegynder med at tegne med penværktøjet _ic-penic-pen kan du først øve dig ved at tegne et par enkle geometriske figurer. Tryk kun på for at skabe skarpe kanter, tryk og træk for at få adgang til Bézier-håndtaget for at skabe buede linjer. Vi lover, at vi venter på dig, indtil du er klar! Hvis bestemte figurer er for svære at tegne, kan du altid vende tilbage til Værktøj til blyant ~Du kan justere stien for din form bagefter med knudeværktøjet ~ic-node~~~ic-node~~ic-node~ . Trin 5

Tegn de stjerneformede blomster

Dernæst tegner vi de små stjerneformede blomster på kaninens nederste halvdel.

Skift tilbage til Shape Tool. Den røde farve, vi brugte, er stadig indstillet, når vi aktiverer værktøjet på grund af Stroke og Fill Memory. Vectornator husker nu den sidste Stroke og Fill indstilling for dine værktøjer.

Brug den Ovalt værktøj _{ic-ovalic-oval} for at skabe grundformen. Skift til Værktøj til knudepunkter _{ic-nodeic-node} og tryk på formens øverste og nederste knudepunkter for at skærpe formens kurve.

Opret en anden, mindre form med Duplikere og skalere og udstempler den mindre form med Boolsk operation Subtrahere _{ic-boolean-subtractic-boolean-subtract} .

Vælg, duplikér og roter formen i intervaller på 45°, mens du holder den ene finger nede.

Tegn den anden, mindre stjerneformede blomst ved hjælp af Ovalt værktøj _{ic-ovalic-oval} og Duplikere og rotere .

Trin 6

Tegn kaninen

Lad os tegne det vigtigste element i vores vinduesdekoration, kaninen!

Skift tilbage til den Pen-værktøj _ic-penic-pen . På grund af Stryk og udfyldning af hukommelse husker værktøjet vores sidst indstillede fyldfarve, den gyldne gradient.

Aysel valgte at gå den utraditionelle vej og tegner den ydre cirkel af baggrundsformen, mens hun medtager de dele af kaninen, der overlapper cirklens grænser, f.eks. ørerne og bagbenene. Medtag ikke de andre elementer, der overlapper baggrundscirklen, som f.eks. skyerne.

Det næste skridt er at tegne de baggrundselementer i den indre cirkel, som kaninen ikke dækker.

Skift til den lyse røde farve, og tegn de synlige baggrundsområder med Pen-værktøj _ic-penic-pen .

Tilføj derefter de sidste detaljer til kaninen, f.eks. øjnene, de indre øreformer og tåreformene ved kaninens hals.

Vælg de stjerneformede blomsterskabeloner fra Fanen Bibliotek _{ic-library-tabic-library-tab} og placer dem på kaninen, mens den Duplikattilstand _{ic-duplicateic-duplicate} er aktiveret.

Vælg alle de røde detaljer og baggrundsformer på lærredet ved at aktivere Værktøj til udvælgelse _{ic-selectionic-selection} og trække et markeringsrektangel omkring disse figurer.

Brug derefter Boolsk operation Subtrahere _{ic-boolean-subtractic-boolean-subtract} for at udstemple de røde stjerneformede blomster fra den gyldne kanins kropsform.

Tilføj en skygge i Skyggeafsnit i den Fanen stil _{ic-style-tabic-style-tab} Aysel valgte en skyggevinkel på 250°.

Trin 7

Maskér baggrundsbølgerne

I det næste trin af vores tutorial vil vi integrere det røde bølgemønster via Masking _{ic-maskic-mask} Tilføj den tidligere gemte bølgemønsterskabelon, som vi oprettede i trin 2, med et enkelt tryk.

For den maskering af form laver vi en cirkel, der dækker baggrundscirklen i referenceopstillingen. maskeret form vil være skabelonen med de røde bølger.

Du kan få adgang til Maskeringsknap _{ic-maskic-mask} i den Arrangere fanen _{ic-arrange-tabic-arrange-tab} eller eller Baren for hurtige handlinger _{ic-quick-actionsic-quick-actions} .

Den maskerende form (i vores tilfælde den nyligt tegnede cirkel) skal placeres under det maskerede indhold, de røde bølger i laghierarkiet.

Du kan arrangere figurerne i Hierarki i lagstakken ved at bruge Bestil gestus i den Baren for hurtige handlinger _{ic-quick-actionsic-quick-actions} eller eller Arrangere fanen _{ic-arrange-tabic-arrange-tab} .

Se også: Sådan designer du et minimalistisk mønster

Vælg de tidligere gemte skabeloner for skyer og kirsebærblomster, og placer og skalér dem på lærredet. Tilføj en skygge til hvert nyarrangeret element.

Trin 8

Tilføj tekst til din illustration

I det næste og sidste trin i vores vejledning vil vi tilføje tekst til vores illustration.

I Vectornator kan du placere Tekst på en sti _{ic-text-on-pathic-text-on-path} , hvilket betyder, at teksten vil følge den sti, den er knyttet til.

Som du kan se på referencebilledet, følger teksten baggrundens cirkulære form. For at få teksten til at følge den cirkulære form, skal vi først oprette en cirkulær sti.

Vælg den Ovalt værktøj _{ic-ovalic-oval} , slå stregen fra _{ic-toggle-offic-toggle-off} , og lad fyldet være slået til _{ic-toggle-onic-toggle-on} Hold den ene finger nedad og tegn en cirkel, der følger tekstens kurve fra vores referencebillede.

Aktiver tekstværktøjet _{ic-textic-text} på værktøjslinjen. Tryk eller træk derefter på et vilkårligt sted på lærredet. En afgrænset boks, der indeholder ordet "Tekst" vises på lærredet. Nu kan du begynde at skrive ved hjælp af et digitalt eller eksternt tastatur.

I indstillingerne for tekstværktøjet, der er tilgængelige i Fanen stil _{ic-style-tabic-style-tab} , indstille skrifttypen til Copperplate og Skriftstørrelse _{ic-fontsizeic-fontsize} til 38 pt. Indstil tekstfarven til mørkerød #C52410.

Brug tastaturet til at skrive følgende tekst: Godt kinesisk nytår 2023.

Vælg teksten og cirklen, og tryk på Tekst på sti _{ic-text-on-pathic-text-on-path} i den Stikvej afsnit _{ic-path-tabic-path-tab} af den Fanen stil _{ic-style-tabic-style-tab} .

Nu er teksten justeret med den cirkulære bane. Du kan rotere teksten langs dens bane for at placere den præcist på samme position som referencebilledet.

Så er vi færdige med at tegne vores vinduesdekoration med kaniner til det kinesiske nytår!

I Vectornator kan du print _{ic-printic-print} dit dokument direkte fra din printer derhjemme eller eksportere dokumentet _{ic-exportic-export} til eksterne udskrivningsformål.

Du kan printe kaninvinduet på papir eller pap eller printe det som en sicker.

Jeg håber, at vi kunne inspirere dig til at fejre det kinesiske nytår kreativt sammen med os, og vi glæder os alle til at se dig sende din kaninvinduesdekoration til det kinesiske nytår på vores kunstgalleri og sociale medier!

Godt kinesisk nytår!

via GIPHY

Download Vectornator for at komme i gang

Løft dine designs til det næste niveau.

Få Vectornator