Come fare semplici Button Immagini

August 28

Come fare semplici Button Immagini


Le origini di Internet di oggi può essere fatta risalire a 40 anni. Oggi, esistono milioni di siti e ognuno di essi contiene almeno un elemento comune tasto. Per tornare alla pagina iniziale, passare a una pagina di prodotti o di inviare un ordine, l'utente vede pulsanti di tutte le diverse dimensioni e colori. Fare pulsanti per una pagina Web è facile con il software di editing delle immagini.

istruzione

usando GIMP

1 Scarica GIMP. GIMP, o GNU Image Manipulation Program, è un'applicazione gratuita che funziona su piattaforme Macintosh, Linux e Windows.

2 Creare una pagina vuota. Sotto "File", fare clic su "Crea nuova immagine". Si apre una finestra di dialogo. Specificare 200 pixel di larghezza e 100 di alta a 72 punti per pollice. Lo spazio colore deve essere colore RGB per l'uso su un monitor di computer. In "Fill Con", selezionare il menu a discesa per "trasparenza".

3 Selezionare lo strumento "Rettangolo" e trascinare il cursore in modo da formare una scatola rettangolare. Si occuperà maggior parte dello spazio che hai fatto nel passaggio precedente, ma lasciare uno spazio su entrambi i lati.

4 Selezionare lo strumento "angoli arrotondati" e mettere in un valore di 15. Modificare il valore verso l'alto o verso il basso fino ad ottenere l'immagine che ti piace. È inoltre possibile utilizzare lo strumento cerchio o fare un quadrato.

5 Riempire l'immagine con un colore. Fare clic sulla paletta dei colori e scegliere un colore brillante. Selezionare lo strumento "Secchiello" e fare clic sulla casella per riempirlo con il colore selezionato.

6 Fate un altro strato. Copiare l'immagine che hai appena fatto con la scelta di "Duplica livello." Mantenere il duplicato selezionato e selezionare lo strumento "Riempimento gradiente". Rendere il nero il colore di primo piano nella finestra di dialogo e selezionare il gradiente "trasparente in primo piano" e trascinare il mouse dall'alto verso il basso fino a quando non piacciono i risultati. Rendere l'opacità del 60 per cento in modo da l'immagine di sfondo originale mostra attraverso.

7 Disegnare un altro contenitore. Selezionare lo strumento "Rettangolo" e trascinare per creare una nuova casella per coprire i primi due terzi della scatola originale. Scegliere lo strumento "Gradient" e cambiare il colore di primo piano al bianco e trascinare il cursore. Cambiare l'opacità al 35 per cento.

8 Migliorare la tridimensionale (3D) guardare. Per ottenere una più pronunciata di immagini 3D, disegnare un altro strumento gradiente con il nero come colore di primo piano sulla parte superiore dell'immagine precedente e modificare l'opacità fino a quando ti piace il look.

9 Aggiungi testo. Selezionare lo strumento "Testo" e digitare il testo desiderato. Utilizzare bianco, giallo, nero o qualsiasi colore che verrà visualizzato bene contro il pulsante. Aggiungere un ombra per migliorare ulteriormente il testo.

10 Salvare il file. Selezionare "Graphics Interchange Format (GIF)" dal "Salva con nome" finestra di dialogo. I file GIF sono piccoli e ottimizzato per l'uso su siti web.

Utilizzare Vista Buttons

11 Aprire Vista Buttons. Il programma contiene modelli con bottoni e decine di temi pre-fatti da scegliere per la personalizzazione. A differenza degli altri programmi delineati, questo programma ha bisogno solo testo aggiunto ai pulsanti e sono pronti per l'uso su Internet. E 'compatibile con i sistemi operativi Macintosh, Windows e Linux.

12 Fare clic sull'icona pagina vuota all'estrema sinistra della barra degli strumenti per creare un nuovo progetto.

13 Selezionare "+ aggiungere voci di menu." Seleziona il tema e colori desiderato dal menu a destra.

14 Selezionare il pulsante creato nell'ultimo passaggio per modificarlo per le vostre esigenze. Aggiungere il testo che si desidera sul pulsante. Sotto il testo, fare clic nella casella "Link" e digitare l'indirizzo della pagina Web in cui verrà utilizzato il pulsante.

15 Selezionare "Save HTML (Hypertext Markup Language)" e il nome del file. Il pulsante è ora caricato al percorso individuato nell'ultimo passaggio.

Utilizzare Adobe Elements

16 Aprite Adobe Photoshop Elements. Questo programma è una versione semplificata di Adobe Photoshop. Ha tutti gli stessi componenti di base, ma per una frazione del prezzo della versione completa.

17 Selezionare "File", "Nuovo", quindi "File vuoto." Specifica le dimensioni di 200 pixel per 100 pixel a 72 DPI e impostare lo sfondo trasparente. Fai clic su "OK".

Scegli un colore luminoso dalla paletta dei colori.

18 Disegnare il pulsante con il o lo strumento "Rettangolo" "Circle" dalla barra degli strumenti. Questo oggetto è posizionato su un nuovo livello. Utilizzare lo strumento "sfumatura" sul pannello di livello per dare la profondità pulsante. Seleziona "Opzioni di fusione" dal menu nel pannello Livelli, quindi selezionare "gradiente".

19 Utilizzare le maniglie sul gradiente Bar per selezionare un colore cliccando su di essi. I cambiamenti sono in tempo reale, in modo da poter vedere ciò che il tasto finale sarà simile.

20 Aggiungere testo usando lo strumento "Testo". Un tipo di pallet si apre. Selezionare il tipo di carattere, dimensione e colore. Digitare nella casella di testo sulla parte superiore del tasto. Salvare il file in formato GIF.