Comment créer un motif de feuilles d'automne dans Affinity Designer

Ce que vous allez créer

Bienvenue dans un autre didacticiel d'Affinity Designer, dans lequel nous allons apprendre à créer un motif sur le thème de l'automne en utilisant uniquement des formes de base que nous allons ajuster ici et là..

Cela étant dit, n'oubliez pas que vous pouvez toujours étendre votre bibliothèque de ressources en vous rendant sur Envato Elements où vous trouverez une grande sélection de motifs vectoriels..

Donc, en supposant que le logiciel soit déjà opérationnel, sautons directement dessus!

1. Comment configurer un nouveau fichier de projet

Comme nous le faisons avec tout nouveau projet, nous allons commencer par mettre en place un Nouveau document en se dirigeant vers Fichier> Nouveau (ou en utilisant le Contrôle-N raccourci clavier), que nous ajusterons comme suit:

  • Type: Web
  • Unités de document: Les pixels
  • Créer un plan de travail: vérifié
  • Largeur de page: 288 px
  • Hauteur de la page: 192 px
  • DPI: 72

Conseil rapide: Maintenant que nous avons créé notre nouveau document, ce serait une bonne idée de verrouiller son Artboard afin de ne pas le déplacer par accident. Pour ce faire, ouvrez simplement le Couches Panneau de configuration, sélectionnez la planche graphique, puis utilisez la petite icône de verrou..

2. Comment créer le fond

Dès que nous avons fini de configurer notre fichier de projet, nous pouvons commencer à travailler sur le modèle actuel. Commençons par le fond.

Étape 1

En utilisant le Outil Rectangle (M), créer un 288 x 192 px forme que nous colorierons avec # 604349 puis centrez le centre sur l'Artboard sous-jacent à l'aide du bouton Aligner le centre et Aligner le milieu options, en vous assurant que l'alignement est défini sur Propager.

Étape 2

Puisque nous voulons pouvoir facilement suivre nos formes, je vous recommande de les étiqueter au fur et à mesure en double-cliquant simplement dessus dans le menu déroulant. Couches panneau et entrer les mots-clés souhaités.

3. Comment créer la feuille répétitive

Dès que nous avons le fond en place, nous pouvons nous concentrer sur les feuilles, que nous allons créer une section à la fois..

Étape 1

Commencez par créer le corps principal de la feuille centrale en utilisant un 48 x 96 px ellipse, que nous colorierons avec # FF8B6C puis centrer le centre sur l'Artboard sous-jacent, comme nous l'avons fait avec l'arrière-plan.

Étape 2

Ajustez la forme que nous venons de créer en la convertissant d'abord en courbes à l'aide de la barre d'outils contextuelle. Convertir en courbes opération, puis en sélectionnant ses nœuds supérieur et inférieur à l'aide du bouton Outil de nœud (A) et les pincer en utilisant le Convertir à Sharp opération.

Étape 3

Zoomez sur la feuille, puis créez sa nervure médiane à l'aide d'un 96 px grand 4 px épais Accident vasculaire cérébral ligne (# C15944), que nous centrerons sur son corps plus grand.

Étape 4

Prenez le Outil stylo (P) et dessinez le premier de ses veines du côté gauche en utilisant un 28 px large, 24 px grand, 4 pt épais Accident vasculaire cérébral ligne (# C15944), que nous placerons sur la nervure médiane, à une distance de 12 px à partir de son noeud inférieur.

Étape 5

Ajoutez les veines restantes du côté actuel en utilisant deux copies de celle que nous venons de créer, que nous empilerons verticalement 24 px les uns des autres, en veillant à les sélectionner et à les regrouper ensuite à l'aide du bouton Contrôle-G raccourci clavier.

Étape 6

Créez les veines du côté droit en utilisant la même méthode que pour les veines de gauche, en veillant à grouper (Contrôle-G) et les aligner sur le noeud supérieur de la nervure médiane, comme indiqué dans l'image de référence.

Étape 7

Donner un contour à la feuille en utilisant le Accident vasculaire cérébral méthode, en créant une copie (Control-C), que nous allons coller devant (Contrôle-V). Changer sa couleur en # C15944, puis retournez son Remplir avec son Accident vasculaire cérébral en utilisant le Shift-X raccourci clavier, en veillant à définir son Largeur à 4 pt.

Étape 8

Prenez quelques instants et ajustez l’apparence du Accident vasculaire cérébral formes à base, en sélectionnant individuellement chacune d’elles, puis en ajustant leur Largeur en utilisant le Accident vasculaire cérébral du panneau Pression graphique comme dans l'image de référence.

Étape 9

Une fois que vous avez terminé d’ajuster le profil en largeur des différents chemins, vous devez masquer ses veines et sa nervure centrale en ouvrant le Couches panneau, puis faites-les glisser sur la forme principale de la feuille, car elle fera office de masque de découpage. Ensuite, sélectionnez et groupez (Contrôle-G) toutes ses formes composant avant de passer à l'étape suivante.

Étape 10

Créez deux copies (Control-C> Contrôle-V) de la feuille sur laquelle nous venons de terminer le travail, que nous positionnerons sur les côtés du plus grand Artboard, en veillant à ce que ses bords tombent bien sur leur centre vertical, de manière à ce qu'ils se fassent sans problème lors de leur utilisation ultérieure.

Étape 11

Ajoutez les feuilles restantes en utilisant quatre copies supplémentaires (Control-C> Contrôle-V quatre fois), que nous placerons sur les bords supérieur et inférieur de la planche d’art, comme indiqué dans l’image de référence. Comme vous pouvez le constater, si vous positionnez les formes en les sélectionnant puis en les faisant glisser à l'aide de la souris, le logiciel vous aidera automatiquement à les aligner au centre des feuilles voisines en affichant les petits tracés et les valeurs d'espacement..

Étape 12

Prenez quelques instants pour ajuster certaines feuilles en modifiant la couleur de leurs formes de remplissage. # FFBD6E, ajoutant ainsi un peu de diversité au motif.

Étape 13

Terminez le motif en sélectionnant et en regroupant toutes les feuilles à l’aide des touches Contrôle-G raccourci clavier, en prenant soin de les masquer ensuite en ouvrant le Couches panneau, puis en les faisant glisser sur le grand rectangle.

4. Comment utiliser le motif

À ce stade, nous avons fini de travailler sur notre petit segment de motif. Voyons comment nous pouvons l’utiliser pour créer un motif plus grand sans soudure..

Étape 1

Vous voudrez commencer par créer un nouveau document en utilisant le Largeur et la taille valeurs (dans mon cas je suis allé avec un assez grand 1200 x 800 Artboard), sur lequel nous collerons une copie (Control-C> Contrôle-V) du segment de motif le plus petit.

Étape 2

Remplissez la surface restante de la planche graphique à l'aide de deux copies horizontale et verticale, comme indiqué dans l'image de référence, en vous assurant qu'elles sont parfaitement alignées à l'aide de la touche Aligner du panneau Espace horizontalement et Verticalement outils.

Ne vous inquiétez pas si certains segments du motif sortent de la surface de l'Artboard, car nous allons y remédier dans quelques instants..

Étape 3

Une fois que tous les segments du motif sont en place, sélectionnez-les et regroupez-les à l'aide de la Contrôle-G raccourci clavier, puis centrez-les sur le tableau d’art sous-jacent, ce qui garantira l’application uniforme du motif. Selon la taille du projet, vous pouvez toujours augmenter ou réduire le motif final afin de répondre à vos besoins..

Bon travail!

Comme toujours, j'espère que vous avez eu du plaisir à travailler sur notre petit projet et que vous avez surtout réussi à apprendre quelque chose de nouveau et d'utile en cours de route..

Cela étant dit, si vous avez des questions, n'hésitez pas à les poster dans la section commentaires et je vous reviendrai dès que je pourrai.!


Voulez-vous élargir votre Skillbag?!

Vous commencez tout juste à utiliser Affinity Designer, mais vous n’avez pas encore compris? Eh bien, si c'est le cas, nous avons sélectionné à la main quelques tutoriels qui devraient vous permettre de vous mettre au diapason en un rien de temps.!

  • Le concepteur d'affinité de A à Z

    Affinity Designer est un programme puissant qui vous permet de créer et de combiner des graphiques raster et vectoriels. Cette liste de A à Z décompose tous les outils et…
    Yulia Sokolova
    Concepteur d'affinité
  • Transition d'Adobe Illustrator vers Affinity Designer

    Apprenez-en davantage sur l'expérience de passage d'Adobe Illustrator à Affinity Designer et sur les principaux obstacles à surmonter..
    Andrei Stefan
    Concepteur d'affinité
  • Comment configurer des grilles dans Affinity Designer

    Dans cette vidéo, vous apprendrez à configurer des grilles dans Affinity Designer. Apprendre à maîtriser les principales caractéristiques de la grille standard et de la grille isométrique.
    Kezz Bracey
    Concepteur d'affinité
  • Comment créer un personnage Minecraft dans Affinity Designer

    Dans le didacticiel d'aujourd'hui, nous allons entreprendre un voyage créatif dans le pays magique de Minecraft et apprendre à créer notre propre petit…
    Andrei Stefan
    Isométrique