vendredi 1 avril 2011

Effet de Feu sur texte avec Photoshop

Avant de commencer téléchargez le pack suivant, créez un nouveau document de 1900x1200 pixels Résolution 72Dpi Couleur RVB
Puis joutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Utilisez le tutoriel suivant pour obtenir le même fond grunge
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Maintenant créez un nouveau calque (Ctrl+Shift+N) et remplissez le avec la couleur suivante #66500f, puis allez dans Menu > Filtre > Texture > Placage de texture
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Changez son mode de fusion en Incrustation
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Prenez l'outil dégradé (G) et dessinez un dégradé similaire à celui-ci
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Changez son mode de fusion en Couleur et réduisez son opacité à 45%
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Maintenant créez un groupe (Menu > Calque > Nouveau > Groupe) et nommez le Fire
Tapez votre texte en utilisant la police Trajan pro une taille de 307 pt Mode de fusion Densité linéaire - (Ajout), une opacité de 8% et la couleur #cb9328
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Dupliquez votre texte (Ctrl+J) changez ça couleur en #5e3f1c
Effet de feu réaliste sur texte avec photoshopp
Changez son mode de fusion en Densité linéaire - (Ajout), et réduisez son opacité à 8% si ce n ‘est déjà fait
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Dupliquez (Ctrl+J) ce dernier et changez juste le mode de fusion en Incrustation et augmentez l'opacité jusqu'à 70%
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Maintenant dupliquez encore une foi votre texte changez ça couleur en #cb9328
Effet de feu réaliste sur texte avec photoshopp
Changez son mode de fusion en Densité linéaire - (Ajout), et réduisez son opacité à 30%
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Mettez vous sur le calque du derniers texte puis allez dans Menu > Calque > Masque de fusion > Tout faire apparaitre
Effet de feu réaliste sur texte avec photoshopp
Ensuite cliquez sur le masque de fusion que vous venez de créer puis prenez l'outil dégradé (G) Couleur Noir vers Blanc et dessinez un dégradé en partant du bas
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Maintenant dupliquez votre texte original et mettez en dessous des autres puis changez ça couleur en Noir
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Allez dans Menu > Filtre > Atténuation > Flou Gaussien
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Maintenant nous allons effacer la zone Noire de l'intérieur et laisser juste la partie qui dépasse en forme d'ombre, Maintenez la touche Ctrl enfoncé et cliquez sur le calque du texte original comme ça vous aurez ça sélection puis mettez vous sur le Calque du texte noir et appuyez sur le bouton supprimer de votre clavier
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Ensuite dupliquez le calque du texte noir deux fois,
Sélectionnez ces trois derniers puis fusionnez-les (Ctrl+E)
Effet de feu réaliste sur texte avec photoshopp
Prenez l'outil gomme (E) et effacez la partie inferieur de l'ombre comme ceci
Effet de feu réaliste sur texte avec photoshopp
Prenez l'outil doigt (R) et essayez de déformer l'ombre pour donner un effet de fumé
Effet de feu réaliste sur texte avec photoshopp
Maintenant dupliquez votre texte et mettez le tout en haut au dessus des autre, remplissez le avec la couleur suivant #dc9a08
Effet de feu réaliste sur texte avec photoshopp
Allez dans Menu > Filtre > Atténuation > Flou Gaussien
Effet de feu réaliste sur texte avec photoshopp
Puis prenez l'outil gomme (E) et effacez des parties comme ceci en variant l'opacité de la forme pour obtenir le résultat suivant
Effet de feu réaliste sur texte avec photoshopp
Changez le mode de fusion de ce dernier en Lumière tamisée
Effet de feu réaliste sur texte avec photoshopp
Dupliquez encore une foi votre texte tout en changeant ça couleur en #dc9a08, pixélisez-le en allant dans Menu > Calque > Pixellisation > texte
Effet de feu réaliste sur texte avec photoshopp
Récupérez la sélection de votre texte en allant dans Menu > Sélection > Récupérer la sélection puis allez dans Menu > Sélection > Modifier > Contracter
Effet de feu réaliste sur texte avec photoshopp
Puis appuyez sur le bouton supprimer pour effacer l'intérieur et ne laisser qu'un contour jaune comme ceci
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Prenez l'outil gomme (E) et effacez la partie inferieur du contour jaune (utilisez une forme avec une opacité de 80% et essayez d'avoir un dégradé) puis changez son mode de fusion en Incrustation
Effet de feu réaliste sur texte avec photoshopp
Ensuite, dupliquez le calque, et exécuter Filtre > Atténuation > Flou gaussien réglé à 1px. Ensuite, dupliquez ce calque nouveau et mettez un flou gaussien de 2px. Ensuite, dupliquez le calque de nouveau mettez dessus un flou gaussien de 4px
Effet de feu réaliste sur texte avec photoshopp
Ensuite, Maintenez Ctrl enfoncé et cliquez sur l'un des calques de texte, appuyez sur (Ctrl + Shift + I) pour inverser la sélection puis passez par chacun des calque avec les contours jaune et appuyez sur le bouton supprimer de votre clavier pour enlever tout le flou qui dépasse la zone du texte.
Effet de feu réaliste sur texte avec photoshopp
Ensuite, dupliquez les quatre calque avec le contour jaune et fusionner-les. vous obtiendrai un calque au dessus avec jaune brillant.
Effet de feu réaliste sur texte avec photoshopp
Prenez l'outil doigt (R) et déformez les textes, pour avoir des sorte de vague de chaleur qui se détachent du texte, comme indiqué.
Effet de feu réaliste sur texte avec photoshopp
Changez son mode de fusion en incrustation
Effet de feu réaliste sur texte avec photoshopp
Ensuite ouvrez les textures suivantes avec Photoshop, utilisez la technique de sélection de feu disponible dans ce tuto
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Importez les feux sélectionnés dans votre document
Effet de feu réaliste sur texte avec photoshopp
Faites des duplications, des copies coller, jusqu'à ce que vous aurez un résultat pareil
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Pour finir ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
Changez son mode de fusion en incrustation et réduisez son opacité à 40%
Effet de feu réaliste sur texte avec photoshopp
Et voilà le résultat final
Effet de feu réaliste sur texte avec photoshopp
Effet de feu réaliste sur texte avec photoshopp
cliquez ici pour voir l'image en grande format
Auteur du tuto original :  Collis
Lien du tuto en anglai : psd.Tutsplus.com
Tutoriel écrit et refait de A à Z par : Grafolog

Aucun commentaire:

Enregistrer un commentaire