CodeS-SourceS
Rechercher un code, un tuto, une réponse

Tag réaliste (graff)

Mars 2017


Tag réaliste



Description


Un petit graff sous photoshop !!

Tutoriel

  • Créez un nouveau document (Ctrl+N) en 400x400 avec un fond transparent
  • Renommez le Calque 1 (Palette des calque > Fenêtres/Calques) en : Fond
  • Remplissez ce calque d'une couleur au choix
  • Créez un nouveau calque (Ctrl+Maj+N) nommé Face avant et vide
  • Prenez l'outil Texte (T) et cliquez sur l'image pour tapez votre texte

Je vous conseille la police Brooklyn Kid téléchargeable ici.
  • Pixelisez (clic droit > Pixeliser le calque) le calque Face avant. Vous devez avoir un calque Fond (avec la couleur de fond) et un calque Face avant (avec le texte).
  • Dupliquez (clic droit > Dupliquer le calque...) le calque Face avant et nommez-le Face arrière
  • Faites glissez le calque Face arrière en dessous de Face avant
  • Sélectionnez le calque Face arrière (un clic dessus dans la Palette des calques)
  • Cliquez sur Image/Réglages/Teintes/Saturation... (Ctrl+U)
  • Réduisez la luminosité (-100)
  • Faite Ctrl+T et dans la barre du haut, mettez 80% pour L et pou H
  • pour valider
  • Créez un nouveau calque (Ctrl+Maj+N) nommé Bords que vous ferez glisser entre les calques Face avant et Face arrière
  • Sélectionnez ce nouveau calque (un clic dessus) et prenez le Lasso Polygonal (restez appuyez quelques secondes sur le Lasso)

Vous allez sélectionner les faces manquantes pour le faire en 3D :
  • Réduisez l'opacité du calque Face avant:
  • Reliez les sommets utiles pour dessiner grosso modo les faces manquantes :
  • Remplissez la sélection de noir (Edition/Remplir...)
  • Désélectionnez tout (Ctrl+D)
  • Reprenez la même méthode pour les autres faces et les autres lettres...


Voilà ce que vous devez obtenir (personnellement au bout de 5-10 minutes):
  • Sélectionnez Bords (en cliquant dessus)
  • Faites Ctrl+E pour le fusionner avec le calque du dessous (ici Face arrière)
  • Renommez (double clic sur le nom dans la Palette des calques) Face arrière en Bords (ce qui est plus logique car ce calque contient les bords 3D de la lettre)
  • Pour changer la couleur des bords 3D, faites Ctrl+U (après avoir sélectionnez le calque Bords)
  • Cochez Redéfinir, augmentez la Luminosité et changer la Teinte (Hue en anglais) (pour changer de couleur) et la Saturation (pour tirer plus vers la couleur, sinon on reste dans le gris)

Mettez une couleur un peu plus foncée que celle que vous avez choisit, les modification qui arrive l'éclairciront.
  • Créez un nouveau calque (Ctrl+Maj+N) nommé Profondeur, placez-le au dessus de Bords
  • Faites Ctrl+G pour le grouper avec Bords
  • En haut de la Palette des calques, passez Normal à Incrustation (Overlay en anglais)
  • Prenez le Pinceau (B), avec une brosse comme celle-ci (assez légère) :

et une opacité de 40% (en haut), faites un effet comme celui-ci (passez le pinceau à cheval sur le blanc et la couleur choisit) :


Si vous voulez changer la couleur:
  • Placez vous sur le calque Face avant
  • Ctrl+U, cochez Redéfinir et modifiez la Teinte (Hue), la Saturation et la Luminosité
  • Créez un nouveau calque Haut à placer au dessus de Profondeur
  • Passez ce calque en mode Incrustation (Overlay en anglais)
  • Groupez-le (Ctrl+G) avec Profondeur
  • Sur ce calque, vous allez marquer les faces orientées vers le haut pour les distinguer de celles orientés sur les côtés. Imaginez que l'éclairage vienne d'en haut pour comprendre quelles faces doivent être illuminées. Soyez légers. Pour cela prenez le même outil que pour le calque Profondeur mais avec une opacité de 30
  • Sélectionnez le calque Face avant (un clic dessus)
  • Créer un nouveau calque (Ctrl+Maj+N) nommé Sombre, en mode Incrustation et groupé (Ctrl+G) avec Face avant
  • Avec le même Pinceau que précédemment mais avec du noir et plus gros, foncez le bas des lettres, essayez de le faire en dégradé (repasser plusieurs fois mais de plus en plus bas)

Cette étape n'est pas vraiment nécessaire, avec certaine couleur elle peut tout gâcher...
Mais comme c'est sur un calque, faites-le et supprimez-le au cas où...
  • Sélectionnez le Fond
  • Créez un nouveau calque nommé Contour
  • Cliquez sur le calque Bords en maintenant Ctrl enfoncé pour sélectionner tout ce qu'il contient
  • De la même façon maintenez Ctrl et Maj enfoncés et cliquez sur le layer Face avant. Vous voilà avec tout le texte sélectionné.
  • Sélectionnez le calque Contour
  • Sélectionnez la couleur de fond en couleur de 1er plan
  • Cliquez sur Edition/Remplir... (avec la couleur de 1er plan)
  • Désélectionnez tout (Ctrl+D)
  • Double-cliquez sur le calque (pas sur le nom) Contour pour ouvrir la fenêtre Styles de calque
  • Cliquez sur Lueur externe (Outer glow) avec:
    • Mode de fusion: Superposition (Screen)
    • Opacité: 100%
    • Couleur: blanc (#FFFFFF)
    • Grossi: 31%
    • Taille: 10 pixels

Et voilà :

C'est fini.

A voir également

Publié par cs_JackNUMBER.
Ce document intitulé «  Tag réaliste (graff)  » issu de CodeS-SourceS (codes-sources.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Écriture transparente
Photoshop : portail