[TUTO] Creare icone Personalizzate con GIMP !

Da **Fabian** il 8/12/2010, 20:01

Creare delle icone personalizzate
Con Gimp è possibile modificare l'immagine dei nostri programmi preferiti, in questo caso io modificherò quella di OpenOffice.org, oppure un icona da inserire nel nostro sito web. Quando avete finito il lavoro salvate in PNG poichè è il formato ideale per avere una maggiore qualità dell'immagine.
Attenzione: Tutto ciò non è sopportato da Internet Explorer.

1.1 Icone tonde
Per creare un'icona di forma tonda come nell'esempio in alto, apriamo una nuova immagine di 300x300 pixel con sfondo trasparente che poi al momento opportuno ridurremo a dimensioni più appropriate per il nostro scopo. Con lo strumento Selezione ellittica disegniamo un cerchio perfetto, dopo aver impostato nella scheda delle opzioni della selezione ellittica questi valori:

► Modalità: Sostituisci la selezione
► Antialiasing: Sì
► Spigoli spiumati: No
► Autoriduzione della selezione: No
► Selezione libera: Sì

Scegliamo due colori diversi per il primo piano e lo sfondo, selezioniamo nella toolbox lo strumento Riempi con un gradiente di colore e nella scheda delle opzioni di sfumatura diamo questi valori:

► Modalità: Normale
► Opacità: 100
► Compensato: 46,4
► Forma: Radiale
► Ripeti: Nessuno

Applichiamo il gradiente alla selezione per ottenere un effetto simile all'esempio di destra.

Con la selezione ellittica ancora attiva, dal menù Seleziona > Ridotta, riduciamo la selezione di 9 pixel ed eliminiamola premendo contemporaneamente i tasti CTRL+K.

Riempire la selezione attiva trasparente con un pattern di nostra scelta e, dal menu Seleziona > Nulla, annullare la selezione.

Per dare l'illusione di spessore disegneremo due spicchi all'interno della figura utilizzando lo strumento Crea e modifica tracciati:

→ Creiamo un nuovo livello trasparente che chiameremo spicchio;
→ Attiviamo la griglia dal menù Visualizza;
→ Selezioniamo lo strumento Crea e modifica tracciati;
→ Disegniamo tra il bordo e lo sfondo della figura un triangolo (Progetta) [Figura 1], modifichiamone i lati fino ad ottenere una mezzaluna sottile (Modifica) e trasformiamo il tracciato in selezione premendo il pulsante Crea selezione dal tracciato [Figura 2].
→ Riempiamo subito lo spicchio con lo stesso gradiente dei bordi;
→ Con lo spicchio ancora selezionato, premiamo contemporaneamente i tasti CTRL+C per copiare e poi CTRL+V per incollare lo spicchio sul lato opposto del cerchio;
→ Prima d'incollare il secondo spicchio, con lo strumento Ruota livello o selezione, ruotiamolo nel verso giusto [Figura 3], poi, con lo strumento Sposta livello o selezione, spostiamolo ed ancoriamo il livello allo sfondo [Figura 4].

Applichiamo un secondo livello trasparente che chiameremo riflesso. [ Vedi figura sotto ]

Creiamo un nuovo livello per disegnare od incollare due gabbiani prelevati dal logo di OpenOffice.org ed un altro ancora per inserire del testo al quale, una volta selezionato dal menù Livello > Trasparenza > Alpha a selezione, daremo un'ombreggiatura particolare con lo script menù Script-Fu > Shadow > Effetto-xatch.
Fondiamo i livelli visibili dal menù Immagine > Fondi livelli visibili, scaliamo l'immagine a 128 pixel e salviamola in formato png.

1.2 Icone rettangolari
La stessa procedura descritta sopra si può seguire per creare delle icone dalla forma rettangolare o quadrata, tuttavia, per ottenere degli angoli tondeggianti senza sfumare i contorni del colore di riempimento della selezione, si può ricorrere ad uno script presente nel programma:

Si apre una nuova immagine di 300x300 px con sfondo trasparente.
Con lo strumento Selezione rettangolare si disegna un quadrato tenendo premuto il tasto SHIFT per avere i lati della stessa misura.

Con la selezione attiva, si sceglie, dal menù Script-Fu > Selection > Circolare, un raggio relativo di circa 0,5 per arrotondare i bordi della selezione, la quale verrà riempita con un gradiente a scelta.
In seguito potremo lavorare seguendo lo stesso procedimento utilizzato per l'icona del paragrafo precedente, avendo l'accortezza di operare su diversi livelli.

Fonte

Da **kaselli** il 8/12/2010, 20:36

wow utile

un po' difficile e lungo cmq grz

Da **Fabian** il 8/12/2010, 21:32

MOD-DarkFenix ha scritto:wow utile
un po' difficile e lungo cmq grz

Si è vero .. Ho aggiunto anche più dettagli

Da **kaselli** il 8/12/2010, 21:36

grz ottimo adesso faccio una provo anche se però non ho il programma lo devo installare ... comunque bravo fire

Da Teko il 8/12/2010, 21:42

Se Pensi Che Leggo Tutto Quello Che Hai Scritto Ti Sbagli ò_ò

Da **Fabian** il 8/12/2010, 21:45

Xana ha scritto:Se Pensi Che Leggo Tutto Quello Che Hai Scritto Ti Sbagli ò_ò

Se proprio vuoi fare una fantastica Icona ... non direi di leggere tutto ... ma se riassumo le cose importanti , forse dopo qualcuno potrà non capire qualcosa , invece questa TUTORIAL è ben dettagliata u_u

[TUTO] Creare icone Personalizzate con GIMP !

[TUTO] Creare icone Personalizzate con GIMP !

Re: [TUTO] Creare icone Personalizzate con GIMP !

Re: [TUTO] Creare icone Personalizzate con GIMP !

Re: [TUTO] Creare icone Personalizzate con GIMP !

Re: [TUTO] Creare icone Personalizzate con GIMP !

Re: [TUTO] Creare icone Personalizzate con GIMP !