Hvordan lage et høstblad mønster i Affinity Designer

Hva du skal skape

Velkommen tilbake til en annen Affinity Designer-opplæring, hvor vi skal lære å lage et høstemønster som ikke bruker noe mer enn noen grunnleggende former som vi skal justere her og der.

Når det er sagt, ikke glem at du alltid kan utvide ressursbiblioteket ditt ved å gå over til Envato Elements hvor du finner et stort utvalg av vektormønstre.

Så, forutsatt at du allerede har programvaren oppe, la oss hoppe rett inn i den!

1. Hvordan sette opp en ny prosjektfil

Som vi gjør med et nytt prosjekt, skal vi begynne med å sette opp en Nytt dokument ved å gå over til Fil> Ny (eller ved å bruke Kontroll-N tastaturgenvei), som vi vil justere som følger:

  • Type: web
  • Dokument enheter: piksler
  • Lag kunstbrett: sjekket
  • Sidens bredde: 288 px
  • Sidehøyde: 192 px
  • DPI: 72

Raskt tips: Nå som vi har opprettet vårt nye dokument, vil det være lurt å låse Artboard, slik at vi ikke flytter det ved et uhell. For å gjøre dette, bare åpne opp lag panelet, velg Artboard, og bruk deretter det lille låsikonet.

2. Hvordan lage bakgrunnen

Så snart vi er ferdige med å sette opp prosjektfilen vår, kan vi begynne å jobbe med selve mønsteret. La oss starte med bakgrunnen.

Trinn 1

Bruker Rektangelverktøy (M), lage en 288 x 192 px form, som vi vil farge ved hjelp av # 604349 og deretter sentrere til det underliggende Artboard ved hjelp av Juster senter og Juster midten alternativer, sørg for at justeringen er satt til Spredt.

Steg 2

Siden vi vil være i stand til å holde styr på våre former enkelt, anbefaler jeg at du merker dem når vi går forbi ved å dobbeltklikke på dem i lag panel og angi ønskede søkeord.

3. Hvordan lage det gjentatte bladet

Så snart vi har bakgrunnen på plass, kan vi skifte fokus mot bladene, som vi vil lage en seksjon av gangen.

Trinn 1

Start med å lage midtbladets hovedlegeme ved hjelp av a 48 x 96 px ellipse, som vi vil farge ved hjelp av # FF8B6C og sentrere deretter til det underliggende Artboard som vi gjorde med bakgrunnen.

Steg 2

Juster formen som vi nettopp har opprettet ved først å konvertere den til kurver ved hjelp av kontekstverktøylinjen Konverter til kurver operasjon, og deretter velge både de øverste og nederste noder ved hjelp av Nøkkelverktøy (A) og klemme dem ved hjelp av Konvertere til skarp operasjon.

Trinn 3

Zoom inn på bladet, og opprett deretter midrib ved hjelp av a 96 px høy 4 px tykk Stroke linje (# C15944), som vi vil sentre justere til sin større kropp.

Trinn 4

Ta tak i Pennverktøyet (P) og tegne den første av sine venstre sidede vener med en 28 px bred, 24 px høy, 4 pt tykk Stroke linje (# C15944), som vi vil plassere på midrib, på en avstand av 12 px fra den nederste noden.

Trinn 5

Legg til gjeldende side gjenværende årer ved hjelp av to kopier av den som vi nettopp har opprettet, som vi stabler vertikalt 24 px fra hverandre, sørg for å velge og gruppere dem sammen etterpå ved å bruke Kontroll-G hurtigtast.

Trinn 6

Opprett høyresidene med samme metode som brukes til venstre, sørg for å gruppere (Kontroll-G) og juster dem til øvre knutepunkt for midrib som vist i referansebildet.

Trinn 7

Gi bladet en oversikt ved hjelp av Stroke metode ved å lage en kopi (Kontroll-C), som vi vil lime inn foran (Kontroll-V). Endre farge til # C15944, og så snu den Fylle med dens Stroke bruker Shift-X tastaturgenvei, sørg for å angi dens Bredde til 4 pt.

Trinn 8

Ta et par øyeblikk og juster utseendet til Stroke baserte former, ved å velge hver enkelt av dem og deretter justere deres Bredde bruker Stroke panelets Press graf som vist i referansebildet.

Trinn 9

Når du er ferdig med å justere breddeprofilen til de forskjellige banene, må du maskere venene og midrib ved å åpne lag panel og deretter dra dem på bladets hovedform, siden det vil fungere som klippemaske. Deretter velger du og grupperer (Kontroll-G) alle dens komponerende former før du går videre til neste trinn.

Trinn 10

Lag to kopier (Control-C> Control-V) av bladet som vi nettopp er ferdig med å jobbe med, som vi vil plassere på sidene av det større Artboard, og sørge for at kantene faller rett inn på sitt vertikale senter, slik at de vil overføres sømløst når de brukes senere.

Trinn 11

Legg til de resterende bladene med fire flere kopier (Control-C> Control-V fire ganger), som vi vil plassere på toppen og bunnen av Artboard, som vist i referansebildet. Som du kan se, hvis du plasserer figurene ved å velge og deretter dra dem med musen, vil programvaren automatisk hjelpe deg med å sentrere dem til nabobladene ved å vise de små sporbanene og avstandsverdiene.

Trinn 12

Ta et par øyeblikk og juster noen av bladene ved å endre fargen på fyllingsformene til # FFBD6E, og dermed legge til et lite mangfold på mønsteret.

Trinn 13

Avslutt mønsteret ved å velge og gruppere alle bladene sammen ved hjelp av Kontroll-G tastaturgenvei, sørg for å maskere dem etterpå ved å åpne lag panel og deretter dra dem over det større rektangel.

4. Hvordan bruke mønsteret

På dette tidspunktet har vi jobbet med vårt lille mønstersegment, så la oss se hvordan vi kan bruke den til å lage et større sømløs mønster.

Trinn 1

Du vil starte med å opprette et nytt dokument ved hjelp av ønsket Bredde og Høyde verdier (i mitt tilfelle gikk jeg med en ganske stor 1200 x 800 Artboard), som vi vil lime inn en kopi (Control-C> Control-V) av det mindre mønstersegmentet.

Steg 2

Fyll inn gjenstanden på Artboard ved å bruke et par horisontale og vertikale kopier som vist i referansebildet, og sørg for at de er perfekt justert ved å bruke Rette inn panelets Space Horisontalt og vertikalt verktøy.

Ikke vær redd hvis noen av mønstergruppene går utenfor Artboard-overflaten, siden vi skal fikse det om et par øyeblikk.

Trinn 3

Når du har alle mønstergruppene på plass, velger du og grupperer dem alle sammen ved hjelp av Kontroll-G tastaturgenvei, og sentrere dem deretter til underliggende Artboard, som sikrer at mønsteret blir jevnt påført. Avhengig av prosjektets størrelse kan du alltid oppskalere eller nedskalere det endelige mønsteret for å matche dine behov.

Flott arbeid!

Som alltid håper jeg at du hadde det gøy å jobbe med vårt lille prosjekt, og det var viktigst å lære noe nytt og nyttig underveis.

Når det er sagt, hvis du har noen spørsmål, vær så snill å legge inn dem i kommentarfeltet og jeg kommer tilbake til deg så snart jeg kan!


Ønsker å utvide din Skillbag?!

Har du nettopp begynt å bruke Affinity Designer, men har ikke fått hengt på det? Vel, hvis det er tilfelle, har vi håndplukket noen opplæringsprogrammer som burde få deg raskere på kort tid!

  • A til Z av Affinity Designer

    Affinity Designer er et kraftig program som lar deg lage og kombinere både raster- og vektorgrafik. Denne A til Z-listen bryter ned alle verktøyene og ...
    Yulia Sokolova
    Affinity Designer
  • Overgang fra Adobe Illustrator til Affinity Designer

    Lær alt om erfaringen med å bytte fra Adobe Illustrator til Affinity Designer, og de viktigste hindringene for å overvinne.
    Andrei Stefan
    Affinity Designer
  • Slik setter du opp grids i Affinity Designer

    I denne videoen lærer du hvordan du konfigurerer rutenett i Affinity Designer. Lær å mestre hovedtrekkene til både standardruten og det isometriske nettverket.
    Kezz Bracey
    Affinity Designer
  • Hvordan lage et Minecraft-tegn i Affinity Designer

    I dagens veiledning skal vi begynne på en kreativ reise inn i Minecrafts magiske land og lære å lage vår egen søte lille ...
    Andrei Stefan
    Isometrisk