Hoe maak je een Autumn Leaves Pattern in Affinity Designer

Wat je gaat creëren

Welkom terug bij een andere Affinity Designer-tutorial, waarin we leren hoe we een herfstthema kunnen maken met niet meer dan een paar basisvormen die we hier en daar zullen aanpassen.

Dat gezegd hebbende, vergeet niet dat je altijd je bronnenbibliotheek kunt uitbreiden door naar Envato Elements te gaan, waar je een grote selectie van vectorpatronen vindt.

Dus, ervan uitgaande dat je de software al in gebruik hebt, laten we er meteen in springen!

1. Hoe een nieuw projectbestand in te stellen

Net als bij elk nieuw project, beginnen we met het opzetten van een Nieuw document door naar toe te gaan Bestand> Nieuw (of door de Besturing N sneltoets), die we als volgt aanpassen:

  • Type: Web
  • Document-eenheden: pixels
  • Maak een tekengebied: gecontroleerd
  • Paginabreedte: 288 px
  • Pagina hoogte: 192 px
  • DPI: 72

Snelle tip: nu we ons nieuwe document hebben gemaakt, is het een goed idee om het tekengebied te vergrendelen zodat we het niet per ongeluk verplaatsen. Om dit te doen, opent u gewoon de Lagen paneel, selecteer het tekengebied en gebruik vervolgens het kleine hangslotsymbool.

2. Hoe de achtergrond te maken

Zodra we klaar zijn met het opzetten van ons projectbestand, kunnen we beginnen aan het daadwerkelijke patroon te werken. Laten we beginnen met de achtergrond.

Stap 1

De ... gebruiken Rechthoekgereedschap (M), Maak een 288 x 192 px vorm, die we zullen gebruiken in kleur # 604349 en centreer het alignement met het onderliggende Artboard met behulp van de Centre uitlijnen en Midden uitlijnen opties, zorg ervoor dat de uitlijning is ingesteld op Verspreiding.

Stap 2

Omdat we onze vormen gemakkelijk willen kunnen volgen, raad ik aan om ze in de loop van het proces te labelen door er eenvoudig op te dubbelklikken. Lagen paneel en het invoeren van de gewenste sleutelwoorden.

3. Hoe het herhalende blad te maken

Zodra we de achtergrond op zijn plaats hebben, kunnen we onze focus verleggen naar de bladeren, die we een sectie per keer zullen creëren.

Stap 1

Begin met het hoofdlichaam van het middenblad te maken met behulp van a 48 x 96 px ellips, die we zullen kleuren met # FF8B6C en centreer het alignement met het onderliggende Artboard zoals we deden met de achtergrond.

Stap 2

Pas de vorm aan die we zojuist hebben gemaakt door deze eerst te converteren naar curven met behulp van de werkbalk van de context Converteren naar curven en vervolgens zowel de bovenste als de onderste knooppunten te selecteren met behulp van de Node Tool (A) en knijpen ze met behulp van de Converteren scherp maken operatie.

Stap 3

Zoom in op het blad en maak vervolgens de hoofdnerf met a 96 px lang 4 px dik Beroerte lijn (# C15944), die we zullen centreren in lijn met het grotere lichaam.

Stap 4

Grijp de Pen gereedschap (P) en teken de eerste van zijn linkeradertjes met behulp van a 28 px breed, 24 px lang, 4 pt dik Beroerte lijn (# C15944), die we op de hoofdnerf zullen plaatsen, op een afstand van 12 px vanaf het onderste knooppunt.

Stap 5

Voeg de resterende aderen van de huidige kant toe met twee exemplaren van degene die we zojuist hebben gemaakt, die we verticaal stapelen 24 px van elkaar, zorg ervoor dat u ze achteraf selecteert en groepeert met behulp van de Controle-G Toetsenbord sneltoets.

Stap 6

Maak de rechterzijdige aders met dezelfde methode die wordt gebruikt voor de linker, en zorg ervoor dat u groepeert (Controle-G) en lijn ze uit met het bovenste knooppunt van de hoofdnerf zoals te zien in de referentieafbeelding.

Stap 7

Geef het blad een contour met behulp van de Beroerte methode, door een kopie te maken (Besturing C), die we vooraan plakken (Ctrl-V). Verander zijn kleur in # C15944, en draai dan zijn Vullen met zijn Beroerte de ... gebruiken Shift-X sneltoets, zorg ervoor dat de Breedte naar 4 pt.

Stap 8

Neem een ​​paar momenten en pas het uiterlijk van de Beroerte op basis van vormen, door elk van hen afzonderlijk te selecteren en vervolgens aan te passen Breedte de ... gebruiken Beroerte panel Druk grafiek zoals te zien in de referentie afbeelding.

Stap 9

Als u klaar bent met het aanpassen van het breedteprofiel van de verschillende paden, moet u de aderen en hoofdnerf ervan maskeren door de Lagen paneel en sleep ze vervolgens naar de hoofdvorm van het blad, aangezien dit zal fungeren als het knipmasker. Selecteer vervolgens en groepeer (Controle-G) alle samenstellende vormen voordat u doorgaat naar de volgende stap.

Stap 10

Maak twee kopieën (Controle-C> Controle-V) van het blad waaraan we zojuist zijn gaan werken, dat we op de zijkanten van het grotere tekengebied plaatsen, waarbij we ervoor zorgen dat de randen recht op hun verticale midden vallen, zodat ze naadloos overgaan wanneer ze later worden gebruikt.

Stap 11

Voeg de resterende bladeren toe met nog vier kopieën (Controle-C> Controle-V vier keer), die we op de boven- en onderranden van het tekengebied plaatsen, zoals te zien is in de referentieafbeelding. Zoals je kunt zien, als je de vormen positioneert door ze te selecteren en ze vervolgens met de muis te slepen, zal de software je automatisch helpen om ze in het midden uit te lijnen met de naburige bladeren door de kleine traceerpaden en afstandswaarden weer te geven.

Stap 12

Neem een ​​paar momenten en pas enkele van de bladeren aan door de kleur van hun vulvormen in te stellen # FFBD6E, dus een beetje diversiteit toevoegen aan het patroon.

Stap 13

Werk het patroon af door alle bladeren samen te selecteren en te groeperen met behulp van de Controle-G sneltoets, en zorg ervoor dat ze achteraf worden gemaskeerd door de Lagen paneel en sleep ze vervolgens over de grotere rechthoek.

4. Hoe het patroon te gebruiken

Op dit punt zijn we klaar met ons kleine patroonsegment, dus laten we eens kijken hoe we het kunnen gebruiken om een ​​groter naadloos patroon te maken.

Stap 1

Begin met het maken van een nieuw document met de gewenste tekst Breedte en Hoogte waarden (in mijn geval ging ik met een vrij grote 1200 x 800 Tekengebied), waarop we een kopie plakken (Controle-C> Controle-V) van het kleinere patroonsegment.

Stap 2

Vul het resterende oppervlak van het tekengebied in met behulp van een aantal horizontale en verticale kopieën zoals te zien in de referentie afbeelding, en zorg ervoor dat ze perfect zijn uitgelijnd met behulp van de richten panel Ruimte horizontaal en Verticaal hulpmiddelen.

Maakt u zich geen zorgen als sommige patroonsegmenten buiten het oppervlak van het tekengebied komen, want we gaan dit in een paar ogenblikken oplossen.

Stap 3

Zodra u alle patroonsegmenten op hun plaats hebt, selecteert en groepeert u ze allemaal samen met behulp van de Controle-G sneltoets en centreer ze vervolgens op het onderliggende tekengebied, waardoor het patroon gelijkmatig wordt toegepast. Afhankelijk van de grootte van het project, kunt u het uiteindelijke patroon altijd opschalen of downscalen om aan uw behoeften te voldoen.

Goed gedaan!

Zoals altijd hoop ik dat je plezier hebt met het werken aan ons kleine project en het belangrijkste hebt gedaan om onderweg iets nieuws en nuttigs te leren.

Dat gezegd hebbende, als u vragen heeft, kunt u deze plaatsen in het gedeelte Opmerkingen en ik neem zo snel mogelijk contact met u op!


Wilt u uw Skillbag uitbreiden??!

Ben je net begonnen met Affinity Designer, maar ben je er nog niet helemaal van op de hoogte? Welnu, als dat het geval is, hebben we een paar tutorials met de hand geplukt die u in no time op de hoogte zouden moeten brengen!

  • De A tot Z van Affinity Designer

    Affinity Designer is een krachtig programma waarmee u zowel raster- als vectorafbeeldingen kunt maken en combineren. Deze lijst bevat alle tools en ...
    Yulia Sokolova
    Affinity Designer
  • Overgang van Adobe Illustrator naar Affinity Designer

    Leer alles over de ervaring van het overschakelen van Adobe Illustrator naar Affinity Designer en de belangrijkste obstakels die u moet overwinnen.
    Andrei Stefan
    Affinity Designer
  • Hoe Grids instellen in Affinity Designer

    In deze video leert u hoe u rasters kunt instellen in Affinity Designer. Leer de belangrijkste kenmerken van zowel het standaardraster als het isometrische raster onder de knie te krijgen.
    Kezz Bracey
    Affinity Designer
  • Een Minecraft-personage maken in Affinity Designer

    In de tutorial van vandaag gaan we op een creatieve reis naar het magische land van Minecraft en leren we hoe we onze eigen schattige kleine ...
    Andrei Stefan
    isometrische