riconoscendo effetto di testo su un'immagine per photoshop

Question

Ho avuto il mio sito che è stato progettato attraverso un designer, ho questa immagine, vorrei utilizzare lo stesso tipo di immagine per gli altri menu di navigazione che voglio aggiungere ora, il mio disegnatore non è la fornitura di me con psd di esso.

Come posso sapere quali sono gli effetti di testo e tipi di carattere da usare in photoshop per ottenere lo stesso tipo di risultato?

Grazie.

Answer 1

Questa non è una domanda di programmazione, anche se penso che posso aiutarti.

• Font-face:Verdana (Regolare)
• Font-size:14/15pt Colore:#333333
• Il testo ha un stile livello > smusso & emboss > Stile:Rilievo
  • Dimensioni e Ammorbidire sia 0px
• Il testo a sinistra:smusso della direzione
• Il testo a destra:smusso direzione, il

Mi è giocare con l'ombreggiatura angolazioni e luci si dovrebbe essere in grado di riprodurre l'effetto.

Answer 2

Livello > Stile livello > smusso ed effetto rilievo

ma questo può essere raggiunto senza un'immagine nel browser che supportano il text-shadow proprietà css

Qualcosa di simile a questo

text-shadow: 0px 1px 0px #B5B5B5;

Answer 3

What the font ha soddisfatto il mio carattere riconoscendo esigenze.

Answer 4

Si in effetti sembra che il trattamento di testo è un po ' incoerente.Nell'immagine a sinistra l'effetto è alzato smusso che viene verso di voi e nel diritto di una lettera-comunicato effetto.

L'immagine sulla destra è un po ' più coinvolto da un trattamento del testo di vista.Quando in Photoshop, selezionate il livello di testo e guardare verso il basso i livelli di menu per 'fx'.Scegliere 'fx' e una finestra a comparsa.

Selezionare sovrapposizione sfumatura e impostare il gradiente utilizzando il bianco come colore di primo piano e il nero come colore di sfondo (che dovrebbe di default per questo).Portare l'opacità a circa il 15%.

Poi guardare la mano sinistra, barra laterale di ombra e selezionare.Scegliere la sovrapposizione invece di normale dal menu a discesa e cambiare il colore al bianco (cliccando il campione nero accanto al menu a discesa).Tutti gli angoli e la direzione dovrebbe essere di 120 gradi per questo.Mentre è ancora in discesa opzioni di impostare la distanza 2px e il vostro formato 3px.

Infine, applicare un'ombra interna.Probabile che la distanza e le dimensioni dovrebbero specchio dell'ombra sopra.

Per la scheda sfondo, sembra che stanno facendo due cose.La prima applicazione di un gradiente di overlay della scheda e quindi un leggero effetto di illuminazione.In realtà l'effetto di illuminazione potrebbe essere difficile da duplicare a questa sottigliezza in modo da fare una delle due cose.Creare un altro strato sulla parte superiore della scheda e creare una selezione della scheda esistente (è necessario assicurarsi che la prima scheda strato viene rasterizzato fare) e riempire con il bianco.Quindi applicare l'effetto di illuminazione e regolare l'opacità del livello per ottenere l'effetto desiderato.O se siete un po ' artistico, è possibile utilizzare lo strumento pennello con una bassa opacità e il riempimento di peso essenzialmente a posto la scheda nel mezzo con il bianco.

Per l'immagine a destra, utilizzare lo stesso processo per trattare la scheda basta cambiare il colore di riempimento o di sovrapposizione sfumatura di primo piano e colori di sfondo e del testo è possibile utilizzare una semplice ombra con distanza di 2 o 3 px e la dimensione 2px.

C'è un buon tutorial qui circa tipografia effetto (scorrere verso il basso un po ' per vedere le istruzioni).

Speranza che aiuta.