Come Creare Un Pulsante

Sommario:

Come Creare Un Pulsante
Come Creare Un Pulsante

Video: Come Creare Un Pulsante

Video: Come Creare Un Pulsante
Video: Tre modi per collegare un pulsante ad Arduino #17 2024, Maggio
Anonim

Se decidi da solo di creare un pulsante per la barra di navigazione del tuo sito, è abbastanza semplice farlo utilizzando il programma Adobe Photoshop. Di conseguenza, otterrai un bel pulsante che puoi regolare nel colore e in altri parametri esattamente per il design del tuo sito.

Come creare un pulsante
Come creare un pulsante

Istruzioni

Passo 1

Crea un nuovo documento nel programma (File - Nuovo o File - Nuovo). Ora cambia il documento in modalità grigio, per questo seleziona Immagine - Modalità - Scala di grigi. Ora, usando lo strumento Rettangolo, crea un rettangolo che corrisponda alle dimensioni del tuo pulsante futuro. Ora metti l'immagine in modalità RGB. Apri la tavolozza RBG (a sinistra) e imposta tutti i valori su 170. Riempi il rettangolo con il grigio.

Passo 2

Ora fai clic su Immagine - Modalità - Bitmap per mettere l'immagine in modalità Bitmap. Nella finestra Bitmap, nell'elenco Usa, selezionare il valore Retino mezzitoni. Dovrebbe aprirsi un'altra finestra. In questa finestra impostare i seguenti valori dei parametri:

Frequenza: 256

Linee / pollice

Angolo: 45

Forma/Rotondo

Ti ritroverai con un rettangolo punteggiato di stelle.

Passaggio 3

Ora riporta l'immagine alla modalità Scala di grigi (Immagine - Modalità - Scala di grigi). Impostare il rapporto di dimensione 1. Riportare l'immagine in modalità RBG. Applica il filtro Stilizzazione - Fmd bordi.

Passaggio 4

Quindi applica il filtro Sfocatura - Sfocatura movimento, in esso imposta i seguenti parametri:

Angolo - 36

Distanza - 19

Questi valori sono facoltativi, puoi accettare i tuoi, a seconda del risultato che vuoi ottenere alla fine. Questo vale per tutti i parametri forniti in questo manuale: prova a sperimentare e vedi cosa ottieni, forse sarai soddisfatto di qualche altra opzione, diversa da quella con cui finirà l'autore dell'istruzione.

Passaggio 5

Ora colora la tua immagine. Per fare ciò, seleziona Immagine - Regolazioni - Tonalità / Saturazione. Lì, seleziona la casella accanto a Colora e, spostando le leve, seleziona il colore del bordo desiderato per il tuo pulsante.

Passaggio 6

Ora seleziona la parte sporgente del pulsante con lo strumento Selezione rettangolare e rendilo un po' più leggero. Per fare ciò, cambia le curve dell'immagine - Immagine - Regolazioni - Curve.

Passaggio 7

Se il risultato è già soddisfacente per te, puoi fermarti qui e considerare che il tuo pulsante è finito. Ma se lo desideri, puoi modificare un po' di più l'immagine per renderla migliore.

Passaggio 8

Per fare questo, dobbiamo sbarazzarci degli angoli tagliati. Seleziona lo strumento Selezione rettangolare e seleziona l'area del pulsante che ti serve (senza angoli brutti) e copia (Modifica - Copia o usa la scorciatoia da tastiera Ctrl + C). Quindi premi Ctrl + V per incollare quello copiato su un nuovo livello. Applica immagine - Ruota tela - Capovolgi orizzontalmente.

Passaggio 9

Seleziona nuovamente il frammento desiderato, copia e applica nuovamente Immagine - Ruota tela - Capovolgi orizzontalmente. Pertanto, l'immagine tornerà al suo aspetto originale. Ora elimina questo frammento (di norma, questo è il livello più in alto nel pannello dei livelli). Ora incolla lo snippet dagli appunti usando Modifica - Incolla. Trascina il pezzo sul bordo sinistro del tuo pulsante, rendi il bordo rettangolare. Fai lo stesso con l'angolo destro.

Passaggio 10

Ora devi aggiungere del testo al pulsante. Per fare ciò, usa lo strumento di testo per creare l'iscrizione necessaria, cambiando il colore in uno più appropriato. Applica un filtro Sfocatura al pulsante per sfocarlo leggermente.

Consigliato: