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:
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:
Poi andate in Immagine>Trasforma>Distorci:
E modificate il quadrato in questo modo:
Adesso colorate il quadrato "distorto" del colore che volete,
io userò il verde (#00FF00). Andate ora a selezionare lo
strumento linea:
E premete d sulla tastiera. Tracciate una linea
sul bordo obliquo del rettengolo distorto, così:
Sfumatura: metodo 1
Selezionate lo strumento sfumatura e impostatelo
con questi valori:
Duplicate il livello del rettangolo e bloccate i pixel trasparenti:
Applicate al livello una sfumatura verticale, in questo modo:
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:
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:
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:
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):
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:
Riempite ora il livello vuoto con il colore appena creato,
e rendete nuovamente visibili gli altri livelli:
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:
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:
Ecco la targhetta!
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):
E cambiate solo il valore della tonalità:
Ecco la stessa targhetta di prima con la tonalità diversa:
Fine del Tutorial!
Fonte: mia
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fbordi.png&hash=2276a19160e7c123d8a81fd6c06dbedd)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fbordi-quadrato.png&hash=7f12235b6285baaa3e26cac100cdb512)
Poi andate in Immagine>Trasforma>Distorci:
![trasforma.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Ftrasforma.png&hash=1c9e06b5c90b5c2460a28eed3c98c709)
E modificate il quadrato in questo modo:
![distorto.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fdistorto.png&hash=5a1548bc13111628f83be53ed4833b1d)
Adesso colorate il quadrato "distorto" del colore che volete,
io userò il verde (#00FF00). Andate ora a selezionare lo
strumento linea:
![linea.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Flinea.png&hash=b4a124513c502e4b6e04da394eb4318f)
E premete d sulla tastiera. Tracciate una linea
sul bordo obliquo del rettengolo distorto, così:
![distorto-bordato.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fdistorto-bordato.png&hash=30a760a015176aaf6438bdde347758c0)
Sfumatura: metodo 1
Selezionate lo strumento sfumatura e impostatelo
con questi valori:
![sfumaimpo.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfumaimpo.png&hash=31d5edb63287513fcfacec5ea3a36bb4)
Duplicate il livello del rettangolo e bloccate i pixel trasparenti:
![blocca.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fblocca.png&hash=ddac2cf87d5a8aeb9220dd15c6a18322)
Applicate al livello una sfumatura verticale, in questo modo:
![sfum1.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfum1.png&hash=590d61270dcc81556c93434b99120e4e)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfum1tagliato.png&hash=d755757a4b09ea574669692c65bf431c)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Finverso.png&hash=3f31577a84f06d51d79305374cb843c9)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfum2.png&hash=a7553bc04360dbb9e4f49ff7a55368b4)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fprelievadove.png&hash=7726c0f764dfb7b9ad07bd79bfd47a6c)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fscurisci.png&hash=656706003d23d8f0ecda066fc243f959)
Riempite ora il livello vuoto con il colore appena creato,
e rendete nuovamente visibili gli altri livelli:
![sfum2color.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfum2color.png&hash=cd472b8198593a654f120e130d638e71)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfum1g.png&hash=28572e0d7203221a96b310f26985c493)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fimpotesto.png&hash=3f6f38e9162241e0f7bc004651f02e03)
Ecco la targhetta!
![gradoes.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fgradoes.png&hash=c48f08587fc156b6f05065b63d38ad23)
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](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Ftonalita.png&hash=c36784d896da0fc2d2bd96d7c8ecdbf2)
E cambiate solo il valore della tonalità:
![valoreton.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fvaloreton.png&hash=64527521ddd7e16a5489938e00daa6cc)
Ecco la stessa targhetta di prima con la tonalità diversa:
![sfumblu.png](/forum/proxy.php?image=http%3A%2F%2Fgionti.altervista.org%2Ftarghette%2Fsfumblu.png&hash=668db7a21867eeaff5bb3648e10fe171)
Fine del Tutorial!
Fonte: mia
Ultima modifica: