S'inscrire |

 
ReV
TEAM
Avatar de ReV
ReV est déconnecté ReV est un Homme 06/04
XP de ReV 555 Nombre total de messages de ReV
---------
  #1 (permalink)  
Vieux 01/02/2011, 18h07
Photoshop Enseigne de casino

Traduction demandée ici

Tuto provenant du dite d'Abduzeedo

Enseigne de casino

Ce tutorial va vous apprendre à créer un effet de lumière très simple à l'aide de filtre, de styles de calques, et modes de fusion et de photos prises ça et là L'ensemble du tutorial ne devrait pas vous prendre plus de 45 minutes et le niveau de ce dernier est plutôt facile. Mais attention aux détails !

Etape 1

Ouvrez Photoshop et créez un nouveau document. J'ai utilisé une taille de 1113*1440 pixels. Faites bien attention à mettre l'arrière plan en noir. Ensuite ajoutez un texte vertical. Pour le tutorial j'ai utilisé la police Arial Black.

[Note du traducteur] : Je n'avais pas Arial Black sur mon ordinateur, Arial en Gras suffit très bien



Etape 2

Sélectionnez le calque de texte et allez dans Calque>Style de Calque>Ombre portée. Utilisez les valeurs présentées ci dessous.



Etape 3


Maintenant, pour ajouter de la profondeur au texte, utilisez une ombre interne. Mettez les valeurs ci-dessous.

[Note du traducteur] : Color burn = densité couleur +



Etape 4

Maintenant utilisons un petit peu de Biseautage et Estampage pour avoir un effet 3D sympathique ! Il vous suffit de recopier les valeurs ci-dessous. Vous pouvez bien sûr jouer avec pour obtenir différents effets.

[Note du traducteur] : Pillow Emboss = Estempage oreiller ; Chisel soft = Ciselage léger ; Screen = Superposition ; Faites attention à la forme du Contour Brillant à changer !



Etape 5


Vous pouvez utiliser l'Incrustation Couleur pour changer la couleur de votre texte. Si vous voulez avoir exactement la même couleur que dans les images de ce tutorial(rose foncé) il vous suffit d'utiliser la couleur #b2355b.



Etape 6

Ajoutons maintenant un contour. Utilisez les valeurs suivantes. (La couleur utilisée pour ce tuto est #6f0022).

[Note du traducteur] : utilisez une couleur plus foncée que celle de votre texte et restez dans les même tons pour avoir un effet similaire à celui présenté ici !



Etape 7

Voici le rendu que nous avons pour l'instant.



Etape 8

Pour créer les effets de lumière et avoir un rendu plus réaliste j'ai utilisé une photo d'une librairie d'où j'ai simplement copié une seule ampoule. L'image que j'ai utilisée provient de Shutterstock, et vous pouvez la trouver ici Neon Casino Entrance Sign Stock Photo 2578948 : Shutterstock.



Etape 9

Collez l'ampoule dans votre image et commencez à remplir tout le texte avec des lumières. Vous pouvez utiliser des ampoules plus petites pour faire deux colonnes de lumières. Après vous pouvez fusionner tous les calques comprenant des lumières. Pour cela allez dans Calque > Fusionnez les calques.

[Note du traducteur] : pour aller plus vite, utilisez Ctrl+E pour fusionner deux calques visibles (le sélectionné et celui du dessous) ou Ctrl+Maj+E pour fusionner d'un coup TOUS les calques visibles.



Etape 10

Sélectionnez le calque avec les lumières et allez dans Calque>Style de Calque>Ombre portée. Utilisez les valeurs ci dessous comme références.

[Note du traducteur] : Bouton droit sur le calque désiré et Options de fusion vous donne directement accès aux divers styles de calque !



Etape 11

Maintenant ajoutez une Lueur Externe avec les valeurs ci dessous. L'idée ici est d'ajouter de l'ombre pour que les lumières semblent plus réalistes et faisant vraiment partie de l'image. La lueur externe à le même abjectif.

[Note du traducteur] : Color dodge = densité couleur - ; N'oubliez pas de changer la couleur sous le mode de fusion. Si vous utilisez des ampoules de couleur, c'est ici qu'il faut mettre une couleur correspondante.



Etape 12

Allez dans Image>Réglages>Teinte/Saturation. Cliquez sur Redéfinir et changez la teinte pour du rose.

[Note du traducteur] : La teinte doit correspondre à la couleur de votre texte.



Etape 13

Dupliquez le calque des lumières. Enlevez l'ombre portée et la lueur externe de ce calque dupliqué et allez dans Filtres>Atténuation>Flou gaussien. Utilisez un rayon de 20 pixels. Mettez les deux calques dans un répertoire commun, et mettre le mode de fusion de ce répertoire à Densité couleur -.



Etape 14

Avec l'Outil gomme (E) et une brosse très douce de la taille des ampoules commencez à effacez certaines ampoules du calques flouté. Cela permet de rendre l'ensemble légèrement moins uniforme, les ampoules modifiées apparaitront moins lumineuses. Le but ici est encore une fois de donner plus réalisme à la composition.



Etape 15

Maintenant, retournez sur la photo prise dans la librairie. Selectionnez une ampoule grillée et copiez la dans votre composition.



Etape 16

Redimensionnez l'ampoule grillée à la taille des autres et copiez là plusieurs fois de telle façon à ce que dans chaque lettre une ou deux ampoules ne fonctionnent pas. Ensuite sélectionnez toutes et fusionnez les dans un seul calque.



Etape 17

Allez dans Calque>Style de claque>Ombre portée. Utilisez les valeurs de l'image ci dessous comme références.



[Note du traducteur] : je vous conseille ici de refaire l'étape 12 avec le nouveau calque...

Etape 18


Voici où nous en sommes :



Etape 19

Ajoutons maintenant quelques éclats de lumière (il y en a dans le poster burlesque que j'ai utilisé comme référence). Les éclats utilisés proviennent d'une image que vous pouvez trouver ici. Redimensionnez l'image et supprimez tout en dehors de l'éclat. Pour faire en sorte que les couleurs correspondent, allez dans Image>Réglages>Teinte/Saturation et encore une fois, sélectionnez Redéfinir puis mettez la teinte à la couleur du texte.

Vous pouvez maintenant dupliquer plusieurs fois l'éclat et le mettre au dessus de différentes lettres. Tournez les et changez en la taille régulièrement pour un meilleur effet. Passez ensuite le claque des éclats en mode de fusion Superposition.



Etape 20

Maintenant vous pouvez soit dupliquer le texte, désactiver les effets sur la copie et y appliquer un flou gaussien ou alors utiliser le pinceau (B) pour créer une sorte de halo lumineux autour du texte. La méthode que j'ai utilisée ici est la première, mais les deux fonctionnent très bien.



Etape 21

Ajoutons maintenant une texture pour fond de notre image. Encore une fois, l'image choisie ici provient de Shutterstock et vous pouvez la télécharger ici : Cement Wall Texture Stock Photo 33338650 : Shutterstock.

[Note du traducteur] : J'ai utilisé personnellement une image que vous pouvez trouver ici

Etape 22

Déplacez la texture sous le fond noir et avec l'outil Gomme (E) (avec une brosse très douce à 20% d'opacité) commencez à supprimer la zone derrière le texte progressivement jusqu'a obtenir l'effet escompté.

[Note du traducteur] : N'hésitez pas à utiliser différentes opacités pour la brosse afin d'obtenir un beau dégradé.



Etape 23


Sélectionnez le calque avec votre texture et allez dans Calque>Style de Calque>Incrustation Couleur. Utilisez la couleur rose et Produit pour le mode de fusion. Nous faisons ça pour donner une couleur rose à la texture de fond du fait qu'elle est normalement éclairée par les lumières roses de l'enseigne.



Etape 24

Sélectionnez tous les calques et fusionnez les dans un nouveau document. Vous pouvez faire ça à l'aide d'un raccourcis clavier bien utilse : Ctrl(cmd) + Alt + Maj + E. Ensuite allez dans Filtre>Atténuation>Flou Gaussien et utilisez un rayon de 20 pixels pour le rayon. VOus allez obtenir un calque très flou, ajoutez le à votre document et passez le mode de fusion en Superposition avec une opacité à 60%. Cela vous donnera un effet remarquable !



Conclusion

Dans ce tutorial vous avez jouez avec les styles de calque et les modes de fusion, vous avez également utilisez des éléments extérieurs dans votre création pour obtenir un rendu réaliste. Ce procédé est assez simple et facilement applicable à d'autres créations.



Vous pouvez télécharger ici le fichier psd utilisé pour ce tuto : http://ikforum.free.fr/Tuto/Images/P...Sample.psd.zip


[Note du traducteur] : Voici ma création perso pour tester rapidement ce tuto sous PS CS5.



Merci pour votre lecture !

ReV
Réponse avec citation
Les membres suivants ont remercié ReV pour ce message :
TEAM
Avatar de Exta
Exta est déconnecté Exta est un Homme 10/04
XP de Exta 504 Nombre total de messages de Exta
Super Moderateur
  #2 (permalink)  
Vieux 01/02/2011, 19h01
merci de la trad et du petit test
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #3 (permalink)  
Vieux 01/02/2011, 22h40
Good Job ! Merci pour ta contrib'
Réponse avec citation
Avatar de Mosphel
Mosphel est déconnecté Sexe Non renseigné 01/11
XP de Mosphel 65 Nombre total de messages de Mosphel
Membre Habitué
  #4 (permalink)  
Vieux 02/02/2011, 01h04
super merci pour le partage, je vais l'essayé lorsque j'aurai du temps
Réponse avec citation
TEAM
Avatar de Phil.Micro
Phil.Micro est déconnecté Phil.Micro est un Homme 06/02
XP de Phil.Micro 3 804 Nombre total de messages de Phil.Micro
-= CoAdmin =-
  #5 (permalink)  
Vieux 02/02/2011, 10h36
Beau boulot !!!
Merci

(j'ai récup les images sur notre serveur)
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 413 Nombre total de messages de Smike
Voir le profil Facebook de Smike Voir le compte Twitter de Smike Voir le compte DeviantART  de Smike
Administrateur
  #6 (permalink)  
Vieux 02/02/2011, 11h10
Merci Phil
Réponse avec citation
Avatar de Geoff
Geoff est déconnecté Sexe Non renseigné 09/07
XP de Geoff 3 Nombre total de messages de Geoff
Nouveau iker
  #7 (permalink)  
Vieux 16/06/2011, 20h59
Super ce tutoriel un tout grand merci.
Réponse avec citation
Réponse

Outils de la discussion

Config des règles de ce forum
Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


A propos d'IK

Infographik alias IK est un forum d'entre-aide dans le domaine de l'infographie numerique
Depuis plus de 10 ans ce forum propose des tutoriaux un espace communautaire francophone.

We need You !

Faire un don permet de régler les frais de fonctionnement du site tel que l'hebergement, le ndd etc...
Faire un don

Fuseau horaire GMT +2. Il est actuellement 09h06.