Créer un Symbole Celtique Entrelacé dans Affinity Designer

Dans ce tutoriel, nous allons apprendre à tracer un symbole celtique à trois nœuds, représentant la protection, la sagesse et le lien entre le passé, le présent et le futur. Ce motif traditionnel, porteur de sens et d’élégance, sera réalisé étape par étape dans Affinity Designer.

Étape 1 : Préparer le document et les repères

Pour commencer :

• Créez un nouveau document 4000 x 4000 px.

• Réglez la résolution sur 144 PPP (ou 300 PPP pour l’impression).

  

  Placer des guides qui serviront à positionner vos tracés.

• Allez dans Affichage > Guides pour placer un guide horizontal et un guide vertical au centre.

  

• Ajoutez un second guide horizontal à 1880px (tapez 2000 - 120 px puis appuyez sur entrée) pour positionner vos éléments avec précision.

  

  Pour changer la couleur des guides, cliquez sur la vignette en bas à gauche sous les colonnes de guide.

Étape 2 : Tracer les cercles de base

• Sélectionnez l’outil Ellipse, maintenez Ctrl (Cmd sur Mac)+ clic gauche pour faire apparaitre le panneau de création de la forme. Entrez la dimension du cercle de 800 x 800 px.

  

  Retirez le remplissage, gardez un contour noir de 10 à 15 points.

• Activez le magnétisme et l’accrochage aux guides, puis alignez le sommet du cercle sur le guide central vertical.

  

• Activez l’origine de transformation de l'objet depuis la barre d'outils contextuelle, ensuite déplacez le point central bleu de votre ellipse sur le centre vertical.

  
  

• Dupliquez le cercle (Ctrl+J) et appliquez une rotation de 120°

• Répétez l’opération pour obtenir trois cercles disposés en symétrie.

  

  Et pour finir, dessinez un cercle central de 640 x 640 px et alignez-le parfaitement au centre de la planche.

  

Créer l’entrelacement

• Sélectionnez tous les calques (Ctrl+A) et vectorisez les contours (Calque > Vectoriser le contour).

  

• Avec l’outil Créateur de forme, supprimez les segments inutiles

  

• Puis associez les bonnes zones pour donner l’effet d’entrelacement, travaillez par sections : pointes, éléments du centre, parties latérales.

• Appliquez un contour blanc plus fin pour révéler le tressage.

  

Étape 3 - Composition visuelle

• Vectorisez à nouveau les contours afin d'isoler le liseré blanc, puis combinez-les avec l’opération Booléenne Addition.

  

• Passez le groupe en mode d’opacité "Effacer" et agrandissez-le légèrement en maintenant la touche ctrl ou cmd sur mac. Placez le symbole au centre de la planche.
  

  
  

• Ajoutez un fond rectangle et placez-le en arrière-plan.

• Sélectionnez vos courbes de symbole dans le panneau "calques" et attribuez une couleur avec le panneau "Couleur"

  

Étape 4 - Appliquer des effets

• Pour l’effet d’ombre, créez un rectangle avec un dégradé noir → noir (opacité 0 d’un côté) et insérez-les dans les courbes correspondantes.

  

• Dupliquez et orientez les ombres dans chaque partie du symbole. Utilisez la fonction copier/coller + "insérer dans la sélection".

  

  Faites cela pour chacune des parties du symbole. (C'est un peu long)

  
  

• Ajoutez un effet Biseautage/Estampage (rayon 12 px, atténuation 15 px, profil concave) pour donner du relief.

  

Étape 5 - Texturer

• Importez une texture acier depuis le Booster Créatif, placez-la sur le fond et passez-la en mode Couleur plus foncé.

• Dupliquez et retournez la texture pour couvrir toute la zone.

  

  Intégrez également la texture à l’intérieur du symbole :

• Utilisez l’option Sélectionner identique > Couleur de remplissage sur vos formes composant le symbole. Additionnez-les avec une opération booléenne d'addition

  
  
  

• Pour un meilleur rendu, et cela n'est pas expliqué dans la vidéo, copiez et collez la courbe qui forme le liseré blanc.
  Ensuite, passez-la au premier plan et faite une opération booléenne de soustraction sur les courbes additionnées du symbole vert.

  
  

• Copier les textures acier du fond, sélectionner la courbe. Activez la fonctio "insérer dans la sélection" et coller (ctrl+v ou cmd+v) les textures.

  

• Passez vos textures en mode d'opacité "normal" et passer votre courbe en mode d'opacité "densité couleur +"

  , réduisez son opacité à 70 %.

  

Étape 6 - [BONUS] Créer une couleur globale

• Sélectionnez à nouveau toutes les formes du symbole par couleur de remplissage.

• Créez une nouvelle palette de document

  

• Ajoutez une couleur globale dans la palette de document.

  

• L’avantage : modifier cette couleur changera instantanément toutes les zones concernées, sans nouvelle sélection.

Conclusion

En suivant ces étapes, vous obtenez un symbole celtique entrelacé, élégant et texturé, prêt à être utilisé dans vos créations graphiques. Ce tutoriel démontre la puissance des outils d’Affinity Designer, notamment pour le travail vectoriel précis, la gestion des ombres et l’intégration de textures.

💡 Pour aller plus loin et maîtriser toutes les techniques vues ici, explorez la Masterclass Affinity Designer pour un apprentissage complet ds fonctions et des outils du logiciel.