Assistance › Comment créer/modifier les skins et thèmes de couleurs de l'application
Si vous avez ne serait-ce que des compétences artistiques de base, vous pouvez créer des skins/thèmes pour AllMyNotes Organizer. Lisez ci-dessous les détails sur leur création. Nous offrons même une licence Deluxe Edition pour AllMyNotes Organizer afin d'encourager la création de nouveaux skins, aux deux conditions suivantes :
1. Le skin, le thème ou même un petit élément doit être suffisamment réussi pour être distribué avec l'application, publié sur notre site Web ou, au minimum, comporter certains éléments que nous jugerons intéressants à intégrer dans d'autres skins ;
2. Fournissez-nous le fichier source de vos éléments graphiques (fichier .psd). Nous en avons besoin, car nous ajoutons régulièrement des éléments graphiques et de nouvelles icônes. Sans ce fichier, nous ne pourrons pas assurer la maintenance du skin.
--- Comment créer des skins pour AllMyNotes Organizer (guide provisoire) ---
Les fichiers de skins se trouvent dans c:\Program Files\AllMyNotes Organizer\Skins older. Vous y trouverez actuellement deux skins - Holy Crown et Deep. Chacun se trouve dans un dossier distinct.
Chaque dossier contient deux fichiers :
1. SkinInfo.ini - il contient toutes les couleurs et mesures du skin.
2. Fichier .png des éléments graphiques du skin. Les coordonnées des contrôles dans cette image bitmap sont enregistrées dans SkinInfo.ini
Pour créer un nouveau skin :
1. Copiez l'un des skins existants dans un autre dossier
2. Dans le fichier copié, renommez le skin dans SkinInfo.ini - consultez l'entrée FileDescription. Il est préférable que le nom du dossier et celui du skin soient identiques. C'est à peu près tout : à partir de là, vous pouvez modifier les couleurs, peindre l'image bitmap, etc.
Autres conseils :
1. En général, nous créons les skins dans PhotoShop au format .psd. Cela permet d'appliquer des effets avancés et de profiter des effets de calques et de la transparence. Une fois l'image bitmap du skin terminée, nous exportons les données vers le fichier .png du skin. Il est fortement déconseillé de travailler exclusivement avec des fichiers .png : c'est fastidieux pour le graphiste et difficile à faire évoluer par la suite.
2. N'hésitez pas à contacter Vladonai Software pour obtenir des ressources. Nous pouvons vous fournir les éléments graphiques déjà utilisés dans nos skins, ainsi que d'autres conseils tirés de notre expérience.
Le contenu de l'image bitmap et de SkinInfo.ini est explicite, les noms des entrées sont clairs et nous avons ajouté des libellés sur l'image pour simplifier la création de nouveaux skins. Si vous avez besoin d'informations sur la signification des icônes dans les barres d'outils, menus, boutons ou l'arborescence, veuillez nous contacter : nous vous fournirons volontiers les détails et d'autres ressources.
P.S. Voici un exemple visuel rapide montrant comment les coordonnées de l'image sont représentées dans le fichier SkinInfo.ini :
Anatomie du fichier SkinInfo.ini
SkinInfo.ini est un fichier texte brut composé de lignes Name=Value, regroupées en sections : informations sur l'habillage, thèmes de couleurs, couleurs, éditeur de texte, dimensions, polices et carte de l'image bitmap (toutes les entrées SB_*). Les lignes commençant par ** ou // sont des commentaires - un endroit pratique pour conserver une ancienne valeur plutôt que de la supprimer. Les couleurs peuvent être indiquées au format #RRGGBB (copié directement depuis Photoshop) ou R,G,B - #FFFFFF et 255,255,255 représentent le même blanc.
Ne modifiez pas ProjectSignature ni RequiredAppBuildNumber : ces paramètres indiquent à l'application qu'il s'agit d'un habillage AllMyNotes et précisent la version de compilation requise. Modifiez FileDescription - c'est le nom de l'habillage affiché dans le menu.
Thèmes de couleurs : un habillage, vingt ambiances
Un habillage ne se limite pas à une seule apparence. Chaque ligne ThemeEffects_N est une recette : lors du chargement du thème, l'application prend l'image bitmap de l'habillage et lui applique une série de filtres, de gauche à droite, avant de commencer l'affichage. Le fichier .png sur le disque ne change jamais. C'est ainsi que Holy Crown propose les thèmes Sepia, Gold, Coffee, Blueprint et Night Vision à partir d'une seule image - un seul bitmap, aucun travail graphique supplémentaire, et Photoshop n'en a même rien su.
Le format : le nom du thème entre guillemets doubles, suivi des effets séparés par |. ThemeEffects_Default (sans nom) s'applique à l'habillage lui-même. Numérotez les thèmes 1, 2, 3... sans interruption - l'application les lit jusqu'au premier numéro manquant. Un thème placé après un numéro manquant sera donc ignoré sans avertissement. Les lignes ThemeEffectsM3_N fonctionnent de la même manière et nécessitent AllMyNotes 3 ou une version ultérieure. Les thèmes de couleurs sont une fonctionnalité de l'édition Deluxe.
Du blanc au noir en une seule ligne
Vous souhaitez créer une version sombre d'un habillage clair ? Inutile de repeindre le moindre pixel. INVERTBRIGHTNESS transforme le clair en sombre tout en conservant les teintes : le bleu reste bleu, il passe simplement en mode nuit. Un simple INVERT transformerait aussi vos bleus en orange - amusant une minute, avant que vos yeux ne déposent une réclamation. Ajoutez SCALELUMA pour éviter d'obtenir un résultat complètement noir, ainsi qu'un peu de GRAYSCALE pour atténuer les couleurs qui se mettent soudain à briller dans l'obscurité :
Les thèmes "Night Vision Glow" et "Night Vision Gray" de Holy Crown sont créés exactement de cette façon. N'oubliez pas les couleurs du texte : les filtres modifient le bitmap, tandis que les couleurs de la section Couleurs restent inchangées - un FontColor gris foncé sur un fond devenu sombre est une façon très élégante de vous cacher vos propres notes.
Les effets que vous pouvez enchaîner
| Effet | Ce qu'il fait |
|---|---|
| AUTOLEVELS | Étend la plage de luminosité à l'ensemble des valeurs 0-255. Le bouton « rendre l'image moins délavée ». |
| GRAYSCALE | Supprime les couleurs ; GRAYSCALE40 n'en retire que 40%. Passage instantané en mode professionnel sérieux. |
| SEPIA | Des tons de photographie ancienne. Vos notes d'hier semblent soudain avoir été écrites en 1890. |
| INVERT, INVERTBRIGHTNESS | INVERT inverse toutes les couleurs (comme un négatif photographique), tandis que INVERTBRIGHTNESS inverse uniquement le clair et le sombre - idéal pour les thèmes sombres. |
| BLUEPRINTLIGHT, BLUEPRINTDARK | BLUEPRINTLIGHT / BLUEPRINTDARK - un aspect de plan d'ingénieur. Des notes avec lesquelles on pourrait presque construire un pont. |
| ADJUSTLEVELS | ADJUSTLEVELS:min,max,midSrc,midDst (0-255) - ajuste les tons moyens : 0,255,150,110 les assombrit, 0,255,150,190 les éclaircit. |
| BRIGHTNESSCONTRAST | BRIGHTNESSCONTRAST:b,c (-255..255, 0 = aucun changement). Exactement ce que son nom indique. |
| HUESATURATIONLIGHTNESS | HUESATURATIONLIGHTNESS:h,s,l - décalage de teinte de -360..360, saturation et luminosité en pourcentage. Faites pivoter la teinte de 180 et tout l'habillage passe de l'autre côté du cercle chromatique. |
| REPLACECOLOR | REPLACECOLOR:#from,#to,fuzziness - remplace une couleur par une autre ; le paramètre de tolérance 0..180 détermine le degré de ressemblance accepté. Les thèmes Gold, Coffee, Pink et Sea de Holy Crown reposent tous sur cette même astuce, avec une valeur #to différente. |
| SCALELUMA | SCALELUMA:min,max (0-1000) - comprime la luminosité dans une plage : 250,950 = rendu plus net, 0,500 = luminosité limitée à la moitié, le choix des oiseaux de nuit. |
| SCALESATURATION | SCALESATURATION:min,max (0-1000) - le même principe pour la saturation : augmentez la valeur minimale et les couleurs pâles gagnent en caractère. |
Les principaux éléments et ce qui se passe quand vous les modifiez
Voici quelques entrées de Holy Crown, ce qu'elles contrôlent et ce à quoi vous attendre lorsque vous les modifiez :
| Entrée | Ce qui change (et les effets secondaires) |
|---|---|
| WindowBackgroundColor=#DAE1F0 | Le fond derrière tous les panneaux. Changez-le et toute l'application change d'ambiance, comme une pièce avec un nouveau papier peint. |
| FontColor=#636363 | La couleur principale du texte. Donnez-lui la même valeur que ViewBackgroundColor et vous aurez inventé l'encre invisible - excellente pour les secrets, moins pour la productivité. |
| MenuFontColor=#6080BD MenuSelectionColor=#a9beef MenuBackgroundColor=#FAFAFA | Le texte des menus, la barre de sélection sous le pointeur de la souris et le fond des menus. Choisissez une couleur éclatante pour la sélection et chaque passage dans un menu devient une petite discothèque. |
| TextEditorSelectionColor=#f6d595 TextEditorInactiveSelectionColor=#f8ebd3 | Le surlignage que vous appliquez en sélectionnant du texte dans une note (la version inactive est utilisée lorsque l'éditeur n'a pas le focus). Choisissez une couleur sombre et le texte sélectionné devient illisible au moment précis où vous souhaitez le copier. |
| TreeOutlineColorHighlighted=#D0BF91 | Le contour arrondi autour du dossier sélectionné dans l'arborescence. Un discret panneau « vous êtes ici ». |
| DistBetweenControls=4 DistBetweenCtlAndBorder=5 | Les espacements entre les panneaux et entre les panneaux et les bordures de la fenêtre, en pixels. Avec 4, tout reste bien rapproché ; avec 40, les panneaux s'éloignent comme des continents. |
| FontNormalName=Amelian.TTF FontMenuName=segoepr.ttf FontEditName=TENAHB48.TTF FontWndTitleName=Orbitbn.ttf FontWndTitleBolded=TRUE FontHintName=Amelian.TTF | Un habillage peut fournir ses propres polices pour cinq éléments : le texte standard de l'interface (FontNormal), les menus (FontMenu), l'éditeur de notes (FontEdit), les titres des fenêtres (FontWndTitle, avec FontWndTitleBolded=TRUE) et les info-bulles (FontHint). Sans ces entrées, la police du système est utilisée. Le fichier .ttf est recherché dans le dossier de l'habillage ou dans le dossier Fonts de Windows (c'est de là que provient Segoe Print, segoepr.ttf). Segoe Print dans les menus est charmante pendant exactement une journée ; Orbitbn.ttf dans le titre de la fenêtre donne un air de tableau de bord de vaisseau spatial un peu plus longtemps. Les entrées ...Size fonctionnent toujours, mais il est désormais beaucoup plus facile de régler la taille du texte dans les paramètres de l'application - laissez donc l'habillage choisir la police et l'utilisateur choisir la taille. |
| SkinBitmap=HolyCrown.png SB_Button_NormalCoord=69,108 SB_Button_LeftPieceWidth=10 SB_ScrollBarWidth=16 | Toutes les entrées commençant par SB_ pointent vers des éléments du fichier .png : Coord indique les coordonnées x,y du pixel supérieur gauche de l'élément ; les largeurs LeftPiece / Fill / RightPiece définissent son découpage - les extrémités sont dessinées telles quelles, tandis que la partie centrale est étirée. Modifiez une dimension ici sans déplacer les pixels dans le .png, et l'application découpera l'image aux mauvais endroits - votre habillage entrera alors dans sa période Picasso. |
Voir rapidement vos modifications dans l'application
AllMyNotes lit SkinInfo.ini et le fichier .png à deux moments seulement : au démarrage et lorsque vous choisissez un habillage ou un thème dans le menu Apparences. Enregistrer le fichier ne suffit donc pas. Heureusement, inutile de redémarrer l'application après chaque ajustement :
1. Modifiez SkinInfo.ini (ou exportez le .png), puis enregistrez le fichier.
2. Dans le menu Apparences, choisissez n'importe quel autre habillage ou thème, puis sélectionnez à nouveau le vôtre. Chaque sélection relit les fichiers sur le disque. Le second clic affiche donc vos modifications - environ une seconde pour l'aller-retour.
Sélectionner l'habillage déjà coché ne produit absolument aucun effet - l'application estime poliment qu'il n'y a rien à changer. Faites toujours un « aller-retour ».
La liste des habillages du menu est créée une seule fois par session. Après avoir ajouté un dossier d'habillage ou renommé un habillage (FileDescription) ou un thème, redémarrez donc AllMyNotes pour voir le nouveau nom. Et si votre habillage ressemble soudain exactement à Holy Crown, c'est que l'application n'a pas pu charger votre fichier et a rétabli l'habillage par défaut - vérifiez la dernière ligne que vous avez modifiée.
Conseil : le dossier Skins se trouve dans Program Files, où Windows peut refuser l'enregistrement des fichiers. Lancez votre éditeur en tant qu'administrateur ou travaillez avec la version portable, dont les habillages se trouvent dans un dossier ordinaire.
Remarque : l'édition Lite est limitée à 2 skins, tandis que l'édition Deluxe propose davantage de thèmes.
Amusez-vous bien ! :-)