Après avoir discuté une énième fois sur Discord de nos graphs et techniques et patati et patata, l'idée de créer un topic forum avec des tips et astuces pour grapher a été mentionnée... Et honnêtement, c'est loin d'être con. C'est l'occasion d'échanger des astuces, des liens, et de s'entraider à faire mieux.

Attention : le but de ce topic n'est pas de montrer qu'on a la plus grosse en graphisme, ni d'aider à s'améliorer ceux qui s'y connaissent déjà bien. L'entraide, c'est aussi expliquer aux gens qui n'y connaissent rien mais qui voudraient s'y mettre comment faire. Du coup, si vous avez des questions en graph, que vous comprenez pas tel ou tel truc, que vous n'arrivez pas à faire ceci ou cela, n'hésitez pas à MP forum ou Discord une des personnes qui aura posté dans ce topic : on sera heureux de vous aider !

De même, si vous êtes souhaitez être "Parrain.e graph" et faire savoir aux gens qui viennent ici que vous êtes disposés à les aider (et ce même sans poster d'astuces à la suite de ce message), n'hésitez pas à m'envoyer un message sur le forum ou sur Discord, et je vous ajouterai à la liste pour que ce soit plus simple de s'y retrouver pour quelqu'un qui aurait une question ! Pas besoin d'être une bête du graph', à partir du moment où vous en faites un peu c'est déjà suffisant pour pouvoir transmettre ça à quelqu'un qui voudrait vous poser des questions !

Du coup ça fait double post mais bon, c'est mieux de séparer la description de base du topic et mon poti tips...

Perso, j'utilise Photoshop.

Et dessus, l'un de mes trucs favoris, ce sont les "courbes de transfert de dégradé".

Pour les trouver, c'est juste là:




Celle que j'utilise le plus se trouve dans la catégorie "Violets", et c'est sur la dernière ligne, l'avant-dernier de la liste:




Pour faire simple, une fois que c'est ajouté, vous n'avez qu'à voir pour l'inverser ou non, juste ici:




Et avec ça, il vous suffit de jouer avec l'effet que vous lui appliquez (par défaut c'est "Normal", juste à côté de l'opacité) pour avoir des rendus différents. N'hésitez pas à check l'opacité du filtre si jamais il y a un rendu qui vous plait mais que vous trouvez trop puissant.

Ce violet là permet de faire pas mal de trucs, allant de rendre l'image plus colorée, à plus de contraste, ou alors au contraire la tamiser un peu, lui donner un aspect pastel, etc... Amusez-vous, et n'hésitez pas à en tester d'autres !!

Logiciel : Photoshop CC 2017 (les noms de menus varient un peu selon les versions, mais ca devrait pas être dérangeant)
Objectif : Manipuler les gifs
But : Faire le moins d'efforts possibles

Ok soldat, on va essayer tous les deux ensemble de mettre un gif sur un avatar sans se prendre la tête Mon photoshop est en anglais et j'ai une flemme maximale donc pas de screens, mais on va gérer sans.

1/ Ouvrir le gif. On va pas aller s'embêter à faire Fichier truc machin chose, tu enregistres le gif sur ton pc et tu fais clic droit -> ouvrir avec Photoshop.
Pour l'exemple on utilisera lui : www

2/ Fais ton avatar ou ta base d'avatar tranquillou, sans pression. Perso je vais faire une petite base simple, comme ça, je peux caser le gif ensuite et voir si je veux rajouter des trucs après.
Exemple : www
Note : C'est cool, Soul Eater.

3/ On retourne sur le gif. Bon, génial, mon truc a 45 calques et il bouge pas. Pour le gérer correctement et le regarder bouger, on va aller sur Fenêtre -> Animation. Ca ouvre une interface où on voit tous les petits calques à la suite. Y a un petit bouton play pour le regarder bouger.

Ensuite, tous ces calques, là. Pour pas avoir à les gérer un par un, on va les mettre dans un petit groupe. Première étape, Sélection -> Tous les calques. Deuxième étape, Calque -> Associer les calques. (Y a des raccourcis clavier et des ptites icones mais je les confonds tous herm)

Maintenant, les 45 calques sont dans un joli petit dossier, bien pratique puisque tous les effets appliqués au "groupe" seront aussi appliqués à chaque calque individuellement. Faut pas hésiter à vérifier au fur et à mesure si ça marche bien d'ailleurs.

4/ Appliquer le gif à l'avatar. Techniquement, c'est plus facile de faire l'inverse : appliquer l'avatar au gif. Suffit de recadrer le gif comme on veut (en le rognant ou en le rétrécissant), et de copier/coller le petit avatar immobile par dessus, en dehors du groupe-de-calques-du-gif sinon ca va etre chiantos.
Note : C'est vraiment chouette, Soul Eater. On pourrait bien sûr commencer par ouvrir le gif et faire son avatar sur le même fichier -en mettant l'image et ses retouches dans leur propre petit groupe par ex- mais moi ça m'embrouille. C'est le genre de trucs où chacun fait ce qui lui plaît, comme dans la chanson.

4,5/ Partant de là, suivant le gif que vous avez choisi et l'effet que vous voulez faire, à peu près tout est possible. Un bon moyen d'intégrer un gif qui a un fond sombre c'est de coller son image par dessus, et de choisir le mode de fusion "superposition".  Les modes "produit", "incrustation", "lumière tamisée" peuvent aussi donner des effets sympas - pour l'exemple je vais utiliser superposition.

5/ Les finitions. J'ai rajouté un texte et des aliens violets très moches.

6/ Enregistrer le résultat. On peut pas juste enregistrer sous format .gif sur Photoshop, parce qu'il faut que le logiciel comprenne qu'on veut un résultat qui bouge à la fin. Donc là, on fait Fichier -> Exporter -> Enregistrer pour le Web. Ca ouvre une maxi fenêtre et j'y pige rien, donc je vais pas m'attarder dessus : on clique sur Enregistrer, on nomme son petit fichier, et on rajoute .gif à la fin pour lui donner son extension.

7/ On admire le résultat.


*****

Comment trouver des gifs : c'est comme toutes les ressources, faut fouiller les internets. Le mot clé "overlay" fait des miracles. On peut aussi s'amuser à incruster d'autres types de gif, comme des trucs d'anime, des effets paillettes claqués au sol, BHL qui se prend une tarte, etc

Comment appliquer le gif sur une seule partie de l'image : une fois que le gif est au chaud dans son petit groupe, vous avez pas mal de liberté. Pour le mettre dans un carré par exemple, suffirait de faire un carré noir, placer le groupe du gif au dessus et le mettre en superposition. Ce genre de choses. L'étape 4 peut avoir beaucoup de variantes, mais je laisserai à d'autres le soin de les détailler.

Mon gif devient fou / mes effets sont différents entre le premier calque et le 18ème / tel truc s'affiche mal dans l'animation : Javo.exe a cessé de fonctionner, veuillez contacter le Support Client. (perso je bidouille jusqu'à ce que ca marche comme je veux)