Tutoriel Affinity Designer

Logiciel idéal et simple qui dispose des outils nécessaire au design et permet de travailler en vectoriel et en pixel.

Affinity Designer est destiné pour les créatifs et autres professionnels qui cherchent à créer de l’art conceptuel, des illustrations, des logos, des icônes, …

Présentation visuelle de l'interface du Logiciel

interface général

la barre de menu

la barre d’outils

le panneau d’outils

l’atelier

le plan de travail

Réalisation de cette forme étape par étape avec Affinity Designer

création d’un nouveau document

Une fois que le logiciel est ouvert, une fenêtre apparaît et vous propose plusieurs options :

Compte
Nouveaux
Ouvrir
Récents
Modèles
Exemples

Pour ce tutoriel, nous allons choisir Nouveau et compléter les réglages de la partie mise en page :

Largeur et hauteur de page : 800px
PPP : 300
Cocher : créer un plan de travail
Cliquer sur : créer

Avant de commencer chaque création, je vous conseil d’Enregistrer-sous le document :

Barre de menu
Fichier
Enregistrer-sous
Nommer votre fichier et choisir l’endroit où vous souhaitez le retrouver facilement
Enregistrer

afficher la grille de dessin

Cette grille est non-imprimable et non-exportable peut-être afficher pour vous aider pour créer des conceptions graphiques bien conçus.

Pour l’afficher :

Barre de menu : Affichage
Afficher la grille

Et elle apparaît sur votre plan de travail.

l’outil rectangle

Les rectangles sont couramment utilisés à des fins graphiques et comptent parmi les formes
les plus utilisées en illustration et en conception.

Avec l’outil Rectangle, vous pouvez très rapidement et facilement tracer des rectangles et carrés.

Pour tracer notre premier rectangle :

Il se situe dans le panneau d’outils, vous pouvez également utiliser la touche de raccourci de votre clavier : (M)

Votre curseur s’affiche en forme d’une croix.

Tracez votre rectangle en suivant les carreaux :

4 carreaux de longueur
1 carreau de hauteur

création de la flèche

Nous allons convertir ce rectangle en courbes :

Panneau d’outils ou la touche (A) de votre clavier : outil nœuds
Barre d’outils : convertir en courbes

Commençons par ajouter un premier nœud au centre à droite du rectangle, avec un clic de la souris et le
glisser au centre du carreau suivant.

Deux autres nouveaux points aux extrémités en les glissants chacun leur tour au centre des carreaux.

donner un nom à un calque

Pour nommer le calque de cette première forme :

Un clic gauche de la souris
Nom du calque : Flèche n°1

l’outil ellipse

L’outil Ellipse se situe dans le panneau d’outils :

Votre curseur s’affiche en forme d’une croix comme pour le rectangle.

Traçons ce cercle en ce servant d’un carreau de la grille soit de 100 x 100 mm.

Remplissage du cercle

Couleur de remplissage du cercle par le panneau l’Atelier :

Double clic gauche de la souris sur le rond entier
La fenêtre de sélection de couleur apparaît
Choix de couleur
Touche Entrée du clavier
Fermer la fenêtre par la croix en haut à droite

Donnons un nom à ce nouveau claque :

Clic gauche de la souris
Nom du calque : Cercle Doré

Ne pas oublier d’enregistrer votre travail :

Barre de menu
Fichier
Enregistrer

pOSITIONNEMENT DU CERCLE

Pour positionner le Cercle Doré sur la Flèche n°1 :

Activons le magnétisme dans la barre d’outils, il permet d’afficher des guides pour bien positionner notre forme.
Plaçons l’Ellipse à l’extrémité gauche de la Flèche par son centre.

Duplication d’un calque

Nous allons dupliquer la Flèche :

Sélection du calque Flèche n°1
Clic droit de la souris
Une fenêtre apparaît avec des options
Dupliquer

Ce calque s’appel Flèche n°2, nous changeons également sa couleur de remplissage par la même couleur que le Cercle Doré.

Déplacement de la flèche n°2

Afin d’avoir un aperçu de cette deuxième flèche, nous allons la déplacer, servez vous des guides du magnétisme :

Sélection du calque Flèche n°2
Déplacement par glissement avec la souris d’un carreau vers le bas

Rotation d’une forme

Nous allons légèrement tourner la Flèche n°2 de façon a ce qu’elle soit dans le centre du Cercle Doré.

Sélection du calque Flèche n°2
Glissement avec la souris pour repositionner le calque sur celui de la Flèche n°1
Maintenir le clic gauche de la souris
Tourner la forme vers la gauche jusqu’à obtenir un rayon de – 42.1 °
Positionner la Flèche n°2 au centre du Cercle Doré