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
» Suivez l'E3 en direct sur NINTENDO PLAYER
Mar 12 Juin - 8:02 par Fandenintendo

» NINTEN'TALK le retour des Podcast sur NINTENDO PLAYER!
Mar 12 Juin - 7:56 par Fandenintendo

» Starfox s'envole avec Starlink!
Mar 12 Juin - 7:46 par Fandenintendo

» Dragalia Lost
Lun 7 Mai - 10:08 par xsaga2001

» Détective Pikachu !
Lun 29 Jan - 8:30 par Fandenintendo

» Nintendo Labo!! ???
Lun 29 Jan - 8:30 par Fandenintendo

» Miitomo
Lun 29 Jan - 8:29 par Fandenintendo

» Karloxe
Lun 29 Jan - 7:31 par xsaga2001

» Pokémon Shuffle
Jeu 18 Jan - 9:34 par xsaga2001

» Pokémon : Magicarpe Jump
Jeu 18 Jan - 9:27 par xsaga2001

» Nintendo Direct ?
Jeu 11 Jan - 19:09 par xsaga2001

» UNE DATE DE SORTIE POUR YO-KAI WATCH SUR N3DS!
Mar 9 Jan - 17:23 par xsaga2001

» YO-KAI WATCH DANCE NOOOOON!!!!!
Mar 9 Jan - 17:15 par xsaga2001

» Forum sur les mangas de clamp
Mar 9 Jan - 14:35 par xsaga2001

» Magicarpe Jump
Mar 9 Jan - 14:08 par xsaga2001

» Camp Pokémon
Mar 9 Jan - 14:06 par xsaga2001

» Nintendo Switch Online
Mar 9 Jan - 13:58 par xsaga2001

» [JEU] Lettres de l'alphabet et univers jeux-vidéo
Mar 9 Jan - 8:01 par xsaga2001

» La dernière lettre !
Mar 9 Jan - 7:59 par xsaga2001

» [JEU] Le nom de l'anime est...
Mar 9 Jan - 7:57 par xsaga2001

» Que.....
Mar 9 Jan - 7:46 par xsaga2001

» D'où provient votre pseudo ?
Mar 9 Jan - 7:32 par xsaga2001

» [JEU] Savez-vous compter jusqu'à 1000
Mar 9 Jan - 7:16 par xsaga2001

» Quel membre est....
Mar 9 Jan - 7:15 par xsaga2001

» Topic des prenoms
Lun 8 Jan - 19:39 par Fandenintendo

» Vos jeux du moment
Lun 8 Jan - 19:37 par Fandenintendo

» Vous êtes?
Lun 8 Jan - 12:08 par xsaga2001

» Votre dernier jeu acheté...
Lun 8 Jan - 11:59 par xsaga2001

» les jeux the legend of zelda que vous avez
Lun 8 Jan - 11:08 par xsaga2001

» Votre explorer....
Lun 8 Jan - 10:51 par xsaga2001

» Votre meilleur console
Lun 8 Jan - 10:49 par xsaga2001

» LUSH
Lun 8 Jan - 10:41 par xsaga2001

» manger du jeux video c'est bon!XD
Lun 8 Jan - 10:40 par xsaga2001

» [Top 5] Vos Jeux Nintendo Préférés.
Lun 8 Jan - 10:35 par xsaga2001

» Que faites-vous en dehors du forum?
Lun 8 Jan - 10:23 par xsaga2001

» Olive et Tom de retour cette année!!
Dim 7 Jan - 21:55 par xsaga2001

» Hey au fait vous avez eut quoi pour Noël??
Dim 7 Jan - 21:53 par xsaga2001

» Nintendo Player Awards III : Le Meilleur Jeu SNES
Dim 7 Jan - 21:42 par xsaga2001

» [JEU] Trouvez de quel jeu vient cette image...
Dim 7 Jan - 21:35 par xsaga2001

» Super Mario Land 2 de retour en Color!
Dim 7 Jan - 21:33 par xsaga2001


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/

Contenu sponsorisé


 
[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 
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