Nwlapcug.com


Come creare pulsanti semi-trasparenti

Semi-trasparenza consente di visualizzare i pulsanti che non sono né completamente trasparente né opaco. Esso è spesso utilizzato per vetro o gelatina pulsanti nelle pagine Web. Il pulsante mantiene la sua funzionalità e aspetto nonostante la sua trasparenza. Editor di immagini come Adobe Photoshop, Adobe Fireworks o Corel Paint Shop Pro hanno controlli di livello di opacità per impostare semi-trasparenza di un'immagine. La trasparenza viene mantenuta quando si salva l'immagine come un file GIF o PNG. Semi-trasparenza di un pulsante è più evidente quando viene posizionato su superfici in una pagina Web o di diverse texture.

Istruzioni

Adobe Photoshop

1

Fare clic sul menu "File" in Adobe Photoshop e selezionare "Nuovo". Inserire le dimensioni del pulsante che si desidera creare, ad esempio una larghezza di 135 pixel e un'altezza di 35 pixel. Seleziona "Trasparente" per il colore di sfondo e fare clic su "OK".

2

Fare clic su "Windows" e "Layers" o premere "F7" per aprire la palette livelli. Vai alla palette livelli e fare clic sul pulsante "Crea un nuovo livello" per inserire un nuovo livello.

3

Fare clic sullo strumento "Forma" nel pannello strumenti per rivelare forme aggiuntive. Selezionare lo strumento "Rettangolo" dall'elenco.

4

Vai alla barra delle opzioni strumento nella barra degli strumenti e fare clic sul pulsante "Livelli forma". Fare clic sulla freccia di "Stile" e seleziona uno stile di pulsante. Fare clic sul pulsante "Colore" per aprire la finestra di dialogo Selettore colore. Selezionare un colore di primo piano e fare clic su "OK".

5

Cliccare, tenere e trascinare il mouse sopra la tela per disegnare il rettangolo.

6

Tornare alla palette livelli e vai alla casella "Opacità" in alto a destra. Immettere il livello semi-trasparenti che si desidera impostare, ad esempio 15%.

7

Fare clic sullo strumento "Type" e selezionare un carattere, il colore del carattere e la dimensione della barra delle opzioni. Fare clic sulla tela e digitare il testo per il pulsante.

8

Scegliere lo strumento "Sposta" nella tavolozza degli strumenti oppure premere "V" per attivarlo. Trascinare il testo dove ti piacerebbe andare sul pulsante.

9

Selezionare "File" e "Salva con nome" dal menu. Nome del file nella finestra di dialogo Salva con nome e accettare il formato di file di Photoshop (PSD). Fare clic su "Salva".

10

Fare clic su "File" e "Salva con nome" per riaprire la finestra di dialogo Salva con nome. Modificare "Formato" a "PNG (*. PNG) "e fare clic su"Salva".

Adobe Fireworks

11

Fare clic sul menu "File" in Adobe Fireworks e selezionare "Nuovo". Verrà visualizzata la finestra di dialogo nuovo documento. Inserire le dimensioni del pulsante che si desidera creare, ad esempio una larghezza di 135 pixel e un'altezza di 35 pixel. Selezionate "Trasparente" per il colore della tela e fare clic su "OK".

12

Vai alla palette livelli e fare clic sul pulsante "Nuova immagine Bitmap".

13

Fare clic e tenere lo strumento "Rettangolo" nel pannello strumenti e selezionare la forma che si desidera utilizzare per il pulsante.

14

Vai alla finestra di ispezione Proprietà nel riquadro inferiore. Fare clic sul pulsante di colore di "Riempimento" e selezionare un colore per il pulsante. Fare clic sul livello di "Opacità" e impostarlo su 20.

15

Cliccare, tenere e trascinare il mouse sopra la tela per disegnare la forma.

16

Tornare alla palette livelli e fare clic sul pulsante "Nuova immagine Bitmap".

17

Fare clic sullo strumento "Testo" e selezionare un tipo di carattere, colore carattere e dimensione del carattere dalla finestra di ispezione Proprietà.

18

Fare clic dove si desidera che il testo di andare sulla tela e digitare il testo del tuo pulsante. Fare clic sullo strumento "Puntatore" nella tavolozza degli strumenti e trascinare il testo a cui si desidera venga visualizzato sul pulsante.

19

Selezionare il menu "File" e fare clic su "Salva". Viene visualizzata la finestra di dialogo Salva con nome. Nome del file nel campo di testo "Nome File" e clicca "Salva".

Corel Paint Shop Pro

20

Fare clic su "File" e "Nuovo" nel menu di Corel Paint Shop Pro. Verrà visualizzata la finestra di dialogo nuova immagine. Vai alla sezione Dimensioni immagine. Immettere un'altezza e larghezza per il pulsante che si desidera creare. Vai alla sezione caratteristiche dell'immagine e selezionare "Raster di sfondo." Seleziona la casella accanto a "Trasparente" per il colore e fare clic su "OK".

21

Vai alla tavolozza degli strumenti e fare clic sulla freccia di strumento di "Forme" per espanderlo. Fare clic sullo strumento "Rettangolo" o premere "G" per attivarlo.

22

Selezionare un colore di primo piano e un colore di sfondo dalla tavolozza dei materiali sulla destra.

23

Cliccare, tenere e trascinare il mouse sopra la tela per creare il rettangolo del pulsante.

24

Trascinare il livello di "Opacità" nella parte superiore della palette livelli per il livello desiderato.

25

Fare clic sullo strumento "Testo" nella palette strumenti. Fare clic sulla tela e digitare il testo del pulsante.

26

Selezionare il pulsante "Applica modifiche" nella tavolozza Opzioni testo per applicare il testo. Trascinare il testo con il mouse dove si desidera venga visualizzato sul pulsante.

27

Fare clic su "File" e "Salva con nome". Accetta il formato "PNG Portable Network Graphics (*. png)". Nome del file nel campo di testo "Nome File" e clicca "Salva".