03 luglio 2007


Post dedicato a Rocco, che è il vero autore di questa tecnica.
Nel tutorial di oggi vedremo come realizzare in Photoshop un effetto ghiaccio molto realistico. La cosa originale è che riusciremo ad ottenere questo effetto utilizzando esclusivamente gli stili di livello e più precisamente lo "Smusso ed effetto rilievo" e il "Sovrapposizione Colore".
Iniziamo subito (per ingrandire le immagini cliccarvi sopra)

Create una nuova immagine di 500 px di larghezza per 250 di altezza, RGB col fondo bianco.
Selezionate come colore di primo piano un celeste con codice #81ccf6 e come colore di sfondo una tonalità più chiara dello stesso colore, io ho utilizzato questa: #d1e5ef e tracciate una sfumatura lineare sul livello di sfondo come nell'immagine che segue.


Inserite al centro dello stage un testo a vostro piacimento con un carattere non troppo sottile. Il colore del font è ininfluente dal momento che setteremo l'opacità del riempimento a 0.


Adesso possiamo iniziare a lavorare con gli stili di livello.
Cliccate due volte sul livello del testo per attivare la maschera degli stili di livello (attenzione però a non cliccare nè sul nome, nè sulla miniatura del livello - attiverebbero altre funzioni).
Sarà il posto in cui creeremo il nostro effetto ghiaccio.
Di default apparirà la scheda "Opzioni di fusione". L'unica impostazione che andremo a modificare in questa schermata, sarà l'opacità del riempimento che porteremo a 0, come da immagine che segue.



Selezionamo ora lo stile "Smusso ed effetto rilievo" cliccando sulla casella corrispondente e modifichiamo le impostazioni che sono evidenziate nei riquadri rossi dell'immagine in basso con questi valori:

Struttura

  • Stile: Smusso interno
  • Tecnica: Arrotonda
  • Dimensione: 7 px
Ombreggiatura
  • Angolo: 82°
  • Altitudine: 53°
  • Contorno superficie: Cono inverso
  • Metodo luce: Colore scherma - Opacità: 88%
  • Metodo ombra : Colore scherma - Opacità: 100%
Passiamo sulla scheda immediatamente successiva, quella del contorno e selezioniamo come curva di contorno "Anello" e come intervallo "75%"

Sulla scheda successiva, quella della Texture, selezionate "Bolle" come pattern, scala:162% e profondità: 266%.
L'ultimo passaggio è fondamentale, perchè darà volume al nostro effetto.
Selezionate la scheda "Sovrapposizione colore" e scegliete un blu intenso (#112233) dalla cella colore e impostate l'opacità al 51%.


A questo punto se desiderate potete salvare il vostro stile per un futuro utilizzo cliccando su "Nuovo stile". Lo ritroverete in ultima posizione nella palette "Stili".

Cliccate su ok e il gioco è fatto.
Meglio di così non sapevo spiegarvelo; la verità è che ho ricevuto delle critiche per il fatto che i miei tutorial sono spesso troppo concisi e con poche immagini. Accetto la critica e corro ai ripari!!
Dimenticavo, per ottenere l'effetto di riflesso sul piano, duplicate il livello di testo, trasformatelo riflettendolo in verticale (ctrl + t , tasto dx > rifletti in verticale) e fate combaciare le due basi.
A questo punto applicate una maschera di livello dal menu Livello > Maschera di livello > Mostra tutto e tracciate una sfumatura (colore di primo piano:bianco e sfondo:nero) dalla base del testo duplicato fino al bordo inferiore del foglio. Sperimentate.

Importante: questo tutorial segue delle impostazioni che io ho deciso di applicare. Sentitevi liberi di modificarle per ottenere l'effetto che preferite.

ENJOY IT

andy2000 6 commenti »

6 commenti

  1. Giorgia // 10 luglio 2007 11.26.00 CET  

    WOW ma questo tutorial è gradissimo!! Proprio quello che stavo cercando, grazie!!

  2. Walter Guerzoni // 8 novembre 2007 21.00.00 CET  

    stupendo! pero ci ho messo un po a capire che dovevo mettere il grigio al posto del nero nel metodo ombra. pero molto bello!! complimenti!

  3. Anonimo // 21 novembre 2008 14.31.00 CET  

    viene bene anche con il pattern "finitura lucida" al posto di "bolle", sulla texture.

  4. Anonimo // 21 maggio 2009 17.49.00 CET  

    che font hai usato??

  5. andy2000 // 21 maggio 2009 17.57.00 CET  

    Non ricordo di preciso, ho formattato il computer e quando ho realizzato questo tutorial avevo circa 600 font installati. Se mi dovesse capitare di riincontrarlo lo segnalerò qui nel commento
    Ciao!

  6. Marco // 10 giugno 2009 23.09.00 CET  

    Bel tutorial, grazie mille.
    Consiglio la font "Bio-disc Solid"
    ;)

Posta un commento