NINTENDO PLAYER
NINTENDO PLAYERNINTENDO PLAYER

NINTENDO PLAYER est votre espace de discussions autour de la licence Nintendo. Parlons ensembles des dernières nouveautés et de l'actu entre Players. (Pokémon, Zelda, Mario, Splatoon, Sonic, Arms, etc...)
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  Discord  S'enregistrerS'enregistrer  Connexion  
Derniers sujets
» ASTUCE: Rejouer le niveau Festival New Donk City
Sam 11 Nov - 11:06 par FdN

» [JEU] Savez-vous compter jusqu'à 1000
Jeu 26 Oct - 7:00 par xsaga2001

»  [JEU] Je sauve....
Jeu 26 Oct - 6:59 par xsaga2001

» Bryx
Mer 27 Sep - 21:13 par ElectrOTaKtix

» Miniloup est parmi vous !
Mer 30 Aoû - 23:43 par donazhon

» Nouvelle parmi vous
Mer 30 Aoû - 23:42 par donazhon

» La collection de Fandenintendo
Lun 28 Aoû - 17:25 par Shadowvince

» Nintendo Anime Channel est-elle disponible sur la Wii U ?
Dim 27 Aoû - 14:14 par miniloup

» A quoi jouez vous en ce moment ?
Dim 27 Aoû - 11:42 par FdN

» Valerian et la Cité des Mille Planètes, l'avez-vous vu??
Mar 22 Aoû - 23:04 par donazhon

» Yop
Lun 21 Aoû - 17:58 par FdN

» REGISTRE CODES AMIS: NINTENDO 3DS/2DS
Lun 21 Aoû - 17:57 par FdN

» Ma collection , update a venir
Dim 20 Aoû - 21:11 par Shadows

» Résoudre le Problème Fuseau Horaire
Sam 19 Aoû - 9:49 par FdN

» Cheat Code Sonic Mania: Choix du niveau
Sam 19 Aoû - 9:24 par FdN

» [JEU] Lettres de l'alphabet et univers jeux-vidéo
Ven 18 Aoû - 10:01 par FdN

» Les derniers jeux Wii U fin 2017
Ven 18 Aoû - 9:11 par FdN

» [OST] Sonic Mania
Jeu 17 Aoû - 21:47 par FdN

» Nintendo Player Awards III : Le Meilleur Jeu SNES
Jeu 17 Aoû - 11:42 par FdN

» Vos achats
Mer 16 Aoû - 10:30 par FdN

» #26 Vous êtes plutôt Sonic Classic ou Modern?
Mer 16 Aoû - 9:57 par FdN

» Enfin un vrai jeu de course automobile sur Nintendo?
Mer 16 Aoû - 8:56 par FdN

» La tornade Sonic Mania s’offre une virée sur Nintendo Switch
Mer 16 Aoû - 8:42 par FdN

» Le bricolage de console
Dim 13 Aoû - 19:51 par ElectrOTaKtix

» Super Bomberman R
Lun 10 Juil - 17:57 par sharie123

» STARFOX 2 son créateur enthousiaste!!
Mar 27 Juin - 20:25 par FdN

» E3 2017: Metroid: Samus Return
Mer 14 Juin - 22:37 par Darkside

» E3 2017: Nintendo Spotlight
Mar 13 Juin - 18:57 par FdN

» E3 2017: Mario + The Lapins Crétins Kingdom Battle
Mar 13 Juin - 11:09 par FdN

» Ever Oasis le trailer d'ensemble!
Lun 12 Juin - 8:40 par FdN

» E3 2017: FIFA 2018 version Switch
Lun 12 Juin - 8:32 par FdN

» [JEU] Si j'étais ... , je serais ...
Lun 12 Juin - 8:22 par FdN

» [JEU] Suite de mots
Lun 12 Juin - 8:19 par FdN

» [JEU] Trouvez de quel jeu vient cette image...
Lun 12 Juin - 8:18 par FdN

» La dernière lettre !
Lun 12 Juin - 8:17 par FdN

» NINTENDO PLAYER RECRUTE!!!
Lun 12 Juin - 8:14 par FdN

» E3 2017: Skyrim Switch rend hommage à Zelda BotW
Lun 12 Juin - 8:11 par FdN

» Organiser une session Mario Kart
Jeu 1 Juin - 23:50 par Barrond

» MK8 vs MK8D
Sam 20 Mai - 18:41 par Gruichon

» Qui est chaud pour de nouvelles sessions multijoueurs ?
Mar 2 Mai - 21:30 par Loic2


Partagez • 
 

 [Tutoriel Photoshop] Créer un gif avec une lueur animée

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Darkangellor

Mar 15 Nov - 18:12



Hello,
Aujourd'hui, suite à la demande d'un admin d'un forme de one piece, je vous présente un tuto incluant la manière dont il faut procéder pour avoir un gif avec une lueur animée sur la typo. Sachez que ce tutoriel est pour débutant, mais nécessite cependant les bases fondamentales.
J'ai détaillé et imagé au mieux que je le puisse chaque étape, donc ça devrait aller (enfin je l'espère Wink ).

______________________________________

Etape 1 :

Tout d'abord, munisez-vous d'un fond (pour ça, je ne viendrai pas dans les détails, si vous êtes débutant, un simple dégradé de couleurs suffira).



Etape 2 :

A présent, nous allons rajouter la typo (le texte quoi). Pour info, j'ai utilisé la police Mandigo, gratuitement téléchargeable ici (pour installer la police, faites clic droit/installer sur le fichier téléchargé).
Pour embellir, allez dans "Style de calque" (en double-cliquant sur votre calque "Fond") et rajoutez un contour blanc de 2 px, une incrustation en dégradé (qui inclura les couleurs du 1er/2ème plan). Si vous le souhaitez, vous pouvez aussi rajouter une ombre, mais pas plus (ça alourdirait l'image visuellement).



Etape 3 :

Bon, comme je vous voit bailler (sisi, les deux du fond là), on va commencer à corser les choses... Créez un nouveau calque "Lueur" juste au-dessus du calque "Fond". Sur ce calque, créez un rectangle blanc à la verticale, à l'aide de "L'outil rectangle" et avec un premier plan de couleur blanche.
Cliquez simultanément sur les touches Alt+T afin de transformer votre calque. A coté du petit dessin en forme d'angle sur le haut, entrez le nombre 40 (de cette manière, le rectangle pivotera d'un angle de 40°). Allongez ensuite ce rectangle sur toute la hauteur du document.



Etape 4 :

Toujours dans le calque "Lueur", allez dans l'onglet "Filtres" puis dans "Atténuation"/Flou Gaussien" et appliquez un rayon de 10 px.
Ceci étant fait, ancrez-le calque avec le raccourci Alt+G (en faisant bien attention d'avoir ce calque au-dessus du calque texte).
Vous remarquez ensuite que la lueur n'est affichée que sur le texte (pour ceux qui ne voient plus la lueur, déplacez-la au-dessus de la typo et vous verrez que j'ai raison ^^). Lorsque vous aurez terminé de vous amuser à déplacer la lueur de manière horizontale, vous cacherez le calque en cliquant sur l’icône ressemblant à un œil.



Etape 5 :

Avant de passer à l'animation, nous allons embellir notre image. Commençons par rajouter un contour de 1 px, extérieur et d'opacité 50 % au calque "Fond" (via le "style de calque").
Ceci étant fait, nous allons arrondir les bords. Pour cela, prenez "l'outil rectangle arrondi" avec un rayon de 10 px et un premier plan de la couleur de votre choix. Sur un nouveau calque situé tout en haut, créer donc ce rectangle arrondi en suivant les bords du fond. Il faut que ce soit proprement superposé, donc n'hésitez pas à zoomer et redimensionner avec Ctrl+T afin d'avoir un résultat parfait. Une fois ceci achevé, cliquez tout en restant appuyé sur Ctrl sur l'image situé à côté de votre calque dans la fenêtre de calques. Vous remarquerez que celui sélectionne le contenu de votre calque. Cliquez sur Ctrl+Shift (majuscule)+I, positionnez vous sur le calque "Fond" et appuyer sur "Suppr". Supprimez le calque contenant le rectangle arrondi et vous remarquerez que le fond a la même forme. ^^



Etape 6 :

Maintenant, nous allons passer au reflet sur le haut de l'image. ^^
Pour cela, faites un calque "Reflet" au dessus du calque fond et ancrez-le avec Ctrl+G. Plus la peine de vous expliquer l'utilité de l'ancrage, je pense que vous avez compris. Donc prenez "l'outil ellipse" avec la couleur blanche en premier plan et faites une ellipse s'étendant sur toute la largeur du document. Placez-là comme sur l'image ci-dessous. Baissez ensuite l'opacité du calque "Reflet" à 40 %.



Etape 7 :

On passe maintenant à l'animation. ^^ Avant tout, ouvrez la fenêtre animation en allant dans "Fenêtre" / "Animation" (impressionnant comme démarche, n'est-ce pas ? xD).



Etape 8 :

Bon, cette étape n'en est pas vraiment une, c'est simplement pour vous signaler qu'il faut appuyer sur le bouton que j'ai encadré en rouge s'il s'affiche une fenêtre comme celle que vous avez ci-dessous.



Etape 9 :

Je sens que vous vous ennuyez, passons aux choses sérieuses (je plaisante, la suite n'est pas très compliquée ^^).
Vous devrez à présent apercevoir cette fenêtre là :



Affichez le calque lueur précédemment masqué, et masqué l'arrière-plan (s'il y en a). Placez la lueur à gauche de la typo, de sorte que l'on ne la voit pas. Cliquez ensuite sur le curseur noir à droite de la fenêtre d'animation, puis sur "Nouvelle image". Dans cette fenêtre, il devrait s'afficher une nouvelle case numérotée "2". Décalez ensuite la lueur légèrement vers la droite (en restant appuyé sur la touche Maj) de sorte qu'on la voit légèrement. Créez ensuite une nouvelle image, et déplacez la lueur de quelques pixels vers la droite. Répétez cette étape jusqu'à ce que la lueur soit à l’extrême droite de la typo, donc non visible.



Etape 10 :

Vous avez passé le plus long concernant l'animation. Cliquez sur le curseur noir à droite de la fenêtre animation, puis sur "sélectionner toutes les images". Toutes les images étant sélectionnées, cliquez sur le curseur d'une des cases, et sélectionner la vitesse à laquelle vous souhaitez que la lueur défile (sachant que plus il y a de cases, plus il faut une vitesse importante, donc peu de seconde pour chaque case). Si vous souhaitez mettre une durée ne figurant pas dans les temps proposés, cliquez sur "Autres" et entrez la valeur souhaitée. Vous pouvez faire lire l'animation pour voir ce que ça donne.
Une fois ceci terminé, cliquez sur la dernière case et réglez le temps à 1 seconde. De cette manière, cela marquera une pause et évitera d'avoir une lueur qui défile sans s'arrêter.

(Hmm... Pas d'image cette fois...)


Etape 11 :

Bon, si ça peut vous rassurer, sachez qu'on touche presque à la fin. Il ne reste plus qu'à enregistrer votre fichier. Cliquez donc sur "Fichier" / "Enregistrer pour le web et les périphériques" et laissez les réglages tels quels, sauf pour un critère : En face "d'options de boucle", choisissez toujours pour un gif continu.



Et oui, c'est enfin terminé ! Voici le résultat :





Bon, n'hésitez pas à lancer des commentaires (et désolé pour la clarté du tuto, il y a peut-être trop de texte pour rien dire). ^^


Dernière édition par Darkangellor le Mar 15 Nov - 20:43, édité 1 fois
Voir le profil de l'utilisateur http://lepetitcoindedarkangellor.blogspot.fr/

Galaxyan

Mar 15 Nov - 19:03
Et c'est pour quel photoshop ?
Voir le profil de l'utilisateur http://www.bfplay4free.fr/

Darkangellor

Mar 15 Nov - 19:05
Photoshop en général... Je n'ai pas essayé, mais il doit être bon pour la plupart des versions.
La version que j'utilise actuellement est CS4.
Voir le profil de l'utilisateur http://lepetitcoindedarkangellor.blogspot.fr/

Galaxyan

Mar 15 Nov - 19:10
oki merci du conseil, sa me fait penser que je dois faire une signature pour le fofo
Voir le profil de l'utilisateur http://www.bfplay4free.fr/

ElectrOTaKtix

Mar 15 Nov - 20:12
Pas mal, mais je sais déjà faire ça :p
Mais ce n'est pas un mauvais tutoriel, quoiqu'un peu trop réalisé comparer au tuto qui t'expliques comment réaliser une gif à partir d'une vidéo.
Voir le profil de l'utilisateur

Galaxyan

Mar 15 Nov - 20:22
jvai utiliser ton tuto
Voir le profil de l'utilisateur http://www.bfplay4free.fr/

Ode 14

Jeu 17 Nov - 0:36
Pas très sympa, bon comme Ota je sais le faire aussi, mais ça donne un effet sympa.
Voir le profil de l'utilisateur http://rpg-km.forumactif.com/

ElectrOTaKtix

Jeu 17 Nov - 0:54
Ce qui est dérangeant dans le cas présent, c'est la résolution de l'image qui est basse, ce qui fait que les contours sont accompagnés de pixel blanc.
Voir le profil de l'utilisateur

Darkangellor

Jeu 17 Nov - 17:19
OTaKuro a écrit:
Pas mal, mais je sais déjà faire ça :p
Mais ce n'est pas un mauvais tutoriel, quoiqu'un peu trop réalisé comparer au tuto qui t'expliques comment réaliser une gif à partir d'une vidéo.

Je m'en doute que tu sais déjà faire ça, mais comme je l'ai déjà dit, c'est réservé aux membres débutants, et je l'ai réalisé suite à une demande.
Ensuite, euh, j'ai pas très bien compris le "quoiqu'un peu trop réalisé"...

OTaKuro a écrit:
Ce qui est dérangeant dans le cas présent, c'est la résolution de l'image qui est basse, ce qui fait que les contours sont accompagnés de pixel blanc.

Bon alors, pour la résolution, sache que l'extension GIF se limite à 256 couleurs et la transparence est moins bien gérée qu'en APNG.
Le rendu n'est pas très attrayant ici car le fond de l'image est à l'identique de celui du fow (ça pique même un peu les yeux xD). Ça rend nettement mieux sur un fond blanc, en voici la preuve.
Voir le profil de l'utilisateur http://lepetitcoindedarkangellor.blogspot.fr/

 
[Tutoriel Photoshop] Créer un gif avec une lueur animée
Page 1 sur 1
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
 Sujets similaires
-
» [Tutoriel Photoshop] Créer un gif avec une lueur animée
» [Tutoriel Photoshop] Créer un gif avec une lueur animée
» [Tutoriel] comment faire des montages rapides avec Photoshop
» Tutorial: Bien débuter avec Photoshop
» [Tutoriel Photoshop] Colo numérique à la Dark'
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Sauter vers:  

Partenaires


Actualitesjeuxvideo.frGénération NintendoZeldathon FR
Created by Fandenintendo - Designed & coded by Shadows - Sprites by AbyssWolf - Powered by phpbb
© 2004-2017 Nintendo Player v3
Toute copie partielle ou complète est interdite. Toutes les marques diffusées sur ce site appartiennent à leurs propriétaires respectifs.
Crédits et copyright | FAQ | Contact | RSS