Vai al contenuto
Inviato

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

http://images.nonsologaming.com/260612effettoweb1.png

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

http://images.nonsologaming.com/260612effettoweb2.png

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

 

http://images.nonsologaming.com/260612effettoweb3.png

 

Guida ripristinata da pinuz95.

Modificato da Zeus

Featured Replies

Inviato

[PLAIN]Re: [Tutorial]Targhette Download[/PLAIN]

 

anche a me è venuto abbastanza pessimo:

Inviato

[PLAIN]Re: [Tutorial]Targhette Download[/PLAIN]

 

anche a me è venuto abbastanza pessimo:

ma và 

è simpatico :)

Inviato

[PLAIN]Re: [Tutorial]Targhette Download[/PLAIN]

 

anche a me è venuto abbastanza pessimo:

guarda meglio il tuo del mio... misteryellow

Inviato

[PLAIN]Re: [Tutorial]Targhette Download[/PLAIN]

 

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

Inviato

[PLAIN]Re: [Tutorial]Effetto web 2.0[/PLAIN]

 

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

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

Pensavo fosse più difficile o.o o.o o.o o.o

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

ecco quello mio:

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

Complimenti a tutti!

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

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

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

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

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..

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

a parte che non si chiamano immagini ma stock.

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

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

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

vabbe stock immagine..XD

ok' date=' grazie, quindi l'immagine che ho come avatar è un render visto che è priva di sfondo?[/quote']

si...se apri quell'immagine con photoshop vedrai che ci sarà  il soggetto e potrai spostarlo con la freccia dove vuoi tu..

Inviato

[PLAIN]Re: [Tutorial] Effetto web 2.0[/PLAIN]

 

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

  • 1 anno dopo...
Inviato
Ecco come potevo fare quell'effetto elettico xD bastava cambiare la forma della selezione xD Grazie mille ^_^
  • 10 mesi dopo...
Inviato
Guida ripristinata da pinuz95!!
  • 3 anni dopo...
Inviato
Carino come effetto e semplice da ottenere :)

Crea un account o accedi per lasciare un commento