Share
Lorsqu'ils sont utilisés ensemble, Photoshop et Illustrator forment une puissante combinaison. Ils peuvent être combinés pour créer à peu près n'importe quel type d'illustration. Aujourd'hui, nous allons vous montrer comment dessiner un dessin, le peaufiner dans Illustrator, puis l'intégrer dans Photoshop pour créer une illustration typographique brillante et vraiment brillante..
Les ressources suivantes ont été utilisées pendant la production de ce tutoriel..
La première étape consiste évidemment à créer votre type. Pour ce faire, vous pouvez utiliser le fichier type-sketch.jpg (fourni dans les fichiers à télécharger) ou, si vous préférez, travailler à partir de votre propre croquis. Prenez du papier et dessinez grossièrement un type, par exemple le mot vicieux. Vous n'avez pas besoin de beaucoup de précision à ce stade (comme vous pouvez le constater dans mon croquis), concentrez-vous avant tout sur la création de belles lettres douces, arrondies et ruisselantes. Une fois cela fait, ouvrez Illustrator et créez un nouveau document au format A3. Sélectionnez Fichier> Placer et ouvrez le fichier type-sketch.tiff ou votre propre croquis. Dans la palette Calques, double-cliquez sur le calque, nommez-le Guide et verrouillez ce calque. Comme vous pouvez le constater, il n'y a pas de lèvres dans mon croquis, ne vous inquiétez pas, vous les ajouterez plus tard.
Maintenant, créez un autre calque au-dessus du calque guide et appelez-le type. Sélectionnez l'outil Crayon (P) et commencez par tracer le contour des lettres d'un trait et d'une couleur vive. Ne vous sentez pas limité par le croquis. N'hésitez pas à faire des changements à la volée pour améliorer le contour des lettres. N'utilisez pas trop de points d'ancrage, le moins sera le mieux. N'oubliez pas d'activer et de désactiver le calque Guide pour voir comment vous allez..
Continuez à tracer les contours. Si vous en avez un, je vous suggère vraiment d'utiliser une tablette graphique à cet effet. Lorsque vous n'aimez pas un point particulier, saisissez l'outil de sélection directe (A) et déplacez doucement les poignées de ce point jusqu'à ce que vous soyez satisfait. N'hésitez pas à ajouter d'autres détails que vous voudrez peut-être sur votre type. Expérimentez et exagérez vos courbes ou ajoutez d'autres gouttes si vous le jugez nécessaire.
Une fois que vous avez terminé avec le contour, double-cliquez sur le sélecteur de couleurs et utilisez les valeurs ci-dessous pour créer le remplissage du type. Appuyez ensuite sur Cmd / Ctrl + A pour tout sélectionner, accédez à Objet> Développer, laissez le fond et le contour marqués, puis cliquez sur OK. Vous devriez vous retrouver avec quelque chose comme ça.
Il est maintenant temps d'ajouter de la profondeur à notre type et de créer des éléments de base que vous améliorerez ultérieurement dans Photoshop. Sélectionnez le type en cliquant dessus avec l'outil de sélection (V) et appuyez sur Cmd / Ctrl + G pour regrouper l'objet et double-cliquez dessus pour entrer dans le groupe. Maintenant, saisissez à nouveau l'outil Crayon (P), sélectionnez un avec un trait de 8 points sans remplissage dans le coin supérieur gauche et commencez à tracer le surlignage approximativement au milieu du V, comme dans l'image ci-dessous. Ouvrez le panneau des traits de la droite et cliquez sur l’option Capuchon rond pour arrondir l’extrémité de votre trait..
Développez maintenant le trait que nous venons de créer, comme expliqué à l'étape 4. Vous pourrez ainsi modifier tous les points d'ancrage et modifier facilement la forme que vous venez de créer. Avec l'outil de sélection directe (A), sélectionnez le point que vous souhaitez modifier et commencez soigneusement à agrandir certaines parties de la forme à proximité, si vous pensez que les points saillants seront plus visibles et plus épais. Cette étape est davantage une question d'expérimentation. Vous devez imaginer, d'une certaine manière, comment le point culminant aura une meilleure apparence et le placer de cette manière..
Une fois la forme sélectionnée, accédez à Effet> Flou> Flou gaussien, réglez-le à environ 30 ou 40 pixels et réduisez l'opacité à 58%. Vous pouvez toujours modifier ces valeurs à partir du panneau d'apparence. Maintenant, il est important que ces effets restent modulables. Allez à Illustrator> Préférences> Général et cochez la case Échelle des traits et des effets. De cette façon, vous êtes sûr que l'effet sera toujours proportionnel à l'objet..
Maintenant, il est préférable de masquer le groupe afin que tous les rehauts et les nuances que vous allez créer ne puissent pas sortir des limites du type. Sélectionnez le type et appuyez sur Cmd / Ctrl + C> Cmd / Ctrl + F pour coller en face, puis avec la copie sélectionnée, allez à Objet> Arranger> Mettre au premier plan. Sélectionnez maintenant la forme de copie et la première forme, puis sélectionnez Objet> Masque d'écrêtage> Créer. De cette manière, vous pouvez créer une nuance plus sombre et subtile sur les bords du type. Pour ce faire, encore une fois Cmd / Ctrl + C> Cmd / Ctrl + F mais ne laissez qu'un trait de 4 - 7 pt et aucun remplissage de cette forme et donnez-lui cette couleur C: 10 M: 100 Y: 50 K: 0. Une fois cela fait, appliquez-lui un flou gaussien avec un rayon de 9 px comme vous l'avez fait à l'étape précédente..
Maintenant, avec la même technique que celle utilisée aux étapes 6 et 7, vous devez créer tous les autres surlignages. Expérimentez avec le flou gaussien et n'oubliez pas de faire varier les épaisseurs de trait. Il n'y a pas de règles ici, il suffit de placer ces faits saillants d'une manière agréable. Continuez à expérimenter et amusez-vous! Ne vous sentez pas limité par mon image, n'hésitez pas à placer plus ou moins de temps forts et différentes positions, si vous pensez que cela pourrait être mieux. Une fois cela fait, vous devriez avoir quelque chose comme ça.
Avec le type créé pour l'instant, l'étape suivante consiste à créer les bouches. Comme vous l'avez fait pour le type, vous pouvez utiliser les esquisses fournies dans le téléchargement ou dessiner vous-même une esquisse rapide. Dans tous les cas, vous devez maintenant tracer ces bouches dans Illustrator en utilisant le croquis comme guide, comme vous l'avez fait pour le type. Créez donc un autre calque au bas de la pile de calques et appelez-le Mouth1guide, par exemple. Avec cette couche sélectionnée, appuyez sur Fichier> Placer et ouvrez mouth1sketch.jpg ou votre propre dessin, puis verrouillez ce calque. Créez un autre calque au-dessus de cela et appelez-le mouth1.
Avec le calque mouth1 sélectionné, basculez la visibilité du calque de type et tracez tous les bords de l'esquisse de bouche avec l'outil Plume (P) comme vous l'avez fait pour le type. Fermez le chemin, supprimez le trait et remplissez-le avec un rouge profond, par exemple C: 15 M: 100 Y: 90 K: 10. Rappelez-vous que votre dessin n’est qu’un guide, n’hésitez pas à l’améliorer là où vous le jugez nécessaire. Une fois cela fait, basculer de la visibilité de cette dernière forme aussi, commencez à dessiner la partie interne des bords des lèvres jusqu'à la fermeture de ce chemin aussi, éteignez le trait et donnez-lui un 70% Magenta.
Vous devez maintenant créer un tracé composé et soustraire la forme magenta de celle rouge pour créer les lèvres. Alors faites glisser la forme magenta en dessous du rouge, faites-la glisser vers la vignette Créer un nouveau calque en bas de la palette, puis sélectionnez les deux formes (pas la dernière copie), allez à la palette Pathfinder à droite et cliquez sur le bouton Minus Back (le dernier en bas à droite). De cette façon, vous créez essentiellement un "trou" au centre de la bouche. C'est important car vous allez créer un calque de forme pour les lèvres, comme vous l'avez fait à l'étape 8 pour le type.
Il est temps de tirer les dents. Une fois cela fait, il suffit de les placer juste derrière la forme des lèvres (la rouge) et avant les gencives (forme magenta) en utilisant un remplissage blanc sans trait. Une fois terminé, appliquez un dégradé sur la forme des gencives. Pour ce faire, avec le calque de gomme sélectionné, ouvrez l'onglet Dégradé sur la droite et utilisez les valeurs ci-dessous en double-cliquant sur les nuances situées le long du curseur de dégradé. Pour créer une nouvelle valeur, cliquez juste en dessous du curseur. Pour copier un fichier existant, il suffit de cliquer sur Alt et de le faire glisser..
Il est temps d'ajouter un peu de profondeur à la bouche. Maintenant que vous êtes habitué à l'effet de flou gaussien, nous allons utiliser beaucoup de cette technique. Presque tout l'ombrage sera fait avec, jusqu'à ce que nous travaillions dans Photoshop. Commencez donc par sélectionner la forme des lèvres rouges créée précédemment, appuyez sur Cmd / Ctrl + G pour la regrouper, puis double-cliquez dessus pour entrer dans le groupe. Cmd / Ctrl + C> Cmd / Ctrl + F pour le copier et le coller à la place. Supprimez le remplissage de cette copie et (du panneau Apparence) appliquez un contour de 10 pixels de la même couleur avec un flou gaussien de 22 pixels et une opacité de 100%. Doublez-le mais réduisez-le de 2 pixels et réduisez l'opacité à 75%. Les ombrages entourent les bords, mais vous devez créer un masque comme vous l'avez fait à l'étape 8. Sinon, les ombrages que vous appliquerez dépasseront les bords de la bouche..
Allons créer le masque. Sélectionnez la forme des lèvres rouges Cmd / Ctrl + C> Cmd / Ctrl + F puis placez la copie au premier plan, sélectionnez les deux formes et cliquez sur Objet> Masque de découpage> Créer puis laissez l'ombrage entre ces deux formes. Une fois cela fait, vous pouvez commencer à créer des points forts car, comme vous le savez, chaque nuance que nous allons appliquer restera dans les limites de la bouche. Créons-en quelques-uns. Créez un trait blanc de 9 pixels sur la lèvre inférieure (comme ci-dessous), puis appliquez un flou gaussien de 21 pixels, réduisez l'opacité à 94% et définissez le mode de fusion sur Superposition. Rappelez-vous que l'essentiel est d'essayer l'opacité et le mode de fusion pour obtenir une belle ombrage. Créez maintenant une nuance un peu plus sombre près des dents avec un autre trait 10px C: 33 M: 100 M: 100 K: 54 couleurs 20px Flou gaussien et Opacité 69% multipliés.
Continuez de cette façon pour toutes les nuances que vous voulez créer pour la bouche, rappelez-vous que, comme à l'étape 6, vous pouvez transformer les traits en remplissages en créant des traits de contour, lorsque vous avez besoin de davantage de contrôle sur leurs formes. Comme je l'ai dit pour le type de l'ombrage, c'est à vous de décider de la quantité et de la force de l'ombrage, mais ne le faites pas trop, car vous allez les "exagérer" plus tard dans Photoshop. Une fois terminé, vous devriez avoir quelque chose comme ça ci-dessous. Pour plus de luminosité, j'ai dupliqué les lèvres (uniquement les lèvres) sur le dessus avec un flou gaussien d'opacité 9px à 100% et un écran en mode Fusion. Mais c'est à toi de voir.
Il est temps de créer l'autre bouche. Si vous préférez, vous pouvez travailler dans un fichier séparé ou utiliser le même, peu importe, car nous allons exporter les éléments un par un plus tard dans Photoshop pour organiser la composition correctement. Donc, créez un nouveau calque, allez dans Fichier> Placer et ouvrez mouth2sketch.jpg. Appelez cette couche mouth2guide par exemple et verrouillez-la. Créez un autre calque par-dessus et commencez à tracer l'esquisse, en répétant les techniques apprises jusqu'à présent de l'étape 11 à 16. N'oubliez pas de dessiner trois chemins différents, un pour les lèvres, un pour la partie interne de la bouche et un pour les dents. . Et surtout, souvenez-vous de masquer la forme dans laquelle vous souhaitez placer un ombrage. Ci-dessous, vous pouvez voir la structure de ma pile de couches à propos de cette partie du didacticiel..
Ok, c'est maintenant le temps de Photoshop! Commençons maintenant la partie vraiment amusante, car nous allons vraiment donner vie aux œuvres que nous avons dessinées jusqu’à présent avec beaucoup de lumière, de nuances et de textures jusqu’à ce que nous obtenions une image très riche, profonde et brillante. Vous devriez avoir quelque chose comme ça ci-dessous jusqu'à présent. La dernière chose à ajouter à Illustrator est la forme liquide ci-dessous. Comme vous pouvez le constater, le tracé est très facile et intuitif avec certaines courbes. Tracez lâchement cette forme, donnez-lui la même couleur que celle utilisée et vous l’avez fait avec Illustrator!
Dans Photoshop, créez un nouveau document paysage A3, créez un nouveau calque et appliquez une superposition de dégradé en double-cliquant sur le calque. Ensuite, appliquez les valeurs ci-dessous.
La prochaine étape consiste à commencer à travailler dur sur le type. Sélectionnez donc tout le type dans Illustrator et copiez-le dans Photoshop en tant qu’objet intelligent. Échelle et placez-le comme indiqué. Appelez ce type de base de couche. Créez un nouveau calque au-dessus et appuyez sur Cmd / Ctrl + G pour créer un groupe. Appelez ce groupe shadows1, saisissez un pinceau doux entre 200 et 250 pixels, une opacité d'environ 20% permet à l'aérographe de définir la couleur de premier plan en noir. Maintenant, sans quitter le nouveau calque, créez une sélection en appuyant sur Cmd / Ctrl + Clic sur la vignette de l'objet dynamique dans le calque de texte et avec la sélection active, commencez à peindre doucement sur les bords du type. Continuez de cette façon, mais n'utilisez pas le même calque pour tous les dégradés et expérimentez en modifiant légèrement l'opacité..
En utilisant la même technique, montez une série de lumières. Commencez par créer un nouveau calque juste au-dessus du dossier d'ombre, puis appuyez sur Cmd / Ctrl + G pour créer un groupe. Définissez la couleur de premier plan sur le blanc et avec le même pinceau doux que celui utilisé pour l’ombre, commencez à peindre les lumières avec une opacité d’environ 40 à 50%. Utilisez les lumières d'Illustrator comme guide. Si vous utilisez une tablette, essayez de vous habituer à créer des traits fins à épais en appliquant une augmentation progressive de la pression. Parfois, vous pouvez doubler un calque pour renforcer une surbrillance, puis sélectionner les deux calques et appuyer sur Cmd / Ctrl + E pour les fusionner. J'ai appliqué certains traits avec un mode de fusion défini sur Lumière douce, mais n'hésitez pas à expérimenter. Une fois terminé, créez un autre dossier appelé étoiles, réglez-le sur Color Dodge et placez le groupe de lumières à l'intérieur..
Créez maintenant une sélection à partir du calque de texte comme à l'étape 20, puis ciblez le dossier Étoiles avec la sélection toujours active. Cliquez sur le bouton Ajouter un masque de vecteur au bas de la palette des calques. De cette manière, la texture que vous allez insérer dans ce groupe n’exécutera pas le type. Ouvrez maintenant l’image étoiles fournie dans le dossier de téléchargement, appuyez sur Cmd / Ctrl + L pour ouvrir les niveaux et insérez les valeurs ci-dessous. Puis Image> Réglage> Couleur sélective et insérez à nouveau les valeurs dans la capture d'écran.
Ce dont vous avez besoin de cette image n’est que la partie avec les étoiles, pas la partie avec les nébuleuses, c’est pourquoi nous avons utilisé le masque pour vous permettre de déplacer, redimensionner, faire pivoter et faire ce que vous voulez, mais la partie de la photo va en dehors des bords du type ne sera pas visible. Ensuite, avec le calque sélectionné dans le dossier étoiles, faites glisser l’image à l’intérieur de celui-ci avec l’outil de sélection (V) et, grâce au mode de fusion Color Dodge appliqué avant que vous ne deviez voir une sorte de scintillement. Arrangez l’image de manière agréable. Lorsque vous êtes satisfait, sélectionnez le calque de texte en double-cliquant dessus pour ouvrir la fenêtre Style de calque et définissez tout comme dans l’image..
Créez un autre dossier juste au-dessus du calque des étoiles, nommez-le Lights 2 ici et commencez à créer des rehauts brillants et brillants créés par les calques Shape Layers réalisés à l'aide de l'outil Plume (P) et de l'outil Ellipse (U). Alterner ces deux outils pour tracer des formes arrondies lisses où vous voulez que votre type brille. N'oubliez pas d'utiliser différents calques et différents degrés d'opacité. Par exemple, sur le V, utilisez le stylo (P) pour créer la forme longue à gauche, puis réduisez l'opacité à 64% et appliquez enfin un flou gaussien (Filtre> Flou> Flou gaussien) avec un montant compris entre 18 et 20 px. Créez au hasard de petits cercles aussi, en alternant diverses opacités et flous. Expérimentez et amusez-vous! C'est toujours le meilleur moyen de créer de bonnes pièces. Référez-vous, si vous le souhaitez, à mon image ci-dessous.
Si vous voulez donner une certaine organisation aux couches, vous pouvez regrouper toutes les nuances du type. Maintenant que vous connaissez cette technique d'ombrage, il est temps de poser vos mains sur la première bouche. Comme je l'ai dit, les techniques sont les mêmes et la séquence aussi. Il suffit donc de revenir au fichier Illustrator, de sélectionner mouth1 et de le coller en tant qu’objet intelligent dans un nouveau calque situé au-dessus du nouveau groupe d’ombrage, le redimensionner et l’organiser correctement, puis de répéter tous les dégradés et textures (utilisez la même photo). ) pour le type. Une fois cela fait, vous devriez avoir quelque chose comme ça.
Rappelez-vous la forme de liquide inférieure faite à l'étape 18? Eh bien, il est temps de l'importer dans Photoshop en tant qu'objet intelligent dans un calque situé sous tous les autres. Adaptez-le à la composition et appliquez une superposition de dégradé du noir au rouge foncé en utilisant les paramètres ci-dessous. Pour créer une impression de mouvement, tracez une sorte de tracé ondulé avec l'outil Plume (P), puis créez une sélection à partir de celui-ci et insérez-le dans un nouveau calque avec un pinceau blanc doux et une opacité faible. la sélection. Puis dessinez d'autres ombres et lumières avec les techniques apprises jusqu'à présent. Pour créer la petite bulle, avec l'outil Ellipse (U) défini sur le calque de forme, dessinez simplement de petites formes blanches ou rouges et utilisez le paramètre de style de calque ci-dessous..
Placez maintenant l’autre bouche sous cette dernière couche et importez-la à nouveau en tant qu’objet dynamique. Organisez-le dans la composition en le mettant à l'échelle correctement si nécessaire, puis appliquez un dégradé de dégradé subtile en utilisant le paramètre ci-dessous. Ajoutez rapidement de la profondeur à la bouche en choisissant parmi les techniques que vous avez apprises et avec lesquelles vous êtes plus à l'aise. J'ai mis en évidence les points forts de la lèvre supérieure avec une sélection et en utilisant un pinceau doux et blanc. En attendant, vous pouvez créer, sur le calque tout en haut, une carte de dégradé allant à Couche> Nouveau calque de réglage> Carte de dégradé et utiliser les valeurs ci-dessous. Définissez le mode de fusion de ce calque sur Superposition et laissez-le au-dessus de tous les autres..
Comme nous pouvons le constater, l’image commence réellement à avoir de la "force", elle nécessite seulement un peu plus de détails. Par exemple, une autre série de lumières brillantes ici et là. Créez donc un autre groupe juste en dessous de la carte de dégradé et répétez les techniques décrites à l’étape 24, mais cette fois-ci, créez des rehauts vraiment proches des bords du type. Pour ce faire, vous pouvez créer une sélection à partir du type, puis la contracter de 10px. Sélectionnez> Modifier> Contrat lors de l’écriture de texte 10px et vous verrez la sélection sous contrat. Puis, avec le pinceau doux habituel, peignez en dehors de la sélection comme à l'étape 26. Ajoutez tout autre détail que vous souhaitez avoir..
Enfin, nous allons ajouter d'autres formes dégoulinantes. Dans un nouveau calque, tracez les gouttes sur le V et sur le O. Avec l’outil Plume (P), tracez un chemin partant de l’extérieur du tableau Art et finissant sur le V. forme de la lettre. Une fois terminé, donnez-lui la couleur C: 17 M: 100 Y: 96 K: 8 en double-cliquant sur la vignette du calque, puis en superposant le dégradé en double-cliquant sur le calque et insérez le paramètre ci-dessous dans le menu Style de calque up. Générez ensuite une sélection à partir de celle-ci en maintenant la touche Alt enfoncée et en cliquant sur la vignette du masque vectoriel. Dans un nouveau calque dont la sélection est toujours active, commencez à peindre avec un pinceau doux et noir à faible opacité, comme vous l'avez fait pour les autres ombres. Créez ainsi de la lumière aussi, en utilisant cette fois le pinceau blanc dans un nouveau calque. Répétez cette étape pour le goutte à goutte sur le O aussi.
En utilisant la même technique, vous pouvez facilement remonter la "chute" derrière le I. Vous pouvez mettre un autre ombrage ici et là où vous pensez être nécessaire, mais ne le faites pas trop. La dernière chose à faire est de créer ces petits trous à proximité des gouttes tombées au-dessous du type. Vous pouvez en créer un puis le copier et le mettre à l’échelle dans différentes dimensions. Les techniques à suivre sont les mêmes que celles que vous avez utilisées à d’autres moments. Créez d’abord un petit cercle rouge (l’outil Ellipse (U)), ajoutez un dégradé (utilisez le paramètre ci-dessous), puis créez une sélection. comme dans de nouveaux calques, créez des ombres et des lumières comme vous l’avez souvent fait. Sur un côté avec l'outil Plume (P), vous pouvez dessiner une petite forme qui goutte comme celle de l'image ci-dessous..
Félicitation! Tu as presque fini! A présent, aplatissez votre image (mais conservez une version superposée!) Et appliquez quelques réglages (Luminosité / Contraste, Niveaux, Saturation, etc.) pour modifier un peu ces paramètres jusqu'à ce que vous soyez satisfait. Une chose importante est d'utiliser un peu de filtre Masque flou> Netteté> Masque flou sur l'image aplatie. Pour ce faire, allez dans Image> Mode et choisissez Laboratoire, puis dans la palette des chaînes, sélectionnez Luminosité et appliquez ici le masque flou (pas trop, laissez l'aperçu coché pour voir). Puis convertissez à nouveau votre mode de couleur en RVB. Maintenant vous avez vraiment fini!
Accentsconagua