Créez une illustration sur le thème éclatante à l'aide d'éléments simples dessinés à la main - Partie II

Les éléments dessinés sont certainement quelque chose qui peut améliorer une illustration. Même si vous n'êtes pas très bon en dessin, vous pouvez toujours créer une pièce de qualité. Tout ce dont vous avez besoin est une bonne idée et quelques compétences en Photoshop. Et si vous ne me croyez pas, vous allez certainement changer d’avis après avoir lu cette partie II de sa série de tutoriels en deux parties. Alors jetons un coup d'oeil à l'intérieur!

Aperçu de l'image finale

Regardez l'image que nous allons créer. 

Partie II Détails du didacticiel

  • Programme: Photoshop CS3
  • Difficulté: Avancée
  • Temps d'exécution estimé: 4-5 heures

Introduction et préparation

C'est une illustration à thème sur "No Beauty", qui cache une idée qu'aucune beauté ne dure éternellement. Soudain, tout ce qui est génial et beau tombe en morceaux. Tout le bonheur est parti avec les pièces colorées. Le résultat final a sa propre humeur, même si c'est coloré, c'est quand même effrayant.

Et comme je l’ai dit, c’est un peu simple, mais vous vous demandez peut-être pourquoi ce tutoriel est qualifié de niveau avancé. Eh bien, tout va bien tant que vous avez une base sur laquelle travailler. Ici nous n'avons absolument rien, nous allons créer cette pièce à partir de zéro. Ce qui est difficile, c’est toute la profondeur, l’ombrage et la colorisation de l’illustration. A côté de cela, il y a certaines choses que vous avez juste besoin de ressentir.

Ok, maintenant regardons ce que nous allons utiliser ici:

  • Splatter, de 123rf.com
  • Broken Blush, de sxc.hu
  • Texture rayée, de sxc.hu
  • Éclaboussures 1, 2, 3 à partir de istockphoto.com
  • Pinceaux faits à la main 1,2, from brushesdownload.com
  • Brosses d'encre (facultativement), brushesdownload.com
  • Paint Strokes 1,2, brushesdownload.com
  • Éléments auto-dessinés sur papier

Étape 1

Juste pour vous rappeler ce que nous avons créé dans le Partie 1 du tutoriel, la première image ci-dessous montre notre résultat final. N'oubliez pas que vous devez maintenant travailler sous tous les calques de réglage (qui affectent toute l'illustration) et également sous l'ombrage global de la pièce que nous avons ajouté..

OK, alors faites attention à la deuxième image ci-dessous. J'ai dessiné quelque chose comme ça dans la première partie du didacticiel, il s'agit de l'esquisse de ma vision des éclaboussures. Et j'ai décidé de ne pas couvrir le visage avec des éclaboussures.

Étape 2

J'ai trouvé trois belles éclaboussures (1,2,3) de istockphoto, que vous pouvez voir dans la première image ci-dessous.

Il y a peu de façons de faire l'extraction, et comme le fond est blanc, c'est une tâche assez facile. Vous pouvez le faire en utilisant Color Range. Cependant, nous n'avons pas besoin de toutes les éclaboussures ici, et un travail plus précis nécessite l'outil Plume. Regardez la troisième éclaboussure ci-dessous et le rectangle vert. C'est une bonne partie pour s'adapter à notre visage.

Zoomons sur cette partie et utilisons l'outil Plume pour la découper. L'utilisation de cette technique est relativement rapide (et la technique de gamme de couleurs laisse parfois un peu de la couleur de fond, ce que nous ne voulons pas). Vérifiez donc la dernière image ci-dessous (la noire) et vous pourrez voir qu’elle est très précise. J'ai comparé le fond avec une couleur noire et oui, c'est tout rouge, pas de bords blancs.

Étape 3

Maintenant, comme je l'ai dit, nous avons juste besoin d'un peu de cette éclaboussure. Adaptez-la au visage et utilisez un effaceur doux ou un masque de calque pour supprimer le bord carré de la projection (première image ci-dessous). Appliquez ensuite Image> Réglages> Couleur sélective et éclaircissez tous les tons de cette éclaboussure rouge foncé. Pour ce faire, nous devons utiliser les rouges, les jaunes, les neutres et les noirs (deuxième image ci-dessous). Maintenant, cela semble trop saturé, prenons donc la saturation (troisième image ci-dessous). Ensuite, il est bon de donner un peu plus de luminosité (quatrième image).

Étape 4

Je vais vous montrer maintenant quoi faire en points:

  1. C'est le résultat que nous avons atteint jusqu'à présent.

  2. Créez un nouveau calque au-dessus du splash, avec le Mode de fusion défini sur Couleur. Prenez un pinceau doux et peignez avec une couleur brunâtre pour que la teinte soit plus adaptée à la peau.

  3. Comparez les images 1 à 3 et voyez comment la nuance a changé de couleur. Ça commence à ressembler à une véritable éclaboussure!

  4. Fusionner toutes les couches liées avec le splash en un. Et utilisez l'outil de gravure (plage: demi-tons) pour assombrir les éclaboussures, comme pour la couleur de la face inférieure..

Étape 5

Maintenant, dupliquez le calque facial et placez-le au-dessus du splash. Retournez-le horizontalement pour que la peau sombre recouvre notre éclaboussure (première image ci-dessous). Allez à Calque> Masque de calque> Tout masquer (deuxième image ci-dessous). Ensuite, utilisez un pinceau doux et blanc et peignez sur le masque de calque tout en activant la sélection "Splash" (troisième image ci-dessous)..

Cela peut sembler un peu déroutant. Passons en revue ce que cela fait? Eh bien, fondamentalement, nous révélons la peau du visage copié. Et nous faisons cela sur le splash pour lui donner un aspect plus texturé. C'est une toute petite différence, mais croyez-moi, si vous effectuez un zoom avant, vous verrez la différence. Le splash ressemblera à de la vraie peau.

Étape 6

OK, évoquons une autre éclaboussure. Encore une fois, utilisez l'outil Plume pour faire une découpe précise. Maintenant, tournez-le dans la bonne direction (première image ci-dessous). Utilisez ensuite une gomme dure (ou un masque de calque avec une brosse dure et noire) pour faire correspondre parfaitement la peau (deuxième image ci-dessous). Ensuite, effacez doucement la partie supérieure carrée du splash.

Étape 7

Comme lorsque nous appliquions le splash précédent, utilisez Image> Réglages> Couleur sélective et ajustez les mêmes couleurs. Jouez avec les valeurs à partir des rouges, des jaunes, des neutres et des noirs. Essayez de rendre la couleur de démarrage plus lumineuse (première image ci-dessous). Diminuez ensuite la saturation (troisième image ci-dessous) et ajoutez enfin une touche de luminosité (quatrième image ci-dessous)..

Étape 8

  1. Utilisez l'outil de gravure pour faire correspondre les couleurs de la peau de la face inférieure et de nos éclaboussures..

  2. Comme précédemment, dupliquez le calque "face" et placez-le de manière à couvrir les éclaboussures de peau.

  3. Allez à Calque> Masque de calque> Tout masquer (cela masque complètement le calque "face" dupliqué).

  4. Ajoutez la peinture au toucher sur le masque de calque avec un pinceau doux et blanc.

  5. Faites quelques retouches finales. J'ai utilisé l'outil de correction pour supprimer la lumière indésirable et j'ai brûlé davantage certaines pièces avec l'outil de gravure..

Étape 9

OK, quand il s'agit d'ajouter des éclaboussures plus légères, le travail est beaucoup plus facile.

  1. Faites un bon match avec la forme de la peau.

  2. Utilisez la couleur sélective de la même manière que précédemment pour obtenir un aspect trop saturé (et c'est génial avec une couleur sélective, car elle adoucit également la nuance).

  3. Ensuite, utilisez Teinte / Saturation et baissez la saturation à mi-chemin (sans exagérer) pour faire correspondre la couleur des éclaboussures à la couleur de la peau..

  4. Si cela ne suffit toujours pas, allez (comme précédemment) à Luminosité / Contraste et améliorez la Luminosité, tout en baissant le Contraste juste au toucher, et tout devrait bien se passer.

Remarque: les lumières peuvent parfois être un peu vives et lumineuses. Vous pouvez donc toujours vous en débarrasser à l'aide de l'outil de correction ou tout simplement en effaçant certaines parties du splash..

Étape 10

Comme vous le voyez maintenant, l'ombre sous le visage sera un peu différente car nous avons modifié la forme. Trouvez la même couleur que celle que vous avez utilisée précédemment, tout en peignant l'ombre. Prenez un pinceau très doux et ajoutez plus d'ombre là où les objets se rapprochent du sol (comme vous le voyez sur le poing et la deuxième image ci-dessous).

Étape 11

Maintenant, pour ajouter plus de touches de peau-éclaboussures, nous devons utiliser une autre image de peinture. C'est bien de l'avoir dans la même couleur, alors les valeurs d'ajustement ne changeront pas beaucoup. Amenez donc cette image Splatter dans Photoshop et commencez à extraire à l'aide de l'outil Plume..

Comme vous le voyez dans la première image ci-dessous, vous ne devez pas découper la pièce entière, mais seulement la partie inférieure. Et aussi l'extraction doit vous donner une belle tache arrondie sans ombres sombres.

Tout est montré dans les images ci-dessous. Il vous suffit de répéter ce que vous avez fait précédemment avec les splash, mais, à chaque nouvelle splash, vous devez rechercher de nouvelles valeurs de réglage (car elles ne sont pas identiques). Donc, les valeurs seront assez similaires, mais pas exactement les mêmes.

Étape 12

Saisissez l'outil Pinceau avec des paramètres progressifs (Débit à 2% et Dureté réglés à 0%). Créez un nouveau calque sous ces parties de peau et utilisez une couleur sombre (adaptée à la surface) pour ajouter une petite ombre. J'ai utilisé la couleur: # 2f1d0e.

Ensuite, regardez la deuxième image ci-dessous et créez deux nouveaux calques au-dessus des parties de peau. Nous allons apporter une petite retouche à l'un d'entre eux. Comme indiqué dans l'image, changez ces options de fusion de calque: l'une en superposition et la seconde en multiplication. Puis, en utilisant le même pinceau souple, changez de couleur comme indiqué dans la deuxième image ci-dessous et peignez les endroits indiqués pour rendre cette peau plus réaliste..

Étape 13

C'est le bon moment pour ajouter des pièces dessinées à la main. Mes compétences en dessin sont plutôt faibles et j'en suis conscient, mais comme j'ai quelques notions de base, j'ai été capable de créer plusieurs éléments très simples qui ont l'air bien suffisants à cette fin. Et avec de bonnes compétences en Photoshop, vous pourrez transformer vos simples dessins en quelque chose de vraiment cool.

Alors prenez un morceau de papier, un crayon et utilisez votre imagination pour créer de jolies formes (ou vous pouvez aussi utiliser la mienne). Maintenant, prenez une photo de chacun (il est bon d’avoir une lumière naturelle tout en prenant une photo). Puis ouvrez-les et, s’ils sont trop sombres, utilisez Calque> Réglages> Luminosité / Contraste, puis Calque> Réglages> Niveaux pour obtenir un bon contraste entre les bords et l’arrière-plan. Ensuite, utilisez l'outil Plume pour extraire. Pendant l'extraction, travaillez sur une grande toile (ne redimensionnez pas les photos).

Étape 14

Comme vous le voyez, mon élément attiré est assez grand et c'est une bonne chose. Vous pouvez maintenant utiliser Command + T et cliquer sur Warp dans la barre de menus supérieure. Travaillez à plier cette forme pour obtenir différents résultats. Évidemment, le gauchissement rendra notre élément un peu flou, mais après l’avoir redimensionné, il ne sera plus perceptible (deuxième image ci-dessous).

Ensuite, je voulais ajouter de la profondeur à cette pièce en la rendant moins plane. Pour ce faire, vous avez besoin des outils de gravure et d'esquive. Dans la troisième image ci-dessous, les flèches vertes indiquent les points inférieurs (qui doivent être peints à l'aide de l'outil de gravure défini sur Tons moyens) et les flèches rouges indiquent les points supérieurs (qui doivent être peintes à l'aide de l'outil Dodge défini sur Faits saillants)..

Et après avoir ajouté de la profondeur, vous pouvez colorer cet élément en utilisant Teinte / Saturation..

Étape 15

Dans la première image ci-dessous, j'ai utilisé le même élément que précédemment et je l'ai plié à l'aide de l'outil Warp pour obtenir de nombreuses formes différentes. Je les ai également faites dans différentes couleurs et ai tourné chaque forme en différentes tailles (pour la profondeur). Ils ont été placés avant et après le visage.

Vient maintenant le moment d'ajouter de l'ombrage pour adapter ces éléments. Vous devez vous rappeler quelques choses:

  • Lorsque vous ajoutez manuellement des ombres, utilisez le pinceau le plus doux (définissez une dureté de 0% avec un flux même de 1 à 2%! Seule l'opacité reste toujours à 100%).

  • Les ombres en réalité ont toujours un aspect légèrement différent de celui d'une illustration, mais nous devrions simuler l'ombre pour la rendre invisible..

  • Lorsque j'ajoute des ombres, j'échantillonne toujours les couleurs de la surface (et les rend un peu plus sombres que la couleur échantillonnée, ce qui rend l'ombre bien ajustée même si elle n'est pas tout à fait réelle). La raison en est que l'ombre de chaque objet a une touche de couleur provenant du sol qu'il occupe (pour obtenir de bons conseils sur la création d'ombres, vous pouvez lire le didacticiel sur les lignes super malléables, voir l'étape 5)..

Étape 16

OK, nous pouvons commencer à ajouter des éléments plus dessinés. Ainsi, dans la première image ci-dessous, les flèches orange indiquent les points que je voulais réellement graver avec l'outil de gravure (défini sur Tons moyens), tandis que les vertes indiquent les points qui nécessitent un peu plus de lumière (utilisez l'outil Dodge défini sur Faits saillants). Comme vous pouvez le constater, l’utilisation appropriée d’outils simples peut donner à vos éléments une forme réelle..

Ainsi, dans les images ci-dessous, vous devez en principe couper la partie supérieure de cet élément et le remplacer par le même élément copié (mais sous un angle différent). Pendant ce temps, ajoutez un réglage Teinte / Saturation à cet élément et coloriez-le à votre goût. Si vous étudiez lentement les images ci-dessous, vous remarquerez que j’ai fait plusieurs rotations avec les mêmes éléments, je les ai dupliquées et fait quelques découpes (pour les ajuster au mieux).

Étape 17

OK, répétez à nouveau l'étape précédente en ajoutant un autre élément. Ensuite, en utilisant les mêmes outils (Graver / Esquiver), l’élément se déforme (deuxième image ci-dessous). Suivant dans la troisième image ci-dessous (lors de la colorisation), vous pouvez utiliser quelques ajustements de calque pour le rendre meilleur. Dans ce cas, je me suis tourné vers Teinte / Saturation et Courbes pour donner un joli ton vert jaunâtre.

Étape 18

Continuez à ajouter divers éléments en forme. Traitez-les de la même manière que précédemment. Ajoutez différents tons, faites-les pivoter et placez-les à différents endroits. N'oubliez pas d'utiliser Command + T, puis vérifiez l'outil Warp dans la barre de menus supérieure. Cela aide vraiment à donner aux mêmes formes une apparence différente..

Remarque: N'oubliez pas que lorsque vous déformez un élément raster, comme pour nos formes dessinées à la main, vous devez le faire sur un morceau de grande taille, puis redimensionner l'élément. Cela vous aidera à atteindre la haute qualité jusqu'à la fin. Sinon, il deviendra flou et pas tout à fait approprié.

Étape 19

Maintenant, pour vous assurer que tout a sa place dans cette illustration, vous devez prendre soin des ombres. Chaque élément placé dans cette pièce nécessite une attention particulière (sauf s'il est très petit ou trop petit). Donc, si vous n'avez pas de source de lumière spécifiée, ajoutez des ombres quelque part sous l'objet.

Pour faire la partie d'ombrage, vous avez besoin d'un pinceau très doux avec une couleur sombre, comme mentionné précédemment. Le meilleur moyen consiste à échantillonner la couleur du sol et à l'assombrir. Puis commencez à ajouter des ombres douces sous les éléments. Rappelez-vous que si les objets sont plus proches du sol, les ombres commencent à devenir plus dures et plus visibles. Ne peignez pas non plus avec le pinceau (en maintenant le clic gauche enfoncé), faites des clics simples et séparés. Cela vous aidera à obtenir une ombre douce et à peine visible.

Étape 20

Je crois que le tutoriel est un moment de détente agréable. Maintenant, en utilisant les traits de peinture, les pinceaux (1 et 2) créent des pièces de forme sympa. Faites-le avec les couleurs échantillonnées à partir de l'illustration. C'est toujours un bon moyen de s'aider soi-même avec une pipette, cela vous permet de vous déplacer facilement dans les bons tons de couleur. Et oui, si vous avez un bon œil - vous pouvez choisir des couleurs selon vos goûts, il est bon d'expérimenter!

Remarque: N'oubliez pas que tous les traits de peinture n'ont pas besoin de se ressembler lorsqu'ils ont été enregistrés en tant que pinceau. Vous pouvez vous aider avec une gomme douce pour que la forme vous plaise.

Étape 21

Vous devriez trouver une forme de fenêtre dans les brosses. Utilisez une couleur marron foncé et placez le pinceau. Si vous souhaitez le placer sur le mur, vous devez le contourner en perspective à l'aide de Commande + T> Déformer (première image ci-dessous). Ensuite, avec l'outil Plume, créez un calque de forme sous ce pinceau et remplissez-le de blanc (la raison pour laquelle il n'est pas entièrement blanc est dû au fait que, dans la partie I du tutoriel, nous avons ajouté des ombres globales à l'ensemble de l'illustration et une partie de la fenêtre) - deuxième image ci-dessous.

Maintenant, regardez la troisième image ci-dessous, transformez le calque "forme" en une sélection et peignez sur un nouveau calque en utilisant une couleur bleu terne (# 689aac). Ensuite, à l'aide de l'outil Plume, créez deux lignes parallèles. Contournez les deux chemins avec une pression simulée et donnez-leur des couleurs bleues et blanches (quatrième image ci-dessous). Fusionnez-les et faites environ 20 doublons, puis étalez-les à l'intérieur de la fenêtre pour lui donner une belle texture..

Et enfin, vous pouvez couvrir la fenêtre avec quelques pinceaux supplémentaires, comme précédemment (cinquième image ci-dessous).

Étape 22

Encore une fois, en utilisant des pinceaux à peinture, peignez le plafond pour remplir l’illustration encore plus. Je dois utiliser ces brosses avec des tons de gris / blanc à peine visibles pour s’ajuster à la surface. OK, saisissez l'outil Pinceau, choisissez la forme de pinceau souhaitée pour le tracé de peinture, réglez votre débit à environ 10% et ajoutez quelques pinceaux différents sur un nouveau calque..

Étape 23

Quand j'ai créé cette pièce, j'ai trouvé de jolis pinceaux faits à la main qui seront vraiment utiles ici (1 et 2). Ajoutez-les aux pinceaux Photoshop et, en utilisant différentes couleurs et tailles, répartissez-les sur toute l'illustration. Cela devrait ressembler à un coup chaotique.

Étape 24

Lorsque vous avez terminé avec les pinceaux à la main, revenez à nos pinceaux à peinture, utilisez du blanc pour la couleur et appliquez un gros pinceau sur un nouveau calque (première image ci-dessous). Appelez ensuite la sélection de ce pinceau en maintenant la touche Commande enfoncée tout en cliquant sur la vignette du calque, puis sélectionnez Sélectionner> Modifier> Contracter. Utilisez la valeur 2 (deuxième image ci-dessous). Ensuite, courbez-le avec Commande + T et sélectionnez Déformation dans le menu supérieur (troisième image ci-dessous). Maintenant redimensionnez-le (utilisez Command + T) et placez-le dans l'espace.

Vous pouvez répéter cette étape plusieurs fois avec des couleurs différentes. Il est bon d'ajouter ces effets car ils donnent une impression d'éléments dessinés.

Étape 25

Comme cette illustration s'appelle "No Beauty", vous pouvez penser à certains éléments liés à la beauté. J'ai trouvé deux images gratuites de blush, qui sont un peu floues. Mais de toute façon, nous allons redimensionner ce blush, afin que le flou ne soit pas visible.

OK, prenez l'outil crayon et découpez plusieurs parties écrasées de ce blush, collez-le sur des documents blancs et retouchez-les un peu. Utilisez l'outil de gravure (tons moyens) et gravez-les comme indiqué dans la deuxième image ci-dessous. Ensuite, adaptez-les simplement à notre illustration.

Remarque: si vous avez décidé de placer certaines parties du blush près du sol, vous devez alors traiter le sol avec une ombre.!

Étape 26

Pour que cette illustration soit encore plus détruite, je vais vous montrer comment créer un trou qui fuit dans le mur. Il y a six captures d'écran ci-dessous, je vais donc les décrire dans l'ordre:

  1. Saisissez l'outil Plume (définissez-le dans les options sur Forme) et tracez un joli trou arrondi sur le mur et faites-le noir. Nommez cette couche "Trou".

  2. Désactivez le calque "Trou", accédez à la palette des calques, maintenez la touche Commande enfoncée et cliquez sur la vignette de ce calque (la sélection devrait apparaître). Maintenant, appuyez sur Commande + Maj + C (Copier avec fusion), puis sur Commande + V (Coller). Maintenant, nommez cette couche "Wall Part". Déplacez la "partie de mur" copiée devant le trou (vous pouvez également la plier à l'aide de l'outil de déformation). Et rendre visible le calque "Trou".

  3. Dupliquez le calque "Wall Part" trois à quatre fois, déplacez ces doublons sous le calque d'origine et utilisez les flèches du clavier pour changer leurs taches en haut à gauche (l'une après l'autre) pour créer un faux effet 3D. Fusionnez ces doublons et utilisez l'outil de gravure (défini sur Tons moyens) pour lui donner plus de profondeur..

  4. Maintenant, faites la même chose avec la couche "Trou". Mais cette fois, faites une seule copie (colorisez-la en marron par exemple pour voir la différence) et déplacez cette copie en haut à gauche à l'aide des flèches du clavier. Cela devrait maintenant ressembler exactement à la quatrième image ci-dessous.

  5. Faites ensuite apparaître la sélection du calque "Trou" (Commande-cliquez sur la vignette du calque), maintenez ensuite Commande + Alt et cliquez sur le calque "Copie de trou" (pour supprimer la sélection de ce calque copié). Vous devriez obtenir une petite sélection dans le bord inférieur. Créez un nouveau calque au-dessus du calque "Trou" et remplissez-le d'une couleur marron foncé. Utilisez l'outil de gravure (réglé sur les tons moyens) et l'outil Dodge (défini sur les tons moyens) pour faire ressortir ce bord plus.

  6. Copiez les éclaboussures de peau que nous avons créées au début (vous pouvez également redimensionner après la copie) et déposez-les goutte à goutte de notre trou. Utilisez l'outil de gravure (défini sur Tons moyens) pour ajuster les parties supérieures de l'écran au fond du trou noir. Ajoutez ensuite une ombre sous ces gouttes (de la même manière que vous avez créé une ombre dans les étapes précédentes).

Étape 27

Jeter un coup d'œil à:

  1. Première image ci-dessous: lors de la dernière retouche, ajoutez un réglage de calque en noir et blanc dans la palette des calques (au-dessus de tous les calques), modifiez son opacité comme vous le souhaitez (environ 30 à 50%) et définissez la fusion. Mode à la lumière douce.

  2. Deuxième image ci-dessous: appuyez sur Commande + Maj + A (pour sélectionner le fond entier), Commande + Maj + C (pour copier le fond entier), Commande + V (Coller au-dessus de tous les calques), puis appliquez sur Commande + Maj + U (désaturer).

  3. Troisième image ci-dessous: modifiez l'opacité de ce calque sur 40%, définissez le mode de fusion sur Lumière douce, puis sélectionnez Calque> Réglage> Ombres / rehauts et améliorez la quantité de rehauts. Cela apporte une touche HDR.

  4. Image suivante ci-dessous: Enfin, appuyez à nouveau sur Commande + Maj + A (pour sélectionner le canevas entier), sur Commande + Maj + C (pour copier le canevas entier), sur Commande + V (coller au sommet de tous les calques), modifiez le mode de fusion. superposer et aller dans Filtre> Autre> Passe-haut et définissez la valeur sur 1.

  5. Conclusion

    Donc, nous sommes ici. J'espère que vous pourrez appliquer avec succès ces effets à vos propres morceaux maintenant. Que le détail soit avec vous!