Vai al contenuto

[Tutorial PS] Creare un Testo in 3D


ForestJym

Messaggi raccomandati

Creare un testo 3D

Con Photoshop

 

21.jpg.e7a725df6504e1d23fdbe375dcf2304b.jpg

 

Buon giorno a tutti :) come richiesto, vediamo subito di creare una guida semplice ed efficace su come poter creare un titolo, un testo in 3D da poter utilizzare come header o front page di youtube, o facebook, o qualsiasi sito vogliamo e per qualsiasi cosa vogliamo.

 

1) Apriamo Photoshop.

creiamo un nuovo documento: File New/nuovo... e impostiamo il nome che vogliamo, e le dimensioni che vogliamo (tanto dopo modificheremo tutto) per iniziare io imposto la dimensione HDready 720p: 1280x720.

impostiamo 300dpi di risoluzione e 32bit di colore RGB.

 

[spoiler=Espandi]

1.jpg.00fbfccf62fbe1495f5aaca1b4df4684.jpg

 

2) Scriviamo il testo che vogliamo.

prendiamo lo strumento testo T.jpg.b73ffafe13faee3da56e179ab55bc803.jpg e scriviamo quello che vogliamo al centro del foglio. Scegliamo un font particolare, quello che ci piace di più o che pensiamo possa essere adatto al nostro scopo, colore nero o grigio scuro, o come preferite. io ho usato il font Earial Demented scaricabile da QUI se qualcuno lo volesse.

Questo font non è semplice come l'Arial, è composto da molti punti e tracciati quindi non possiamo trasformarlo in 3D subito.

Clicchiamo col destro sul livello del testo e clicchiamo Rasterizza Testo/Type. Poi nuovamente col destro cliccando però su Converti in Oggetto avanzato/smart object.

 

[spoiler=Espandi]

2.jpg.521000a6c6252afac132ae43f8b99cbe.jpg

 

3) Creiamo il livello 3D

avendo il livello del testo selezionato, andiamo in alto nei menu, e selezioniamo 3D>New 3D Extrusion from selected layer o nuova estrusione 3D dal livello selezionato.

vedremo il layout cambiare completamente, mostrando una griglia come Piano e mostrando le assi X,Z con una linea blu e rossa che si incrociano sotto il testo.

 

[spoiler=Espandi]

3.jpg.9dd197ff0eca9b0cfbd39ed1d0a2461b.jpg

 

appena sopra possiamo notare 5 nuovi bottoni:

 

[spoiler=Espandi]

4.jpg.fb2ea2072d3e939c5015d9a33559d013.jpg

 

Con il primo a sinistra:

cliccando sul reticolato e tenendo premuto possiamo RUOTARE in TUTTE le assi la scena.

Con il secondo:

cliccando sul reticolato e tenendo premuto possiamo RUOTARE in senso orario e antiorario la scena.

Con il terzo:

cliccando sul reticolato e tenendo premuto possiamo spostare la scena in tutte le direzioni.

Con il Quarto:

cliccando sul reticolato e tenendo premuto possiamo muoverci in prospettiva, avvicinarci e allontanarci dall'oggetto.

Con il Quinto:

cliccando sul reticolato e tenendo premuto possiamo scalare la scena.

non dimentichiamoci che i soliti strumenti di movimento di Photoshop sono abilitati, quindi Alt+rotella serve per zoommare, spazio+mouse serve per spostarsi nel foglio.

 

4) Posizioniamo

Con gli strumenti appena visti sopra, spostatevi e posizionatevi dove l'inquadratura vi piace di più, io faccio la classica inquadratura frontale che anche se non mi piace per niente, è la più richiesta da tutti! esempio:

 

[spoiler=Espandi]

5.jpg.ebe45501973f844304e3522452add602.jpg

 

Poteva essere interessante ad esempio mantenere una scena da 3/4, esempio:

 

[spoiler=Espandi]

6.jpg.359d260ed854fc008d82222cd28502c3.jpg

 

ma noi andiamo avanti con la standard.

 

5) Modifichiamo l'oggetto.

se cliccate una volta sull'oggetto al centro del foglio potete notare nella finestrella Proprietà/Properties (se non lo avete a schermo, andate sopra nei menu e cliccate Finestra>Proprietà o Window> Properties)alcuni strumenti di modifica:

 

[spoiler=Espandi]

7.jpg.480757610c8ea49d25fea814ac40852f.jpg

 

Se cliccate sul secondo o il terzo, noterete che sulla nostra scritta 3D comparirà uno strumento di modellazione (come qui sopra). se ci passiamo sopra col pause e tenendo premuto lo muoviamo vedremo gli effetti prodotti.

in secondo bottone è il più frequente, serve per l'estrusione, bisogna solo afferrare la parte dell'icona di modellazione che vogliamo e divertirci:

 

estrusione prospettica:

[spoiler=Espandi]

8.jpg.b05e294ee3c07b6eb4bf839f7712b25b.jpg

estrusione frontale:

[spoiler=Espandi]

9.jpg.37b89cc1a8de2fd67a0cae1504be3505.jpg

esterusione pluridirezionale:

[spoiler=Espandi]

10.jpg.ffe0e1d96008fa6aad88d6d388ce9cd5.jpg

estrusione rotatoria:

[spoiler=Espandi]

11.jpg.f263c931e940c0c1b7c36e0db5d0cd69.jpg

 

per ora noi agiremo sulla prima estrusione,e regoliamo la profondità dell'oggetto che vogliamo.

Cliccando semplicemente sull'oggetto invece vedremo lo strumento classico di spostamento/modellazione presente nei classici software 3D, la croce XYZ con gli appigli per la rotazione, spostamento,scalatura:

 

[spoiler=Espandi]

12.jpg.2e62ce8eb202734b958abcd15efbf6a3.jpg

 

Noi ormai abbiamo rasterizzato l'immagine all'inizio della guida, ma se aveste creato il livello 3D su un Testo puro, potevate ancora modificare le caratteristiche del testo tramite la finestra "Carattere" o Character. nel nostro caso dobbiamo andare nella finestra Colore. ma spesso si lascia bianca o nera per poi applicare delle texture. (nostro caso)

 

6) Illuminazione

Se guardiamo in giro per il foglio troveremo un icona molto piccola somigliante ad un sole. se la clicchiamo possiamo giostrare la direzione della luce:

 

[spoiler=Espandi]

13.jpg.b89a9e5a840dcb3e3a6770ecf73b4aef.jpg

 

7) Render

ora clicchiamo sopra nei menu, 3D>render e aspettiamo qualche minuto che finisca il processo. in base al vostro processore e alla memoria dedicata della vostra scheda video photoshop impiegerà più, o meno tempo.

una volta finito, andate sul livello del testo, cliccate col destro e cliccate su Raster 3D, oppure andate nel menu in alto 3D e poi su Raster 3D. ora abbiamo una PNG 3D.

 

[spoiler=Espandi]

14.jpg.f455354708fb3a0704248bcefa05ffeb.jpg

 

8) Photo Editing.

 

Scarichiamo uno sfondo astratto o qualsiasi cosa vogliate voi per abbellire Texture e Sfondo.io ho scaricato questo QUI.

- Andiamo su Photoshop, File Place o Inserisci e scegliete l'immagine scaricata.

- teniamola nel livello più alto di tutti.

- clicchiamo col destro sul suo livello e clicchiamo Create Maschera di ritaglio o Clipping mask. e sopra alla finestra dei livelli mettiamo metodo Esclusione. Exclusion. diamo un 80% di Opacità.

 

[spoiler=Espandi]

15.jpg.eb2ab15d052db0e6b0a57b1fb5b59d6d.jpg

 

- selezioniamo il livello del testo, andiamo in Image o Immagine, Adjustment o aggiustamenti, Levels o livelli. impostiamo i valori dei livelli luce così:

 

[spoiler=Espandi]

16.jpg.96f4e81fc068c7dc51d44a4adbea3ab5.jpg

 

- Torniamo su File>Place o inserisci, reinseriamo lo stesso sfondo scaricato, però mettiamolo al di sotto di tutti i livelli (tranne il livello background bloccato)

- dilatiamo lo sfondo fino a coprire tutto il disegno e poi abbassiamolo leggermente, così.

 

[spoiler=Espandi]

%5Bimg%5Dhttp%3A//www.draftmancorp.com/Modding/Tut9/17.jpg[/img]

 

- con lo strumento taglio V.jpg.65160b9b10942c41f736954cd93a3cf0.jpg ritagliate la fetta d iimmagine che vi serve, nel mio caso:

 

[spoiler=Espandi]

18.jpg.c12dd7802af94acbebba6643929438e5.jpg

 

- prendiamo la bacchetta magica B.jpg.05b318754119fff63ce345639f8cc2a0.jpg e sopra nelle opzioni Spuntiamo, quindi togliamo la spunta a Contiguosu. selezioniamo la facciata delle nostre lettere, così:

 

[spoiler=Espandi]

19.jpg.588faadd0a0e90d7d65ffebcb1dd5ce3.jpg

 

- prendiamo la Gomma g.jpg.57b0f81b080c43828b283728de512aa2.jpg dimensione 100, e opacità 50%.

- passiamo lungo tutta la scritta dal centro in giù una massimo due volte..

- impostiamo opacità 25% e passiamo nella parte superiore una massimo due volte.

 

[spoiler=Espandi]

20.jpg.4f017814e5df74c8ffd3bc9fcea90ded.jpg

 

- Ora bisogna fare gli ultimi ritocchi, ma qui spetta a voi, perchè il risultato va in base ai gusti.

io ad esempio ho aumentato il livello di bianco nel livello testo, ho applicato QUESTO sfondo appena sopra il livello Background che abbiamo utilizzato sopra e gli ho impostato metodo Difference o differenza. Poi con la gomma ho cancellato le parti periferiche. con il pennello bianco e opacità 50% ho fatto alcuni punti di riflesso. cliccando qua e la :).

 

 

21.jpg.8534804b99334d40fd0aca893d24cda4.jpg

21.jpg.9a1f52f40a65dcb6259560589b1b4901.jpg

1.jpg.41bb83e92088a612935c99dda26bc589.jpg

T.jpg.9f2af28f77fde67493f034dea6a57f5c.jpg

2.jpg.20756434580fbebf2a54efeef3a1d167.jpg

3.jpg.6bb7f530a92aa3d81b401645e4ebd64a.jpg

4.jpg.c50914b4570a478b1ecee8d087ef607d.jpg

5.jpg.aac8b396c1a08806aafcd680938b7cd8.jpg

6.jpg.e0eb037fd25543dd021e611a7a4dd111.jpg

7.jpg.4a813764db9e9f93a6f92e9c15760cd4.jpg

8.jpg.b4ae08760a17bfd23214f6dbd2d96727.jpg

9.jpg.aa3b7d6b315c1fea8d814d43a169a607.jpg

10.jpg.e4854a1ce4f653cd0d8e0ebf7dc5ca3d.jpg

11.jpg.e3bdeb786b689900537e519ae46c6d55.jpg

12.jpg.7266381756ac10fa0c05d098359af297.jpg

13.jpg.cfd14f09e91c82312ad8694892601443.jpg

14.jpg.bae581d2d4cb8b67c8beb76f9e2ccd7d.jpg

15.jpg.ad34ebcf6deeae0bfb030f26f197b4ea.jpg

16.jpg.180c254c2f9b13c8878aaaf47880c057.jpg

V.jpg.f602444f700e0d297a3ac9ed341db2b6.jpg

18.jpg.71f9f285ba0cc5909bf8f97dcc74396e.jpg

B.jpg.4e75014d3177b5dc05180668f6de9c7b.jpg

19.jpg.056d6e695337b4bd01c33b333dc2ded6.jpg

g.jpg.84221b88a122ea149fc3c38ca43624ff.jpg

20.jpg.31fe3a4add326ae1c5330667cd52176e.jpg

21.jpg.0f11c81c850302a8802f282ec4e8f817.jpg

Link al commento
Condividi su altri siti

Untitled-2.jpg.574d69145cd592a8f5b57cf7e892fa5a.jpg

1) File>Save as o Salva con nome...

2)Scegli la destinazione

3)Dai un nome al file

4)Scegli il Formato

5) vedi PNG io l'ho salvato in Jpeg

6) Salva.

 

da 32 a 16 bita cambia solo che se lavori in 32 bit hai più opzioni nelle tabelle dei colori, ma se devi salvare, non cambia nulla :)

Link al commento
Condividi su altri siti

[ATTACH=CONFIG]6035[/ATTACH]

1) File>Save as o Salva con nome...

2)Scegli la destinazione

3)Dai un nome al file

4)Scegli il Formato

5) vedi PNG io l'ho salvato in Jpeg

6) Salva.

 

da 32 a 16 bita cambia solo che se lavori in 32 bit hai più opzioni nelle tabelle dei colori, ma se devi salvare, non cambia nulla :)

Ma in 32 bit molte cose me le dava diverse e non mi dava i formati immagine,mentre a 16 era tutto guale a te ..

SONO UN POSTEEEEEEEEER :D

Link al commento
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un membro per lasciare un commento

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!

Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.

Accedi Ora

Giochi in Uscita



  • Community Hive Community Hive

    Community Hive allows you to follow your favorite communities all in one place.

    Follow on Community Hive
  • Utenti

    Non ci sono membri da mostrare

×
×
  • Crea Nuovo...