asso:visuel:reutiliser_logo

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
asso:visuel:reutiliser_logo [2022/10/27 15:40] qduchemiasso:visuel:reutiliser_logo [2022/10/27 15:47] (Version actuelle) qduchemi
Ligne 1: Ligne 1:
 {{indexmenu_n>5}} {{indexmenu_n>5}}
-# Logos Picasoft+# Logos
  
-=== Introduction ===+## Introduction
  
 Le logo de Picasoft représente la tête d'un chat pour faire allusion au mouvement [[https://chatons.org/|CHATONS]]. Le symbole sur son front représente un réseau décentralisé, rappelant l'engagement de l'association envers le mouvement de (re)décentralisation du web illustré par la campagne [[https://degooglisons-internet.org/|Dégooglisons Internet]]. Il a été réalisé avec le logiciel libre [[https://inkscape.org/fr/|Inkscape]]. Cette version définitive prend en compte les suggestions de la Team Com. Quelques versions anciennes sont disponibles [[asso:visuel:histoire_logo|ici]]. La police utilisée est [[https://fontlibrary.org/en/font/comfortaa|Comfortaa]] (Open Font License, Version 1.1.) Le logo de Picasoft représente la tête d'un chat pour faire allusion au mouvement [[https://chatons.org/|CHATONS]]. Le symbole sur son front représente un réseau décentralisé, rappelant l'engagement de l'association envers le mouvement de (re)décentralisation du web illustré par la campagne [[https://degooglisons-internet.org/|Dégooglisons Internet]]. Il a été réalisé avec le logiciel libre [[https://inkscape.org/fr/|Inkscape]]. Cette version définitive prend en compte les suggestions de la Team Com. Quelques versions anciennes sont disponibles [[asso:visuel:histoire_logo|ici]]. La police utilisée est [[https://fontlibrary.org/en/font/comfortaa|Comfortaa]] (Open Font License, Version 1.1.)
  
-=== Généralités ===+## Généralités 
 {{ :com:tuto_inkscape_1.png?800 |}} {{ :com:tuto_inkscape_1.png?800 |}}
  
 Le logo principal contient plusieurs couches pour faciliter son éventuelle édition. Pour ceux qui ne sont pas familiers avec cette notion, les couches peuvent être rendues invisibles (bouton œil) ou verrouillées (bouton cadenas) pour éviter de les modifier lorsqu'on travaille avec d'autres couches. On peut rendre visibles certaines couches pour avoir un sous-titre ou un texte gris au lieu d'un texte en couleurs. Le logo principal contient plusieurs couches pour faciliter son éventuelle édition. Pour ceux qui ne sont pas familiers avec cette notion, les couches peuvent être rendues invisibles (bouton œil) ou verrouillées (bouton cadenas) pour éviter de les modifier lorsqu'on travaille avec d'autres couches. On peut rendre visibles certaines couches pour avoir un sous-titre ou un texte gris au lieu d'un texte en couleurs.
  
----- +## Réutiliser les logos en format SVG 
-=== Réutiliser les logos en format SVG ===+
 Cela permet de modifier plus facilement le logo (changer la couleur du texte, faire un fond circulaire, etc. ) Cela permet de modifier plus facilement le logo (changer la couleur du texte, faire un fond circulaire, etc. )
  
Ligne 19: Ligne 18:
 Pour les logos secondaires, chaque logo est dans un "groupe". Il suffit de cliquer sur un des logos pour le sélectionner.  Pour les logos secondaires, chaque logo est dans un "groupe". Il suffit de cliquer sur un des logos pour le sélectionner. 
  
----- +## Exporter les logos en PNG 
-=== Exporter les logos en PNG ===+
 Si tu utilises un outil de dessin non vectoriel (comme GIMP), tu peux exporter le logo avec Ctrl+Shift+E Si tu utilises un outil de dessin non vectoriel (comme GIMP), tu peux exporter le logo avec Ctrl+Shift+E
  
-Exemple: +##  Télécharger 
----- +
-=== Télécharger ===+
 <bootnote web> <bootnote web>
 Les logos se trouvent sur [ce dépôt Git](https://gitlab.utc.fr/picasoft/interne/documents/-/tree/master/visuels/general/logos). Les logos se trouvent sur [ce dépôt Git](https://gitlab.utc.fr/picasoft/interne/documents/-/tree/master/visuels/general/logos).
 </bootnote> </bootnote>
 +
 +## Versions anciennes du logo
 +Jusqu'à présent, le changement le plus important réalisé au logo a été de remplacer les 5 traits du front du chaton par un élément qui représente l'association. On a choisi un réseau décentralisé (voir [[asso:visuel:reutiliser_logo|Logo actuel]]).
 +
 +{{:com:logo_1_2017-03-16.png?200|}}
 +### Premier logo
 +
 +{{:com:logo_2_2017-03-16.png?200|}}
 +### Alternative au premier logo
 +
 +{{:com:logo_3_2017-03-16.png?400|}}
 +### Logos adaptés pour chaque service
 +
 +{{:com:logo_4_2017-03-16.png?400|}}
 +
 +### Choix de la police
 +{{:com:cat_fonts.png?600|}}
 +
 +1. {{ :com:font-bitstream-type1-1.0.3.tar.bz2 |Courier 10 Pitch }} (Licence Bitstream (licence libre) )
 +
 +2. [[https://fontlibrary.org/en/font/comfortaa|Comfortaa]] (Open Font License, Version 1.1.)
 +
 +3. URW Chancery L (GPL, police préinstallée sous Fedora)
 +
 +4. [[https://fontlibrary.org/en/font/montserrat-alternates|Montserrat Alternates]] (Open Font License, Version 1.1.)
 +
 +5. [[http://www.fontspace.com/kineticplasma-fonts/loogie-hawk|Loogie Hawk]] (Public Domain)
 +
 +Parmi ces 5 possibilités, c'est la police Comfortaa qui a été retenue
  • asso/visuel/reutiliser_logo.1666878033.txt.gz
  • de qduchemi