Changer la couleur des icônes Escal avec Inkscape : tutoriel

Bonjour,

les nouvelles icônes svg peuvent s'adapter facilement à votre charte
graphique. Je viens de mettre en ligne un tutoriel qui explique comment
changer les couleurs :

https://dutailly.net/changer-la-couleur-des-icones-escal-avec-inkscape

Il sera bientôt sur SPIP-Contrib.

Bonne journée (ou ce qu'il en reste) et bonne lecture.

--

Ysabeau
Électron libre

Super ! Merci pour le tutoriel Inkscape

Le 06/03/2019 à 10:46, Ysabeau a écrit :

Bonjour,

les nouvelles icônes svg peuvent s'adapter facilement à votre charte
graphique. Je viens de mettre en ligne un tutoriel qui explique comment
changer les couleurs :

Changer la couleur des icônes Escal avec Inkscape - Tutoriels et logiciels libres

Il sera bientôt sur SPIP-Contrib.

Bonne journée (ou ce qu'il en reste) et bonne lecture.

gimp fait aussi le taf, 3 secondes pour le passer en jaune

Le 06/03/2019 à 11:15, JASEUR BOREAL a écrit :

Super ! Merci pour le tutoriel Inkscape

Le 06/03/2019 à 10:46, Ysabeau a écrit :

Bonjour,

les nouvelles icônes svg peuvent s'adapter facilement à votre charte
graphique. Je viens de mettre en ligne un tutoriel qui explique comment
changer les couleurs :

Changer la couleur des icônes Escal avec Inkscape - Tutoriels et logiciels libres

Il sera bientôt sur SPIP-Contrib.

Bonne journée (ou ce qu'il en reste) et bonne lecture.

_______________________________________________
Spip-avec-escal@rezo.net - https://listes.rezo.net/mailman/listinfo/spip-avec-escal

--

amicalement (^ö^)
secretaire@debian-facile.org
------------------------------------
site: https://chezlagrenouille.fr
chatons:https://www.le-pic.org/

Pas d’accord, gimp va changer la couleur de pixels, là ou Inkscape, peut tout changer, contours, espaces intérieurs, espace extérieur, transparences variées selon le contour, etc …

Essaye de changer aussi rapidement la couleur de ces deux images avec gimp ! Inkscape intervient ici avec des zones avec 50% de transparence, et d’autres non !

ddclpajhfmhepbhi.pngojmognehpinndhmh.png

Le 06/03/2019 à 11:45, momo a écrit :

gimp fait aussi le taf, 3 secondes pour le passer en jaune

Pas de la même façon.

Cette remarque justifie amplement la partie sur ce qu'est une image svg
qui introduit le tutoriel.

Comme l'a fait remarquer Jaseur, dans ce cas la qualité n'est plus la
même. Accessoirement Gimp ne génère pas de fichier svg, il n'est pas
fait pour, du coup cela oblige à tout changer pour adapter le squelette.
En utilisant un logiciel de dessin vectoriel, on garde le format (et le
nom) des icônes et donc on ne touche pas à Escal.

--

Ysabeau
Électron libre

Waouh, super merci pour ce tuto !!
Je vais faire un lien dans mon site.

Une correction à faire néanmoins dans le paragraphe

« Les icônes personnalisées (ou d’autres que vous aurez dessinées à la place), doivent impérativement se trouver dans le dossier du dossier /squelettes/images du site avec exactement le même nom. »

Une autre façon de faire pour modifier plusieurs fichiers en quelques clics :

  • copier les images à modifier dans /squelettes/images
  • avec un éditeur de texte (Notepad++ pour windows ou Bluefish pour Linux) remplacer toutes les occurences de #336699 par #xxxxxx (couleur de votre choix)

Et hop toutes les images passent du bleu d’escal à la couleur voulue

Bon quelques icones utilisent d’autres couleurs mais on peut recommencer pour une autre couleur ou utiliser Inkscape

JC

Euh sauf erreur, Gimp ne permet pas d'enregistrer en svg
Tu vas donc te retrouver avec un png et tu perds les avantages du svg.

JC

Le 06/03/2019 à 11:45, momo a écrit :

gimp fait aussi le taf, 3 secondes pour le passer en jaune

Le 06/03/2019 à 11:15, JASEUR BOREAL a écrit :

Super ! Merci pour le tutoriel Inkscape

Le 06/03/2019 à 10:46, Ysabeau a écrit :

Bonjour,

les nouvelles icônes svg peuvent s'adapter facilement à votre charte
graphique. Je viens de mettre en ligne un tutoriel qui explique comment
changer les couleurs :

Changer la couleur des icônes Escal avec Inkscape - Tutoriels et logiciels libres

Il sera bientôt sur SPIP-Contrib.

Bonne journée (ou ce qu'il en reste) et bonne lecture.

_______________________________________________
Spip-avec-escal@rezo.net - https://listes.rezo.net/mailman/listinfo/spip-avec-escal

Le 06/03/2019 à 13:43, Jean Christophe Villeneuve a écrit :

Waouh, super merci pour ce tuto !!

Merci.

Je vais faire un lien dans mon site.

Une correction à faire néanmoins dans le paragraphe

"Les icônes personnalisées (ou d’autres que vous aurez dessinées à la
place), doivent *impérativement* se trouver dans le dossier du dossier
/squelettes/imagesdu site *avec exactement le même nom*."

J'avais oublié qu'il ne fallait pas mettre une indication entre < et >
sous SPIP (on peut le faire avec le wiki).

Une autre façon de faire pour modifier plusieurs fichiers en quelques
clics :

  * copier les images à modifier dans /squelettes/images
  * avec un éditeur de texte (Notepad++ pour windows ou Bluefish pour
    Linux) remplacer toutes les occurences de #336699 par #xxxxxx
    (couleur de votre choix)

Et hop toutes les images passent du bleu d'escal à la couleur voulue

Je viens d'ajouter une partie avec ça. Un peu plus développée et précise
et accessoirement, Notepadqq est plus facile à utiliser pour ça.

Dois-je préciser, que ceci ne peut absolument pas se faire avec des
images png ou jpg ? Et que c'est uniquement possible parce que le format
svg repose sur le langage xml.

Maintenant il faut que je trouve moyen d'ajouter ça sur spip-contrib.
Mais il n'y a pas urgence.

--

Ysabeau
Électron libre