• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare targhette universale

gionti

Utente Normale
Autore del topic
27 Agosto 2010
91
11
Miglior risposta
0
Salve a tutti!
In questo tutorial vedremo come creare delle
targhette di base (veramente semplici) con
Photoshop. Prima di tutto, creiamo un nuovo
documento di 150 x 25 pixel, e lo sfondo trasparente.
Bene, ora selezioniamo lo strumento matita (raggio: 1
pixel, colore: nero) e creiamo una cornice tutto attorno
all' immagine. Ora ne facciamo un' altra di colore bianco
più piccola di quella nera, attaccata a quest' ultima.

Ecco il risultato:

bordi.png


Adesso prendiamo lo strumento rettangolo e ne creiamo
uno che occupi più o meno 1/3 dell' immagine, e poi spostiamo
il suo livello sotto a quello delle cornici (d' ora in poi dovrete
spostare tutti i livelli sotto quello delle cornici, tranne quelli
che specificherò più avanti).

Ecco l'immagine:

bordi-quadrato.png


Poi andate in Immagine>Trasforma>Distorci:

trasforma.png


E modificate il quadrato in questo modo:

distorto.png


Adesso colorate il quadrato "distorto" del colore che volete,
io userò il verde (#00FF00). Andate ora a selezionare lo
strumento linea:

linea.png


E premete d sulla tastiera. Tracciate una linea
sul bordo obliquo del rettengolo distorto, così:

distorto-bordato.png



Sfumatura: metodo 1

Selezionate lo strumento sfumatura e impostatelo
con questi valori:

sfumaimpo.png


Duplicate il livello del rettangolo e bloccate i pixel trasparenti:

blocca.png


Applicate al livello una sfumatura verticale, in questo modo:

sfum1.png


Ora, cliccate sullo strumento Selezione Rettangolare e
selezionate la metà inferiore del livello con la sfumatura,
e premete il tasto del sulla vostra tastiera.

Risultato:

sfum1tagliato.png



Sfumatura: metodo 2

Create un nuovo livello appena sotto a quello delle
cornici. Nascondete tutti gli altri livelli, e riempite il
livello appena creato con il bianco. Adesso impostate
la sua opacità al 40%. Riattivate tutti i livelli
nascosti, e tenendo premuto CTRL cliccate sul
livello del quadrato distorto. Ora cliccate col destro
sulla selezione che si è formata, poi su Seleziona
Inverso:

inverso.png


Premete poi il tasto del sulla vostra tastiera,
in modo da eliminare la selezione dal livello del bianco
trasparente. Selezionate lo strumento Selezione e
selezionate la metà inferiore del livello del bianco
trasparente. Premete nuovamente del.

Risultato:

sfum2.png



Create un nuovo livello da posizionare sotto a tutti
gli altri, nascondete tutti gli altri , cliccate sullo
strumento Preleva Colore e selezionate la parte
inferiore del quadrato distorto (per prelevare il
colore, dovrete rendere visibile un attimo il
livello del quadrato):

prelievadove.png


Cliccate sul verde apparso nella tavola dei colori
e trascinate verso il basso per ca. 3 cm il cerchietto
del colore, in modo da ottenere un colore più scuro:

scurisci.png


Riempite ora il livello vuoto con il colore appena creato,
e rendete nuovamente visibili gli altri livelli:

sfum2color.png


Ora, come vedrete, l' immagine della targhetta presenta
sulla destra uno spazio verde scuro, e alla sinistra della
linea obliqua un' altro spazio di colore più chiaro.
Lo spazio più scuro conterrà la scritta del grado che volete
mettere (ad es: admin, utente normale, moderatore, ecc.),
mentre l' altro spazio conterrà una scritta o un logo del
vostro forum. Noi useremo una scritta. Ecco le impostazioni
della scritta:

Font: Whismy TT
Dimensioni: 24 pixel
Colore: lo stesso della metà inferiore del rettangolo distorto


Scrivete le lettere che volete, vi consiglio di metterne 3 al massimo.
Adesso aggiungete al testo una traccia di 1 pixel, di colore
nero:

sfum1g.png


Per la scritta del grado, vi consiglio queste impostazioni:

Font: Virtual DJ
Dimensione: dipende dalla lunghezza della scritta del grado
Colore: bianco


Aggiungete una traccia e un' ombra alla scritta creata,
con questi valori:

impotesto.png


Ecco la targhetta!

gradoes.png



Trucchetto: cambia colori

Se dovete creare più targhette di gradazioni di colore
diverso, aggiungete un nuovo livello di Tonalità/Saturazione
situato sopra a tutti gli altri (anche a quello delle cornici):

tonalita.png


E cambiate solo il valore della tonalità:

valoreton.png


Ecco la stessa targhetta di prima con la tonalità diversa:

sfumblu.png



Fine del Tutorial!
Fonte: mia
 
Ultima modifica:
nn riescop a fare la linea bene con la matita
--------------- AGGIUNTA AL POST ---------------
nn trovo trasforma
 
Ultima modifica:
nn riescop a fare la linea bene con la matita
--------------- AGGIUNTA AL POST ---------------
nn trovo trasforma

Non devi usare la matita per fare la linea, ma lo strumento linea.
Per il fatto che non trovi "trasforma" non so cosa dirti, forse ha
un altro nome simile.
 
Ultima modifica: