Share
Sin City était un film vraiment cool, au moins visuellement. J'ai vraiment aimé les scènes et les couleurs élégantes. Il y a quelques mois, j'ai vu une affiche d'un autre film de Frank Miller intitulé "The Spirit". L'affiche s'intitule "Mes cris de ville". Cela a vraiment attiré mon attention à cause de la façon dont le dessin jouait avec la typographie pour recréer des bâtiments. En outre, la perspective était vraiment bien faite.
Dans ce didacticiel, je vais vous montrer comment créer cet effet dans Photoshop, mais cette fois-ci, nous utiliserons Illustrator pour créer les perspectives et le texte. Je vais suivre le processus de création de l'effet. Cependant, il est toujours bon de jouer et de tester différents paramètres pour voir comment cela fonctionne. C'est pour moi le meilleur moyen d'apprendre.
Tout d'abord, jetons un coup d'œil à l'image que nous allons créer. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.
Créez un nouveau document dans Photoshop, utilisez 1000 pixels sur 1300 pixels. Remplissez le calque d'arrière-plan de noir et nous sommes prêts à nous salir les mains.
Nous allons utiliser Illustrator pour créer le texte dans la perspective correcte. C'est mieux car nous aurons besoin d'un grand espace pour placer les points de fuite. Une fois dans Illustrator, placez l'image du bâtiment dans le document. Vous pouvez le trouver sur ce lien. Sélectionnez ensuite l'outil Segment de ligne (\) et créez une ligne en fonction de la perspective du bâtiment. Nous aurons besoin de deux lignes parce que quand ils se croisent est où notre point de fuite sera situé.
Maintenant que nous avons le point de fuite, il est facile de créer plus de lignes. Vous pouvez le faire un par un ou utiliser l'outil de fusion. J'ai utilisé l'outil de mélange. Il suffit de faire pivoter la ligne du haut en maintenant le point de pivotement sur le point de fuite. Faites-le beaucoup plus haut que le bâtiment car il y aura du texte en haut. Après cela, il vous suffit de répéter la même procédure pour trouver un autre point de fuite, le point vertical. Vous aurez besoin de ces deux seulement. Cependant, si vous voulez, vous pouvez trouver le troisième, celui de droite..
Grâce à notre grille, il est facile d'appliquer la perspective correcte à tout ce que vous voulez. Tapons le texte "PSD" et posez-le au-dessus du bâtiment. Ensuite, sélectionnez Objet> Distorsion d’enveloppe> Créer avec le maillage. Modifiez ensuite les paramètres Envelop Mesh en 1 Row and Column. Après cela, il suffit de déplacer les sommets 1 à 4 en utilisant la grille comme référence. Le maillage créera des courbes, pour éviter cela, il suffit de déplacer les contrôles pour suivre également la grille.
Sélectionnez le texte "PSD" et allez à Objet> Développer et cliquez simplement sur OK. Dupliquez le texte "PSD" et déplacez-le en bas à droite, comme dans l'image ci-dessous. Sélectionnez ensuite l'outil de fusion (W) et appliquez-le aux deux textes "PSD". Pour les options de mélange, utilisez Distance spécifiée pour l'espacement avec 4 pt.
Maintenant, tapez "TUTS". Ensuite, allez à Effet> 3D> Options d'extrusion et de biseautage. Ce texte doit aller dans le sens opposé du texte "PSD". Au lieu d'utiliser les lignes de disparition, nous utilisons le filtre 3D. Utilisez les paramètres de l'image ci-dessous. Notez que les valeurs sont les suivantes: X = 6º, Y = -35º, Z = -3º, Perspective 51º et la profondeur d’extrusion est de 288 pt..
Placez la même image dans notre document Photoshop. Après cela, avec l'outil Baguette magique (W), sélectionnez et supprimez le ciel bleu. Ensuite, avec l'outil Lasso polygonal (L), coupons une partie du bâtiment afin qu'elle ait la même largeur que le texte "PSD".
Copiez le mélange "PSD" à partir d'Illustrator. Ensuite, collez-le sur le dessus et derrière le bâtiment. Créez ensuite un nouveau calque et sélectionnez l’outil Tampon de duplication (S). Pour les options Tampon, définissez Échantillon sur Tous les calques pour pouvoir cloner de nouveau tous les calques. Cependant, nous voulons simplement cloner la partie briques. Vous devrez remplir le texte "PSD" avec des briques.
Avec l'outil Baguette magique (W), sélectionnez la partie sombre du mélange "PSD" et supprimez-la. Ne laissez que le devant du mélange.
Ici ajustons les couleurs des briques. Sélectionnez le calque "briques". Ensuite, allez à Calque> Nouveau calque de remplissage> Couleur unie. Utilisez la couleur # 715b1f et changez le mode de fusion en couleur. Ensuite, allez à Couche> Créer un masque d'écrêtage. Après cela, allez à Calque> Nouveau calque de réglage> Teinte et saturation. Créez à nouveau un masque de découpage. Modifiez ensuite les valeurs de Teinte et Saturations en Teinte 0, Saturation -85 et Luminosité -1..
Répétez maintenant la même procédure pour la couche de construction, mais utilisez une valeur différente pour la teinte et la saturation. Utilisez la teinte 0, saturation -65, luminosité -43..
Sélectionnez l'outil Stylo (P) et créez une forme pour couvrir les côtés du bâtiment. Utilisez l'option Couche de forme pour l'outil Plume pour créer un calque avec une couleur de remplissage. Utilisez le noir pour le remplissage et changez le mode de fusion en Color Burn. Ensuite, allez à Calque> Masque de calque> Tout révéler. Sélectionnez ensuite l'outil Pinceau (B) avec un pinceau régulier de dureté 0. Peignez ensuite le masque en noir pour rendre les fenêtres visibles..
Collez le texte "TUTS" dans Illustrator. Ensuite, obtenez une texture de briques, vous pouvez télécharger l'image que j'ai utilisée. Fondamentalement, dupliquez la texture, retournez-la horizontalement et déplacez-la vers la droite. Répétez cette opération pour créer un grand rectangle. Après cela, sélectionnez Edition> Transformer> Déformer. Déplacez les sommets pour ajouter une perspective. utiliser le texte "TUTS" comme référence.
Avec l'outil de recherche magique (W), sélectionnez l'avant du calque et le mot "TUTS" uniquement. Ensuite, avec le calque de briques sélectionné, accédez à Calque> Masque> Révéler la sélection. Ensuite, choisissez Image> Réglages> Teinte et saturation. Pour les réglages, utilisez Hue 0, Saturation -89 et Lightness -19..
Maintenant, allez à Calque> Nouveau calque de remplissage> Couleur unie, utilisez la couleur # 16150b. Puis changez le mode de fusion en superposition avec une opacité de 22%. La dernière chose ici, sélectionnez le mot> TUTS>, pas le calque de brique, puis sélectionnez Image> Réglage> Niveaux. Pour les paramètres, utilisez 86, 1 et 255.
Créez un nouveau calque derrière le calque> TUTS>. Puis sélectionnez l'outil Pinceau (B). Choisissez le noir pour la couleur et un pinceau avec une dureté de 0%. Puis peignez une ombre, comme dans l'image ci-dessous. Réglez également l'opacité de la couche sur 90%..
Utilisons une autre image, téléchargez cette image et placez-la dans le document derrière toutes les couches. Ce sera le fond. Saisissez ensuite l'outil Lasso polygonal (L) et sélectionnez cette zone avec les fenêtres en haut de l'image, puis supprimez-la. Ensuite, allez à Image> Réglages> Teinte / Saturation. Pour les réglages, utilisez Hue 0, Saturation -63 et Lightness -83. Après cela, allez dans Image> Désaturer.
Ajoutons maintenant le ciel. Vous pouvez télécharger une image que j'ai prise. Placez-le sous toutes les couches. Puis changez le mode de fusion en lumière dure à 55%. Après cela, allez à Image> Réglages> Niveaux. Pour les paramètres, utilisez 16, 1,00 et 255. Cliquez ensuite sur Calque> Nouvelle couleur de remplissage> Couleur unie. Utilisez # 0f0d08 pour la couleur et changez le mode de fusion en couleur.
Téléchargez une image de lampe. Supprimer l'arrière-plan à l'aide de l'outil Lasso. Ensuite, allez à Image> Réglage> Désaturation. Ensuite, avec l'outil Pinceau (B), créez un nouveau calque et peignez une ombre comme dans l'image ci-dessous. Changez l'opacité à 60% et utilisez Color Burn pour le mode de fusion.
Placez l'image de la lampe que nous venons de modifier. Ensuite, sélectionnez l'outil Plume (P) et créez un triangle (img. 1). Ensuite, sélectionnez Filtre> Flou> Flou gaussien. Utilisez 3,5 pour le montant. Puis dupliquez le calque. Il suffit de le faire pivoter légèrement et de le déplacer vers la droite (img. 2). Après cela, dupliquez à nouveau le calque. Placez-le entre les deux couches. Allez dans Filtre> Flou> Flou gaussien et utilisez 4 pour le montant cette fois-ci.
Regroupez les trois couches et renommez le groupe en "Rayons". Ensuite, allez à Calque> Masque de calque> Tout révéler. Sélectionnez l'outil Dégradé (G) et utilisez le noir et le blanc pour les couleurs. Utilisez l’outil Dégradé pour atténuer la lumière (img. 3)
Regroupez le calque "Lampe" avec le groupe "Rayons". Puis renommez le nouveau groupe en "Lampe". Puis dupliquez le groupe deux fois avec redimensionner et placez-les afin que nous ayons un sur le "D", un autre sur le "S" et le dernier sur le "P."
Au-dessus des autres calques, accédez à Calque> Nouveau calque de remplissage> Couleur unie. Utilisez # 292615 et changez le mode de fusion en Saturation.
Ajouter un nouveau calque, encore au dessus des autres. Assurez-vous que les couleurs sont en noir et blanc et allez dans Filtre> Rendu> Nuages. Changez le mode de fusion en superposition et l'opacité à 90%. Ensuite, sélectionnez Image> Réglages> Teinte / Saturation. Sélectionnez l'option Coloriser et, pour les valeurs, utilisez: Teinte 53, Saturation 29 et Luminosité -12..
Ajoutez un nouveau calque une fois de plus et remplissez-le de noir. Ensuite, allez dans Filtre> Bruit> Ajouter du bruit. Utilisez 10% pour le montant et Gaussian pour la distribution. Après cela, changez le mode de fusion en lumière douce et l'opacité à 35%..
Maintenant, vous pouvez ajouter plus de détails à l'image, comme des graffitis ou des signes, à vous de choisir. N'oubliez pas de jouer avec les modes de fusion et l'ordre des calques..
Dans ce tutoriel, nous avons étudié différentes techniques pour créer du texte en 3D et les mélanger avec des photos. Nous avons également créé des textures à l'aide de l'outil Tampon. La chose la plus importante dans ce tutoriel concerne les réglages d’image. Lorsque vous créez un design, il est très important de manipuler différentes images de différentes couleurs. J'espère que vous apprécierez ce tutoriel autant que je l'ai créé.
Accentsconagua