AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Graphisme CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 04 14:11:19
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TAG RÉALISTE (GRAFF)


Information sur le tutorial

Catégorie :PHOTOSHOP : Tutoriaux Date de création : 06/12/2005 20:24:09 Vu : 43 322 fois
Auteur : JackNUMBER Site perso
Ecrire un message privé
Note :
9,75 / 10 - par 8 personnes
9,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

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
signaler à un administrateur
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 ^^.    

signaler à un administrateur
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.

signaler à un administrateur
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 !

signaler à un administrateur
Commentaire de axelpsg1 le 22/03/2006 14:33:12

supert bien fait je trouve sa trop bien

bonne idee de mette la police

signaler à un administrateur
Commentaire de axelpsg1 le 22/03/2006 14:33:17

supert bien fait je trouve sa trop bien

bonne idee de mette la police

signaler à un administrateur
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

signaler à un administrateur
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 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version


HTC Touch HD
Entre 25€ et 605€


Visiter le guide achat

Photothèque Nouveau !

Photo friends at the beach.Photo Cockpit Airbus A320
Photo accident de la routePhoto plage de nudistes

Visiter la photothèque


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
Temps d'éxécution de la page : 0,125 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.