<?xml version="1.0"?>
<rss version="2.0"><channel><title>Tutorial derniers sujets</title><link>https://forum.xlabo.fr/forum/30-tutorial/</link><description>Tutorial derniers sujets</description><language>fr</language><item><title>Effet de texte grunge style game</title><link>https://forum.xlabo.fr/topic/78-effet-de-texte-grunge-style-game/</link><description><![CDATA[<p><span style="color:#40e0d0;"><em>Tuto traduit via google et rectifié par mes soins :</em></span></p><p> </p><p><span>Dans ce tutoriel, je vais vous montrer les étapes que j'ai fait pour créer un effet de texte grunge Inspiré de Game "Infamous 2".</span></p><p><span>Ceci est un tutoriel de niveau débutant et les étapes sont assez faciles à suivre.</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/infamous2-text-flatten.jpg" rel="external nofollow"><span>https://www.psdvault.com/img/2011/06/infamous2-text-flatten.jpg</span></a></p><p> </p><p> </p><p><span>Pour compléter ce tutoriel, vous aurez besoin des sources suivante :</span></p><p> </p><p><a href="https://qbrushes.net/grunge/grunge-brush/" rel="external nofollow">Grunge Brushset</a></p><p><a href="https://www.stockvault.net/photo/114612/makati-skyscrapers" rel="external nofollow">City</a></p><p>Et un personnage détouré de votre choix.</p><p> </p><p> </p><p><span style="font-size:18px;"><strong>Etape 1</strong></span></p><p> </p><p><span>Créez un nouveau document de format 1280px * 700px avec un fond noir.</span> <span> </span></p><p><span>Utilisez une police en gras (j'ai utilisé la police "Impact" ici) et tapez du texte sur le centre de la toile:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/1-type.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/1-type-500x264.jpg</span></a></p><p> </p><p><span>Créez un nouveau calque au-dessus de la couche de texte, utilisez une brosse douce et blanche de faire un simple clic sur le bord de la toile, comme indiqué ci-dessous:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/1-light.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/1-light-500x228.jpg</span></a></p><p> </p><p>Comprimez cette couche en bas comme indiqué ci-dessous :</p><p> </p><p><a href="https://img.psdvault.com/2011/06/1-resize.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/1-resize-500x276.jpg</span></a></p><p> </p><p><span>Réduire l'opacité du calque à 30% environ, et vous aurez maintenant l'effet suivant dans le texte:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/1-opacity.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/1-opacity-500x234.jpg</span></a></p><p> </p><p><span>Utilisez la brosse grunge télécharger, peindre des motifs grunge dans le texte:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/1-paitn.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/1-paitn-500x265.jpg</span></a></p><p> </p><p><span>Utilisez un outil de gomme douce pour enlever les parties du modèle pour créer un effet de fondu: (régler le débit de gomme et l'opacité à 50% environ)</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/1-fade.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/1-fade-500x342.jpg</span></a></p><p> </p><p> </p><p><span style="font-size:18px;"><strong>Etape 2</strong></span></p><p> </p><p><span>Ajouter un masque de calque sur le calque de texte, puis prenez l'outil Gomme avec un pinceau grunge, effacez les parties du texte comme indiqué ci-dessous:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/2-mask.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/2-mask.jpg</span></a></p><p> </p><p><span>Assurez-vous d'ajuster le débit et l'opacité de la gomme pour une certaine variété de texture, et il sera plus tard réfléchir sur le texte:</span></p><p><a href="https://img.psdvault.com/2011/06/2-opa-set.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/2-opa-set.jpg</span></a></p><p> </p><p><span>Comme vous pouvez le voir, je me sers de 100%, 50% et 30% de débit et de l'opacité des différentes parties du texte:</span></p><p><a href="https://img.psdvault.com/2011/06/2-brush-opa.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/2-brush-opa-500x265.jpg</span></a></p><p> </p><p><span>Et voici l'effet après l'application du masque de calque sur le texte:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/2-effect1.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/2-effect1-500x152.jpg</span></a></p><p> </p><p> </p><p><span style="font-size:18px;"><strong>Etape 3</strong></span></p><p> </p><p><span>Chargez l'image de la ville dans Photoshop, sélectionnez une partie de l'image avec l'outil de sélection rapide, comme indiqué ci-dessous:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-sel.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-sel-500x374.jpg</span></a></p><p> </p><p><span>Copiez et collez votre sélection sur le document et ajuster la position comme indiqué ci-dessous:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-resize.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-resize-500x182.jpg</span></a></p><p> </p><p><span>Retour à l'image de la ville et sélectionnez une partie différente, et collez-le dans notre document.</span> <span> </span></p><p><span>Répétez ce processus jusqu'à ce que vous avez une variété de bâtiments couvrant le texte comme indiqué ci-dessous:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-dup.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-dup-500x127.jpg</span></a></p><p> </p><p><span>Fusionner toutes les calques crées en un seul calque, faites un clic droit sur le calque et choisissez "Créer un masque d'écrêtage" (ou appuyez sur Ctrl + Alt + G):</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-clipping-mask.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-clipping-mask.jpg</span></a></p><p> </p><p><span>Réduire l'opacité du calque de la ville à environ 85%, et vous aurez l'effet suivant:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-effect.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-effect-500x183.jpg</span></a></p><p> </p><p><span>Appliquer les ajustements en noir et blanc ci-dessous à ce calque ville:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-bw.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-bw.jpg</span></a></p><p> </p><p><span>voici ce que donne l'effet :</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/3-effect-2.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/3-effect-2-500x178.jpg</span></a></p><p> </p><p> </p><p> </p><p><span style="font-size:18px;"><strong>Etape 4</strong></span></p><p> </p><p><span>Charger l'image de votre personnage dans Photoshop, découper le modèle et le coller sur notre document et ajuster sa position comme indiqué ci-dessous:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/4-resize.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/4-resize-500x243.jpg</span></a></p><p> </p><p><span>Charger la sélection de ce calque de modèle et de le remplir avec la couleur noire:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/4-fill.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/4-fill-500x334.jpg</span></a></p><p> </p><p><span>Réduire l'opacité du calque du modèle à environ 80%, vous aurez l'effet suivant:</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/4-effect.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/4-effect-500x187.jpg</span></a></p><p> </p><p> </p><p><span style="font-size:18px;"><strong>Etape 5</strong></span></p><p> </p><p><span>J'ai ajouté un peu de couleur bleu / rouge sur le texte en créant un nouveau calque au-dessus de touts les calques précédents, définir son mode de fusion de "Color Dodge", et utiliser une brosse douce avec la couleur correspondant à peindre :</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/5-layer-blend.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/5-layer-blend-500x366.jpg</span></a></p><p> </p><p><span>Astuce: Réglez le débit de brosse / opacité que vous peignez, et utilisez l'outil Gomme pour supprimer les pièces que vous n'avez pas la couleur sur.</span></p><p> </p><p><span>J'ai ajouté quelques lignes au hasard dans le texte avec l'outil plume (brosse dure 1px):</span></p><p> </p><p><a href="https://img.psdvault.com/2011/06/5-lines.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/5-lines-500x359.jpg</span></a></p><p> </p><p><a href="https://img.psdvault.com/2011/06/5-lines-2.jpg" rel="external nofollow"><span>https://img.psdvault.com/2011/06/5-lines-2-500x289.jpg</span></a></p><p> </p><p><span>Et j'ai aussi utilisé un peu l'outil Netteté pour affiner certaines parties du texte.</span></p><p> </p><p> </p><p><a href="https://www.psdvault.com/text-effects/create-a-grungy-style-text-effect-inspired-by-infamous-2-game-in-photoshop/" rel="external nofollow">Source</a></p>]]></description><guid isPermaLink="false">78</guid><pubDate>Wed, 29 May 2013 17:39:46 +0000</pubDate></item></channel></rss>
