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:38] – ↷ Page déplacée de asso:communication:visuel:reutiliser_logo à asso:visuel:reutiliser_logo qduchemiasso:visuel:reutiliser_logo [2022/10/27 15:47] (Version actuelle) – qduchemi
Ligne 1: Ligne 1:
 +{{indexmenu_n>5}}
 +# Logos
  
 +## 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.)
 +
 +## Généralités 
 +{{ :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.
 +
 +## 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. )
 +
 +Pour le logo principal, il suffit de tout sélectionner avec Ctrl+Alt+A (vérifier qu'il n'y a pas de couches verrouillées) et coller dans l'affiche à réaliser.
 +
 +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 
 +Si tu utilises un outil de dessin non vectoriel (comme GIMP), tu peux exporter le logo avec Ctrl+Shift+E
 +
 +##  Télécharger 
 +<bootnote web>
 +Les logos se trouvent sur [ce dépôt Git](https://gitlab.utc.fr/picasoft/interne/documents/-/tree/master/visuels/general/logos).
 +</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