Benvenuti in questo nuovo tutorial di Gimp! Oggi impareremo a disegnare un pad numerico del telefono molto realistico e per farlo ci serviremo di uno script, scaricabile da qui (per l’installazione vi rimando sempre a questa guida oppure questa).

Iniziamo creando una nuova immagine 700×900, con un gradiente lineare circolare da #333232 a #222222. Filtri—>Disturbo—>Disturbo HSV

1

Adesso costruiamo una griglia sulla nostra immagine: la griglia (che possiamo tranquillamente nascondere) servirà a disegnare in modo preciso i bottoni del pad del telefono. Per disegnare la griglia clicchiamo di fianco dove c’è il metro, e tenendo pemuto lo trasciniamo sull’immagine. Alla fine dovremmo avere una cosa smiile:

2

Creiamo una nuova raccolta livelli “bottone 1″, all’interno creiamo un nuovo livello “bottone”. Aiutandoci con le linee guida andiamo a disegnare un cerchio servendoci dello strumento di selezione ellittica. Dopodichè premiamo Ctrl+Maiusc+T per nascondere le linee guida. Coloriamo il nostro cerchio con un gradiente radiale da #464646 a #333232. Per finire andate su Filtri —>Disturbo —>Disturbo HSV.

3

Ora facciamo Script-Fu —>Layer Effects —>Bevel and Emboss ed impostiamo questi valori:

4

Adesso applichiamo una sfocatura gaussiana di 3, in modo da sfumare questo effetto. Otterremo questo risultato:

5

A questo punto riposizioniamoci sul livello “bottone” e facciamo Sciprt-Fu —>Layer effects —>Inner Glow (i valori come quella nello screen):

8

Arrivati questo punto, per dare un effetto di luce, facciamo Script Fu —>Layer effects —>Inner Glo

9

Ora dobbiamo creare un effetto luce nella parte alta del bottone e per farlo rifacciamo Script Fu —>Layer effects —>Inner Glow ma cambiando l’opacità a 100. Se abbiamo fatto le cose per bene, il nostro bottone dovrà essere ricoperto dal colore bianco. Prendiamo lo strumento di selezione ellittica selezionando in questo modo:

10

Premiamo canc per cancellare e lasciare la mezzaluna nella parte superiore. Subito dopo sfumiamola con lo strumento sfoca o contrasta ed otterremo l’effetto desiderato. Dopodichè selezioniamo lo strumento testo e scriviamo il numero del tasto (con la dimensione del font maggiore) e sotto le lettere corrispondenti al numero in maiuscolo e con un fonto di dimensione minore.

11

Riattiviamo la griglia (Ctrl+Maiusc+T) e copiando il gruppo livelli del bottone fino ad avere il pad numerico al completo. Aggiungiamoci anche qualche particolare come alcune viti e il cartoncino dove segnare i numeri telefonici (in questo caso i siti web!) ed ecco che il nostro capolavoro apparirà come l’immagine ad inizio articolo!

pad


1 thought on “Disegnare un realistico pad numerico del telefono”

Guru . 21 Giugno 2015 at 8:34

Good web site you’ve got here.. It’s hard to find quality writing like yours
nowadays. I honestly appreciate people like you! Take care!!

Comments are closed.

Related Posts

Hard Tutorial

Voglio diventare un AVATAR!

Buongiorno a tutti! 🙂 Dopo aver visto il film di Avatar molti di voi si saranno domandati “Ma come sarei io se fossi un Na’Vi?”. Beh oggi siamo qui per rispondere a questa domanda. Siete pronti Read more...

Hard Tutorial

Watercolor effect [Parte 1]

Benvenuti in questo nuovo e tanto atteso tutorial.. O per lo meno la prima parte! Prima di incominciare abbiamo bisogno di queste immagini: Watercolor #1 Watercolor #2 Watercolor #3 T-Rex (per chi vuole) Procuriamoci anche Read more...

Hard Tutorial

Batman vs Superman

Ciao a tutti! Eccoci dopo molto tempo con un tutorial riguardante il nuovo ed attesissimo film Batman vs Superman! Vi ricordate il mio tutorial di per disegnare il logo di Superman? (cliccate qui per andarci) questa Read more...

Questo sito fa uso di cookie per migliorare l’esperienza di navigazione degli utenti e per raccogliere informazioni sull’utilizzo del sito stesso. Utilizziamo sia cookie tecnici sia cookie di profilazione di terze parti per inviarti pubblicità in linea con le tue preferenze. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie, clicca qui. Se accedi a un qualunque elemento sottostante questo banner acconsenti all’uso dei cookie.

Questo sito utilizza i cookie per fornire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o cliccando su "Accetta" permetti il loro utilizzo.

Chiudi