Comment créer votre propre bouton Démarrer à votre guise

Dans l'article suivant, Quantrimang.com vous expliquera comment créer votre propre bouton Démarrer à votre guise. J'espère que vous avez trouvé cet article utile !

Exigences et outils

Pour commencer, vous devez disposer d'un logiciel de retouche d'image , Photoshop est l'un des plus puissants et des plus connus, mais toute application qui fonctionne avec des bitmaps (BMP) et prend en charge les calques Transparent alpha fonctionnera également très bien.

Note:

Assurez-vous de vérifier les paramètres DPI avant de continuer. Le paramètre DPI (Dots Per Inch) de Windows détermine la taille à laquelle tout ce qui apparaît à l'écran s'affiche, agrandissant ainsi le texte et les boutons sans modifier la résolution de l'écran.

En général, vous pouvez voir le DPI que vous utilisez par la taille du bouton Démarrer et de la barre des tâches actuels. Voici un exemple de la même résolution avec 3 paramètres DPI :

Cependant, si vous n'êtes pas sûr et souhaitez vérifier, faites un clic droit sur le bureau et sélectionnez Résolution d'écran. Dans cette fenêtre, cliquez sur le lien intitulé Agrandir ou réduire le texte et les autres éléments , comme indiqué ici :

La page suivante qui apparaît affiche le paramètre DPI actuellement sélectionné :

En fonction du DPI choisi, vous devrez créer un bouton Démarrer avec l'une des tailles d'image suivantes :

• 100 % DPI - utilisez 54 x 162 px
• 125 % DPI - utilisez 66 x 198 px
• 150 % DPI - utilisez 81 x 243 px

Pour les besoins de ce didacticiel, l'article fonctionnera avec 100 % de DPI standard.

Comment créer votre propre bouton Démarrer à votre guise

Créez une nouvelle image avec les paramètres suivants :

Note:

* Pour s'adapter au bouton Démarrer DPI standard de Windows 7, la taille de l'image doit être de 54 px x 162 px.

* Les paramètres de résolution sont très intéressants. 100 % DPI sous Windows correspond à 96 DPI. Il n'y a aucune différence entre l'utilisation de 72 et 96 DPI , mais certains utilisateurs peuvent préférer utiliser le même DPI que celui utilisé par Windows. Cela dépend entièrement de vous. N'oubliez pas que plus le DPI est élevé, plus la taille du fichier sera grande.

* Laissez le mode couleur sur RBG avec 8 bits par canal.

Lorsque la nouvelle fenêtre d'image s'ouvre, sélectionnez l' outil Remplissage et remplissez l'arrière-plan de noir. En même temps, ouvrez l'image que vous souhaitez utiliser comme bouton Démarrer à côté, comme dans l'exemple ci-dessous :

Remarque : Dans cet exemple, l'article a également ajouté des lignes standard pour diviser l'image en trois parties égales pour les états des boutons (première ligne à 54 px et deuxième ligne à 108 px).

L'étape suivante consiste à préparer l'image à utiliser comme bouton Démarrer. Étant donné que cela nécessite une transparence de calque pour calculer le canal alpha (expliqué plus tard), le bouton que vous souhaitez utiliser ne doit avoir aucune couleur ni arrière-plan derrière lui.

Sélectionnez le bouton correspondant à la méthode que vous souhaitez, comme vu ci-dessous, c'est beaucoup plus simple en zoomant à un niveau raisonnable :

Remarque : Pas besoin de s'inquiéter de choisir trop ou pas assez dans cette étape. Si vous vous retrouvez avec un peu d’arrière-plan supplémentaire, vous pourrez le découper plus tard.

Avec le bouton sélectionné, copiez la sélection dans un nouveau calque et masquez l'ancien calque. Le raccourci clavier Ctrl+ Jest le moyen le plus rapide de procéder. Ce raccourci prendra la zone sélectionnée du calque actuel et la copiera dans un nouveau calque au sein de la même image.

Une fois que vous avez isolé le bouton Démarrer sur son propre calque, il est temps de modifier l'image à la taille appropriée pour le bouton Démarrer. Faites un clic droit sur la barre supérieure de l'image et sélectionnez Taille de l'image.

Note :

• La taille de l'image modifiera la taille de l'image ainsi que son contenu - ce que nous voulons.
• Taille du canevas ne fera que modifier la taille du canevas et le rendre plus petit entraînera un recadrage de l'image - ce que nous ne voulons pas.

Lors du redimensionnement d'images, il y a quelques points importants à garder à l'esprit :

Attention : vous devrez expérimenter avec les tailles d'image ici. Ce paramètre affectera la taille entière de l’image, pas seulement le bouton. Essayez d'abord une largeur de 54 pixels, et si elle est trop grande, vous pouvez la réduire progressivement à partir de là.

Vérifiez le paramètre Résolution de cette image et assurez-vous qu'il correspond aux 72 pixels par pouce que vous avez sélectionnés précédemment pour le bouton Démarrer.

Une fois que vous êtes satisfait de la taille du bouton, faites glisser le bouton modifié dans la fenêtre d'image du bouton Démarrer d'origine et placez-le dans l'un des trois blocs définis par les lignes standard. Le résultat ressemble à ceci :

Remarque : Après avoir redimensionné l'image auparavant, les bords peuvent parfois paraître un peu drôles. Dans ce cas, la frontière est encore très fine. Maintenant que le bouton a la taille souhaitée, coupez la bordure restante comme bon vous semble.

Selon l'image utilisée, zoomer et utiliser l'outil Gomme d'une taille de 15 px et d'une dureté de pinceau de 50 % fonctionne généralement bien dans ce cas.

Une fois que vous avez terminé de modifier l'image, il est temps de la dupliquer dans 3 états de boutons. Vous vous retrouverez avec 3 icônes, comme indiqué ci-dessous :

Remarque : Voici une astuce pour que ces icônes soient correctement alignées :

1 - En commençant par le bouton dans le bloc supérieur, appuyez sur Ctrl+ Jpour dupliquer.

2 - Maintenez ensuite Shift+ et appuyez 5Ctrl fois sur la flèche vers le bas .

3 - Maintenez enfoncé Ctrl, relâchez et appuyez 4Shift fois sur la flèche vers le bas .

Maintenir Shiftet Ctrldéplacera le calque de 10 pixels, maintenir simplement Ctrlle déplacera de 1 pixel. La méthode ci-dessus garantit que votre bouton se déplace vers le bas de 54 pixels.

Vient maintenant la partie amusante et dépend entièrement de vous : créer l’état du bouton. L'idée de trois états de bouton est simple : le haut est l'état statique, le milieu est l'état de survol et le bas est l'état de clic.

Essayez de ne pas trop toucher le bouton du haut et restez simple. Faisons un peu attention à la sphère au milieu et améliorons-la. Appliquez quelques effets en appuyant sur le bouton du bas pour le terminer.

Le résultat final sera différent pour tout le monde, mais voici un exemple de création d'un état de bouton très simple, en utilisant les effets Outer Glow, Inside Glow et Satin :

Remarque : Conservez les calques de droite dans le même ordre que les boutons de l'image (calque supérieur pour la sphère supérieure, calque inférieur pour la sphère inférieure, etc.). Cela aide à voir quelle couche fait quoi, pourquoi, comment et toutes les autres choses que les gens aiment.

Attention : Ne laissez pas les effets aller trop loin ! La barre des tâches n'est pas aussi grande que l'image de démarrage de 54 x 162 pixels, ce qui vous fera réfléchir. Essayez de garder les boutons Démarrer à environ 9 ou 10 pixels de la bordure de chaque bloc. Voici un exemple de bordure de 9 px autour du bouton Démarrer :

Maintenant, vous devez fusionner tous les boutons Démarrer en un seul calque pour préparer le calque Alpha. Maintenez enfoncé Ctrlet cliquez une fois sur le nom de chaque calque du bouton Démarrer pour les sélectionner. Notez que l'arrière-plan n'est pas sélectionné ici. Avec les boutons Démarrer sélectionnés, cliquez avec le bouton droit et sélectionnez Fusionner visible.

Cette étape vous donnera un seul calque avec tous les états du bouton Démarrer et leurs effets uniques sur un seul calque au-dessus de l'arrière-plan. Pour préparer le calque Alpha, sélectionnez d’abord le contenu du calque du bouton Démarrer. Maintenez Ctrlet cliquez une fois sur l'aperçu du calque du bouton Démarrer. Notez que le pointeur de la souris change lorsque vous maintenezCtrl :

Remarque : Si vous avez fait cela correctement, vous devriez voir un indicateur de sélection autour des trois états du bouton Démarrer, comme vu ci-dessus.

Dans Calques, il y a un onglet appelé Canaux. Cliquez sur cet onglet. Les canaux de couleur sont utilisés pour stocker la quantité de chaque couleur primaire que chaque pixel contient dans une image RVB (Rouge Vert Bleu). Puisque 3 canaux ne suffisent pas, l'exemple créerait un quatrième canal qui ne stocke pas les couleurs (c'est vraiment technique, sachez simplement que vous en avez besoin).

Cliquez sur le bouton Créer une nouvelle chaîne au bas de cette section. Photoshop saura ce que vous voulez qu'il fasse :

À ce stade, sélectionnez le canal Alpha 1 nouvellement créé et voyez le bouton Démarrer. Vous ne pouvez pas les voir, mais ça va maintenant. Ce calque déterminera quelles parties de l'image BMP Explorer affichera (zones blanches) et masquera (zones noires) lorsque le bouton Démarrer sera terminé.

Basculez vers l' outil Pinceau , réglez-le sur au moins 100 px, la dureté n'a pas d'importance ici et remplissez la sélection de blanc (autant que possible). Notez comment la sélection précédente a suivi l'effet de lueur et n'a permis qu'à une certaine quantité de blanc d'être dessinée sur le canal Alpha. Cela adoucira les bords du bouton Démarrer.

Attention : si les bords semblent un peu durs sur le canal alpha à ce stade, vous souhaiterez peut-être revenir au moment où l'application a été appliquée aux boutons Démarrer et les calques ont été fusionnés pour vous assurer d'avoir l'image réelle souhaitée.

À ce stade, vous avez pratiquement terminé de créer votre bouton Démarrer. Resélectionnez le canal RVB, désélectionnez la sélection et revenez aux calques. Si vous êtes prêt avec votre bouton Démarrer, il est temps de l'enregistrer.

Dans le menu Fichier, sélectionnez Enregistrer ou utilisez simplement le raccourci clavier Ctrl+ S. Dans la boîte de dialogue Enregistrer , entrez un nom amusant pour le bouton Démarrer, assurez-vous que Canaux Alpha est sélectionné, puis cliquez sur Enregistrer.

À l'étape suivante, assurez-vous que vous enregistrez un bitmap Windows et qu'il est enregistré au format 32 bits.

Dernière étape

Maintenant, votre bouton Démarrer est terminé. Vous pouvez utiliser n'importe quel changeur de bouton Démarrer pour le définir sur l'état actif dans la barre des tâches. Vous devez utiliser l' outil Win 7 Start Button Changer 2.6 pour cela, ou tout autre utilitaire que vous aimez.

Remarque : Vous devez utiliser l'application de Kishan. La version 2.6 a été mise à jour pour modifier l'image du bouton Démarrer pour tout paramètre DPI. Assurez-vous simplement d'utiliser une image avec la taille correcte pour le DPI que vous utilisez. Comme indiqué ci-dessus :

• 100 % DPI - utilisez 54 x 162 px
• 125 % DPI - utilisez 66 x 198 px
• 150 % DPI - utilisez 81 x 243 px

Le bouton Démarrer créé dans l'exemple ressemblera à ceci :

Remarque : Les personnes n'ayant pas Photoshop peuvent également utiliser GIMP pour ce faire.

Et voici le bouton de menu avec l'icône Quantrimang.com après avoir suivi les étapes ci-dessus :

Même si les instructions de cet article concernent Windows 7, je l'ai quand même très bien fait sous Windows 10. Sous Windows 10, vous pouvez utiliser le logiciel StartIsBack++ pour modifier l'icône du menu Démarrer comme ce guide pour modifier le bouton Démarrer de Windows 10 .

J'espère que vous réussirez.