Comment créer un attrape-rêves dans Affinity Designer

Ce que vous allez créer

Dans le tutoriel d'aujourd'hui, nous allons entreprendre un voyage mystique et apprendre à créer notre propre capteur de rêves dans Affinity Designer. À l'aide d'un flux de travail étape par étape, nous allons voir comment réaliser une illustration détaillée à l'aide de quelques formes géométriques de base combinées à des lignes de trait ici et là..

Si cela semble intéressant, prenez rapidement une tasse de café fraîche et commençons!

En outre, n'oubliez pas que vous pouvez toujours étendre le projet en vous dirigeant vers GraphicRiver, où vous pouvez trouver une grande sélection d'art vectoriel inspiré des Amérindiens..

L'origine et la signification de Dream Catchers

Avant de passer directement au tutoriel, je souhaite prendre quelques instants pour parler de l'histoire et de la signification profonde de ce cercle sacré..

D'un point de vue ethnographique, l'attrapeur de rêves proviendrait des Ojibwés (aussi connus sous le nom de Chippewa, ou comme ils s'appelaient eux-mêmes les Anishinaabés), une tribu nord-américaine de langue algonquienne, qui occupa en 1500 ce qui est maintenant l'Ontario et le Manitoba (au Canada) et le Minnesota et le Dakota du Nord (aux États-Unis).

Selon le ministère de l'Esprit Eagle, l'existence de ce talisman mystique découle de la légende de la Asibikaashi (la femme araignée), dans laquelle une vieille grand-mère qui servait de protecteur spirituel du peuple ne pouvait plus veiller sur tous les bébés en raison de la croissance et l'expansion de la tribu aux quatre coins du pays.

Pour surmonter cela, elle a créé ce que nous appelons maintenant un capteur de rêves, en prenant un cerceau de saule et en faisant tourner une toile autour de son centre, qui serait ensuite placé au-dessus du lieu de couchage, où la lumière du soleil pourrait le frapper..

Puisque les Amérindiens croyaient que la nuit était remplie de rêves, bons et mauvais, le cerceau sacré attirerait et attraperait tous les mauvais, qui seraient brûlés à la lumière du jour. Les bons traverseraient son centre et glissaient doucement le long des plumes sur le dormeur.

D'un point de vue métaphorique, la forme du capteur de rêves est profondément liée au monde naturel, où le cerceau représente le cercle de la vie ainsi que le passage du soleil et de la lune dans le ciel. Les plumes agissent comme une échelle lisse destinée à porter soigneusement les rêves sur la personne en dessous, tandis que les perles sont censées symboliser l'araignée qui a tissé la toile. La toile elle-même est reliée au cerceau à l'aide de huit nœuds, censés représenter les pattes de l'araignée..

Je crois que connaître l'histoire d'un objet est toujours important pour décider de l'utiliser comme un symbole, car en ouvrant les portes de la connaissance, vous pouvez déchiffrer son vrai sens et donc le représenter au plus près de sa vraie nature..

Pour moi, le capteur de rêves est un symbole puissant de la culture des Amérindiens, qu'il convient non seulement de respecter, mais de respecter, car il a réussi à résister au temps qui passe et à prouver que notre lien avec la nature est plus puissant que nous ne pouvons l'imaginer.

Même si dans sa version originale, le design avait une toile en forme d'araignée, plusieurs itérations ont été créées au cours des siècles, ajoutant progressivement de la beauté à la fonction. J'ai donc décidé de prendre la métaphore du cercle de la vie et de l'appliquer sur le Web afin de la rendre plus géométrique..

J'espère qu'en partageant cette information avec vous, j'ai réussi à approfondir votre intérêt pour cette belle culture. Maintenant passons à autre chose et commençons à travailler sur notre petit projet.

1. Comment configurer un nouveau fichier de projet

En supposant que vous avez déjà Affinity en service, configurons un Nouveau document en allant à 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: 640 px
  • Hauteur de la page: 640 px
  • DPI: 72

2. Comment créer le cadre de cerceau

Maintenant que nous avons terminé la configuration de notre document, nous pouvons commencer à travailler sur l'illustration proprement dite, et nous le ferons en créant le cadre externe..

Étape 1

En utilisant le Outil Ellipse (M deux fois), dessinez un 252 x 252 px cercle que nous colorierons avec # 6D96D1 puis aligner horizontalement le centre sur l’artboard sous-jacent, en le positionnant à une distance de 262 px de son bord inférieur.

Étape 2

Créer un plus petit 240 x 240 px cercle (surligné en rouge), que nous allons positionner au centre du précédent puis découper à l’aide du Soustraire une fonction.

Étape 3

Donner un contour à la forme obtenue à l’aide du bouton Accident vasculaire cérébral méthode, en en créant une copie (Control-C) que nous allons coller devant (Contrôle-V) puis ajustez en changeant sa couleur en # 433363, en veillant à retourner son Remplir avec son Accident vasculaire cérébral (Shift-X). Met le Accident vasculaire cérébralde Largeur à 4 pt, puis sélectionnez et groupez les deux ensemble à l'aide du Contrôle-G raccourci clavier.

Conseil rapide: À partir de ce moment, je vous recommande vivement d’organiser les différentes sections de l’illustration à l’aide de groupes que vous pouvez renommer dans la même section. Couches panneau, facilitant leur identification et leur modification si vous avez besoin ultérieurement.

3. Comment créer le Web tissé 

Une fois que nous avons créé notre cadre extérieur, nous pouvons ajouter progressivement le Web géométrique, une forme à la fois, comme nous le verrons dans les moments suivants..

Étape 1

Créer quatre 120 x 120 px cercles avec un 4 pt Accident vasculaire cérébral (# 433363), que nous allons positionner dans la section intérieure du contour du cadre, comme indiqué dans l’image de référence, en veillant à ce que leurs traits se chevauchent. Prenez votre temps et une fois que vous avez terminé, passez à l'étape suivante..

Étape 2

Ajouter les segments Web restants en utilisant quatre autres 120 x 120 px cercles avec un 4 pt AVC (# 433363), que nous allons positionner en diagonale sur le cadre, comme indiqué dans l’image de référence. Une fois que vous avez terminé, sélectionnez et regroupez tous les cercles à l’aide des touches Contrôle-G raccourci clavier.

Étape 3

Ensuite, nous devons ajouter la petite découpe centrale au Web, que nous allons créer à l'aide d'un objet de découpage. Tout d'abord, créez un 240 x 240 px cercle (surligné en rouge) à partir du centre duquel nous découperons un plus petit 24 x 24 px un.

Étape 4

Une fois que vous avez l’objet écrêté, tout ce que vous avez à faire est d’aller à la Couches panneau et faites glisser et positionnez les cercles groupés dans la plus grande forme.

Étape 5

Dès que vous avez masqué les cercles, vous pouvez sélectionner l'objet de découpage et supprimer son Remplir couleur afin que vous puissiez avoir une vision claire de l'arrière-plan.

Étape 6

Donner un contour au trou central en utilisant un 24 x 24 px cercle avec un 4 pt AVC, que nous colorierons avec # 433363.

Étape 7

Ajouter les petits nœuds de liaison en utilisant huit 12 x 12 px cercles (# 433363), que nous allons positionner aux intersections suivantes.

Étape 8

Sélectionnez le Outil stylo (P) et en utilisant un 4 pt épais Accident vasculaire cérébral (# 433363) avec un Casquette ronde, dessinez les petits segments de ficelle qui maintiennent la toile au cadre. Utilisez trois 10 px grands segments pour chaque groupe.

Étape 9

Ajoutez la forme principale du segment de chaîne suspendu à l'aide d'un 16 x 16 px cercle avec un 4 pt épais Accident vasculaire cérébral (# 433363), que nous placerons au-dessus du cadre à une distance de seulement 8 px à partir du bord supérieur de son contour.

Étape 10

Puisque nous voulons ajuster la partie inférieure du cercle, nous devons d’abord la sélectionner, puis utiliser les Convertir en courbes fonction afin d'avoir accès à ses nœuds.

Étape 11

Une fois que vous avez converti la forme, vous pouvez utiliser le Outil de nœud (A) pour sélectionner son nœud inférieur, que nous allons pousser vers le bas par 12 px en utilisant la touche fléchée orientée vers le bas afin qu'elle finisse par recouvrir le contour du cadre.

Étape 12

Avant de passer à la partie suivante, assurez-vous de sélectionner et de grouper toutes les formes ensemble à l’aide des touches Contrôle-G raccourci clavier, attribuant à chaque section un nom descriptif depuis le Couches panneau.

4. Comment créer les plumes

Ensuite, nous allons nous concentrer sur la partie inférieure du capteur de rêves et créer les trois plumes qui aident tous les beaux rêves à glisser sur la personne qu’il protège..

Étape 1

Commencez à travailler sur la plume centrale en créant un 24 x 28 px Triangle (# 6D96D1) en utilisant le Outil Triangle, que nous allons centrer sur le sous-jacent Artboard puis positionner à une distance de 72 px des chaînes de reliure du bas du cadre.

Étape 2

Ajoutez la partie inférieure de la plume en utilisant un 24 x 60 px rectangle que nous colorierons avec # 6D96D1 puis positionnez-vous sous le petit triangle.

Étape 3

Ajustez les coins inférieurs de la forme que nous venons de créer en les sélectionnant à l'aide du bouton Outil de coin (C), puis en mettant leur Rayon à 12 px.

Étape 4

Sélectionnez les deux formes et réunissez-les en une seule plus grande à l’aide des touches Ajouter une fonction.

Étape 5

Donner à la forme résultante un 4 pt contour épais (# 433363), en veillant à sélectionner et à regrouper ensuite les deux formes à l’aide des touches Contrôle-G raccourci clavier.

Étape 6

Créez le premier segment de couleur en utilisant un 12 x 16 px rectangle (# FFFAE9), que nous ajusterons en poussant ses nœuds de droite vers le bas en 12 px. Donner à la forme résultante un 4 pt contour épais (# 433363), regroupement (Contrôle-G) puis positionnez les deux à droite de la plume, comme indiqué dans l'image de référence.

Étape 7

Faire une copie (Control-C> Contrôle-V) du contour que nous venons de créer, et positionnez-le ci-dessous de manière à ce que les traits se chevauchent.

Étape 8

Ajoutez les détails du côté gauche en utilisant une copie (Control-C> Contrôle-V) de ceux sur lesquels nous venons de terminer, que nous refléterons verticalement (clic droit> Transformer> Retourner verticalement). Placez les copies sur le côté opposé de la plume, comme indiqué dans l'image de référence, en veillant à permuter la position du détail rempli avec celui qui est souligné..

Étape 9

Créez l’arbre et le segment de corde reliant la plume à la partie inférieure du cadre en utilisant un 160 px grand 4 pt épais Accident vasculaire cérébral ligne (# 433363), que nous allons positionner à une distance de 8 px du contour de la plume.

Étape 10

Ajoutez la perle bleue du bas en utilisant un 8 x 8 px cercle (# 6D96D1) avec un 4 pt contour épais (# 433363), que nous allons regrouper puis positionner sur la corde, à une distance de 54 px de la partie inférieure du cadre.

Étape 11

Créez la perle rouge en utilisant un 16 x 12 px rectangle arrondi (# F76A4D) avec un 4 px coin Rayon et 4 pt contour épais (# 433363), que nous regrouperons (Contrôle-G) puis positionnez-vous au-dessus du précédent en vous assurant que leurs traits se chevauchent.

Étape 12

Ajoutez la perle supérieure en utilisant une copie (Control-C> Contrôle-V) de la bleue, que nous repositionnerons de sorte que son contour chevauche maintenant celui de la perle rouge.

Étape 13

Ajoutez le petit noeud qui maintient les perles en place à l'aide d'un 8 x 8 px cercle que nous colorierons avec # 433363 puis positionnez-vous sur le contour de la perle supérieure, comme indiqué dans l'image de référence. Une fois que vous avez terminé, sélectionnez et regroupez toutes les formes de composition de la plume actuelle à l'aide de la touche Contrôle-G raccourci clavier.

Étape 14

Créez la plume gauche en utilisant une copie (Control-C> Contrôle-V) de celui sur lequel nous venons de terminer, que nous positionnerons sur le côté gauche du cadre.

Étape 15

Ajustez la copie que nous venons de créer en augmentant la longueur de la chaîne de la plume 160 px à 208 px.

Étape 16

Terminez le capteur de rêves et le projet lui-même en ajoutant la plume appropriée à l'aide d'une copie (Control-C> Contrôle-V) de celui que nous venons d'ajuster, que nous allons positionner du côté opposé. Une fois que vous avez terminé, sélectionnez et groupez (Contrôle-G) toutes les formes ensemble avant de cliquer sur le bouton de sauvegarde.

Bon travail!

Comme toujours, j'espère que vous avez réussi à suivre chaque étape et que vous avez surtout appris quelque chose de nouveau et d'utile..

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