[Tutorial PS] Effetto web 2.0

Benvenuto in Moddingstudio!
Iscriviti subito per partecipare a questa fantastica community!
REGISTRATI ADESSO!
R

roberto

Guest
Effetto web 2.0

Vi insegnerò come creare targhette per il Download.

1. Documento
Andate in alto su File--> Nuovo e create un documento 200x70 con sfondo trasparente.

2. Forma
Andate su strumento rettangolo, premete col tasto destro e selezionate strumento rettangolo arrotondato
Tracciate il vostro rettangolo arrotondato, dopodiché cliccate con il tasto destro sul livello e scegliete rasterizza livello. Cliccate di nuovo sul livello con il tasto destro e scegliete opzioni di fusione.
Ombra esterna - Parametri:
Metodo di fusione: Moltiplica
Opacità: 80%
Angolo: 118
Distanza: 5
Estensione: 0
Dimensione:5​

Sovrapposizione sfumatura - Parametri:
Metodo di fusione: Normale
Opacità: 100%
Sfumatura: mettete dei colori a vostro piacere.
Stile: Lineare
Angolo: 90°​

3. Glass
Create un nuovo livello e con lo strumento selezione ellittica facciamo un cerchio
Adesso fate click col tasto destro sulla selezione e selezionate riempi. Scegliete il bianco.
Impostate l'opacità di questo livello da noi appena creato su 20%, ora clicchiamo con il tasto destro sul livello e scegliete Crea maschera di ritaglio

4. Testo
Adesso dobbiamo scrivere 'Download' Andate su scrittura, scegliete un font e un colore a piacere e infine le dimensioni(io ho messo 22 pt).
Adesso dobbiamo creare una scritta che distinguerà il nostro pulsante dagli altri. Create un nuovo livello e con lo strumento testo scriviamo "xxx's release" o "xxx's upload" o "upload by xxx" ecc..sempre a vostro piacere. Per la scelta della font usatene una precisa come ad esempio Arial o Tahoma e dimensioni piccole (io ho messo 11 pt).

Opzionale:
Andate nelle opzioni di fusione e scegliete:
Ombra esterna - Parametri:
Metodo di fusione: Moltiplica
Opacità: 80%
Angolo: 118
Distanza: 5
Estensione: 0
Dimensione:5
Traccia - Parametri:
Dimensione: 1 px
Posizione: Esterno
Metodo di fusione: Normale
Opacità: 80%
Colore:nero
Potete sperimentare nuove soluzioni per abbellire la targhetta seguendo la vostra fantasia..​

Andate su File---> Salva con nome e salvate tutto in formato .png


Guida ripristinata da pinuz95.
 
Ultima modifica di un moderatore:

pinuz95

Regular User
20 Giugno 2009
646
0
0
Re: [Tutorial]Targhette Download

Con l'approvazione dell'autore cambierei il titolo in "Effetto web 2.0" e metterei nella raccolta tutorial^^
 
R

roberto

Guest
Re: [Tutorial]Effetto web 2.0

cambiato...alla fine il titolo non sapevo quale mettere lol
 
R

roberto

Guest
Re: [Tutorial] Effetto web 2.0

Complimenti a tutti!
se volete mette un immagine dovete mettere un render dopo aver creato la forma...cioè dopo il punto 2..
 

marco10

Regular User
27 Ottobre 2009
158
0
0
25
Re: [Tutorial] Effetto web 2.0

roberto ha scritto:
Complimenti a tutti!
se volete mette un immagine dovete mettere un render dopo aver creato la forma...cioè dopo il punto 2..
grazie misteryellow , quindi dopo il punto 2 ci metto l'immagine
 
R

roberto

Guest
Re: [Tutorial] Effetto web 2.0

render..c'è differenza fra un immagine e un render..le immagine hanno uno sfondo e sono quasi tutti in formato .jpg..nei render invece c'è solo il soggetto senza sfondo e sono tutti in formato .png..
se cercate su google immgini ci sono molti render..
 

marco10

Regular User
27 Ottobre 2009
158
0
0
25
Re: [Tutorial] Effetto web 2.0

ok, grazie, quindi l'immagine che ho come avatar è un render visto che è priva di sfondo?
 
R

roberto

Guest
Re: [Tutorial] Effetto web 2.0

vabbe stock immagine..XD
marco10 ha scritto:
ok, grazie, quindi l'immagine che ho come avatar è un render visto che è priva di sfondo?
si...se apri quell'immagine con photoshop vedrai che ci sarà  il soggetto e potrai spostarlo con la freccia dove vuoi tu..
 

manuelmitico

Regular User
2 Ottobre 2009
886
0
0
Re: [Tutorial] Effetto web 2.0

io veramente l'immagine l'ho messa alla fine. mi è bastato ridimensionarla e poi metterlo per primo dei livelli.
P.S.DJ bello il tuo nuovo avatar XDXDXDXD
 

Shasu Kuqel

Fresh User
17 Agosto 2011
1
0
0
Ecco come potevo fare quell'effetto elettico xD bastava cambiare la forma della selezione xD Grazie mille ^_^
 

Ultimi Messaggi

Statistiche del Sito

Discussioni
82.255
Messaggi
750.164
Membri
130.855
Ultimo iscritto
JayT