Hur man skapar ett höstlövmönster i Affinity Designer

Vad du ska skapa

Välkommen tillbaka till en annan Affinity Designer tutorial, där vi ska lära oss hur man skapar ett höst-temat mönster med ingenting mer än några grundläggande former som vi ska justera här och där.

Med det sagt, glöm inte att du alltid kan expandera ditt resursbibliotek genom att gå över till Envato Elements där du hittar ett bra urval av vektormönster.

Så, förutsatt att du redan har mjukvaran igång, låt oss hoppa rakt in i den!

1. Så här skapar du en ny projektfil

Som vi gör med något nytt projekt ska vi börja med att skapa en Nytt dokument genom att gå över till Fil> Ny (eller genom att använda Kontroll-N tangentbordsgenväg), som vi kommer att justera på följande sätt:

  • Typ: webb
  • Dokumentenheter: pixlar
  • Skapa tavla: kontrollerade
  • Sidbredd: 288 px
  • Sidhöjd: 192 px
  • DPI: 72

Snabbtips: nu när vi har skapat vårt nya dokument, skulle det vara en bra idé att låsa sin Artboard så att vi inte flytta den av misstag. För att göra detta, öppna helt enkelt Skikten panel, välj Artboard och använd sedan den lilla låsikonen.

2. Hur man skapar bakgrunden

Så snart vi har slutat konfigurera vår projektfil kan vi börja arbeta med det aktuella mönstret. Låt oss börja med bakgrunden.

Steg 1

Använda Rektangelverktyg (M), skapa en 288 x 192 px form, som vi kommer att färga med # 604.349 och centrera sedan in mot det underliggande Artboard med hjälp av Centrera i linje med och Rikta in mittlinjen alternativ, se till att justeringen är inställd på Spridning.

Steg 2

Eftersom vi vill kunna hålla reda på våra former enkelt rekommenderar jag att du märker dem som vi går längs genom att helt enkelt dubbelklicka på dem inom Skikten panel och ange önskade nyckelord.

3. Hur man skapar det repeterande bladet

Så snart vi har bakgrunden på plats, kan vi flytta vårt fokus mot bladen, som vi kommer att skapa en sektion åt gången.

Steg 1

Börja med att skapa mittlövets huvudkropp med hjälp av a 48 x 96 px ellips, som vi kommer att färga med # FF8B6C och sedan centrera inriktning mot den underliggande Artboard som vi gjorde med bakgrunden.

Steg 2

Justera formen som vi just skapat genom att först konvertera den till kurvor med hjälp av kontextverktygsfältets Konvertera till kurvor operation, och sedan välja både dess övre och nedre noder med hjälp av Nodverktyg (A) och klämma dem med hjälp av Konvertera till skarp drift.

Steg 3

Zooma in på bladet och skapa sedan dess midrib med a 96 px lång 4 px tjock Stroke linje (# C15944), som vi kommer att centrera i linje med sin större kropp.

Steg 4

Ta tag i Penverktyg (P) och rita den första av sina vänster sidade vener med hjälp av a 28 px bred, 24 px lång, 4 pt tjock Stroke linje (# C15944), som vi kommer att placera på midrib, på ett avstånd av 12 px från dess undre nod.

Steg 5

Lägg till den aktuella sidans återstående ådror med hjälp av två kopior av den som vi just har skapat, vilket vi staplar vertikalt 24 px från varandra, se till att välja och gruppera dem tillsammans efteråt med hjälp av Kontroll-G tangentbordsgenväg.

Steg 6

Skapa de högersidiga åren med samma metod som används för vänster, se till att gruppera (Kontroll-G) och justera dem till den övre noden på midrib som det ses i referensbilden.

Steg 7

Ge bladet en skiss med hjälp av Stroke metod, genom att skapa en kopia (Kontroll-C), som vi kommer klistra in framför (Kontroll-V). Ändra dess färg till # C15944, och vänd sedan dess Fylla med dess Stroke använda Skift-X tangentbordsgenväg, se till att ställa in dess Bredd till 4 pt.

Steg 8

Ta ett par ögonblick och justera utseendet på Stroke baserade former, genom att individuellt välja var och en av dem och sedan justera deras Bredd använda Stroke panelens Tryck graf som ses i referensbilden.

Steg 9

När du är klar att justera breddprofilen för de olika banorna måste du maskera dess ådror och midrib genom att öppna Skikten panel och sedan dra dem på bladets huvudform eftersom det kommer att fungera som klippmask. Välj sedan och gruppera (Kontroll-G) alla dess komponerande former innan de går vidare till nästa steg.

Steg 10

Skapa två kopior (Control-C> Control-V) av det blad som vi just har avslutat med att arbeta på, vilket vi kommer att placera på sidorna på det större Artboard, så att dess kanter faller rakt in på sitt vertikala centrum så att de kommer att överföras sömlöst när de används senare.

Steg 11

Lägg till resterande löv med fyra fler kopior (Control-C> Control-V fyra gånger), som vi kommer att placera på Artboards över- och bottenkanter, vilket framgår av referensbilden. Som du kan se, om du placerar formerna genom att välja och sedan dra dem med hjälp av musen, hjälper programvaran automatiskt dig att centrera dem mot de närliggande bladen genom att visa de små spårvägarna och avståndsvärdena.

Steg 12

Ta ett par ögonblick och justera några av bladen genom att ändra färgen på deras fyllformar till # FFBD6E, vilket ger en liten mångfald till mönstret.

Steg 13

Avsluta mönstret genom att välja och gruppera alla blad tillsammans med Kontroll-G tangentbordsgenväg, se till att maskera dem efteråt genom att öppna Skikten panelen och dra sedan dem över den större rektangeln.

4. Hur man använder mönstret

Vid den här tiden har vi slutat arbeta med vårt lilla mönstersegment, så låt oss se hur vi kan använda den för att skapa ett större sömlöst mönster.

Steg 1

Du vill börja med att skapa ett nytt dokument med önskat Bredd och Höjd värden (i mitt fall gick jag med en ganska stor 1200 x 800 Artboard), på vilken vi kommer att klistra in en kopia (Control-C> Control-V) av det mindre mönstersegmentet.

Steg 2

Fyll i resterande yta på Artboard med hjälp av ett par horisontella och vertikala kopior enligt referensbilden, se till att de är perfekt anpassade genom att använda Justera panelens Utrymme horisontellt och Vertikalt verktyg.

Oroa dig inte om några av mönstersegmenten går utanför Artboard-ytan eftersom vi kommer att fixa det på ett par ögonblick.

Steg 3

När du har alla mönstersegment på plats, välj och gruppera dem alla tillsammans med Kontroll-G tangentbordsgenväg, och centrera sedan in dem till det underliggande Artboard, vilket kommer att se till att mönstret tillämpas enhetligt. Beroende på projektets storlek kan du alltid uppskalera eller minska det sista mönstret för att matcha dina behov.

Bra jobbat!

Som alltid hoppas jag att du hade kul att arbeta på vårt lilla projekt och lyckades viktigast att lära mig något nytt och användbart under vägen.

Med det sagt, om du har några frågor, skriv gärna dem i kommentarfältet och jag kommer tillbaka till dig så snart jag kan!


Vill du expandera din Skillbag?!

Har du precis börjat använda Affinity Designer, men har inte hunnit hänga på det? Tja, om så är fallet har vi handplockat några tutorials som borde få dig till snabbhet på nolltid!

  • Affinity Designer A till Z

    Affinity Designer är ett kraftfullt program som låter dig skapa och kombinera både raster och vektorgrafik. Denna A till Z-lista bryter ner alla verktyg och ...
    Yulia Sokolova
    Affinity Designer
  • Övergång från Adobe Illustrator till Affinity Designer

    Lär dig allt om erfarenheten av att byta från Adobe Illustrator till Affinity Designer, och de viktigaste hindren att övervinna.
    Andrei Stefan
    Affinity Designer
  • Så här ställer du upp nät i Affinity Designer

    I den här videon lär du dig hur du ställer in nät i Affinity Designer. Lär dig att behärska de viktigaste funktionerna i både standardnätet och det isometriska nätet.
    Kezz Bracey
    Affinity Designer
  • Hur man skapar en Minecraft-karaktär i Affinity Designer

    I dagens handledning kommer vi att inleda en kreativ resa i Minecrafts magiska land och lära oss hur vi skapar vår egen söta lilla ...
    Andrei Stefan
    Isometrisk