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 15/10/2010, 11h46
Post Effet de lumière

¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤
Traduit et adapté de l'anglais par Exta pour InfographiK.fr
Source : PSDTUTS // Effet de lumière
Demande: Glow effect
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤

STEP 1

On commence avec un dégradé radial. Ce dernier est assez contrasté et va d'un marron/rouge vers du noir.
Voici les codes hexadécimaux: Premier plan: #922F00 - Arrière plan: #000000



STEP 2

Dans ce tutorial, nous avons besoin d'un centre intense en lumière, alors nous dupliquons ( ctrl+j ou cmd+j ) le calque que nous venons juste de faire et on le passe en mode de fusion Densité couleur -
Dans les types de modes de fusion, la Densité couleur - est probablement le meilleur mode pour les lumières.
Et comme vous pouvez le voir sur le screenshot, cela produit un effet assez joli.



STEP 3

Dans notre effet de lumière, il est bien d'avoir un fond texturé.
Alors nous allons créer une sorte de brume. Pour cela créer un nouveau calque (ctrl+maj+n ou cmd+maj+n) et assurez vous que les couleurs de premier et d'arrière plan son noir et blanc (pour les réinitialisez le raccourci est D).
Ensuite allez dans Filtre > Rendu > Nuages.



STEP 4

Maintenant passez le mode de fusion du calque de nuage en Incrustation et descendez l'opacité à 30%.
Pour certains cas ce serait suffisant, mais pour notre effet de lumière nous voulons plus d'effet.
Pour cela il suffit d aller dans Filtre > Esquisse > Chrome et gardez les valeurs par défaut: détail 4 et Lissage 7.
Une fois fini vous avez un gros nuage de fumée, comme le montre l'image ci-dessous.



STEP 5

Ça y est on peut commencer la lumière. C'est le moment de sortir la plume (P)! Si vous n'êtes un grand utilisateur de la plume, je vous suggère de vous familiariser un peu avec elle avant de continuer.
En fait nous voulons réaliser de belles courbes. Heureusement ce n'est pas trop dur. J'ai trouver l'astuce pour ne pas utiliser trop de point. Au lieu d'utiliser les courbes que définit l'outil plume, revenez sur chaque point et modifier son angle, ainsi vous aurez de grands angles. Dans la courbe en S ci-dessous, je n'ai utilisé que 3 points: le point de départ, le point de fin et un au milieu et un au milieu pour donner la courbe.



STEP 6

Voilà, nous avons une belle courbe.
Créez un nouveau calque, sélectionnez l'outil pinceau (B) et choisissez une petite forme de dureté 100%.
Comme vous le savez les formes arrondies floues sont plus douce que les formes arrondies nettes. Dans ce cas je conseil d'utiliser une taille de 3



STEP 7

Revenez à l'outil plume. Faites un clic-droit et sélectionnez contour du tracé. Une fenêtre ca s'afficher. Choisissez Forme et assurez vous que l'option Simulez la pression est cochée. C'est important car le bout de vos courbes seront adoucis, ce qui donne un rendu beau et propre.
Puis refaites clic-droit et sélectionnez supprimer ce tracé



STEP 8

Vous devriez avoir quelque chose comme ci-dessous. Juste une courbe sympa!



STEP 9

Maintenant nous ajoutons quelques lueurs. Le meilleur moyen pour cela et d'utiliser les Styles de calque. Et le meilleur moyen de voir quels styles sont à utiliser, c'est de télécharger le PSD disponible à la fin du tuto et de jeter un œil dessus.

En un mot j'ai ajouté 2 types de lueurs. Tout d'abord une Lueur externe puis une Ombre Portée dont j'ai changé les propriétés pour que cela devienne une lueur (vous pouvez faire cela en réduisant la distance et changer le mode de fusion en Densité couleur -).
J'ai aussi utilisé l'Incrustation de couleur pour que le centre de la forme donne l'impression d'une forte lumière.



STEP 10

Maintenant vous avez la même courbe mais avec un effet de lueur.
L'avantage du Style de calque est que vous pouvez le copier et le coller sur d'autres calques. Pour cela il suffit de faire un clic-droit sur le calque et cliquer sur Copier le style de calque, ensuite créez un autre calque clic-droit dessus et Coller le style de calque.



STEP 11

Répétez le même procédé quelques fois pour faire d'autres courbes.
Dans ce cas, j'ai ajouter une courbe un peu plus grosse en changeant la taille du pinceau avant d'appliquer le contour du tracé.
J'ai aussi ajouté une troisième courbe afin de joindre les deux autres et donner une forme triangulaire.



STEP 12

J'ai ajouté un peu de texte et j'ai appliqué le même style de calque que le courbes.
Il est important de faire très attention à votre texte. Lorsque vous commencez, utilisez des typo simples et jouez avec les espaces entre les lettres, les mots, la taille. Vous pouvez réaliser beaucoup de chose avec quelques petites astuces.
Dans cet exemple j'ai contrasté les 3 mots en jouant avec les lueurs externes, puis j'ai changé la taille, l'espace entre les lettres et mis en majuscule les mots FX et Advanced.

Vous pouvez contrôler le texte grâce aux fenêtres Caractères et Paragraphe. Si elle ne sont pas encore ouvertes, il suffit d'aller dans Fenêtre > Caractères-Paragraphes.
Jouez avec les différentes options afin d'apprendre à quoi elles servent et pouvoir les contrôler.



STEP 13

Ajoutons un peu de particules. Pour les créer, faite un nouveau calque, puis sélectionnez une petite forme de pinceau - taille 3 - et peignez quelques points. C'est bien que ces particules soient près du centre, de telle sorte qu'on est l'impression qu'elles émanent de ce dernier.
Vous pouvez grossir celles du centre avec une forme de pinceau un peu plus grosse.
Puis collez votre style de calque à ces particules.



STEP 14

Le résultat devient assez cool, mais cela pourrait être mieux si on ajoute un peu de couleur à ce rouge vif.
Alors créez un nouveau calque, faites un dégradé radial qui part d'un bleu pour arriver dans du blanc.



STEP 15

Ensuite passez le mode du fusion en Couleur et descendez l'opacité à 50%.
Vous allez voir que l'image devient un peu plus bleue.
Je pense que ce rendu est assez bien, mais je vais rajouter d'autres dégradés: un jaune et un violet. N'oubliez pas ici aussi de changer mode de fusion et opacité.



STEP 16

Ca y est! vous avez votre effet de lumière, avec un fond en fumée coloré, pour un effet encore plus sympa.
N'oubliez pas d'expérimenter les paramètres pour différents résultats. Et essayez différentes combinaisons de couleurs vous pourriez tomber sur quelque chose de vraiment très beau.

Bonne chance.



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

Voila j'espère 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
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
  #2 (permalink)  
Vieux 15/10/2010, 12h14
Bon tuto !
Merci Exta pour celle nouvelle traduction
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
  #3 (permalink)  
Vieux 15/10/2010, 12h40
Je viens de tester et c'est nikel.
Juste petit point, les couleurs sont bien meilleures avec des dégradés allant de la couleur de son choix vers le transparent, et pas vers le blanc.

Merci pour la trad
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 =-
  #4 (permalink)  
Vieux 15/10/2010, 16h08
Belle Trad, Merci !

Comme pour le précedent topic, je transfères les images sur notre ftp.

[Edite]
C'est fait.
Réponse avec citation
Réponse

Tags
effet, infographie, photoshop, psd, sources, traduction, 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 14h58.