Come creare il tuo pulsante Start come preferisci

Nel seguente articolo, Quantrimang.com ti guiderà come creare il tuo pulsante Start come preferisci. Spero che tu abbia trovato utile questo articolo!

Requisiti e strumenti

Per iniziare, devi avere un software di editing delle immagini , Photoshop è uno dei più potenti e conosciuti, ma qualsiasi applicazione che funzioni con bitmap (BMP) e supporti i livelli trasparenti alfa funzionerà bene.

Nota:

Assicurati di controllare le impostazioni DPI prima di continuare. L'impostazione DPI (punti per pollice) in Windows determina la dimensione con cui viene visualizzato tutto sullo schermo, ingrandendo il testo e i pulsanti senza modificare la risoluzione dello schermo.

In generale, puoi vedere il DPI che stai utilizzando in base alla dimensione del pulsante Start e della barra delle applicazioni correnti. Ecco un esempio della stessa risoluzione con 3 impostazioni DPI:

Tuttavia, se non sei sicuro e desideri ricontrollare, fai clic con il pulsante destro del mouse sul desktop e seleziona Risoluzione dello schermo. In questa finestra, fai clic sul collegamento denominato Ingrandisci o rimpicciolisci testo e altri elementi , come mostrato qui:

La pagina successiva visualizzata mostra l'impostazione DPI attualmente selezionata:

A seconda del DPI scelto, dovrai creare un pulsante Start con una delle seguenti dimensioni immagine:

• DPI al 100%: utilizza 54 x 162 px
• 125% DPI: utilizza 66 x 198 px
• 150% DPI: utilizza 81 x 243 px

Ai fini di questo tutorial, l'articolo funzionerà con DPI standard al 100% .

Come creare il tuo pulsante Start come preferisci

Crea una nuova immagine con le seguenti impostazioni:

Nota:

* Per adattarsi al pulsante Start DPI standard di Windows 7, la dimensione dell'immagine deve essere 54 px x 162 px.

* Le impostazioni della risoluzione sono molto interessanti. Il 100% DPI in Windows è 96 DPI. Non c'è alcuna differenza tra l'utilizzo di 72 e 96 DPI , ma alcuni utenti potrebbero preferire utilizzare gli stessi DPI utilizzati da Windows. Questo dipende completamente da te. Ricorda solo che maggiore è il DPI, maggiore sarà la dimensione del file.

* Lasciare la modalità colore come RBG con 8 bit per canale.

Quando si apre la finestra della nuova immagine, seleziona lo strumento Riempimento e riempi lo sfondo con il nero. Allo stesso tempo, apri l'immagine che desideri utilizzare come pulsante Start accanto ad essa, come nell'esempio seguente:

Nota: in questo esempio, l'articolo ha aggiunto anche delle linee standard per dividere l'immagine in tre parti uguali per gli stati dei pulsanti (prima riga a 54px e seconda riga a 108px).

Il passaggio successivo consiste nel preparare l'immagine da utilizzare come pulsante Start. Poiché ciò richiede la trasparenza del livello per calcolare il canale alfa (spiegato più avanti), il pulsante che desideri utilizzare non deve avere alcun colore o sfondo dietro di esso.

Seleziona il pulsante corrispondente al metodo che preferisci, come mostrato di seguito, questo è molto più semplice quando si ingrandisce a un livello ragionevole:

Nota : non è necessario preoccuparsi di scegliere troppo o troppo poco in questo passaggio. Se ti ritrovi con un po' di sfondo in più, puoi ritagliarlo in seguito.

Con il pulsante selezionato, copia la selezione su un nuovo livello e nascondi il vecchio livello. La scorciatoia da tastiera Ctrl+ Jè il modo più veloce per farlo. Questa scorciatoia prenderà l'area selezionata del livello corrente e la copierà su un nuovo livello all'interno della stessa immagine.

Dopo aver isolato il pulsante Start sul proprio livello, è il momento di modificare l'immagine nella dimensione appropriata per il pulsante Start. Fare clic con il tasto destro sulla barra superiore dell'immagine e selezionare Dimensione immagine.

Nota :

• Dimensione immagine cambierà la dimensione dell'immagine insieme al suo contenuto, ovvero ciò che vogliamo.
• Dimensioni tela modificherà solo le dimensioni della tela e riducendola si causerà il ritaglio dell'immagine, cosa che non vogliamo.

Quando si ridimensionano le immagini, ci sono alcuni punti importanti da tenere a mente:

Avvertenza: dovrai sperimentare le dimensioni delle immagini qui. Questa impostazione influenzerà l'intera dimensione dell'immagine, non solo il pulsante. Prova prima una larghezza di 54px e, se è troppo grande, puoi ridurla gradualmente da lì.

Controlla l' impostazione Risoluzione per questa immagine e assicurati che corrisponda ai 72 pixel per pollice selezionati in precedenza per il pulsante Start.

Una volta che sei soddisfatto della dimensione del pulsante, trascina il pulsante modificato nella finestra dell'immagine del pulsante Start originale e posizionalo in uno dei tre blocchi definiti dalle linee standard. Il risultato è simile al seguente:

Nota: a causa del precedente ridimensionamento dell'immagine, a volte i bordi possono sembrare un po' strani. In questo caso, qui c'è ancora un bordo molto sottile. Ora che hai il pulsante della dimensione desiderata, ritaglia il bordo rimanente nel modo che preferisci.

A seconda dell'immagine utilizzata, l'ingrandimento e l'utilizzo dello strumento Gomma con una dimensione di 15 px e una durezza del pennello del 50% di solito funzionano bene in questo caso.

Una volta terminata la modifica dell'immagine, è il momento di duplicarla in 3 stati del pulsante. Ti ritroverai con 3 icone, come mostrato di seguito:

Nota : ecco un suggerimento per mantenere queste icone allineate correttamente:

1 - Iniziando con il pulsante nel blocco superiore, premi Ctrl+ Jper duplicare.

2 - Quindi tieni premuto Shift+ Ctrle premi la freccia giù 5 volte.

3 - Tenere premuto Ctrl, rilasciare Shifte premere la freccia giù 4 volte.

Tenendo premuto Shifte Ctrlsi sposterà il livello di 10 pixel, semplicemente tenendolo premuto Ctrllo si sposterà di 1 pixel. Il metodo sopra riportato garantisce che il pulsante si sposti verso il basso di 54 pixel.

Ora arriva la parte divertente e dipende completamente da te: costruire lo stato del pulsante. L'idea dei tre stati dei pulsanti è semplice: quello in alto è lo stato statico, quello al centro è lo stato al passaggio del mouse e quello in basso è lo stato del clic.

Cerca di non toccare troppo il pulsante in alto e mantienilo semplice. Prestiamo un po' di attenzione alla sfera al centro e facciamola sembrare migliore. Applica alcuni effetti premendo il pulsante in basso per completarlo.

Il risultato finale sarà diverso per ognuno, ma ecco un esempio di creazione di uno stato di pulsante molto semplice, utilizzando gli effetti Bagliore esterno, Bagliore interno e Satinato :

Nota : mantieni i livelli a destra nello stesso ordine dei pulsanti nell'immagine (livello superiore per la sfera superiore, livello inferiore per la sfera inferiore, ecc.). Aiuta a vedere quale livello sta facendo cosa, perché, come e tutte le altre cose che piacciono alle persone.

Avvertenza : non lasciare che gli effetti vadano troppo lontano! La barra delle applicazioni non è grande quanto l'immagine iniziale di 54 x 162 px, il che ti farà meravigliare. Prova a mantenere i pulsanti Start entro circa 9 o 10 pixel dal bordo di ciascun blocco. Ecco un esempio di un bordo di 9px attorno al pulsante Start:

Ora devi unire tutti i pulsanti Start in un unico livello per prepararti al livello Alpha. Tieni premuto Ctrle fai clic una volta sul nome di ciascun livello del pulsante Start per selezionarli. Tieni presente che lo sfondo non è selezionato qui. Con i pulsanti Start selezionati, fare clic con il pulsante destro del mouse e selezionare Unisci visibili.

Questo passaggio ti fornirà un singolo livello con tutti gli stati del pulsante Start e i loro effetti unici su un singolo livello sopra lo sfondo. Per preparare il livello Alpha, seleziona prima il contenuto del livello del pulsante Start. Tieni premuto Ctrle fai clic una volta sull'anteprima per il livello del pulsante Start. Tieni presente che il puntatore del mouse cambia quando tieni premuto Ctrl:

Nota : se lo hai fatto correttamente, dovresti vedere un indicatore di selezione attorno a tutti e tre gli stati del pulsante Start, come visto sopra.

In Livelli c'è una scheda chiamata Canali. Fare clic su questa scheda. I canali di colore vengono utilizzati per memorizzare la quantità di ciascun colore primario contenuto in ciascun pixel in un'immagine RGB (Rosso Verde Blu). Poiché 3 canali non sono sufficienti, l'esempio creerebbe un quarto canale che non memorizza i colori (questo è davvero tecnico, sappi solo che ne hai bisogno).

Fai clic sul pulsante Crea nuovo canale nella parte inferiore di questa sezione. Photoshop saprà cosa vuoi che faccia:

A questo punto seleziona il canale Alpha 1 appena creato e vedi il pulsante Start. Non puoi vederli, ma va bene adesso. Questo livello determinerà quali parti dell'immagine BMP Explorer mostrerà (aree bianche) e nasconderà (aree nere) una volta completato il pulsante Start.

Passa allo strumento Pennello , impostalo su almeno 100px, la durezza non ha importanza qui e riempi la selezione con il bianco (il più possibile). Notate come la selezione precedente seguiva l'effetto bagliore e consentiva solo di disegnare una certa quantità di bianco sul canale alfa. Renderà più morbidi i bordi del pulsante Start.

Avvertenza: se in questa fase i bordi sembrano un po' duri sul canale alfa, potresti voler tornare a quando l'applicazione è stata applicata ai pulsanti Start e i livelli sono stati uniti per assicurarti di avere l'immagine reale desiderata.

A questo punto, hai praticamente finito di costruire il tuo pulsante Start. Riseleziona il canale RGB, deseleziona la selezione e torna a Livelli. Se sei pronto con il pulsante Start, è ora di salvarlo.

Dal menu File, seleziona Salva o utilizza semplicemente la scorciatoia da tastiera Ctrl+ S. Nella finestra di dialogo Salva , inserisci un nome divertente per il pulsante Start, assicurati che sia selezionato Canali alfa e fai clic su Salva.

Nel passaggio successivo, assicurati di salvare una bitmap di Windows e che sia salvata come 32 bit.

Ultimo passo

Ora il pulsante Start è completo. È possibile utilizzare qualsiasi cambia pulsante Start per impostarlo sullo stato attivo sulla barra delle applicazioni. Dovresti utilizzare lo strumento Win 7 Start Button Changer 2.6 per questo o qualsiasi altra utilità che ti piace.

Nota : dovresti usare l'applicazione di Kishan. La versione 2.6 è stata aggiornata per modificare l'immagine del pulsante Start per qualsiasi impostazione DPI. Assicurati solo di utilizzare un'immagine con le dimensioni corrette per il DPI che stai utilizzando. Come sopra annotato:

• DPI al 100%: utilizza 54 x 162 px
• 125% DPI: utilizza 66 x 198 px
• 150% DPI: utilizza 81 x 243 px

Il pulsante Start creato nell'esempio sarà simile al seguente:

Nota : anche le persone senza Photoshop possono utilizzare GIMP per farlo.

Ed ecco il pulsante del menu con l'icona Quantrimang.com dopo aver seguito i passaggi precedenti:

Anche se le istruzioni in questo articolo sono per Windows 7, l'ho comunque fatto molto bene su Windows 10. Su Windows 10, puoi utilizzare il software StartIsBack++ per modificare l'icona del menu Start come questa guida per modificare il pulsante Start di Windows 10 .

Spero che tu abbia successo.