• 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 (avanzato)

gionti

Utente Normale
Autore del topic
27 Agosto 2010
91
11
Miglior risposta
0
Salve a tutti!
In questo tutorial vedremo un metodo un po' più
avanzato del precedente per creare targhette
per forum con Photoshop.

Il risultato finale sarà questo:

completo.png


Prima di tutto, creiamo un nuovo documento di
150 x 25 pixel, dallo sfondo trasparente.
Selezioniamo lo strumento Rettangolo Arrotondato
con il parametro Raggio impostato a 8 pixel:

inizio.png


Ora clicchiamo il livello del rettangolo arrotondato
appena creato tenendo premuto Ctrl, poi
andate sul menu Selezione>Modifica>Contrai e
impostiamo come valore di contrazione 2 pixel.

menucontrai.png


Ecco il risultato:

contrai.png


Ora create un nuovo livello vuoto, nascondete gli
altri e riempite la selezione con lo strumento
Secchiello con il colore che preferite (io userò il
verde).

contraifatto.png


Adesso selezionate lo strumento Sfumatura,
scegliete come secondo colore nella palette
in basso un colore più scuro del primo usato per
riempire la selezione, bloccate i pixel del livello
del rettangolo arrotondato più piccolo (nel vecchio
tutorial insegno come), e applicate una sfumatura
verticale:

contraisfum.png


Per poter dare un effetto più accattivante alla
targhetta, dovete innanzitutto salvarvi questa
immagine nel PC:

pattern.png


Aprite ora un nuovo documento in Photoshop
di 10 x 10 pixel e inseriteci l' immagine
appena salvata.
Andate in Modifica>Definisci pattern:

defpatt.png


E scegliete un nome per il nuovo pattern:

creapatt.png


Ora tornate al documento della targhetta,
selezionate lo strumento Timbro con Pattern
e scegliete il pattern appena creato, impostando
questi valori:

impopatt.png


Applicate il pattern su tutta l'immagine:

applicapatt.png


Una volta fatto, create un nuovo rettangolo
arrotondato che occupi poco meno di
1/3 della larghezza dell' immagine.

dopporett.png


Ctrl + Click sul livello appena creato,
poi andate su Selezione>Modifica>Contrai,
impostate come valore di contrazione 2 pixel,
semplificate il livello del rettangolo più piccolo
e premete il tasto del.

2retttagliato.png


Nascondete ora tutti i livelli, createne uno
nuovo, riempitelo di bianco con lo strumento
Secchiello, selezionate lo strumento
Forma Personale, scegliete una forma che più
vi piace e applicatela all' immagine in questo
modo:

bandiera.png


Impostate la trasparenza del livello al 40% e
rendete nuovamente visibile gli altri livelli:

muto.png


Adesso inserite quello che volete nel rettangolo sinistro,
che conterrà il simbolo del vostro forum.
Io ho usato un font con queste impostazioni:

Font: Whismy TT
Dimensione: 20 pt


Ho poi applicato una traccia nera di 1 pixel.

ok.png


Nel riquadro destro, invece, metterete la scritta
della targhetta (ad. es: admin, moderatore, ecc.)
Vi consiglio queste impostazioni:

Font: Virtual DJ
Dimensione: dipende dalla lunghezza della scritta
Colore: bianco
Effetti aggiuntivi: una traccia nera di 1 pixel


Ecco il risultato finale:

completo.png


Fonte: mia!
 
Se devo essere onesto non mi piace per niente il lavoro che ne è uscito fuori.
Comunque sia apprezzo lo sforzo, bravo per averlo postato.
:emoji_slight_smile:
 
Non mi piace il risultato finale..In ogni caso,bravo ^^
 
Questa guida l' ho fatta un po' più difficile dell' altra,
perché il risultato dell' altra guida non mi piaceva
molto nonostante i commenti positivi e per far
apprendere da 0 delle tecniche ai principianti di photoshop
per farsi le targhette da soli senza dover "pagare"
altri per farsele fare.
 
Riferimento: Creare targhette universale (avanzato)

Ctrl + Click sul livello appena creato,
poi andate su Selezione>Modifica>Contrai,
impostate come valore di contrazione 2 pixel,
semplificate il livello del rettangolo più piccolo
e premete il tasto deL
COME FOOO
RAGA
CMQ LO FATTO LA PRIMA PARTE
MA QUA
l,
semplificate il livello del rettangolo più piccolo
e premete il tasto deL
 
Ultima modifica:
Riferimento: Creare targhette universale (avanzato)

Ottima guida, bravo ;)
 
Riferimento: Creare targhette universale (avanzato)

rispondi cavolo che ottima guida
--------------- AGGIUNTA AL POST ---------------
Ctrl + Click sul livello appena creato,
poi andate su Selezione>Modifica>Contrai,
impostate come valore di contrazione 2 pixel,
semplificate il livello del rettangolo più piccolo
e premete il tasto deL
COME FOOO
RAGA
CMQ LO FATTO LA PRIMA PARTE
MA QUA
l,
semplificate il livello del rettangolo più piccolo
e premete il tasto deL
 
Ultima modifica:
Riferimento: Creare targhette universale (avanzato)

rispondi cavolo che ottima guida
--------------- AGGIUNTA AL POST ---------------
Ctrl + Click sul livello appena creato,
poi andate su Selezione>Modifica>Contrai,
impostate come valore di contrazione 2 pixel,
semplificate il livello del rettangolo più piccolo
e premete il tasto deL
COME FOOO
RAGA
CMQ LO FATTO LA PRIMA PARTE
MA QUA
l,
semplificate il livello del rettangolo più piccolo
e premete il tasto deL

Per semplificare il livello, basta che clicchi col tasto
destro del mouse, e poi fai "Semplifica livello" o
"Rasterizza livello".
 
Riferimento: Creare targhette universale (avanzato)

Ora clicchiamo il livello del rettangolo arrotondato
appena creato tenendo premuto Ctrl, poi
andate sul menu Selezione>Modifica>Contrai e
impostiamo come valore di contrazione 2 pixel.

come faccio?? non riesco! non capisco dove devo cliccare!!! quale è il livello? dove devo cliccare?col tasto destro poi? dove è il menu? aiutoooo
 
Riferimento: Creare targhette universale (avanzato)

Ora clicchiamo il livello del rettangolo arrotondato
appena creato tenendo premuto Ctrl, poi
andate sul menu Selezione>Modifica>Contrai e
impostiamo come valore di contrazione 2 pixel.

come faccio?? non riesco! non capisco dove devo cliccare!!! quale è il livello? dove devo cliccare?col tasto destro poi? dove è il menu? aiutoooo

@marioss
Come vedo negli screen lui usa gimp tu usi photoshop?