1 —
Section Plume et formes vectorielles
Détail des sections• Site web réalisé avec Webflow • par Alessandro Cierro

Outil plume et formes vectorielles

Cette section est dédiée à la prise en main

Les débuts avec l'outil plume d'Adobe Illustrator ou d'Adobe Photoshop peuvent être erratiques, difficiles, voire même carrément frustrants. L'utilisation de cet outil n'est pas sans rappeler la première fois que vous avez été autorisé à utiliser un stylo au lieu d'un crayon à l'école. Vous ferez certainement des erreurs au début, mais une fois que vous aurez pris le coup de main, vous l'utiliserez pour la vie. Il n'y a pas d'outil plus puissant pour dessiner des formes complexes (ou simples) en tracé vectoriel.

Vous l'avez compris, l’outil plume permet de tracer des lignes et courbes vectorielles. Le principal avantage d’un tracé de type vectoriel est qu’il peut être manipulé dans tous les sens (déformé, rétréci, agrandi…) sans aucune perte de qualité contrairement à un tracé de type matriciel ou « bitmap » enregistré sous forme de pixels. Vous utilisez tous les jours des formes vectorielles lorsque vous tapez du texte dans un éditeur de texte ; en effet, vous pouvez agrandir votre police à l'infini sur votre écran, vous ne verrez jamais d'artefact de pixel apparaitre. C'est là la force du tracé vectoriel : au lieu que la forme soit enregistrée pixel par pixel (mode « bitmap »), elle le sera sous forme d’équations mathématiques, de figures géométriques (ligne, courbe, cercle…), auxquelles seront attribuées une position, une couleur. Ce qui en fait l'outil parfait pour dessiner ou modifier des logos.

Manipuler vos logos en vecteur ! Manipuler vos logos en vecteur !

Gif tirée d'une vidéo YouTube

Photo tirée ici

Capture d'écran à l'ouverture du jeu

Si vous êtes un expert, n'hésitez pas à passer le tutoriel (bouton en bas à droite de l'écran de jeu). Si vous découvrez cet outil, prenez le temps de réaliser chaque étape en vous appliquant. Vous allez découvrir que chaque forme doit être réalisée en un nombre maximal de nœuds mais qu'avec un peu d'expérience (ou de chance) vous pourrez finir les challenges encore plus rapidement et efficacement.
Attention à utiliser une souris pour jouer, l'expérience est impossible avec des écrans tactiles car vous aurez besoin de toutes les fonctionnalités de la souris.

Jouer au mini jeu
Section Design • Site web réalisé avec Webflow • par Alessandro Cierro
2 —
Outil Plume pour modifier les polices
Section Design • Site web réalisé avec Webflow • par Alessandro Cierro

Shape type - reformez vos propres lettres

Jeu développé par Mark McKay.

Maintenant que vous êtes plus familier avec l'outil plume pour dessiner des formes, pourquoi ne pas apprendre à utiliser la plume pour modifier et reformer des lettres typographiques ? Si vous ne connaissez pas l'outil plume, découvrez le premier jeu The Bézier Game pour prendre en main cet outil super puissant. Ce nouveau jeu-tutoriel vous apprend à recréer des lettres grâce aux poignées des courbes de Bézier. Dix petits niveaux pour comprendre comment la prise en main fonctionne et devenir un expert pour créer, adapter ou complètement transformer toutes les polices que vous utiliserez dans votre vie !

Prenez le contrôle de vos polices à 100% !

Capture d'écran prise dans le mini jeu.

Capture d'écran prise dans le mini jeu.

Capture d'écran prise dans le mini jeu.

Àla fin de chaque niveau, il vous sera présenté un pourcentage qui représente à quel point vous étiez proche de la police initiale. Le mini jeu sert surtout à comprendre la mécanique de modification des polices, vous n'êtes pas limité à la copie de police déjà existante ! En tant que professionnel vous êtes libre de laisser votre créativité s'exprimer. Cet outil est compatible avec les écrans tactiles, donc vous pouvez explorer les possibilités qu'offre ce jeu même sur tablette.

Jouer au mini jeu
Section Design • Site web réalisé avec Webflow • par Alessandro Cierro
3 —
Forme vectorielle
Section Design • Site web réalisé avec Webflow • par Alessandro Cierro

The boolean game

Jeu développé par Mark Mckay.

Après la prise en main de l'outil plume pour le tracé vectoriel, il est utile de découvrir en profondeur la manière de combiner les formes vectorielles entre elles. Et pour créer les formes complexes de nos choix, il n'y a qu'une solution : il faut raisonner ! Pour développer sa pensée logique et obtenir la forme la plus harmonieuse possible, The Boolean Game est une étape obligatoire. Ce mini jeu repose sur une mécanique de puzzle, et vous invite à procéder par essai-erreur jusqu'à trouver la logique qui permet la création vectorielle complexe désirée.

Gymnastique mentale pour la création vectorielle.

Capture d'écran prise dans le mini jeu.

Capture d'écran prise dans le mini jeu.

Capture d'écran prise dans le mini jeu.

Les opérations d'addition, de soustraction, d'intersection et de différence de formes très simples permettent de constituer des formes très complexes. Aujourd'hui, beaucoup de logos reposent sur cette technique. Avec un petit peu de pratique, décomposer en formes simples des formes complexes deviendra une seconde nature, et il vous sera beaucoup plus aisé de créer des formes uniques rapidement.

Jouer au mini jeu
Section Design • Site web réalisé avec Webflow • par Alessandro Cierro

Jeux outil plume et formes vectorielles

Catégorie 1
Outil Plume
Photoshop
Illustrator
Utile pour apprendre à dessiner, et modifier des vecteurs avec l'outil plume. Essentiel pour designer des logos !
Outil Plume
Photoshop
Illustrator
Utile pour apprendre à dessiner, et modifier des vecteurs avec l'outil plume. Essentiel pour designer des logos !

jeux et outil de typographie

Catégorie 2
Outil plume pour modifier les polices
Photoshop
illustrator
Prenez le contrôle sur vos polices et apprenez à les adapter pour chaque projet.
Outil plume pour modifier les polices
Photoshop
illustrator
Prenez le contrôle sur vos polices et apprenez à les adapter pour chaque projet.

Jeux couleurs et photographie

Catégorie 3
Forme vectorielle
Illustrator
puzzle logique
Maitriser la combinaison des formes vectorielles ouvre de nouvelles portes dans le dessin numérique.
Forme vectorielle
Photoshop
Illustrator
Maitriser la combinaison des formes vectorielles ouvre de nouvelles portes dans le dessin numérique.