[color=#33CC00][size=5]Créer un Logon[/size]

[size=4]Comment créer soi même des logons[/size]

Ce tuto, de part sa taille, se divisera en plusieurs parties. En voici le sommaire :

- I ) Prise en main rapide

- 1.1 Téléchargement et installation de Logon Studio (gratuit)
- 1.2 Sélection et installation d’un logon

- II ) Création d’un logon personnalisé

- 2.1 Création et réglages des paramètres
- 2.2 Edition des options de Panels
- 2.3 Edition des options de Messages
- 2.4 Edition des options de Buttons
- 2.5 Edition des options de Pictures
- 2.6 Edition des options de Scroolbar
- 2.7 Edition des options de User
- 2.8 Edition du fichier Theme.ini
- 2.9 Export du logon pour distribution

[size=4]- I ) Prise en main rapide[/size]

[size=3]- 1.1 Téléchargement et installation de Logon Studio[/size]

Pour télécharger LogonStudio, rendez-vous sur le site de Stardock à l’adresse suivante :

[url=https://www.stardock.com/products/logonstudio/]Stardock: LogonStudio - Customize your logon screen![/url]

Une fois le logiciel téléchargé, double cliquer dessus et suivez les instructions qui s’affichent à l’écran.


[size=3]- 1.2 Sélection et installation d’un logon[/size]

Pour installer un logon, lancé le logiciel et choisissez-en un dans la liste présente a gauche, un aperçu de celui-ci apparaît dans la fenêtre de droite.
Pour l’installer, cliquez simplement sur le bouton « Apply »



[size=4]- II )Création d’un logon personnalisé[/size]

[size=3]- 2.1 Création et réglages des paramètres[/size]

Venons en au fait, pour créer un logon, il vous faudra tout d’abord, lancer LogonStudio, puis appuyer sur le bouton intitulé ‘New’.



Une fois le bouton appuyé, vous arrivez à cette fenêtre, renseignez alors les champs demandés.
Name : Le titre que vous souhaitez donner à votre Logon
Author : Votre nom ou votre pseudo
Author Email : Votre Email
Author Webpage : Votre site ou page perso
Version : Si c’est votre tout premier inscrivez « 1.0 »
Revision : Si vous faites une modification de votre logon, c’est ici qu’il faudra l’inscrire sous la forme « 0.1 » ou « 0.2 » suivant le nombre de fois qu’il y a eu modification
Notes : Et ben ici vous notez ce que vous voulez, dédicace à votre Maman, bisous à votre copine, et bien sur vous pouvez aussi ne rien mettre.



Pour l’ensemble de ces renseignements, sachez qu’ils sont tous facultatif, ne pas renseigner ces champs ne vous empêchera pas de créer votre Logon
Ceci fait, appuyer sur OK, une nouvelle fenêtre apparaîtra avec un message, qui, traduit en Français signifie à peu près ceci :

Un nouveau dossier avec le nom de votre Logon vient d’être créer dans le dossier d’installation.

Vous pouvez choisir de ne plus afficher ce type d’avertissement lors de la création de vos prochains Logons, en cochant la case radio « Do not show this message again », qui signifie en gros « Ne plus afficher ce message à l’avenir »



[size=3]- 2.2 Edition des options de Panels[/size]

L’édition de Panels se décompose en quatre options :

- Top Panels
- Center Panels
- Bottom Panels
- Dividers

Voici à quoi correspondent ces options que nous éditerons une par une.



2.2.1 Première option : Top Panel

En cliquant sur cette option, cela nous ouvre d’autres options dans le cadre en dessous (voir la capture)



Voici en quoi consistent les options :

Pictures : En cliquant sur cette option vous pouvez choisir d’afficher une image à la barre de ce simple fond bleu uni. Une nouvelle fenêtre s’ouvrira avec deux options :

- Edit : Cette option n’est pas nécessaire (et pas activée) car il n’y a pas d’image par défaut.
- Browse : Comprenez ‘Parcourir’, il vous suffira d’aller chercher l’image que vous souhaitez afficher à la place de cette couleur bleue.

Mask Colors : Il s’agit de la couleur que LogonStudio n’affichera pas, choisissez une couleur que ne contient pas votre image. Par exemple, si votre image est majoritairement verte, choisissez un masque de couleur rouge. Car si vous choisissez la même couleur que votre image, LogonStudio, lors de l’application du logon, affichera cette couleur dans un rose très voyant…

First Color : Si vous souhaitez faire un dégradé de couleurs dans votre barre, cette option agira sur la couleur partant de la gauche.

Last Color : Si vous souhaitez faire un dégradé de couleurs dans votre barre, cette option agira sur la couleur partant de la droite.

Style : Dans cette option vous pouvez choisir entre deux options, mais uniquement si vous avez attribué un dégradé à votre barre :

- 0) Tiled – Mets votre dégradé en mosaïque
- 6) Stretched – Dégradé étiré


Height : Il s’agit de la hauteur de votre barre, entrez sa taille en pixel

Visible : Vous avez le choix entre true (vrai) et false (faux). Choisissez ‘True’ pour afficher votre barre et ‘false’ pour la masquer.

[color=#FF0000]Note Importante :[/color] Il est intéressant de mettre la valeur Visible sur False si vous voulez par exemple afficher un wall en plein écran.

2.2.2 Deuxième option : Center Panel

En cliquant sur cette option, cela nous ouvre d’autres options dans le cadre en dessous (voir la capture)



Voici en quoi consistent les options :

Pictures : En cliquant sur cette option vous pouvez choisir d’afficher une image à la place du dégradé de bleus par défaut de Windows. Une nouvelle fenêtre s’ouvrira avec deux options :

- Edit : Cette option n’est pas nécessaire (et pas activée) car il n’y a pas d’image par défaut.
- Browse : Comprenez ‘Parcourir’, il vous suffira d’aller l’image que vous souhaitez afficher à la place du dégradé de Windows

Mask Colors : Il s’agit de la couleur que LogonStudio n’affichera pas, choisissez une couleur que ne contient pas votre image. Par exemple, si votre image est majoritairement verte, choisissez un masque de couleur rouge. Car si vous choisissez la même couleur que votre image, LogonStudio, lors de l’application du logon, affichera cette couleur dans un rose très voyant…

First Color : Si vous souhaitez faire un dégradé de couleurs remplaçant celui de Windows, cette option agira sur la couleur partant du coin supérieur gauche.

Last Color : Si vous souhaitez faire un dégradé de couleurs remplaçant celui de Windows, cette option agira sur la couleur partant du coin inférieur droit.

Style : Dans cette option vous pouvez choisir entre trois options :

- 0) Tiled – Mets votre dégradé en mosaïque
- 1) Fixed – Valeur par défaut, dégradé normal
- 6) Stretched – Dégradé étiré

Pic Width : Il s’agit de la largeur de votre image, entrez sa taille en pixel.
Pic Height : Il s’agit de la hauteur de votre image, entrez sa taille en pixel.

Logo Picture : Avec cette option vous pouvez choisir d’afficher, soit le logo de Windows en cliquant sur la case radio ‘Use picture’, soit afficher votre propre logo que vous pouvez importer à partir du bouton ‘Browse’.

Logo/Welcome : En cliquant sur cette option, vous pouvez choisir où vous souhaitez afficher votre logo sur votre Logon, vous avez le choix entre neuf positions, pour choisir la position de votre logo, il vous suffit de cliquer sur une des case représentant l’emplacement de votre image. Voici à quoi cela ressemble :



2.2.3 Troisème option : Bottom Panel

En cliquant sur cette option, cela nous ouvre d’autres options dans le cadre en dessous (voir la capture)



Ces options sont similaires à l’option Top Panel, voici en quoi elles consistent :

Pictures : En cliquant sur cette option vous pouvez choisir d’afficher une image à la barre de ce simple fond bleu uni. Une nouvelle fenêtre s’ouvrira avec deux options :

- Edit : Cette option n’est pas nécessaire (et pas activée) car il n’y a pas d’image par défaut.
- Browse : Comprenez ‘Parcourir’, il vous suffira d’aller l’image que vous souhaitez afficher à la place de cette couleur bleue.

Mask Colors : Il s’agit de la couleur que LogonStudio n’affichera pas, choisissez une couleur que ne contient pas votre image. Par exemple, si votre image est majoritairement verte, choisissez un masque de couleur rouge. Car si vous choisissez la même couleur que votre image, LogonStudio, lors de l’application du logon, affichera cette couleur dans un rose très voyant…

First Color : Si vous souhaitez faire un dégradé de couleurs dans votre barre, cette option agira sur la couleur partant de la gauche.

Last Color : Si vous souhaitez faire un dégradé de couleurs dans votre barre, cette option agira sur la couleur partant de la droite.

Style : Dans cette option vous pouvez choisir entre deux options, mais uniquement si vous avez attribué un dégradé à votre barre :

- 0) Tiled – Mets votre dégradé en mosaique
- 6) Stretched – Dégradé étiré

Height : Il s’agit de la hauteur de votre barre, entrez sa taille en pixel

Visible : Vous avez le choix entre true (vrai) et false (faux). Choisissez ‘True’ pour afficher votre barre et ‘false’ pour la masquer.

[color=#FF0000]Note Importante [/color]: Il est intéressant de mettre la valeur Visible sur False si vous voulez par exemple afficher un wall en plein écran.

2.2.4 Quatrième option : Dividers

En cliquant sur cette option, cela nous ouvre d’autres options dans le cadre en dessous (voir la capture)



A l’aide de ces options, vous pouvez modifier ou choisir de ne pas afficher ces minces liserés qui apparaissent comme sur la capture ci contre :



Top Picture : En cliquant sur cette option vous pouvez choisir d’afficher une image ou non. Une nouvelle fenêtre s’ouvrira avec deux options :

- Edit : Cette option vous servira à modifier la barre existante
- Browse : Comprenez ‘Parcourir’, il vous suffira d’aller l’image que vous souhaitez afficher à la place de celle par défaut.

Bottom Picture : En cliquant sur cette option vous pouvez choisir d’afficher une image ou non. Une nouvelle fenêtre s’ouvrira avec deux options :

- Edit : Cette option vous servira à modifier la barre existante
- Browse : Comprenez ‘Parcourir’, il vous suffira d’aller l’image que vous souhaitez afficher à la place de celle par défaut.

Center Picture : En cliquant sur cette option vous pouvez choisir d’afficher une image ou non. Une nouvelle fenêtre s’ouvrira avec deux options :

- Edit : Cette option vous servira à modifier la barre existante
- Browse : Comprenez ‘Parcourir’, il vous suffira d’aller l’image que vous souhaitez afficher à la place de celle par défaut.

[size=3]- 2.3 Edition des options de Messages[/size]


L’édition de Messages se décompose en six options :

- Welcome
- ShutDown
- Notice
- Login Notice
- User Name
- User Status

Voici à quoi correspondent ces options que nous éditerons une par une.



2.3.1 Première option : Welcome

Maintenant que vous savez qu’à chaque fois que vous cliquerez sur une option dans le cadre supérieur, il apparaît d’autres options dans le cadre inférieur, je ne ferais plus de captures afin de ne pas encombrer le tuto d’images inutiles.
Pour en revenir à l’option WELCOME il s’agit du message d’accueil du logon, vous pouvez y modifier quatre options :

Caption : Modifier le texte (welcome) par défaut pour afficher le votre.
Forecolor : Vous pouvez modifier ici la couleur du texte.
Font : Vous pouvez modifier ici la police par défaut.
Shadowcolor : Il s’agit de la couleur de l’ombre du texte.

2.3.2 Deuxième option : ShutDown

Ici, trois options modifiables :

Caption : Modifier le texte (Turn off computer) par défaut pour afficher le votre.
Forecolor : Vous pouvez modifier ici la couleur du texte.
Font : Vous pouvez modifier ici la police par défaut.

2.3.3 Troisième option : Notice

Ici, trois options modifiables :

Caption : Modifier le texte (After you log on, you can add or change accounts.
Just go to Control Panel and click User Accounts.) par défaut pour afficher le votre.
Forecolor : Vous pouvez modifier ici la couleur du texte.
Font : Vous pouvez modifier ici la police par défaut.

2.3.4 Quatrième option : Login Notice :

Une seule option nommée ‘Caption’ vous permet de modifier le texte à votre guise, ou simplement ne rien écrire pour ne rien faire apparaître.

2.3.5 Cinquième option : User Name :

Il s’agit de l’affichage de votre pseudo ou session, il y a deux options :

Forecolor : Vous pouvez modifier ici la couleur du texte.
Font : Vous pouvez modifier ici la police par défaut.

2.3.6 Sixième option : User Status :

Cette option affiche, quand votre session est fermée, le nombre d’applications en cours d’éxécutions, il y a deux options modifiables :

Forecolor : Vous pouvez modifier ici la couleur du texte.
Font : Vous pouvez modifier ici la police par défaut.

[size=3]2.4 Edition des options de Buttons[/size]

L’édition de Buttons se décompose en six options :

- ShutDown
- Go
- Go selected
- Help
- Help Selected
- Undock

Toutes ces options sont en fait que des images qui composent les boutons du Logon, voici à quoi elles correspondent



2.4.1 Première option : ShutDown

Le bouton ShutDown est le bouton qui sert à éteindre le PC
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer le bouton existant ‘Edit’, soit la possibilité d’importer votre propre bouton ‘Browse’
Pour rappel, la dimension de ce bouton est de 26x26 pixels par défaut.

2.4.2 Deuxième option : Go

Le bouton Go est le bouton qui joue le role de la touche [Enter]
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer le bouton existant ‘Edit’, soit la possibilité d’importer votre propre bouton ‘Browse’
Pour rappel, la dimension de ce bouton est de 26x26 pixels par défaut.

2.4.3 Troisème option : Go Selected

Comme précedement, cette option vous permet de modifier le même bouton mais à son état cliqué.
Pour rappel, la dimension de ce bouton est de 26x26 pixels par défaut.

2.4.4 Quatrième option : Help

Le bouton Help est le bouton d’aide symboliser par un point d’interrogation.
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer le bouton existant ‘Edit’, soit la possibilité d’importer votre propre bouton ‘Browse’
Pour rappel, la dimension de ce bouton est de 28x28 pixels par défaut.

2.4.5 Cinquième option : Help Selected

Comme précedement, cette option vous permet de modifier le même bouton mais à son état cliqué.
Pour rappel, la dimension de ce bouton est de 28x28 pixels par défaut.

2.4.6 Sixième option : Undock

Le bouton Undock est en fait le bouton qui joue le rôle de l’ascenseur dans le cas d’un pc multisessions
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer le bouton existant ‘Edit’, soit la possibilité d’importer votre propre bouton ‘Browse’
Pour rappel, la dimension de ce bouton est de 26x26 pixels par défaut.

[size=3]2.5 Edition des options de Pictures[/size]

L’édition de Pictures se décompose en trois options :

- UserIcon
- UserIconSelected
- PasswordEdit

Toutes ces options sont en fait que des images qui composent le cadre de saisi de mot de passe, voici à quoi elles correspondent :



2.5.1 Première option : UserIcon

Il s’agit de l’image qui illustre le fond du cadre de votre avatar.
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer l’image existante ‘Edit’, soit la possibilité d’importer votre propre image ‘Browse’
Pour rappel, la dimension de cette image est de 58x58 pixels par défaut

2.5.2 Deuxième option : UserIconSelected

Il s’agit de la même image que précédemment mais cliquée.
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer l’image existante ‘Edit’, soit la possibilité d’importer votre propre image ‘Browse’
Pour rappel, la dimension de cette image est de 58x58 pixels par défaut

2.5.3 Première option : PasswordEdit

Il s’agit de l’image qui illustre le cadre du champ de saisi de votre mot de passe.
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer l’image existante ‘Edit’, soit la possibilité d’importer votre propre image ‘Browse’
Pour rappel, la dimension de cette image est de 171x26 pixels par défaut

[size=3]2.6 Edition des options de ScrollBar[/size]

L’édition de ScrollBar se décompose en trois options :

- ButtonUp
- ButtonDown
- Body

Toutes ces options sont en fait que des images qui composent le cadre avec ascenseur qui contient tout les comptes utilisateurs.

2.6.1 Première option : ButtonUp

Il s’agit de l’image qui illustre le bouton montant de l’ascenseur
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer le bouton existant ‘Edit’, soit la possibilité d’importer votre propre bouton ‘Browse’
Pour rappel, la dimension de cette image est de 17x17 pixels par défaut

[color=#FF0000]Note importante :[/color] La couleur rose de valeur hexadécimale #FF00FF qui apparaît sur le bouton une fois édité, est la couleur qui n’apparaîtra pas lors de l’application du Logon, elle sera transparente.

2.6.2 Deuxième option : ButtonDown

Il s’agit de l’image qui illustre le bouton descendant de l’ascenseur
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer le bouton existant ‘Edit’, soit la possibilité d’importer votre propre bouton ‘Browse’
Pour rappel, la dimension de cette image est de 17x17 pixels par défaut

Note importante : La couleur rose de valeur hexadécimale #FF00FF qui apparaît sur le bouton une fois édité, est la couleur qui n’apparaîtra pas lors de l’application du Logon, elle sera transparente.

2.6.3 Troisième option : Body

Il s’agit de l’image qui illustre la barre de l’ascenseur
En cliquant sur cette option, cela vous ouvre une nouvelle fenêtre avec soit la possibilité d’éditer l’image existante ‘Edit’, soit la possibilité d’importer votre propre image ‘Browse’
Pour rappel, la dimension de cette image est de 17x331 pixels par défaut

[color=#FF0000]Note importante[/color] : La couleur rose de valeur hexadécimale #FF00FF qui apparaît sur le bouton une fois édité, est la couleur qui n’apparaîtra pas lors de l’application du Logon, elle sera transparente.

[size=3]2.7 Edition des options de User[/size]

L’édition de User contient une seule option :

- UserAccount

2.7.1 UserAccount

Ici sept options modifiables :

Account : Il s’agit ici de définir la position de votre cadre de saisi de mot de passe sur l’écran, vous avez le choix entre 9 emplacements différents, il suffit de clique sur l’option et une nouvelle fenêtre va s’ouvrir ressemblant à ceci :



Vous n’aurez alors plus qu’à cliquer sur l’emplacement de votre choix.

BackColor : Il s’agira de la couleur de fond de votre cadre de mot de passe. Cliquer dans l’options, une nouvelle fenêtre s’ouvre avec le choix des couleurs, choisissez et validez.

Panel Width : Il s’agit un peu de la même option que Account, la valeur en pourcentage défini la position de votre cadre de saisi dans la fenêtre, ainsi 100% mettra votre cadre pile au milieu de la fenêtre et 50 pourcents dans le cadre droit de la fenêtre.

[color=#FF0000]Note importante et amusante [/color]: Ne saisissez pas une valeur négative, j’ai voulu essayer avec -50% et en applicant le Logon, je me suis retrouvez avec mon cadre de saisi de mot de passe hors écran, donc impossible de saisir mon mot de passe, j’ai essayer de régler le problème avec la touche [Tab] pour alterner mais ça ne fonctionnais pas.

Solution : Après 3 minutes et 23 secondes de recherche acharnée, un simple [Ctrl] [Alt] [Supp] corrige le problème

Frame Picture : Il s’agit de la grande image qui illustre le fond du cadre de votre mot de passé, voici une capture pour mieux comprendre :



Alpha Normal : Il s’agit de la valeur de transparence de la Frame Picture quand il ne se passe rien et que votre mulot n’est pas dessus
Plus la valeur sera faible, plus la FramePicture sera transparente.

Alpha Mouse : Il s’agit de la valeur de transparence de la Frame Picture quand vous la survolée avec la souris.
Plus la valeur sera faible, plus la FramePicture sera transparente.

Alpha Selected : Il s’agit de la valeur de transparence de la Frame Picture quand vous cliquez dessus.
Plus la valeur sera faible, plus la FramePicture sera transparente.

[size=3]2.8 Edition du fichier Theme.ini[/size]

Pour peaufiner votre Logon, vous pouvez éditer le fichier Theme.ini.
Allez dans le menu Logon puis Edit Theme.ini
Ce fichier contient toutes les infos que vous avez saisi lors de la création de votre logon par l’interface de LogonStudio.
Vous souhaitez certainement créer un Logon en Français, vous avez donc la possibilité par l’intermédiaire de ce fichier de modifier les info bulles qui apparaîtront lors du survol des comptes, par exemple quand vous survolez un compte avec la souris ou
si vous vous trompez de mot de passe, une info bulle apparaît, mais par l’interface de LogonStudio vous ne pouvez pas changer ceci, ce fichier .ini est votre dernier recours pour un logon totalement Français.
Bonne traduction

Voilà, la création de votre Logon est finalement terminé, maintenant il ne vous reste qu’a l’enregistrer en appuyant sur le bouton Save



[size=3]2.9 Export du logon pour distribution[/size]

Vous venez maintenant de créer le Logon de vos rêves et vous souhaiter de le diffuser à la planète entière ?
Pas de paniques voici un pas pour exporter votre Logon.

Apres avoir enregistrer votre Logon, ouvrez LogonStudio et dans la liste des Logons disponibles, sélectionnez le votre.
Ensuite cliquez sur le bouton Export, comme sur la capture ci-dessous :



Une nouvelle fenêtre s’ouvrira vous demandant de choisir le dossier dans lequel vous souhaitez exporter votre Logon, spécifiiez le et validez, il ne reste plus qu’à le poster sur le net


[size=4]Fin[/size]
[/color]