Combinez Art dessiné à la main avec Photoshop

Incorporer des illustrations dessinées à la main avec Photoshop est une tendance qui existe depuis un moment. C'est un style qui confère instantanément à votre travail une sensation de pointe - et il se traduit bien pour les projets imprimés ou Web..

J'ai fourni toutes les illustrations dessinées à la main pour compléter ce didacticiel, mais vous en apprendrez plus et y ajouterez une touche personnelle en créant vos propres croquis et gribouillis. Comme vous le découvrirez, nous allons tracer l'image principale du modèle afin que vous n'ayez pas nécessairement besoin d'être un artiste talentueux pour obtenir un excellent résultat final..


Ressources

En plus de l’art dessiné à la main, vous aurez besoin des ressources suivantes:.

  • "IMG_4680.JPG" de ces textures grunge
  • Les versions comp et moyenne résolution de ce mannequin
  • Oiseau
  • Cerf
  • Arbre
  • S'épanouit

Vous aurez également besoin de cette police de calligraphie.


Créez vos propres croquis

Comme je l'ai mentionné, toutes les illustrations dessinées à la main sont fournies dans le dossier "source" - mais vous en tirerez plus de ce tutoriel en créant votre propre version de cette illustration, plutôt qu'en copie conforme de la mienne..

Avant de dessiner le modèle, nous aurons besoin d’un matériel source initial; Prenez donc des crayons, des stylos et un carnet de croquis et amusez-vous à faire des gribouillis et des gribouillis au hasard. Si vous vous sentez vraiment aventureux, éclaboussez-vous également de peinture! Celles-ci peuvent ensuite être numérisées à 300 dpi, stockées sur un lecteur externe et appelées à la demande.


Étape 1

Ouvrez "Start.jpg" à partir du dossier "source", double-cliquez sur le calque "Arrière-plan" pour le déverrouiller et nommez-le "Pale grunge". Ce sera maintenant votre fichier de projet tout au long du tutoriel.


Étape 2

Ajoutez un calque de réglage de la balance des couleurs et modifiez les curseurs de ton moyen, d'ombre et de surbrillance comme indiqué..



Étape 3

Ensuite, ajoutez un calque de réglage des niveaux et définissez les curseurs du point milieu et du point blanc de la manière décrite ci-dessous..


Étape 4

Téléchargez et ouvrez "IMG_4680.JPG" à partir de ces textures grunge. Accédez à Image> Faire pivoter le canevas à 90 degrés dans le sens anti-horaire, puis inverser.

Saisissez l'outil Baguette magique (W), réglez sa tolérance sur 100 et décochez l'option Contiguë. Maintenant, sélectionnez les zones les plus sombres et copier dans le presse-papiers.

Collez la sélection en tant que nouvelle couche dans votre fichier de travail, puis appuyez sur Commande + T pour transformer, appelez-la "Détresse", puis définissez son mode de fusion sur Lumière douce. Maintenant, déposez toutes ces couches dans un dossier de groupe appelé "BACKGROUND".



Étape 5

Importez "Paint_1.jpg" à partir du dossier "source" au-dessus du dossier "BACKGROUND". Transformez / position comme indiqué, puis réglez son mode de fusion sur Multiplier, l'opacité sur 42% et étiquetez-le "Lavage 1".


Étape 6

Ouvrez "Paint_2.jpg" à partir du dossier "source" et utilisez l'outil Lasso (L) pour sélectionner approximativement comme indiqué..

Copier> Coller en tant que nouveau calque dans votre fichier de travail, définissez le mode de fusion sur Multiplier et étiquetez-le "Lavage 2". Maintenant, appuyez sur Option tout en ajoutant un calque de réglage Teinte / Saturation. Dans la fenêtre suivante, cochez Créer un masque d'écrêtage, sélectionnez l'option Coloriser et copiez les paramètres ci-dessous. Ensuite, diminuez l’effet en réduisant l’opacité du calque de réglage à 49%..



Étape 7

Collez à nouveau la sélection de l'étape précédente, réglez son mode de fusion sur Multiplier et nommez-le "Lavage 3". Ne vous inquiétez pas de l'apparence de ces couches pour l'instant - elles peuvent être repositionnées plus tard.


Étape 8

Lasso un autre lavage de peinture de "Paint_2.jpg," Copier> Coller en mode Multiplier et étiquetez-le "Wash 4." Découpez maintenant un calque de réglage de teinte / saturation comme vous l'avez fait à l'étape 6 à l'aide des paramètres indiqués. Ces couches peuvent maintenant être déposées dans un dossier de groupe intitulé "BASE WASHES".


Étape 9

Chargez le fichier "Grunge_brushes.abr" à partir du dossier "source". Ajoutez un nouveau groupe de couches à multiplier au-dessus des dossiers du groupe et nommez-le "pinceaux jaunes". Utilisez le sélecteur de couleurs pour sélectionner # eae870 comme couleur de premier plan, puis ajoutez des éclaboussures aléatoires à l'aide d'une sélection parmi les nouveaux pinceaux. N'oubliez pas de régler la taille du pinceau et les paramètres de rotation pendant que vous travaillez pour éviter les répétitions..



Étape 10

Ajoutez un autre calque, encore une fois en mode multiplication, et nommez-le "pinceaux roses". Utilisez la même technique pour ajouter d'autres coups de pinceau en utilisant # f5aad0.


Étape 11

Ajoutez un dernier calque en mode multiplication et nommez-le "pinceaux noirs". Maintenant, utilisez une variété de brosses noires, comme indiqué. Ces couches peuvent maintenant être ajoutées dans un dossier de groupe intitulé "BROSSES".


Étape 12

Revisitez "Paint_2.jpg" à partir du dossier "source" et copiez-le> coller un autre lavage dans votre fichier de travail. Réglez son mode sur Multiplier et nommez-le "Wash 5." Ensuite, coupez un calque de réglage Teinte / Saturation et utilisez les paramètres ci-dessous..

Répétez l'opération avec une autre sélection de "Paint_2.jpg" en mode Multiply et nommez-la "Wash 5." Maintenant, coupez un calque de réglage des niveaux comme indiqué.



Étape 13

Nous allons maintenant utiliser l'image du modèle comme guide. Cela finira par être dessiné à la main - la façon dont je travaille consiste à télécharger tout d'abord une maquette gratuite à résolution réduite pour voir son fonctionnement avant d'acheter une version en résolution supérieure.

Ouvrez le modèle, réglez l'outil Baguette magique sur Tolérance à 100% et cochez l'option Contiguë, puis sélectionnez approximativement le fond blanc. Maintenant, appuyez sur Maj + Commande + I pour inverser et copier dans le presse-papiers.

Ensuite, collez le modèle dans un nouveau dossier de groupe appelé "ELEMENTS". Transformez / positionnez au centre et étiquetez-le "Temp." Cette couche servira de guide temporaire.



Étape 14

Commençons par ajouter d'autres éléments à l'illustration. ouvrez l'oiseau et sélectionnez Image> Faire pivoter la toile> Retourner horizontalement. Choisissez Sélection> Gamme de couleurs et cliquez n'importe où sur le ciel. Définissez le curseur Fuziness sur 136, cochez le bouton Inverser et cliquez sur OK..

Maintenant, Copiez> Collez la sélection en tant que nouveau calque dans le dossier "ELEMENTS" sous le calque "Temp" et redimensionnez. Ensuite, tout en maintenant la touche Commande enfoncée, cliquez sur la vignette du calque pour générer une sélection et la remplir avec # a83f7c, changez le mode de fusion en Multiplier et étiquetez-le "Oiseau".

Ouvrez "Scribble_a.jpg" à partir du dossier "source", Sélectionner tout et Copier. De retour dans votre fichier de projet, assurez-vous que la couche "Bird" est ciblée, puis générez une sélection à partir de son contenu en maintenant la touche Commande enfoncée dans la vignette. Maintenant, appuyez sur Maj + Commande + V pour coller dans. Vous allez maintenant avoir un nouveau calque que vous pouvez définir sur Multiplier et que vous nommez «Gribouillis des oiseaux».

Ce calque apparaît automatiquement avec un masque qui n'est pas lié à ce stade, ce qui signifie que vous pouvez positionner / redimensionner le contenu du calque indépendamment.

Une fois que vous êtes satisfait, cliquez entre les icônes de calque et de masque pour les lier. Rappelez-vous que vous pouvez toujours transformer / repositionner les calques "Bird" et "Bird gribble" en maintenant la touche Maj enfoncée et en cliquant sur leur vignette..



Étape 15

Nous allons utiliser Illustrator au cours des prochaines étapes pour accéder à certains fichiers vectoriels. Téléchargez et ouvrez cette image vectorielle, puis copiez le cerf dans le presse-papiers.

Collez les pixels au-dessus du calque "Gribouillis", puis inversez-les horizontalement et redimensionnez. Remplissez le contenu du calque en utilisant le même rose que l'oiseau (# a83f7c), changez le mode de fusion en Multiplier et nommez-le "Stag".

Suivez maintenant le même processus pour ajouter "Scribble_a.jpg" comme vous l’avez fait avec l’oiseau. Nommez cette couche "Stag gribouillage".



Étape 16

Téléchargez et ouvrez ces arbres vectoriels avec Illustrator et copiez l’arbre en haut à droite dans le presse-papiers.

Collez à nouveau les pixels au-dessus du calque "Stag gribble", puis transformez et définissez le mode de fusion sur Multiplier. Vous devrez peut-être aussi repositionner les calques "Bird" et "Bird gribble" pour les adapter.



Étape 17

Importez "Scribble_b.jpg" à partir du dossier "source" et placez-le sous le dossier "ELEMENTS". Réglez son mode de fusion sur Multiplier et l'opacité sur 74%, puis nommez-le "Gribouillis 1."

Répétez l'opération avec "Scribble_c.jpg" en mode multiplication. Nommez-le "Scribble 2" et réglez son opacité à 88%.

Ajoutez "Scribble_d.jpg" en mode multiple en maintenant l'opacité à 100% et nommez-le "Scribble 3."

Répétez l'opération avec "Scribble_e.jpg" en conservant son opacité à 100% et nommez-le "Scribble 4."

Dupliquez "Scribble 4" et transformez / repositionnez comme indiqué. Nommez cette couche "Scribble 5."

Enfin, ouvrez "Scribble_f.jpg" et collez dans une sélection circulaire. Transformez-vous en utilisant les mêmes techniques que le calque "Gribouillis", puis réglez-le sur Multiplier à 50% d'opacité. Nommez cette couche "Scribble 6."



Étape 18

Téléchargez et ouvrez ces vecteurs dans Illustrator. Copier> Collez votre première forme sous le dossier "ELEMENTS" en mode Multiply comme indiqué et nommez-la "Scroll 1."

Répétez avec une forme vectorielle différente et nommez-la "Scroll 2."

Copier> Coller deux autres calques de défilement, organiser comme indiqué et étiqueter en conséquence.



Étape 19

Ensuite, nous devons télécharger l’image de modèle de taille moyenne pour permettre suffisamment de détails pour le traçage. Ouvrez l'image dans Photoshop et imprimez à environ 130%.

Tape un peu de papier calque sur l'impression et utilisez un crayon doux (j'ai utilisé un 2B) pour tracer sur les principales caractéristiques du modèle. Utilisez une licence artistique lorsque vous dessinez les cheveux et n'oubliez pas de garder votre pointe de crayon belle et nette.

Une fois que vous avez terminé, numérisez votre dessin à 300 dpi, puis utilisez un petit pinceau blanc à bords durs pour nettoyer les taches et les travaux de trait inutiles. Ensuite, importez en tant que nouveau calque et étiquetez-le "Trace" dans un nouveau dossier de groupe appelé "MODEL". Réglez le mode de fusion sur Multiplier et réduisez l'opacité à 50% pour le positionnement..

Réinitialisez le mode de fusion et l'opacité, puis découpez un réglage de niveau comme indiqué.


Étape 20

Vous pouvez maintenant supprimer le calque "Temp" à partir de l'étape 13. Maintenant, prenez l'outil Crayon (P) et utilisez l'option Tracés pour dessiner le modèle entier. N'oubliez pas de vérifier la zone Soustraire du chemin lorsque vous tracez les sous-chemins intérieurs pour les cheveux..

Enregistrez votre chemin de travail sous "Chemin 1", puis cliquez sur sa vignette tout en maintenant la touche Commande enfoncée pour générer une sélection. Ajoutez maintenant un nouveau calque sous la "Trace" et nommez-le "Remplissage blanc cassé". Remplissez la sélection active avec # ecebe4. À ce stade, votre couche "Trace" doit être définie sur Multiplier..



Étape 21

Nous allons suivre la même procédure que celle du calque "Gribouillis" pour ajouter des dégradés de couleur au dessin. Générez une sélection "Chemin 1." Ouvrez "Paint_3.jpg" à partir du dossier "source" et copiez, ciblez votre dernier calque de réglage de niveaux et collez-le dans. Placez maintenant le contenu du calque, définissez-le sur Multiplier, verrouillez son masque et étiquetez-le "Couleur 1".

Cliquez sur l'icône Créer un nouveau chemin, puis dessinez autour du visage et des mains du modèle, à l'exclusion des cheveux. Nommez le nouveau chemin "Chemin 2", puis générez une sélection. Ciblez votre nouveau masque de calque et remplissez-le de noir.

Importez "Paint_4.jpg" en mode multiplication en utilisant les mêmes techniques de collage et de masquage. Ajustez son opacité à 61% et appelez-le "Couleur 2."


Nous avons maintenant besoin de zones de lavage de couleur sur le visage des modèles. Créez un autre chemin indépendant et dessinez autour des zones d'ombre faciales telles que les yeux, le nez, la bouche, le cou et les mains. Nommez ce chemin "Chemin 2", puis générez une sélection. Ouvrez "Paint_5.jpg" et collez-le dans la sélection en tant que nouveau calque et nommez-le "Couleur 3." Ce calque doit également être défini sur Multiplier et l’opacité sur 80%. Vous pouvez également utiliser l’outil de clonage (S) défini sur Couche actuelle pour combler les zones manquantes dans la sélection active..

Ensuite, peignez le masque à l’aide d’un petit pinceau à bord dur pour révéler le blanc des yeux..

Collez "Scribble_f.jpg" dans la même sélection, réglez-le sur Multiplier / 80% et positionnez-le sur les yeux. Collez à nouveau "Scribble_f.jpg" en positionnant cette fois sur le cou et réglez-le sur Multiplier / 100%. N'oubliez pas de modifier les masques selon vos besoins, puis étiquetez les calques en conséquence..

Maintenant, pour une dernière couche de lavage; ouvrez "Paint_6.jpg" et collez-le dans une sélection de "Path 1." Réglez son mode de fusion sur Lumière douce et appelez-le "Couleur 6."

Double-cliquez sur son icône de calque pour accéder à la fenêtre Style de calque, puis maintenez la touche Option enfoncée et cliquez sur le curseur supérieur de fusion (pour la scinder) et tirez le curseur gauche sur le demi.

Désactiver temporairement la visibilité de la couche "Trace". Vos calques "Couleur" devraient ressembler à ceci.



Étape 22

Ouvrez le fichier "Ball.jpg" à partir du dossier "source" et convertissez-le en mode RGB. Découpez un calque de réglage Teinte / Saturation, puis définissez l'opacité de réglage sur 30%..

Relâchez le "Fond" sur un calque normal et réglez-le sur Multiplier. Déposez un nouveau calque en dessous, puis saisissez un pinceau à rebord dur et remplissez le ballon en entier avec #eddadc sur le calque inférieur..

Insérez une autre couche et peignez des segments sélectifs de la balle en blanc.

Ensuite, remplissez les zones avec # f97da8 et # 782d83 sur des calques séparés, puis aplatissez. Enfin, sélectionnez avec l’outil elliptique (M), puis déplacez-vous, développez ou contactez pour s’adapter et copier dans le presse-papiers.



Étape 23

Collez la sélection dans votre fichier de travail en haut dans le dossier "ELEMENTS". Transformez / positionnez-vous derrière la tête du modèle et appelez-le "cluster coeur".



Étape 24

Ensuite, recherchez des images de fleurs appropriées pour le traçage; J'ai choisi la fleur 1 de henry3717, la fleur 2 de BeverlyLR et la fleur 3. Elles peuvent être recadrées et imprimées assez petites (environ 60 mm). Maintenant, tracez et scannez.

Ouvrez votre premier scan - ou utilisez le fichier "Flower_1.jpg" fourni dans le dossier "source" et convertissez-le en mode RGB. Libérez le calque "Background". Utilisez maintenant l’outil Baguette magique pour sélectionner et supprimer l’arrière-plan, puis définissez le calque sur Multiplier..

Inversez la sélection, ajoutez un calque inférieur et remplissez-le avec # f97da8.

Sandwich une autre couche et remplissez la zone centrale avec # 8b2677. Maintenant, appuyez sur Maj + Commande + E pour fusionner visible.


Étape 25

Glissez / déposez votre fleur dans un nouveau dossier intitulé "FLEURS". Répétez l'étape précédente sur vos scans restants ou utilisez "Flower_2.jpg" et "Flower_3.jpg".

Gardez chaque fleur sur une couche indépendante et étiqueter en conséquence. Ensuite, Transformer / positionner pour masquer les coins inférieur gauche et droit du modèle.



Étape 26

Créez un nouveau document Illustrator et définissez votre première ligne à environ 115 points à l’aide de cette police. Pour un look professionnel, ajustez votre crénage (espacement entre les paires de caractères). Pour ce faire, placez votre curseur entre les caractères que vous souhaitez affecter et augmentez / réduisez l'espacement selon vos besoins..

Définissez le deuxième mot dans la même taille en points et le même kern.

Ajoutez le type plus petit en 48 pt et positionnez-le comme indiqué.

Ensuite, ajoutez un décalage de ligne de base de -14 points aux deux caractères initiaux des mots les plus gros.


Tout sélectionner, remplir de blanc, puis appuyer sur Maj + Commande + O pour créer des contours. Enfin, affichez le mode Plan (Commande Y), saisissez l’Outil de sélection directe (A) et déplacez les points qui se chevauchent selon vos besoins..


Étape 27

Copier> Collez votre texte en tant que nouveau calque dans un nouveau dossier appelé "GRAPHIQUES SUPÉRIEURS". Redimensionnez et positionnez comme indiqué et nommez-le en conséquence.


Étape 28

Ouvrez "Heart.ai" à partir du dossier "source" dans Illustrator et copiez-le> Coller en tant que nouveau calque dans le dossier "UPPER GRAPHICS". Redimensionnez et positionnez au-dessus du calque "Texte" et nommez-le "Cœur".

Ensuite, ajoutez un masque au dossier "MODEL" et utilisez un pinceau à bord dur pour dessiner la zone centrale en dessous du coeur..



Étape 29

À ce stade, j’ai senti qu’il y avait plus d’espace nécessaire autour de la composition. C'est facile à réparer; Appuyez sur Option Command + C pour accéder à la fenêtre Taille du canevas et entrez 21cm dans le champ Largeur et 24 cm dans le champ Hauteur, respectivement. Cliquez sur OK, puis sur le bouton Continuer dans la fenêtre suivante..



Étape 30

Alignez maintenant vos éléments principaux sur un guide central, puis n'hésitez pas à repositionner / redimensionner les calques. Vous pouvez également ajouter d'autres couches de peinture et utiliser l'outil Gomme (E) sur les couches existantes, selon vos besoins..


Étape 31

Dupliquez le calque "Cluster coeur", redimensionnez et placez en bas à droite des cheveux du modèle. Ajoutez ensuite quelques petits remplissages circulaires roses et jaunes dans le dossier "UPPER GRAPHICS" en utilisant # a86e94, # a83e7c et # eceb70. Conservez chaque cercle sur des calques distincts, puis réglez leurs modes de fusion sur Lumière dure / douce, Écran ou Multiplier et réglez leurs opacités selon vos désirs..



Étape 32

Saisissez l'outil Polygone - situé sous l'outil Forme personnalisée (U). Définissez l'option Côté sur 3 et cochez Remplir les pixels. Choisissez #bbbaae comme couleur de premier plan et ajoutez une série de petits triangles. Réglez leurs modes de fusion sur Multiplier ou Linéaire et ajustez leurs opacités au goût.



Étape 33

Ouvrez à nouveau le fichier de défilement Illustrator et choisissez Copier> Coller un autre fichier dans le dossier "SCROLLS". Placez-vous derrière le texte et remplissez-le de # 922952, puis réduisez son opacité à 60%.


Étape 34

Enfin, ouvrez "Lines.jpg" à partir du dossier "source", générez une sélection circulaire et choisissez Copier> Coller au bas du dossier "ELEMENTS". Définissez son mode de fusion sur Multiplier et sur Transformer / positionner derrière la tête du modèle et étiquetez-le "Groupe de lignes".



Conclusion et portée

J'espère que vous avez apprécié ce tutoriel et découvert de nouvelles techniques en cours de route. Consultez ces liens pour plus d'inspiration à la main:

  • Fatoe
  • Mydeadpony
  • Stina Persson
  • Web design dessiné à la main

L'image finale est ci-dessous.