Tutorial Blog

Riflettendo Testo e immagini di Photoshop Tutorial

1 gennaio 2006 da Anthony · 24 Commenti Post to Twitter Post a Yahoo Buzz Post a Digg Post to Reddit Post to StumbleUpon




In questo tutorial vi spiegherà come creare un effetto molto moderna ed accattivante l'immagine allo specchio, che può essere utilizzato con testo e immagini. L'effetto sarà quello di riprodurre un oggetto seduto su una superficie riflettente pulitissimo.

Fase 1

Il primo passo per creare l'effetto di immagine allo specchio è quello di scegliere ciò che si vuole riflettere. Per questo tutorial vi mostreremo come si fa con il testo. I principi esattamente lo stesso può essere applicato a un'immagine, quindi non preoccupatevi di eventuali differenze di approccio, come non ce ne sono!

Per iniziare, crea il tuo tela bianca di qualsiasi dimensione di fantasia, e digitare una riga di testo (solo per salire sulla tecnica). In questo, useremo il testo TutorialBlog e fare una riflessione da questo. Si dovrebbe avere qualcosa di simile a questo:

immagine speculare passo effetto photoshop tutorial 1

Fase 2

Il passo successivo è quello di duplicare il livello e capovolgere verticalmente. Questo ti dà il primo passo verso la costruzione, il reale effetto di riflessione. Per fare questi due piccoli compiti tutto quello che dovete fare è duplicare il livello di testo. Traversare il vostro senso alla finestra di strati, di sinistra fare clic e trascinare il livello di testo sul tasto nuovo layer che possono essere trovate qui:

immagine speculare passo effetto photoshop tutorial 2

... E quindi rilasciare il click del mouse. Si dovrebbe avere due strati dello stesso testo ora. Il passo successivo è quello di capovolgere questo verticalmente. Per fare questo è necessario andare al menu in alto e selezionare Modifica> Trasforma> Rifletti verticalmente. Si dovrebbe finire con una tela che assomiglia a questo:

immagine speculare passo effetto photoshop tutorial 2 2

Spostare il livello che avete appena girato verso il basso in modo che la parte superiore di questo strato è di 2 pixel in altezza via dal fondo dello strato di testo originale, in modo che assomiglia a questo:

immagine speculare passo effetto photoshop tutorial 2 3

Ora che abbiamo tutti i livelli abbiamo bisogno, possiamo procedere per conoscere livello di mascheratura e di come essa gioca un ruolo importante nella creazione di questo effetto di riflessione.

Fase 3

Ora che abbiamo entrambi i nostri livelli di soggetti, abbiamo bisogno di aggiungere una maschera di livello al rovescio di livello, in modo che possiamo portare avanti l'aggiunta di effetti di riflessione per l'immagine. La "maschera di livello", l'icona si trova nella parte inferiore della finestra di livello, che assomiglia a questo:

immagine speculare passo effetto photoshop tutorial 3

Al fine di mascherare un livello di testo, tutto quello che dovete fare è semplicemente lasciato fare clic e trascinare la rovesciata di testo strato su questa icona nella finestra livelli, e rilasciare il click del mouse. Si dispone ora di una maschera di livello attivo su quel livello di testo. Si può notare che i bordi del testo ottenere portato un po '. La maschera trim i bordi meno visibili di qualsiasi immagine o testo, rendendo più chiaro e facile da modificare, senza degrado. Un altro piccolo trucco che questi fastidiosi programmatori di Adobe pensato.

Ok, quindi ora avete un livello di testo che ha una maschera attiva. È il momento di spiegare come funzionano maschera di livello.

Le maschere di livello sostanzialmente fornire uno strato con alcuni valori aggiuntivi, che gli permettono di essere strettamente modificati in dettaglio o, in generale, con il vantaggio aggiunto di essere facilmente in grado di nascondere alcune parti di tale immagine dal punto di vista fisico. Questo viene fatto utilizzando i colori bianco e nero. Let's esperimento con il nostro livello di testo mascherato e nascondere parte di essa!

Selezionare lo strumento sfumatura, fare in modo che il nero è impostato per il vostro colore di primo piano, e assicurarsi che gli attributi per l'aspetto gradiente strumento come questo:

immagine speculare passo effetto photoshop tutorial 3 2

Ora che lo strumento è impostato e il vostro livello è nel posto giusto, tutto quello che dovete fare è fare clic e trascinare la sfumatura appena al di sotto, dove inizia il testo con maschera (il fondo), fino al punto esatto in cui il testo si conclude mascherato (il top ). Effettuare questa operazione quattro o cinque volte e quindi impostare l'opacità del livello al 40%. Si dovrebbe avere un'immagine simile a questo:

immagine speculare passo effetto photoshop tutorial 3 3

Easy as pie! Ora potete sperimentare con la nuova capacità di riflessione e di trovare le cose spiffier che mai! Buon divertimento, e godere.



Commenti

24 Responses to "Riflettendo Testo e immagini di Photoshop Tutorial"
  1. Daniel Rough - ha detto:

    un effetto molto moderno e attraente immagine speculare

    hahaha fate il mio giorno!

  2. Bryant - ha detto:

    Si tratta di denaro! Grazie.

  3. e-mail anonime - http://www.anonymousspeech.com ha detto:

    Si potrebbe aggiungere una superficie con un fading out grigio. Questo renderebbe l'effetto più impressionante.

  4. Jerry - ha detto:

    Nice tutorial. Maybe it's me, ma dal momento che la linea di base del "g" è diverso da quello per il resto del testo, l'effetto di riflessione davvero non ha senso.

  5. Tjerja - http://www.esenciadesign.com ha detto:

    a Jerry: Hai ragione circa la 'G' ;-) . Ma oltre a questo, tutti gli altri lettori dovrebbero provare ad usare la sovrapposizione sfumatura (effetto stile di livello) per l'oggetto in basso ombra. Si tratta di un molto più facile (e non così distruttivo!) Per creare lo stesso effetto. Vi dà il controllo di più pure. Invece di fading via con una maschera, si può anche svanire la sfumatura al bianco ... ;-)

    Cheers, Tj.

  6. IMI - http://www.car-sale.org.uk ha detto:

    bel tutorial

  7. Nikki - ha detto:

    Devo assolutamente d'accordo con Tjerja. L'ho provato in entrambi i sensi e ho scoperto che usando la sovrapposizione sfumatura era molto più semplice e un modo più semplice per ottenere lo stesso effetto desiderato!

  8. Webdesign JayJay - http://www.jayjaywebdesign.com ha detto:

    Great!

    Mi sono chiesto per tanto tempo su questo ..

    Yhanks un sacco

  9. Ismael - http://www.myspace.com/ismaelf4 ha detto:

    ma la "g", non si riflette bene che tipo
    lettera di non fare un buon lavoro la riflessione

  10. Borat - ha detto:

    u tank very nice : P: P: P

  11. Charlie - ha detto:

    Very nice! grazie

  12. Brandon - http://www.WizardHat.uk.to ha detto:

    Uh ho ottenuto questo KNW, ma io non ne guarda bene o no che cosa ne pensi?

  13. Brandon - http://www.WizardHat.uk.to ha detto:

    whoops l'URL è

    http://img523.imageshack.us/img523/6303/brand9nye3.png

  14. minimina - http://none ha detto:

    Thanx a lot! questo è veramente utile : D

  15. minimina - http://none ha detto:

    significava molto utile

  16. bzsolt - ha detto:

    salute! :)

  17. Gopinath M - http://mgopinath.blogspot.com ha detto:

    Un eccellente articolo. Non ho mai saputo che è così facile creare riflessi. Thanks a lot. Io vado a ridisegnare il testo e le immagini della mia http://mgopinath.blogspot.com blog con questa tecnica. Thanks a lot.

  18. Roanne - http://roanne.blogsome.com ha detto:

    La pendenza è tutto rosso. Credo di aver seguito le istruzioni correttamente, ma in qualche modo devo aver fatto qualcosa di sbagliato ...

  19. Roanne - http://roanne.blogsome.com ha detto:

    Oh, I got it. Haha. Grazie, questo è così bello!

  20. Kassia - ha detto:

    Questo non funziona con le foto ... ho bisogno di riflettere l'immagine in orizzontale, non riflettono il testo. non funzionano allo stesso modo. Qualcuno può aiutarmi?

  21. iMarh - http://imarh.blogspot.com ha detto:

    Buona tut. Nel mio blog ho elencato qualche utile tutorial su Adobe Photoshop.

  22. CubidoN - http://www.gfx.ge ha detto:

    Vi ringrazio per questo questo tutorial!

    Hai mi ha aiutato molto!

    Grazie ancora!

  23. Brad Nay - http://daily-rambler.blogspot.com/ ha detto:

    Si ottiene una stella d'oro!

Tutorial Blog