Usare luci e ombre per dare vita al testo

Transcript

1 Usare luci e ombre per dare vita al testo Prima di iniziare il tutorial, ecco un piccolo schema di come la luce possa colpire un oggetto. Qui abbiamo un oggetto quadrato al centro con la luce proveniente dalla parte superiore sinistra. Si può vedere che quando la luce colpisce l'oggetto, un'ombra è proiettata sull'altro lato. Si noti che l'ombra non è una classica ombra creata automaticamente da Photoshop ombra che fa si che l oggetto sembra volare sopra l immagine. In questo esercizio vogliamo che l'oggetto sembri tridimensionale e che quindi fuoriesca dalla tela stessa. Creiamo quindi un documento di 400 x 400 pixel, risoluzione 300 pixel/pollice, metodo RGB e sfondo bianco. Utilizzando come colore di primo piano il # e come colore di sfondo il #626262, utilizziamo il riempimento sfumatura di tipo lineare riempiendo il riquadro partendo dall angolo in basso a destra verso l angolo in alto a sinistra. Questo per rispettare la provenienza della sorgente luminosa. Inseriamo del testo. In questo caso si è utilizzato il font Agency FB, altezza 30 pt, colore #C2C8D4 e nelle impostazioni del testo attivare Bold. Centriamo poi il testo nel riquadro dell immagine oppure lo scriviamo utilizzando le guide. Facciamo CTRL + click sul livello del testo (per selezionarne i contorni) e creiamo un nuovo livello sopra questo. Nel nuovo livello, con la selezione ancora attiva, inseriamo una sfumatura lineare dal colore #495A79 al trasparente dall angolo in basso a destra verso l angolo in alto a sinistra. Impostiamo come colore di primo piano il nero. Facciamo CTRL + click sul livello del testo e creiamo un nuovo livello al di sotto dello stesso. Utilizziamo ALT+BACKSPACE per riempire la selezione con il colore in primo piano e poi, usando le frecce della tastiera, premiamo una volta quella verso il basso e una volta quella verso destra. Ripetiamo l operazione per una decina di volte (quindi riempimento + spostamento) per ottenere un effetto di 3D simulato. 1

2 Togliamo la selezione (CTRL + D) assicurandoci di essere ancora sul livello dell ombra: selezioniamo Filtro Sfocatura Effetto movimento e usiamo come valori -45 e una distanza di 30 pixel. Impostiamo come sul livello dell ombra lo stile di fusione Moltiplica e abbassiamo l opacità al 40%. Attiviamo lo strumento sposta e tenendo premuto lo SHIFT premiamo una volta la freccia verso il basso e una volta quella verso destra. In questo modo sposteremo di 10 pixel l ombra verso il basso e verso destra (questa infatti non può trovarsi sopra e a sinistra della scritta altrimenti l effetto realistico non ci sarebbe). Nel caso ci siano ancora delle sbavature intorno alle lettere, provvederemo a cancellarle con lo strumento gomma. Duplichiamo il livello dell ombra e, utilizzando lo strumento sposta unito al tasto SHIFT, spostiamolo di 10 pixel a destra e 10 pixel in basso. Applichiamo il Filtro - Sfocatura Effetto movimento questa volta usando un angolo di -45 e una distanza di 50 pixel. Cambiamo la fusione su Moltiplica e l opacità al 20%. 2

3 Creiamo un nuovo livello sopra tutti gli altri, facciamo CTRL + click sul livello del testo e riempiamo la selezione di bianco (se il bianco è il colore di sfondo possiamo utilizzare la scorciatoia CTRL + CANC; se il bianco è in primo piano possiamo usare la scorciatoia ALT + BACKSPACE). Con la selezione ancora attiva attiviamo lo strumento selezione, premiamo una volta la freccia verso il basso e una volta verso destra. A questo punto premiamo CANC e avremo ottenuto un leggero bordo bianco intorno alle nostre lettere che darà loro una luminosità e un effetto tridimensionale. Abbassiamo l opacità del livello all 80%. Per realizzare dei fasci di luce procederemo in questo modo: creiamo un nuovo livello sopra tutti gli altri e disegniamo 4 o 5 rettangoli bianchi simili a quelli mostrati in figura (notiamo che sono sempre più grandi andando verso il basso). Premiamo CTRL + T per attivare la trasformazione libera; ruotare e allargare i rettangoli come mostrato in figura. Normalmente premiamo INVIO per confermare la modifica ma questa volta facciamo click con il tasto destro all interno dell immagine per far comparire un meno da cui scegliamo l opzione prospettiva. Restringiamo la distanza tra i rettangoli nell angolo in alto a sinistra e allarghiamolo nell angolo in basso a destra (ricordiamoci che possiamo tenere premuti i tasti SHIFT + ALT per mantenere il centro dell oggetto inalterato). Impostiamo l opacità al 20% e scegliamo Filtro Sfocatura- Controllo sfocatura inserendo un raggio di 6 pixel. 3

4 Con i raggi luminosi creati, possiamo notare che questi colpiscono le lettere ma nelle zone d ombra i contorni che abbiamo creato prima non dovrebbero esserci. Per rendere più realistico questo effetto dobbiamo semplicemente fare CTRL + click sul livello dei raggi di luce per caricare la selezione, attivare il livello dei contorni chiari delle lettere (dovrebbe essere il livello subito sotto) e poi fare click sul pulsante che si trova nella palette dei livelli a destra dell icona fx. Questo pulsante creerà una maschera che andrà a coprire i contorni luminosi delle lettere proprio lì dove i raggi non arrivano. Creiamo adesso un livello subito sopra quello dello sfondo e riempiamolo con il colore #9D506C (ricordiamo che possiamo usare la scorciatoia ALT + CANC). Cambiamo il metodo di fusione del livello in Colore e abbassiamo l opacità al 20%. Creiamo adesso un livello subito sopra quello rosa. Riempiamolo completamente di bianco e poi selezioniamo Filtro Rendering Effetti di luce. Scegliamo lo stile Faretto ore due cambiando l impostazione dell ellisse luminoso come da immagine e apportando piccoli ritocchi ai valori. 4

5 Cambiamo il metodo di fusione del livello in Sovrapponi. Duplichiamo il livello, spostiamolo al di sopra di tutti gli altri e impostiamo l opacità al 40%. Questo serve a far si che la luce interagisca non solo con lo sfondo ma anche con il testo. Duplichiamo ancora una volta il livello dell effetto luce (possiamo metterlo in cima a tutti gli altri), cambiamo l opacità al 65% e aggiungiamogli una maschera vettoriale (il pulsante alla destra di fx). Con il bianco in primo piano e il nero come sfondo, selezioniamo lo strumento sfumatura e creiamone una che vada dall angolo superiore sinistro all inferiore destro per aggiungere un effetto di dissolvenza. 5