begin process at 2010 07 29 16:16:54
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Tutoriels

 > 

PHOTOSHOP : Tutoriaux

 > TAG RÉALISTE (GRAFF)

TAG RÉALISTE (GRAFF)


 Information sur le tutoriel

Note :
9,75 / 10 - par 8 personnes
9,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

 Description

Un petit graff sous photoshop !!

Tutorial

- Créer un nouveau document (Ctrl+N) en 400x400 avec un fond transparent
- Renommez le Calque 1 (Palette des calque > Fenêtres/Caqlues) en Fond
- Remplissez ce calque d'une couleur au choix
Image

- Créez un nouveau calque (Ctrl+Maj+N) nommé Face avant et vide
- Prenez l'outil Texte (T) Image et cliquez sur l'image pour tapez votre texte

Idea Je vous conseille la police Brooklyn Kid

Image

- Pixellisez (clic droit > Pixelliser 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
Image

- 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
Image

- Cliquez sur Image pour valider
Image

- 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)
Image

Vous allez sélectionner les faces manquantes pour le faire en 3D:
- Réduisez l'opacité du calque Face avant:
Image

- Reliez les sommets utiles pour dessiner grosso modo les faces manquantes:
Image

- 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):
Image

- 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)
Exclamation Mettez une couleur un peu plus foncée que celle que vous avez choisit, les modification qui arrive l'éclairciront.
Image

- 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)
Image

- Prenez le Pinceau (B), avec une brosse comme celle-ci (assez légère):
Image
et une opacité de 40% (en haut), faites un effet comme celui-ci (passez le pinceau à cheval sur le blanc et la couleur choisit):
Image

Si vous voulez change la couleur:
- Placez vous sur le calque Face avant
- Ctrl+U, cochez Redéfinir et modifiez la Teinte (Hue), la Saturation et la Luminosité
Image

- 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 lehaut pour les distinguer de celles orientés sur les côtés. Imaginez quel'éclairage vienne d'en haut pour comprendre quelles faces doivent êtreilluminées. Soyez légers. µPour cela prenez le même outil que pour lecalque Profondeur mais avec une opacité de 30
Image

- 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 etplus gros, foncez le bas des lettres, essayez de le faire en dégradé(repasser plusieurs fois mais de plus en plus bas)
Idea Cette étape n'est pas vraiment nécessaire, avec certaine couleur elle peut tout gâcher Sad
Mais comme c'est sur un calque, faites-le et supprimez-le au cas où...
Image

- 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
Image

Et voilà:
Image

C'est finis

For more details and questions: Tag réaliste (Graff) sur http://jn-forum.fluo.net

Commentaires

Commentaire de Kirfe le 14/12/2005 02:13:45

Bon bien je me promène depuis long temps sur les sites de tutoriel photoshop alors voila : http://www.deepnight.net/core.php?idSection=15&idTut=8
J'ai rien contre la reprise de tutoriel sur d'autre site mais je trouve plus que normal de demander la permision du mec qui a fait le tuto et de mettre un lien qui y réfère. Quelque variante à l'original mais bon on voit que c'est le même. Bon sinon la réalisation est bonne.

Désoler de faire mon rabajoie mais je tenait a préciser cela. Je m'excuse d'avance si ses bien toi qui a fait se tuto en premier mais vut que les dates des messages suite au tutoriel sur le site http://www.deepnight.net(la plus veille romontant a 2002)je me permet de mavancer ^^.    

Commentaire de Kirfe le 14/12/2005 02:34:39

Je me permet un double post ( désoler je suis vraiment confus) J'ai juste réaliser que le tutorial était de plus une ancien source du site http://www.falkenzone.com/ ( ses fou se qui peu nous arriver quand on lit pas les entête). Mais il reste que le site falkenzone est actuellement hors service.

Je viens de perde un peu de crédibilité en se moment ¬_¬ me tromper sur une correction.

Aller bonjours chez vous

P.S. : Je crois qu'une fonction éditer serait la bienvenue au moins que je ne l'est pas remarquer se qui me ferais encore plus perde la face ^^. Allez je sort avant de perde toute crédibilité ^^

see you later all.

Commentaire de PlAyErS ApOpHiS le 19/01/2006 07:47:21

Ouais juste une petite précision il ne faut pas oublier de remettre l'opacité à 100% après avoir fait les modifications de bordures.
Excellent tuto bravo !

Commentaire de axelpsg1 le 22/03/2006 14:33:12

supert bien fait je trouve sa trop bien

bonne idee de mette la police

Commentaire de axelpsg1 le 22/03/2006 14:33:17

supert bien fait je trouve sa trop bien

bonne idee de mette la police

Commentaire de Juus le 03/12/2008 15:03:49

Salut je trouve vraiment bien ce que tu a fait ! J'ai juste une petite question moi j'ai la version 5.5 de photoshop et je voulais savoir si tu sais ou on peut trouver la fenêtre style de calque sur cette version voila merci bcp ! et continue c'est vraiment bien

Commentaire de JackNUMBER le 01/01/2009 18:25:51

salut, la fenêtre style de calque s'ouvre quand tu clic sur le petit "F" en bas de la fenêtre Calques (Fenêtre/Calques...).

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Juillet 2010
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,125 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)