Vecteur éclaboussé et photographie Mash Up

Mélanger le travail de vecteur avec la photographie est un excellent moyen de créer un style artistique amusant et coloré. Cette approche est utilisée dans une variété de projets allant des dépliants de club aux illustrations de CD, en passant par les images publicitaires haut de gamme. En développant le guide complet de l'outil plume de Ian Yates, nous examinons des moyens créatifs d'implanter l'outil. Ce tutoriel devrait convaincre ceux qui manquent de confiance en eux de dessiner avec Photoshop pour le faire avec style.

Aperçu de l'image finale

Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. 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éé ce didacticiel vidéo pour compléter ce didacticiel texte + image..

Étape 1

Habituellement, je passerais sous silence le découpage d'une image, mais à mesure que nous développons le didacticiel Outil crayon ici, je vais me concentrer sur quelques conseils utiles..

Allez tout d'abord sur sxc.hu et téléchargez cette image d'un pistolet (merci à neoisam pour la superbe photo - de nombreuses images de qualité variable sont disponibles sur ce site, et cela tout en haut). Effectuez ensuite un zoom avant d'environ 300% et sélectionnez l'outil Plume. Assurez-vous qu’il est réglé sur Chemins et Ajouter au chemin (+), dessinez autour du bras et du pistolet.

Comme indiqué dans le didacticiel Outil Plume, il est recommandé de commencer à dessiner une courbe au début de la courbe et non au milieu. Tirez sur le point d’ancrage de manière à ce qu’il soit perpendiculaire à la règle.

Étape 2

Ajoutez le point d’ancrage suivant à la fin de la courbe, là où il rencontre le bord droit. Comme nous pouvons voir que la courbe est trop grande, sélectionnez l'outil de sélection directe (la flèche blanche et non la noire) et tirez la poignée vers l'arrière. Au bout d'un moment, vous serez en mesure de juger comment tirer les points d'ancrage pour satisfaire chaque courbe..

Étape 3

Enfin, nous devons laisser tomber la poignée extérieure du deuxième point d’ancrage pour ne pas nous empêcher de suivre le bord droit. Sélectionnez à nouveau l'outil Plume, maintenez la touche Alt enfoncée et cliquez sur le point d'ancrage à la fin de la courbe. Cela laissera tomber la poignée extérieure vous permettant de suivre ensuite le bord droit avec votre chemin. Je trouve que c'est une bonne pratique de faire glisser le point d'ancrage le long d'une ligne droite plutôt que d'utiliser un simple clic. De cette façon, vous pouvez vous adapter aux vagues dans le bord droit sans laisser de points durs..

Étape 4

Terminez le dessin autour de l'image. Vous trouverez ci-dessous un exemple de manipulation des points d’ancrage autour de plusieurs courbes. L'idée est d'obtenir le moins de points possible pour créer une ligne naturelle, mais si vous devez placer un point au milieu de la courbe, ne vous sentez pas incapable de le faire..

Étape 5

Mettre en place un nouveau document. Pour la base de ce tutoriel, j'ai créé un paysage A5 à 300 dpi. Copiez et collez le pistolet dans le document. Sélectionnez l'outil Plume et définissez-le sur Calques de forme plutôt que sur Chemins. Sélectionnez une couleur, à ce stade, je suis pour 100% magenta, mais cela peut être modifié à tout moment. Commencez à dessiner un dribble à la fin du baril.

Étape 6

Vous devrez employer une certaine quantité d'imagination. Imaginez le vecteur sous forme de couche épaisse et colorée, puis placez-le dans le monde réel comme s'il était affecté par les lois de la physique. En tant que tel, continuez à le tirer dribbler du canon.

Étape 7

Utilisez l'outil de sélection directe pour nettoyer les points qui ne vous conviennent pas.

Étape 8

Il est maintenant temps d’appliquer un peu de profondeur au vecteur goo. Sélectionnez le calque "dribble" et allez dans Calque> Style de calque> Options de fusion et configurez-le comme dans les trois captures d'écran. Ajustez les couleurs en fonction de vos besoins.

Étape 9

Tirez dans plus de goo comme si tiré du pistolet. Mélanger la largeur et varier les vagues et les renflements pour obtenir de la variété. Dessinez des vagues plus petites et réfléchissez à la manière dont elles se déplaceraient par rapport aux plus grosses vagues. Copiez le style de calque du calque "dribble" en le sélectionnant, puis sélectionnez Calque> Style de calque> Copier le style de calque. Sélectionnez le calque de destination dans la palette des calques et accédez à Calque> Style de calque> Style de calque collé..

Étape 10

Les paramètres de style de calque ne sont pas tout à fait corrects pour les petites vagues de Goo. Sélectionnez le calque approprié, développez l'icône de style de calque (qui ressemble à un "f" dans un cercle noir) et ajustez les paramètres comme dans les captures d'écran..

Étape 11

Continuez à ajouter du sucre sortant du canon jusqu'à ce que vous soyez heureux. Ensuite, ajoutez quelques petites taches qui sortent du bout du canon..

Étape 12

Dessinez quelques petits globules de goo et collez les styles de calque pour qu'ils correspondent au reste. À l’aide de l’outil Déplacement, maintenez la touche Alt enfoncée et faites glisser des copies des globules. Appuyez sur Commande + T pour redimensionner et faire pivoter. Répétez ce processus jusqu'à ce que vous ayez une bonne couverture de goo. Expérimentez avec la profondeur en déplaçant les calques dupliqués de haut en bas de la palette pour les placer devant ou derrière d'autres calques "goo".

Étape 13

Ajoutez des ombres portées sur le canon du pistolet en utilisant: la pipette pour la couleur, un nouveau calque, un pinceau doux, une sélection de pistolet, un masque de calque, dessinez et multipliez.

Étape 14

Ouvrez l'image de la grenade dans sxc.hu, découpez-la, importez-la dans le document, puis appuyez sur Commande + T pour la redimensionner et la faire pivoter..

Étape 15

Tracez un chemin autour d'une section de la grenade, ne vous inquiétez pas des bords extérieurs, ils sont déjà coupés. Tournez le chemin vers la sélection et coupez-le et collez-le sur un nouveau calque (en supprimant les sections de la grenade d'origine au fur et à mesure). Continuez à découper les sections de la grenade jusqu'à ce qu'elle soit divisée en plusieurs parties. toutes les pièces séparées, faites-les pivoter comme si elles étaient soufflées.

Étape 17

Utilisez l'outil Plume pour dessiner de la fumée en utilisant les mêmes techniques. J'ai changé la couleur pour représenter les différentes zones de fumée, mais donnez-leur la même couleur car nous utiliserons des styles de calque pour créer de la profondeur..

Étape 18

La fumée a l'air plate alors définissez des styles de calque (comme vous l'avez fait pour le goo) pour ajouter de la profondeur et de la lumière. Voir les captures d'écran pour les paramètres que j'ai utilisés. Copier et coller les styles de calque dans tous les calques "Fumée" une fois configurés.

Étape 19

Dessiner des contours de dessins animés autour de la fumée ajoutera de l’impact et le rendra amusant. Vous pouvez le faire manuellement ou sélectionner le calque Smoke Shape pour que le chemin soit visible et le copier. Accédez à la palette Chemins, créez un nouveau calque et collez-y le chemin. Supprimez les pièces que vous ne voulez pas en sélectionnant les ancres individuelles. Dessinez des détails supplémentaires et prolongez les lignes existantes de votre choix.

Étape 20

Créez un nouveau calque, utilisez ce calque pour appliquer les contours que vous venez de dessiner. Sélectionnez l'outil Pinceau et réglez le pinceau sur 7 pixels avec une dureté de 100%. Sélectionnez le chemin d'accès dans la palette Tracés, puis sélectionnez Tracé dans le menu contextuel (petite flèche tournée vers la droite dans un cercle en haut à droite de la palette Tracés). J'ai ensuite redimensionné toutes les couches de "grenade" (y compris la fumée, etc.) car il y avait trop de présence.

Étape 21

Maintenant le plus difficile, surtout si votre palette de calques est aussi compliquée que la mienne. Créez un nouveau calque et définissez le mode de fusion des calques sur Multiplier. Cliquez sur toutes les miniatures des calques "grenade" en maintenant la touche Commande enfoncée pour en faire une sélection et ajouter un masque de calque (cercle clair dans un rectangle sombre à la base de la palette Calques)..

Maintenant, (travaillant sur le nouveau calque et non sur le masque de calque), cliquez sur la grenade supérieure et inversez (Commande + Maj + I) la sélection. Sélectionnez l'outil Pinceau, prenez un pinceau à bord doux et dessinez sur l'ombre. J'ai utilisé un gris foncé plutôt qu'un noir. Appuyez sur Commande + H pour masquer la sélection si cela vous aide. Continuez de cette façon. Basculer entre un pinceau de 45 pixels et un pinceau de 20 pixels.

Étape 22

La Grenade a besoin de plus de feu pour en tirer, alors tirez-en comme vous l'avez fait pour le fusil. Déplacez les couches "goo" entre les couches "fumée" et "grenade" pour obtenir de la profondeur. Ajustez le masque de calque Ombres en conséquence (I a appuyé sur toutes les vignettes du calque "grenade goo" et l'a masqué directement sur le calque "ombre"). Vous devrez peut-être modifier manuellement votre sélection (à l'aide de l'outil Lasso polygonal) à certains endroits..

Étape 23

Copiez tous les calques "Grenade" et aplatissez-les en un seul calque. Placez la nouvelle Grenade en haut de la hiérarchie des calques et redimensionnez-la pour l'adapter à la perspective. Allez dans Filtre> Flou> Objectif flou et configurez-le comme sur la capture d'écran. Ensuite, utilisez l'outil Flou pour rendre flou les bords d'une grosse Grenade..

Étape 24

Fusionner toutes les couches "goo" roses sortant du pistolet et appliquer un flou gaussien de 0,6 pixel. Cela va encore fusionner les éléments ensemble. Faites la même chose pour la grenade goo non floue. Une fois que vous avez fait cela, aplatissez l'image.

Étape 25

Je pense qu'il faut un peu plus de punch alors ajoutez un calque de réglage des courbes pour augmenter le contraste. Cela va encore fusionner les éléments et augmenter la saturation. Allez dans Couche> Nouveau calque de réglage> Courbes et configurez comme indiqué ci-dessous.

Étape 26

Enfin, dupliquez le calque "Arrière-plan" et accédez à Filtre> Artistique> Grain de film. Configurez-le comme indiqué et validez. Réduisez ensuite l'opacité du calque à 55%. À partir de ce point, vous pouvez ajouter d'autres couches de réglage, telles que Teinte / Saturation, et ajuster tous les réglages jusqu'à obtenir un résultat satisfaisant..

Conclusion

J'espère que cela a été aussi amusant pour vous que pour moi! Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.