HabboLife Forum
Vuoi reagire a questo messaggio? Crea un account in pochi click o accedi per continuare.

HabboLife ForumAccedi

Habbolife Forum è un fansite ufficiale di Habbo hotel. Rimani aggiornato sulle notizie di questo magnifico mondo virtuale e sugli ultimi argomenti di attualità!

description[TUTO] Creare icone Personalizzate con GIMP ! Empty[TUTO] Creare icone Personalizzate con GIMP !

more_horiz
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.

[TUTO] Creare icone Personalizzate con GIMP ! Ooologo128

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ì

[TUTO] Creare icone Personalizzate con GIMP ! Icone1

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.

[TUTO] Creare icone Personalizzate con GIMP ! Icona2

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

[TUTO] Creare icone Personalizzate con GIMP ! Icone3


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

[TUTO] Creare icone Personalizzate con GIMP ! Icone4


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].

[TUTO] Creare icone Personalizzate con GIMP ! Icone5

[TUTO] Creare icone Personalizzate con GIMP ! Icone6

[TUTO] Creare icone Personalizzate con GIMP ! Icone7

[TUTO] Creare icone Personalizzate con GIMP ! Icone8


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

[TUTO] Creare icone Personalizzate con GIMP ! Icone9


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.

[TUTO] Creare icone Personalizzate con GIMP ! Icone10

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:

[TUTO] Creare icone Personalizzate con GIMP ! Icona13

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.

[TUTO] Creare icone Personalizzate con GIMP ! Icone11

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.

[TUTO] Creare icone Personalizzate con GIMP ! Icone12

Fonte

description[TUTO] Creare icone Personalizzate con GIMP ! EmptyRe: [TUTO] Creare icone Personalizzate con GIMP !

more_horiz
wow utile [TUTO] Creare icone Personalizzate con GIMP ! 1826136131
un po' difficile e lungo cmq grz

description[TUTO] Creare icone Personalizzate con GIMP ! EmptyRe: [TUTO] Creare icone Personalizzate con GIMP !

more_horiz
MOD-DarkFenix ha scritto:
wow utile [TUTO] Creare icone Personalizzate con GIMP ! 1826136131
un po' difficile e lungo cmq grz

Si è vero .. Ho aggiunto anche più dettagli

description[TUTO] Creare icone Personalizzate con GIMP ! EmptyRe: [TUTO] Creare icone Personalizzate con GIMP !

more_horiz
grz ottimo adesso faccio una provo anche se però non ho il programma lo devo installare ... comunque bravo fire [TUTO] Creare icone Personalizzate con GIMP ! 1765539963

description[TUTO] Creare icone Personalizzate con GIMP ! EmptyRe: [TUTO] Creare icone Personalizzate con GIMP !

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

description[TUTO] Creare icone Personalizzate con GIMP ! EmptyRe: [TUTO] Creare icone Personalizzate con GIMP !

more_horiz
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
privacy_tip Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
power_settings_newAccedi per rispondere