Pulsante vettoriale

Che dire, non ho trovato un titolo originale! Con questo tutorial andremo a creare un bel pulsate (ma potrebbe essere anche una scritta o un logo) con un raffinato "effetto luce".

Software: Inkscape
Versione: 0.46
Sistema Operativo: Ubuntu Linux 8.10 (ovviamente il tutorial è valido anche per altri sistemi)
  • Creiamo il pulsante

Prima delle tre (avete letto bene, solo 3) operazioni da fare. Selezioniamo lo strumento rettangolo, creiamone uno nuovo (rosso e senza contorni) e cominciamo a smussarne gli angoli. Dalla modalità Modifica Tracciato dei nodi (F2) prendiamo dall'angolo il pallino bianco e diamo il raggio per levigare gli spigoli.

  • Sfumiamo l'interno

Adesso daremo già un tocco di classe al pulsante. Duplichiamo (ctrl+d o Modifica -->Duplica) il rettangolo, ridimensioniamolo e piazziamolo al centro di quello creato in precedenza.

Usiamo un riempimento sfumato radiale che va dal giallo all'arancione. Dalla finestra Riempimento e contorni, scegliamo il riempimento radiale, clicchiamo sul modifica e lavoriamo sui passaggi. Torniamo in modalità Modifica Tracciato e spostiamo il centro della sfumatura sull'angolo in alto a sinistra (questo passaggio non è obbligato, serve solo a dare un effetto luce-ombra che credo sia gradevole).

Adesso possiamo sfumare e abbassare un pò l'opacita.

  • Diamo un riflesso

Duplichiamo nuovamente il livello di base (questo passaggio non sapevo se scriverlo prima o dopo) questa volta senza ridimensionarlo e assegniamogli un riempimento bianco.

Creaimo un'ultima forma "impronta" (guardare la figura in basso) che ci permetterà di tagliare l'ultimo duplicato del rettangolo.

Selezioniamo il rettangolo bianco e la figura "impronta" insieme (premendo Maiusc) e scegliamo Tracciato --> Differenza. Concludiamo abbassando l'opacità ed ecco pronto il nostro riflesso e il nostro pulsante.

Ovviamente possiamo scegliere al momento di aggiungere il testo di metterlo sopra o sotto il riflesso a nostro piacimento.

Buon lavoro

Guevara

4 comments on Pulsante vettoriale

  1. Mackos-gnu (not verified)
    Mer, 12/17/2008 - 17:35

    una domanda da incapace:
    come fò l'impronta?

  2. Guevara
    Mer, 12/17/2008 - 17:44

    Allora, prendi lo strumento Disegna tracciati che sarebbe l'icona sotto la matita e crea la parte con la doppia curva. Clicca sul punto iniziale, molla il pulsante del mouse, clicca poi sul punto finale senza mollare il pulsante, trascina per creare una curva...poi procedi con la seconda curva e infine chiudi sotto.
     
    Forse la spiegazione non è delle migliori, prova anche a guardare il tutorial sul cartman vettoriale, anche là ho descritto come usare questo strumento.
     
    Ciao

  3. Mackos-gnu (not verified)
    Gio, 12/18/2008 - 16:51

    grazie mille.
    it works perfectly!

  4. motumboe@gmail.com (not verified)
    Mer, 01/14/2009 - 09:17

    veramente grazie, mi hai dato l'imbeccata giusta per un sito di cui dovevo migliorare la grafica!
     

  5. Invia nuovo commento

    Il contenuto di questo campo è privato e non verrà mostrato pubblicamente.
    • Web page addresses and e-mail addresses turn into links automatically.
    • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
    • Linee e paragrafi vanno a capo automaticamente.

    Maggiori informazioni sulle opzioni di formattazione.

    CAPTCHA
    This question is for testing whether you are a human visitor and to prevent automated spam submissions.