Créer une illustration élégante qui passe du dessin au trait à la couleur

Dans ce tutoriel, vous allez travailler avec quelques images que vous avez choisies et créer une jolie illustration. L'idée derrière cette illustration était de créer une guerre entre la réalité et l'art en ligne. J'ai essayé de rendre celui-ci simple, mais en même temps pour le rendre beau. J'espère que vous apprécierez le tutoriel et l'essayer avec vos propres outils et actions.

Aperçu de l'image finale

Ce style rappelle l'art de Jurryt Visser. Il combine l'art au trait et la photographie dans un ensemble homogène.

Vous trouverez ci-dessous l'image que vous allez créer dans ce tutoriel. Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.

Didacticiel vidéo

Notre éditeur vidéo Gavin Steele a créé cette série de didacticiels vidéo pour compléter ce didacticiel texte + image..

Étape 1

Commencez par créer un nouveau document de 1100 pixels de large sur 1500 pixels de haut, avec une résolution de 300 pixels par pouce. Pour ce projet, j'utiliserai une texture que j'aime beaucoup. Je voudrais remercier l'auteur de cette texture Princesse des ombres pour avoir mis cela en place. Maintenant, déplacez la texture dans votre document.

Étape 2

Ensuite, vous devez sélectionner les images que vous utiliserez pour cette conception. J'ai acheté trois belles images que vous connaissez peut-être 1, 2, 3.

Commençons par l'image 1 et, à l'aide de l'outil Plume (P), vous devez créer un chemin autour du danseur..

Étape 3

Maintenant que vous avez fini de créer le chemin, vous devez définir la taille de votre pinceau sur 1px et la dureté sur 100%. Créez ensuite un nouveau calque et nommez-le "contour1". Ensuite, à l'aide du clic droit de l'outil Plume (P), sélectionnez Chemin de trait, sélectionnez le pinceau et assurez-vous que la pression simulée n'est pas sélectionnée. En outre, vous devez faire le trait noir.

Étape 4

Maintenant que vous avez créé le trait, ne supprimez pas le chemin. Ensuite, vous devez appuyer sur Commande + Entrée pour transformer le chemin en une sélection, puis sur le bouton Ajouter un masque de calque. Cela cachera l’arrière-plan du danseur. À la fin, déplacez les calques de danseur et de trait dans votre document.

Étape 5

Sélectionnez le calque "countour1" et, à l'aide de l'outil Plume (P), vous devrez tracer des chemins dans toute la danseuse. Vous devrez dessiner ces chemins le long des ombres ou suivre les lignes des draps, puis tracez les chemins avec un pinceau noir de 1px. Le résultat est appelé dessin au trait.

Étape 6

Créez un nouveau calque sous le calque "countour1" et nommez-le "color1". Cliquez sur le calque "Dancer1" en maintenant la touche Commande enfoncée pour effectuer une sélection. Vous devez ensuite remplir le calque "color1" avec la couleur # f7eedd. En outre, vous devez les lier aux couches afin que si vous en déplacez une, l'autre suivra.

Étape 7

Vous devez répéter le dessin au trait pour chaque image et les placer sur le document. Ne vous contentez pas de les jeter ici, vous devez peut-être d'abord faire un croquis et positionner chaque image correctement..

Étape 8

Si vous avez suivi les instructions jusqu’à présent, vous devriez avoir les couches dans cet ordre..

Étape 9

Maintenant que vous avez les dessins au trait derrière les danseurs, vous devrez masquer certaines parties pour pouvoir effectuer une transformation. Sélectionnez le masque de calque d'un danseur et utilisez simplement l'outil Pinceau (B) défini en noir et tracez la partie que vous souhaitez masquer..

Étape 10

Ensuite, dupliquez les danseurs, redimensionnez-les et déplacez-les à votre guise, mais gardez à l’esprit que vous devez les disposer dans une belle composition. Dans mon cas, vous pouvez voir que j'ai placé six autres danseurs. De plus, j'ai masqué les images originales du danseur et laissé uniquement le dessin au trait visible. Je l’ai fait parce que dans l’étape suivante, nous ferons revenir certaines parties des danseurs au-dessus.

Étape 11

La première chose à faire avant de commencer à donner vie au dessin au trait est de sélectionner la partie que vous souhaitez masquer..

Étape 12

Ensuite, utilisez un pinceau anti-éclaboussures. Vous pouvez trouver ici des pinceaux très utiles: DeviantArt ou Psdtuts + User Feed Link. Utilisez une couleur noire pour le pinceau et commencez à dessiner sur le masque et à révéler certaines parties du danseur. En outre, pour obtenir un très bel effet, diminuez l’opacité du pinceau à 20%. De cette façon, vous construirez l'effet progressivement et vous aurez l'air plus intéressant.

Étape 13

Répétez les étapes 11 et 12 pour chaque danseur que vous avez créé. En outre, contrôlez votre composition et si vous faites quelque chose qui n’a pas l’air bien, n’ayez pas peur d’effacer et de répéter l’effet tant que vous n’êtes pas satisfait du résultat final..

Étape 14

Jusqu'à présent, vous devriez avoir quelque chose de proche de ce que j'ai fait, qui a un mouvement et une composition équilibrée.

Étape 15

Ensuite, nous n’ajouterons que quelques corbeaux à l’image pour la remplir un peu plus. J'ai utilisé ces deux images: 1 et 2.

Maintenant que vous avez les deux images, appliquez les mêmes étapes que pour les autres images. Cela signifie que vous devrez les couper, créer le dessin au trait pour les deux images, les dupliquer autant de fois que vous le jugerez nécessaire et créer l'effet de fondu à l'aide du pinceau splash..

Étape 16

Maintenant que vous en avez terminé avec les oiseaux et les danseurs, vous pouvez les ranger dans des dossiers séparés pour que tout reste propre.

Ensuite, utilisez une autre image de stock sxc. Découpez et dupliquez cette plume autant de fois que vous le jugez nécessaire, car vous l'utiliserez pour ajouter des éléments graphiques supplémentaires. Comme vous pouvez le constater, je n’en ai pas mis beaucoup, seulement quelques-uns suffisent à donner à l’illustration une sensation de mouvement supplémentaire..

Étape 17

Ensuite, créez un nouveau dossier au-dessus de tous les calques et nommez-le "cercles". Créez également un nouveau calque dans ce dossier et utilisez mes paramètres pour l’outil Pinceau (B) et la même couleur que celle utilisée pour le dessin au trait # f8efde..

Maintenant que vous avez défini votre pinceau, commencez à dessiner quelques cercles autour de l'espace de travail. Veillez à ne pas les retarder.

Étape 18

Créez un nouveau calque par-dessus les cercles que vous venez de créer, puis cliquez sur le calque Cercles tout en maintenant la touche Commande enfoncée pour effectuer une sélection. Ensuite, vous devez être sur le nouveau calque que vous avez créé, utilisez l'outil Lasso (L), cliquez avec le bouton droit de la souris, puis sélectionnez Trait. Définissez le rayon sur 1px et la couleur sur le noir. Assurez-vous également de le définir au centre..

Vous pouvez répéter cette étape et créer des cercles plus transparents. C'est à toi de decider.

Étape 19

Ensuite, nous allons créer un nouveau calque et dessiner à nouveau quelques cercles, mais cette fois-ci, nous utilisons des paramètres différents et une couleur différente. # 8bb687.

Étape 20

Répétez l'étape 19, mais cette fois utilisez une couleur différente et faites les cercles dans le sens opposé # 99a3b4.

Étape 21

Enfin, définissez les deux calques de l'étape 18 et de l'étape 19 sur Color Burn..

Conclusion

En fin de compte, vous pouvez ajouter quelques places supplémentaires si vous le souhaitez, ajoutez également votre logo et vous avez terminé. Vous pouvez voir l'image finale ci-dessous ou voir une version plus grande ici.