S'inscrire |

 
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
  #1 (permalink)  
Vieux 14/10/2010, 17h22
Ai Créer un effet de fumée digitale

¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤
Traduit et adapté de l'anglais par Exta pour InfographiK.fr
Source : PSDTUTS // Creating a Stunning Digital Smoke Effect
Demande: Smoke effect
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤

STEP 1

Ouvrir Illustrator et sélectionnez la plume (P), dessinez 2 courbes, essayez de les faire se croiser (cf: schéma). Ces lignes seront la forme de votre fumée.
Ensuite refaite la même chose et dessinez deux autres lignes. Sélectionnez une des deux "paires" de lignes, puis appliquez un contour blanc sur une ligne, puis gris foncé sur l'autre.
Faites la même chose avec l'autre paire de ligne, mais inversez les couleurs (cf: schéma).
Si nous faisons ça, c'est parce que lorsque nous importerons ces formes sous photoshop, nous serons capable d'ajuster ou changer les couleurs plus facilement.



STEP 2

Prenez l'outil dégradé de forme (W), puis sélectionnez le bord de la ligne blanche, puis celui de la ligne grise. Une troisième ligne va se créer entre les 2.
Ensuite allez dans Objet > Dégradé de formes > Options de dégradés, mettez étapes dans la liste déroulante et changez la valeur par 200.
Répétez la même opération sur la seconde paire de ligne.



STEP 3

A partir de maintenant on passe sous Photoshop.
Copiez le premier dégradé et collez le dans Photoshop, puis sélectionnez objet dynamique. Faites de même avec le second dégradé.
Le fait de collez en objet dynamique nous permet de rester en vectoriel et donc de pouvoir changer la taille des dégradés sans perdre de qualité.



STEP 4

Organisez vos calques dans des dossiers.
Sélectionnez le mode de fusion Produit pour les deux dégradés.
Et appliquez l'effet Flou Gaussien ( Filtre > Atténuation > Flou Gaussien ) avec un rayon de 1 pixel aux deux dégradés.



STEP 5

Dupliquez chaque calque dans leur dossier respectif. Ainsi vous aurez Smoke 1, Smoke 1 Copy, Smoke 2, and Smoke 2 Copy.
Changez le mode de fusion de Smoke 1 Copy et Smoke 2 Copy par Incrustation



STEP 6

Maintenant nous allons changer la couleur de ce dégradé gris en le rendant bleu.
Pour cela créez un calque de réglage et choisissez Teinte/Saturation. Mettez ensuite ce calque en au dessus de tous les autres.
Si vous voulez changer les paramètres de Teinte/Saturation il vous suffit de double-cliquer sur le calque.



STEP 7

Dupliquez le calque Smoke 1 (ctrl+J ou cmd+J), puis mettez le au dessus de tout vos autres calques (même au dessus du calque d'ajustement colorimétrique).
Ensuite changez son mode de fusion par Densité couleur - et appliquez un Flou Gaussien avec un rayon de 25 pixels.
Vous allez avoir une sorte de lueur bleue.



STEP 8

Maintenant nous avons la base. Nous pourrions nous arrêter ici et avoir un super effet, mais si on poussait l'effet un peu plus loin.
Tout d'abord changez l'opacité de Smoke 1 et passez la à 50%. Ensuite dupliquez le groupe Smoke 1 et mettez son opacité à 20%.
Sélectionnez le groupe et ajoutez un Masque. Utilisez un dégradé radial blanc - noir, et déplacez le masque sur la droite afin que la fumée s'estompe petit a petit.



STEP 9

Dupliquez le masque servant à estomper la fumée et et appliquez lui une rotation afin de donner un effet plus naturel à la fumée qui s'estompe.
Ainsi vous avez donc une seconde fumée qui se sépare de la fumée principale et donne un effet de dissipation.
Si vous voulez votre fumée sur fond blanc, vous pouvez vous arrêter ici.



STEP 10

Créez un calque au-dessus de tout les autres et appliquez lui un dégradé de blanc (#FFFFFF) à un gris/bleu (#C4CCD0).



STEP 11

Apliquez au dégradé le mode de fusion Exclusion.
La fusion Exclusion permet d'inverser les couleurs des calques se trouvant en dessous.
Ici nous avons donc une fumée sur un fond grisâtre.



STEP 12

La couleur est maintenant assez cool, mais on peut rendre ça encore plus élégant.
Créez un nouveau calque au dessus des autre et appliquez lui un dégradé #5f4547 > #7096e4.
Une fois le dégradé crée, changez le mode de fusion en Couleur et appliquez une opacité de 50%.



STEP 13

Pour finir l'image, nous ajoutons un petit peu de texte.
Il est mieux de faire cette effet plus grand qu'il le faut au début. Ensuite vous pourrez le réduire et appliquer un effet accentuation (Filtre > Renforcement > Accentuation) pour avoir de belles courbes propres et nettes.



¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤
Télécharger le PSD pour ce tutoriel
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤

Voila j'espere que la traduction est bien et que vous y arriverez =)
S'il y a des problèmes d'orthographe ou de syntaxe n'hésitez pas a me les signaler pour que j'arrange ca.
Réponse avec citation
Les membres suivants ont remercié Exta pour ce message :
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 =-
  #2 (permalink)  
Vieux 14/10/2010, 17h49
Chouette trad !!
Merci

Faut que je récupère les images pour les mettre sur notre serveur free


[Edite]
Voila c'est fait
J'ai rajouté aussi le PSD
Réponse avec citation
TEAM
Avatar de Smike
Smike est déconnecté Smike est un Homme 05/02
XP de Smike 3 419 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 14/10/2010, 18h28
Bien joué Exta, merci pour cette traduction et merci à Phil pour le transfère des images
Réponse avec citation
TEAM
Avatar de lorddavid
lorddavid est déconnecté Sexe Non renseigné 11/05
XP de lorddavid 647 Nombre total de messages de lorddavid
SerialCliker
  #4 (permalink)  
Vieux 14/10/2010, 18h59
Super la trad.
Y'a pas mal de trucs que je ne connaissais pas.

Merci
Réponse avec citation
Avatar de biateau33
biateau33 est déconnecté Sexe Non renseigné 05/12
XP de biateau33 2 Nombre total de messages de biateau33
Nouveau iker
  #5 (permalink)  
Vieux 24/05/2012, 22h50
Un super tuto pour qui débute... comme moi !!!

merci
Réponse avec citation
Réponse

Tags
effet, illustrator, photoshop, trad, tuto

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 19h29.