À côté de Photoshop, vous pouvez également créer de l'art vexel avec Illustrator. Il existe même une fonction de vectorisation qui peut automatiser une partie de votre travail, mais c'est une autre histoire et ce n'est pas le sujet de ce tutoriel. Et une chose de plus: outre le facteur tendance, les images vexel ont une propriété très utile. Elles peuvent être agrandies à volonté sans que les contours ne deviennent flous - logique. Nous ne travaillons pas avec des pixels, mais avec des formes définies par des vecteurs qui peuvent être mis à l'échelle sans problème.
Étape 1
Pour comparaison, j'ai juxtaposé les images avant-après afin que vous puissiez voir l'ensemble du travail. Pour un débutant, c'est une tâche assez complexe, mais à chaque image vexel réalisée, vous gagnez de l'expérience et vous devenez meilleur et plus rapide. Astuce: si vous souhaitez créer une image vexel, dupliquez l'original afin de pouvoir comparer les couleurs et les formes de l'image vectorielle avec l'original pendant le travail.
Étape 2
Commencez par tracer les contours de l'image de haut en bas. Dans notre cas, c'est important car nous devons tenir compte de la structure en plumes de l'oiseau. Sélectionnez l'outil Lasso et tracez la partie supérieure du bec.
Étape 3
Avec un clic droit, choisissez l'option Créer un tracé de travail.
Étape 4
Dans la boîte de dialogue qui s'ouvre, choisissez la tolérance. Pour les petits détails, une petite tolérance d'environ 1-3 est optimale, le tracé sera ainsi créé précisément en fonction de la sélection et ne sera pas arbitrairement simplifié par le programme.
Étape 5
Le bec de l'oiseau n'est pas uni en couleur, mais comporte plusieurs nuances que vous pouvez représenter dans la version vectorielle avec un dégradé. Dans la palette des calques, sélectionnez l'option Dégradé pour remplir le tracé.
Étape 6
Commencez par sélectionner le type de dégradé Noir à Blanc et définissez l'angle approprié dans la boîte de dialogue de Remplissage de dégradé.
Étape 7
Vous pouvez appliquer n'importe quelles couleurs au dégradé, qui est actuellement en noir et blanc. Double-cliquez sur la barre de dégradé et définissez dans la boîte de dialogue Modifier les dégradés les couleurs Rouge et Jaune, comme indiqué sur la capture d'écran.
Étape 8
De la même manière que décrit dans les étapes 2 à 7, vous pouvez également créer la partie inférieure du bec. Veillez à l'ordre des calques. Le principe du positionnement des calques est très simple. Le calque avec la partie inférieure du bec doit se trouver en dessous du calque avec la partie supérieure.
Étape 9
Créez quelques formes sur la partie supérieure et inférieure du bec pour souligner la structure du bec. Vous pouvez les créer avec l'outil Lasso et les convertir en un tracé.
Étape 10
Les formes créées ne sont pas remplies avec des dégradés, mais avec une couleur unie. Pour cela, sélectionnez l'option Couleur unie dans la palette des calques.
Étape 11
Sur la capture d'écran, vous pouvez voir combien de couches de remplissage composent la version vectorielle du bec. La bouche a été remplie de couleur noire. En principe, on pourrait conclure les explications ici, car les techniques se répèteront plus ou moins maintenant. Cependant, ce ne serait pas juste, car il reste encore quelques conseils qui faciliteront votre travail, et je ne voudrais pas vous les cacher.
Étape 12
Pour une meilleure organisation, il est judicieux de regrouper les calques de remplissage qui sont thématiquement liés dans des groupes de calques. Vous pouvez sélectionner les calques qui composent le bec en maintenant la touche Majuscule enfoncée et les regrouper en appuyant sur Ctrl+G. Nommez le groupe "Bec".
Étape 13
Sélectionnez le calque d'arrière-plan et créez une sélection de la tête de l'oiseau avec l'outil Lasso. Utilisez l'option Ajouter à la sélection pour l'outil Lasso afin de pouvoir créer la forme par sections plutôt que de la sélectionner en une seule fois. Convertissez la sélection en un tracé, choisissez une tolérance de 2. Remplissez la forme avec de la couleur bleue.
Étape 14
Si la forme du tracé ne vous satisfait pas, vous pouvez tirer sur les points d'ancrage du tracé pour ajuster la forme. Utilisez pour cela l'outil Sélection directe et l'outil Sélection de tracé.
Étape 15
Pour éviter que la forme dessinée de la tête ne recouvre les détails tels que les yeux et le plumage, vous pouvez temporairement réduire l'opacité du calque de remplissage à environ 50%.
Étape 16
Dessinez les formes avec une couleur bleue légèrement plus claire en haut et à l'arrière de la tête. Assurez-vous que les calques appartenant à la tête ne passent pas au-dessus du groupe de calques du bec.
Étape 17
Vous pouvez utiliser la même technique pour réaliser le plumage sur la tête de l'oiseau. Utilisez l'outil Lasso pour dessiner plusieurs petites "plumes" (option Ajouter à la sélection) et convertissez-les ensuite toutes en un tracé. Remplissez ensuite le tracé avec une couleur bleu foncé.
Étape 18
Lorsque vous avez terminé de dessiner toutes les formes de la tête, vous pouvez rétablir l'opacité du calque inférieur représentant le contour de la tête à 100%. Regroupez les calques de la tête dans un groupe de calques.
Étape 19
Commencez à dessiner les yeux. Pour mieux distinguer ce qui se trouve sous le groupe de la tête dans l'image originale, réduisez l'opacité de l'ensemble du groupe de la tête à environ 30-50%. Créez les formes plus sombres sous les yeux.
Étape 20
Créez la forme du globe oculaire que vous remplissez de couleur rouge foncé.
Étape 21
Créez d'autres formes comme la pupille, que vous remplissez de noir, une réflexion lumineuse dans la pupille que vous pouvez remplir de blanc. Regroupez les calques de l'œil dans un autre groupe de calques.
Étape 22
Comme décrit précédemment, créez les calques avec lesquels vous vectorisez le cou de l'oiseau.
Étape 23
Pour les détails où il y a beaucoup de couleurs, comme par exemple la poitrine de l'oiseau, vous pouvez tricher un peu. Commencez par créer la forme de base, comme vous l'avez fait pour la tête, puis la forme avec le plumage que vous remplissez d'une couleur un peu plus foncée.
Étape 24
Dupliquez ensuite le calque de la texture trois fois. Mettez à l'échelle les copies du calque de remplissage avec la texture, déplacez-les légèrement par rapport au premier calque de remplissage avec la texture et changez la couleur du remplissage en double-cliquant sur la miniature du calque de remplissage. Lorsque vous avez fini de répartir les textures, regroupez les calques dans un groupe de calques.
Étape 25
Pour les plumes plus grandes, vous pouvez faciliter le travail en travaillant avec des copies des calques de remplissage. Commencez par créer un calque de remplissage en forme de plume et avec un dégradé du vert clair au vert foncé.
Étape 26
Faites une copie du calque de remplissage et déplacez-le ailleurs. Cela vous permettra de créer un grand nombre de plumes clonées. Pour éviter qu'elles se ressemblent trop, vous pouvez faire pivoter certaines formes en utilisant la commande Transformation libre.
Étape 27
Regroupez les calques de plumes dans un groupe de calques.
Étape 28
Pour donner un peu plus de structure à la plume, vous pouvez utiliser une autre astuce. Dupliquez le groupe de calques contenant les plumes et réduisez-le de sorte que la structure du groupe de plumes soit légèrement décalée par rapport à l'original.
Étape 29
Sur le groupe de calques contenant les plumes réduites, créez un masque de fusion et sélectionnez l'outil Dégradé avec l'option Avant-plan transparent, Couleur d'avant-plan Noire. Tirez un dégradé de masquage comme indiqué par la flèche sur la capture d'écran.
Étape 30
Comme vous pouvez le voir, vous pouvez convertir toute la conception de l'oiseau et de la branche en vecteurs de la manière décrite dans les étapes précédentes. Il est important de subdiviser la structure des calques en groupes de calques; cela vous donne une meilleure vue d'ensemble.
Étape 31
Pour concevoir l'arrière-plan de l'image, utilisez les mêmes techniques que celles que j'ai décrites dans ce tutoriel. Lorsque vous utilisez l'Outil de forme personnalisée, vous pouvez accéder à la bibliothèque Photoshop où de nombreux motifs intéressants pour votre conception sont disponibles. De plus, vous pouvez également enregistrer et utiliser vos propres motifs.
Étape 32
Si vous voulez éviter qu'une forme, placée au-dessus d'une autre, dépasse ses limites (dans notre exemple, une forme dessinée librement ne doit pas dépasser les limites du carré), utilisez l'option Clipping mask, que vous pouvez activer en cliquant entre deux calques tout en maintenant la touche Alt.
Et voilà à quoi ressemble l'image finie.
