Share
Après avoir expérimenté des illustrations typographiques et me trouvant toujours dans une humeur quelque chose de similaire, je me suis dit que le moment était bien choisi pour créer une illustration basée sur le lettrage. Avec la typographie, vous vous appuyez sur une police de caractères qui dicte le style de l'illustration que vous souhaitez créer. La différence avec le lettrage est que vous le faites vous-même. Cela peut être fait avec une tablette à stylet, donc si vous en avez une qui traîne, branchez-la pour ce tutoriel..
Le lettrage était quelque chose qui m'intéressait vraiment, mais je voulais aussi quelque chose de nouveau et de différent. Je me suis donc mis à faire une illustration photoréaliste dans ce tutoriel, plutôt que quelque chose de purement vectoriel, ou quelque chose de créé par des méthodes non numériques..
Avant de commencer à créer la scène réelle, je pensais que je devrais expliquer le processus dans son intégralité dans un document séparé et dans la première partie du didacticiel. Donc, dans la partie I, je vais vous apprendre la technique que nous appliquerons plus tard dans la partie II dans le cadre de l'illustration finale.
La forme de la branche J'ai choisi cette première partie qui devrait couvrir tout ou au moins la plupart des formes que vous rencontrerez dans l'illustration: une simple courbe, une boucle et un S courbe.
Pour pouvoir obtenir la même forme, vous aurez besoin d'une tablette à stylet. Comme tout ce dont vous avez besoin est la fonction de sensibilité à la pression du stylet, aucune tablette sophistiquée n'est nécessaire. Si vous n'en avez pas, je vous suggère de le dessiner avec la souris, puis de le lisser en le traçant avec l'outil Plume et en créant une forme vectorielle. Quoi que vous fassiez, cela ne devrait pas être trop fluide et ne vous inquiétez pas de le garder au format vectoriel. Nous effacerons plus tard des parties des bords pour les faire correspondre à la texture, il faudra donc la rasteriser de toute façon..
Commençons par la technique générale d'abord dans la partie I. Ensuite, nous appliquerons cette technique à notre illustration finale dans la partie II de ce tutoriel..
Dessinez la branche en noir et choisissez cette couleur d’arrière-plan: # 83cdd0.
Vous aurez maintenant besoin de cette texture de bois de iStockphoto. Je l'ai choisi parce qu'il a une large gamme de fibres et quelques fissures. Si vous souhaitez obtenir une texture gratuite à la place, il y a beaucoup de choix parmi stock.xchng, pour commencer. Peu importe votre choix, assurez-vous qu’il a une haute résolution car nous allons beaucoup étirer ses pixels..
Commencez par créer un nouveau document Photoshop au format A5 (21 x 14,8 cm) à 300 ppp. Placez la photo sur le calque de la branche et faites-en un masque d'écrêtage. Dupliquez-le et rendez l’original invisible. Chaque duplicata que vous créez doit être de cet original et non de versions inversées ou inclinées que vous créez ultérieurement. Placez la version copiée sur le côté gauche.
Choisir la taille et l'angle de votre texture n'est pas facile. Au début, vous décidez de la longueur. Plus l'angle de la branche est large, plus la texture que vous pouvez utiliser est longue. Lorsque vous commencez à texturer la boucle, vous remarquerez que vous ne pouvez plus utiliser autant de texture qu'auparavant. Lorsque vous décidez de la taille de la texture, vous l'alignez au centre de la partie sur laquelle vous travaillez. De cette façon, vous inclinez les extrémités et êtes capable de moins biaiser la photo. L'alignement sur la texture suivante sera également plus facile de cette façon.
C'est difficile à expliquer, il y a donc beaucoup de captures d'écran que vous pouvez utiliser comme référence. Placez le premier sur le côté gauche.
Faites une sélection de la partie sur laquelle vous êtes sur le point de travailler. Lorsque vous effectuez une sélection, vous couvrez une zone plus large que ce que vous voyez car vous aurez besoin de plus de photos que vous ne pouvez en voir à travers le masque..
Une fois la sélection effectuée, transformez-la librement (Commande + T), cliquez avec le bouton droit de la souris sur la toile et appuyez sur Déformation..
Vient maintenant la partie cruciale mais difficile: le gauchissement. L’interface simple de l’outil Warp peut devenir très déroutante lorsque vous inclinez fortement la photo. Vous pouvez faire glisser les points de fin et les intersections des chemins. En bas, j'ai fait glisser les poignées du point final en haut à gauche. J'ai suffisamment déformé la photo pour donner l'impression que les fibres du bois se tordaient en spirale. Je trouve cela plus intéressant que de simplement aligner les fibres avec les bords de la branche.
Maintenant, j'ai fait glisser le point final en haut à droite plus à droite et les deux poignées très basses. J'ai placé la poignée droite près du coin supérieur de la toile. Une fois que vous apportez également les modifications au point final en bas à droite, la texture doit être tordue et pliée avec la boucle..
Lorsque vous estimez que la position est correcte, appuyez sur Entrée. Ci-dessous est le mien jusqu'à présent.
Faites une copie de la texture originale et placez-la au-dessus de la texture asymétrique. Faites-la pivoter (ne redimensionnez pas les textures vers le bas ou vers le haut) et placez-la pour la partie suivante de la branche - la première partie de la boucle. Faites une sélection de combien vous voulez utiliser. Choisir plus que suffisant, c'est mieux que pas assez.
Tout d'abord, déformer le coin inférieur gauche afin que les fibres de la texture s'alignent sur la texture précédente.
Maintenant, inclinez le haut et couvrez le plus possible la boucle, sans endommager visuellement la texture.
Voici à quoi cela devrait ressembler.
Les nombreuses nuances de brun sur la texture rendent plus difficile la fusion des extrémités, nous allons donc en faire une universel gamme de couleurs pour les textures en créant un calque de réglage de carte en dégradé. Ajoutez-en un masque de découpage au calque de la branche (peint en noir) et conservez tous les calques de texture situés en dessous. Sélectionnez Couche> Nouveau calque de réglage> Carte de dégradé. Voici les couleurs, de gauche à droite: # 000000, # 95722d, # d0ae7e et # fdf1df.
Zoomez maintenant sur la partie que vous souhaitez mélanger. Voici les extrémités des deux premières textures.
Utilisez l'outil Dodge and Burn (O) pour atténuer le contraste entre les deux. Ensuite, utilisez l'outil Gomme et effacez le long des fibres pour les mélanger. Finalement, les angles changent, alors n'effacez pas trop.
Répétez maintenant le processus pour couvrir le haut de la boucle. N'oubliez pas d'aligner le bas sur la texture précédente.
Terminez le côté gauche de la boucle avec une quatrième copie de la texture du bois.
Terminez le avec une texture finale. Voilà pour la partie de gauchissement.
Nous allons maintenant appliquer des ajustements à l'ensemble de la scène pour la rendre plus réaliste. Tout d'abord, nous allons faire en sorte que la branche en bois se retourne. Double-cliquez sur la couche de branche et ajoutez les styles de couche indiqués ci-dessous. Voici les couleurs: Inner Shadow défini sur # f1e6b9 et Inner Glow défini sur #ffffbf.
Après avoir placé les effets, vous devrez également ajouter des ombres, comme au centre de la boucle, où une partie de la branche recouvre l’autre. Créez un nouveau calque vide au-dessus des textures, mais sous la carte des dégradés, et peignez un grand endroit où vous souhaitez que l'ombre soit avec ce gris: # b1b1b1. Réglez son mode de fusion sur Multiplier et effacez la partie où l'autre branche se croise.
Après avoir placé les textures, vous devrez peut-être ajuster les bords de la branche afin qu'elle corresponde aux fibres. Notez que le bas-gauche de la branche est intentionnellement rugueux, ce qui rend la texture plus réaliste..
Créez quelques calques derrière le calque "branche" et tracez quelques lueurs lumineuses et douces avec l'outil Pinceau (B)..
Pour terminer, nous augmenterons le contraste de l'image avec un mélangeur de canaux. Créez-en un nouveau au-dessus de tous les calques de la scène en accédant à Calque> Nouveau calque de réglage> Mélangeur de canaux. Utilisez les paramètres indiqués ci-dessous et définissez le mode de fusion du calque sur Multiplier..
Eh bien, c'est la technique générale que nous allons utiliser pour réaliser la scène finale et le lettrage.
Maintenant que nous avons examiné la technique générale utilisée dans ce tutoriel, construisons notre illustration finale..
Commençons par préparer la scène dans laquelle nous allons travailler. Créez un nouveau document A4 (21 cm sur 29,7 cm) à 300 ppp. Saisissez l'outil Dégradé et créez un dégradé linéaire avec les couleurs suivantes: # 83cdd0 et # 418184..
Créez un nouveau calque vide et faites glisser un dégradé de blanc vers transparent sur les deux tiers de l'écran de haut en bas. Définir le calque Opacité à 40%.
Avec une tablette à stylet, commencez à dessiner une partie de la première lettre, qui est un "L" cursif à majuscule.
Terminez la lettre et continuez avec une longue branche.
Esquisser la forme de base du mot entier.
Ajoutez plus de détails et zoomez sur les bords des contours. Utilisez un pinceau de taille beaucoup plus petite pour adoucir et épaissir les bords.
Ajoutez quelques branches sur le côté gauche.
Ajoutez quelques touches finales, comme les branches très fines et assurez-vous que les bords sont relativement lisses.
Nous allons maintenant ajouter les textures en utilisant les mêmes techniques que celles décrites dans la partie I de ce didacticiel. Utilisez la séquence d'images comme référence.
Après avoir placé le premier, ajoutez la partie inférieure de la lettre "g" en boucle.
Terminez la lettre avec un peu plus de textures dupliquées.
Lorsque vous parcourez le mot, essayez de créer une transition en douceur entre différentes parties de la texture globale. L'utilisation d'une seule partie de la texture la rendra moins intéressante.
Lentement, progressez.
N'oubliez pas de placer des ombres sous les boucles et les extrémités. Pour ce faire, ajoutez une couleur d’ombre de # b1b1b1 et un mode de fusion des calques de Multiplier..
Terminez la première partie du mot avec quelques textures supplémentaires.
Lorsque vous atteignez des branches plus droites, n'hésitez pas à utiliser une plus grande surface.
Ajoutez un peu de contraste sur le côté droit en utilisant la partie la plus sombre de la texture.
Pour garder le contraste équilibré, j'ai ajouté une partie également sombre de l'autre côté..
Et finalement, après une quantité insensée de torsion, de flexion, de tournoiement, de décoloration, d’effacement et d’obscurcissement, vous finirez par appliquer les textures. Je promets…
Créez maintenant quelques calques vides au-dessus de l’arrière-plan et peignez dans le premier une très grande lueur douce avec l’outil Pinceau (B) à l’aide d’un blanc cassé (# f2f1c9). Définissez le calque Opacité sur 40%. Dans le second cas, créez une lueur plus petite mais plus intense près du centre avec du blanc et une opacité de 90%..
Ajoutez maintenant le calque de réglage du mélangeur de canaux sur toute la scène, comme indiqué à la fin de la partie I. Vous devrez peut-être les ajuster en fonction des nouvelles branches..
Découpez la feuille supérieure de cette photo sxc et placez-la dans la scène. Vous pouvez chaîne pour obtenir la bonne forme.
Ajouter ce style de calque sur le calque "feuille".
Coupez la tige de la feuille et positionnez-la de manière à ce qu'elle repose sur une fibre de bois sombre.
Créez un nouveau calque au-dessus des textures du bois (et au-dessous de la carte de dégradé). Swatch couleurs de la texture et peindre quelques ombres et des rehauts autour de la tige, pour lui donner l’impression de sortir de la branche.
Placez une seconde au-dessus de la lettre "g", mais effacez la partie qui tomberait sous la boucle. Assombrissez également le bas de la feuille en créant un nouveau calque vierge en tant que masque de découpage et en peignant avec ce vert: # 429e2d. Définissez le mode de fusion des calques sur Multiplier et jouez avec Opacité..
Pour rendre la scène plus réaliste, nous allons ajouter quelques ombres. Voici comment rendre certains qui semblent réalistes. Créez un nouveau calque vierge au-dessus des lueurs, mais derrière le lettrage. Peignez quelques ombres douces avec un pinceau doux réglé sur une couleur noire et une opacité de 100%. Il ne devrait y avoir que trois des plus sombres, et ils s’alignent précisément aux points les plus bas des branches. Ensuite, changez l'opacité du pinceau à 50% et peignez quelques-unes qui couvrent la surface restante.
Transformez-les (Commande + T) et inclinez-les verticalement pour qu'ils deviennent plus étroits. Comme les ombres ne sont jamais complètement désaturées, nous les colorierons. Double-cliquez sur le calque et ajoutez un jeu de superposition de couleurs à la couleur # 8db5a8 et à 70% d'opacité..
L'ombre est encore un peu appartement et est actuellement moulé par le lettrage lui-même, mais les grandes branches tourbillonnantes ont également besoin de quelques ombres. Faites une sélection des branches (Commande-cliquez sur l'icône du calque) et remplissez un nouveau calque vierge avec du noir. Inclinez-le comme l’autre ombre et effacez les portions que vous ne voulez pas. Ce sera très flou, alors ne vous inquiétez pas d'être trop méticuleux.
Allez dans Flou> Lentille Flou et beaucoup plus flou, environ 50. Donnez-lui une superposition de couleurs avec la couleur # 8db5a8 et 60% d'opacité.
Et finalement, nous avons fini. C'est une technique qui prend du temps, mais qui en vaut la peine. Vous pouvez l'appliquer pour créer différents effets de lettrage, mais également pour concevoir un feuillage personnalisé dans des illustrations, ou des arbres et des branches réalistes. J'espère que cela a été une lecture utile pour vous. Passez une bonne journée!
Accentsconagua