Tutorial scritto da Fábio Sasso e prelevato da
Abduzeedo.
Tutorial tradotto da Alex.html
Allora, in questo tutorial vi mostrerò Come dare l'effetto acquatico ad un testo. Anche se potrebbe sembrare complesso, questo è un effetto molto semplice. Useremo Illustrator per creare il testo, poi Cinema 4D per renderlo 3D, e Photoshop per aggiungere al testo degli stock per dare all'immagine un effetto molto realistico.
Step 1
La prima cosa da fare è creare una scritta a mano libera con il testo che volete assuma il suddetto effetto. Io ho utilizzato Adobe Illustrator per creare il testo, usando il Pencil Tool (N), doppio click sulla sua icona per aprire la finestra delle opzioni di questo strumento. Utilizzare 10 px per la Fidelity e 50 % per la Piattezza. Salvate il file che in seguito importeremo in Cinema 4D.
Preview
Step 2
Aprire Maxon Cinema 4D e cliccare su File > Merge. Selezionate il file di Illustrator per importarlo.
Preview
Step 3
Modifichiamo il tracciato per aggiungergli un pò di profondità. In Illustrator abbiamo un semplice tracciato 2D, adesso possiamo modificarlo in un ambiente 3D e ciò gli darà un effetto piacevole. Selezionare il Point Tool (1) e cliccate sull'oggetto, poi con il Move Tool (2), muovere i punti. Usare le frecce dell'Asse per assicurarvi che stiate muovendo nella direzione e asse esatti.
Preview
Step 4
Una volta finito di modiicare il tracciato, aggiungere un rettangolo. Per fare ciò cliccare sull'icona Draw a Freehand Spline (1) e selezionare il rettangolo (2). Nel pannello Attributes cambiare altezza e larghezza a 30m, selezionare Rounding e impostare 3m (3).
Preview
Step 5
Anche se può sembrare complicato, questa fase è abbastanza semplice. Cliccare sull'icona Add HyperNURBS Object e selezionare Sweep NURBS (1). Nel pannello degli Oggetti avrete 3 livelli oggetto: il tracciato con il vostro testo, il rettangolo e lo Sweep NURBS. Spostate il percorso e il rettangolo nello Sweep NURBS objects (2). Poi, nel pannello Attributes, utilizzare l'immagine seguente come riferimento (3) ma assicuratevi di cambiare la rotazione.
Preview
Step 6
Ora aggiungiamo un effetto discioglimento. Cliccare sull'Add Bend Object (1) e selezionare Melt (2). Ancora, trascinare questo nuovo livello nel livello Sweep NURBS (3). Si troverà proprio sotto il livello del tracciato. Con il Melt Object selezionato, andare nel suo pannello Attributes e giocate a piacere con alcuni parametri. Non ci sono valori fissi. Questi dipenderanno dalle dimensioni del vostro testo/tracciato. Potete anche usare quelli usati da me nell'immagine sotto (4).
Preview
Step 7
Man mano che procediamo il nostro oggetto diventa sempre più piacevole, ma ci sono ancora alcuni miglioramenti da fare. Rendiamolo più piatto ed in seguito aggiungiamo una bella texture che richiama l'aspetto dell'acqua. Quindi cliccare sull'icona Add HyperNURBS Object e selezionare HyperNURBS (1). Nel pannello Objects, cliccare e trascinare il gruppo di livelli dello Sweep NURBS nel nuovo livello HyperNURBS (2). Nel pannello Attributes per il nuovo oggetto HyperNURBS cambiate la Suddivisione a 3 e usare Linear (R7) come Type. Renderizzare la Prospettiva per vedere come sembra. Nota bene: Cambiare angolo e distanza della visuale trascinando le icone presenti in cima nell'angolo a destra della preview window.
Preview
Step 8
Il materiale che useremo per creare l'effetto acqua è molto importante. Nel pannello dei materiali andare a File > New Material. Poi, doppio click sull'icona del materiale per aprirlo in una nuova finestra. Selezionare Colore, Luminanza, Trasparenza, Bump e Riflesso. Usare l'immagine sotto come riferimento per parametri e impostazioni. Nota bene: per il BUMP cliccare sul tasto freccia vicino Texture, cliccarci e selezionare Surfaces > Water. Così verrà utilizzata una texture acqua per il Bump.
Preview
Step 9
Cliccare sull'icona Add Light e aggiungere 2 nuove luci. Entrambe dovranno essere Omni ma bisogna impostare l'intensità di una al 100% e l'altra al 50%. Per l'ombra selezionare Shadow Maps (soft). Poi, spostare la luce con intensità al 100% sopra l'oggetto (1) mentre l'altra va spostata sotto e dietro l'oggetto (2). Renderizzate ancora la Prospettiva per vedere come appare. Dovrebbe essere a posto per essere esportato.
Preview
Step 10
Andare a Render > Render Settings e selezionare la voce Save. Selezionate Alpha Channel, Straight Alpha, e Separate Alpha. Per l'output selezionare Screen > 1920x1200 px. Poi andare a Render > Render to Picture Viewer. Dopo aver salvato il nostro lavoro spostiamoci in Photoshop.
Preview
Step 11
Aprire Adobe Photoshop e l'immagine che abbiamo renderizzato in Cinema 4D. La prima cosa da fare è andare nella tavolozza dei canali e poi tenendo premuto Command(MAC)/Control(PC) cliccare sull'anteprima dell'Alpha 1 per caricare il canale come selezione. Dopo questo, tornare alla tavolozza dei Livelli, selezionare selezionare il livello e andare a Layer > Layer Mask > Reveal Selection.
Preview
Step 12
Con un soft brush rotondo ed il colore nero, spennellare sulla maschera per nascondere la maggior parte dell'immagine, utilizzare l'immagine sottostante come riferimento. Aggiungeremo ora degli stock che hanno per tema l'acqua per dare un'impressione molto realistica del lavoro.
Preview
Step 13
Su
Stock.xchng inserire nel campo di ricerca "water splash" e scaricare le foto a sfondo nero, nell'immagine di sotto sono mostrate le immagini utilizzate da me. Importarle in Photoshop e settare sempre la fusione su Scherma Lineare. Così il nero diventerà trasparente.
Preview
Step 14
Iniziare copiando alcune parti di uno stock e piazzarle nelle aree che abbiamo precedentemente occultate.
Preview
Step 15
Continuare aggiungendo piccoli splash. È possibile andare a Edit > Transform > Warp per cambiarne le forme. Con la gomma(E) cancellare alcune parti degli schizzi per rendere il tutto più reale. Ora riguarda tutto i dettagli.
Preview
Step 16
Ora aggiungere lo schizzo più grande. Per me questo metodo ` molto utile per evitare di sovraccaricare il design di troppi dettagli. Siate sempre sicuri che la modalità di fusione sia Scherma Lineare.
Preview
Step 17
Raggruppare tutti i livelli. Duplicare il gruppo e andare a Layer > Merge Group. Poi andare su Filter > Blur > Gaussian Blur. Utilizzare un raggio di 20 px. Dopo ciò cambiare la fusione del livello su Scherma Lineare. La sfocatura con la fusione detta prima crea un piacevole effetto bagliore. Sarà comunque necessario ridurre la luminosità e aumentare il contrasto. Andare quindi a Layer > New Adjustment Layer > Brightness and Contrast. Utilizzare -75 per la luminosità e 40 per il contrasto.
Preview
Conclusion
Aggiungere il proprio logo o del testo e ci siamo. Siccome l'outcome è davvero splendido potreste pensare che il processo per creare questo effetto sia complesso, ma in realtà è abbastanza semplice. Probabilmente ci sono modi per creare il testo utilizzando solo il blend tool in Illustrator senza usare Cinema 4D ma è sempre utile saper utilizzare gli strumenti 3D. Come già detto, il processo consiste tutto nel mescolare stock all'oggetto 3D. Spero che questo tutorial vi aiuti perchè ha aiutato molto me ad apprendere il funzionamento degli strumenti 3D.
Complete Work
Versione 2
Per aggiungere colore al lavoro basta aggiungere una Mappa Sfumatura settando la fusione a Moltiplica sul livello dove abbiamo applicato la Gaussian Blur nello Step 17.
Version 2
Qui potete scaricare i files utilizzati durante il tutorial.
Enjoy ;)