[OT] Creare una firma trasparente

[-Dna-]

Creare una firma trasparente

A grande richiesta ecco a voi il tutorial per creare una simpatica firma con sfondo trasparente utilizzando Photoshop.

Avvertenza: per mantenere la trasparenza la firma verrà salvata in GIF, questo formato mantiene si la trasparenza, ma tende a creare un file più tosto “corposo”. Per ovviare a questo problema potete prendere come misura finale una dimensione piccola (ad esempio 500x125) oppure cambiare le impostazione di salvataggio prima di salvare. In generale mantenete una gamma di colori simili per la firma: evitate i forti contrasti di colore.

In alternativa potete salvare in PNG… ma non ho mai provato


Iniziamo creando un file di dimensioni doppie rispetto a quelle della nostra firma che vogliamo creare: in questo modo manterremo un po’ di risoluzione nel bordo dell’immagine.

Ora iniziamo con la parte un po’ complessa da spiegare (ma semplice da fare ): i vettori

Innanzitutto è meglio che prima di creare la firma disegnato su un pezzo di carta la vostra sagoma che vorrete in firma.
Una volta pronta prendete lo strumento Penna (ctrl + P) e posizionate il primo punto. Per essere più precisi nella disposizione rendete visibile la griglia (ctrl + ?) e impostate la grandezza a 20px (Modifica -> Preferenze -> Guide, Griglia,…).

Posizionate unicamente gli angoli delle vostre sagome.
Quando volete creare delle curve prendete lo strumento Converti punti dal menu dello strumento Penna e cliccate su un punto qualsiasi: vi appariranno delle maniglie che userete per scegliere la “curvatura” del segmento. Per maggior precisione mantenete premuto “shift” (se usate la griglia non avete bisogno dato che i punti potranno essere “ancorati” ai suoi incroci”).


Una volta creata la vostra forma base cliccate con il pulsante destro su di essa e selezionate la voce Definisci forma, in questo modo sarà possibile ricrearla in qualsiasi altro vostro lavoro: basterà selezionare lo strumento Forme personali ed andare a ripescare nel menu che comparirà in alto la vostra forma.


Ora dobbiamo passare alla trasformazione da vettore a disegno: pulsante destra sulla vostra forma e selezionate la voce Riempi tracciato e colorate con il colore bianco. Prendete la Bacchetta magica e selezionate la parte non colorata, prendete lo strumento Riempi e riempite la seleziona di nero.

A questo punto la sagoma con i vettori non ci serve più, andate nella scheda “Tracciati” e cancellatela (o in alternativa cliccate con il pulsante destro mentre utilizzate lo strumento penna sulla vostra sagoma e selezionate la voce “Cancella Tracciato”).

Impostate la modalità di fusione del livello su Schiarisci e proseguite


Bordo
Per creare il bordo dobbiamo prima di tutto selezionare le parti color bianco del livello, creare un nuovo livello sopra quello della sagoma ed andare nel menu Modifica -> Bordo. Selezionate il colore nero e tracciate un bordo di 10px, ripetete l’operazione con un bordo del colore che desiderate della dimensione di 8px, infine applicate un bordo nero o grigio scuro dello spessore di 2px.

Per creare un simpatico effetto per il bordo duplicate il livello: applicate al livello inferiore una sfocatura (Filtri -> Sfocatura) e impostate la modalità di fusione su Sovrapponi, successivamente impostate semplicemente il livello superiore sulla modalità di fusione che schiarisca (schiarisci, Linear Dodge,…).

Una volta pronto il bordo, ridimensionate la vostra firma (Immagine -> Grandezza Immagine) alle dimensione che volete, in questo modo avrete ridotto il problema dell pixellatura nelle parti ondulate del borod

Sfondo e nave
Una volta a posto con lo sfondo, prendete una vostra immagine o uno sfondo creato da voi o create uno sfondo al momento per la firma. Una volta pronto mettete questo fondale su un livello sotto tutti gli altri (se non lo vedete nascondete il livello con la forma vettoriale). Ora passate alla nave: ritagliate ed incollate l’immagine di una nave sopra tutti i livelli ed applicate, se volete, un leggero bagliore esterno.


Ed ora passiamo alla penultima fase: quella per rendere trasparente la firma

Selezionate la parte nera della forma vettoriale utilizzando la bacchetta magica, nascondete di nuovo il livello con la forma vettoriale. Ora senza deselezionate andate sul livello (o i livelli) dello sfondo e cancellate (semplicemente premendo “Delete” ). In teoria dovreste vedere la quadrettatura bianco-grigia tipica di Photoshop


Finalmente potete salvare la vostra firma trasparente: avete due possibilità: selezionare “Salva con Nome” oppure “Salva per Web”, in entrambi i casi scegliete il formato GIF ed assicuratevi che la casellina “Trasparenza” sia spuntata.


Ed ecco a voi la vostra firma finita

[ external image ]


Se è inferiore a 600x150px e pesa meno di 50Kb la potete uppare su http://imageshack.us e copaire il link nella vostra firma personale

Buon divertimento

PS.: se avete problemi, delego il lavoro ad Aken_Bosch, così si diverte anche lui.. .scherzi a parte: dico questo perché domani non so a che ora potrei collegarmi

[JonusITA]

uhm... credevo lo facessi tu stesso te la linko io

[-Dna-]

uhm... credevo lo facessi tu stesso te la linko io

Me ne ero scordato

Thx

[-Spark-]

credo che per mantenere la trasparenza vada bene anche il formato .tif non so però se le dimensioni siano buone o no

[Aken_Bosch]

Nein, solo gif e png