Username:  Password:
 
Search   Topics   
  Create an account Home  ::  Topics  ::  Downloads  ::  Forum  ::  Submit News  ::  Top 10
:: Menù ::
· Home
· Argomenti
· Download Risorse
· FAQ
· Forum
· Invia News
· Recensioni Games
· Tutorials
· Web Links

:: Tutorials ::

:: Who's Online ::
In questo momento ci sono, 6 Visitatori(e) e 0 Utenti(e) nel sito.

Non ci conosciamo ancora? Registrati gratuitamente Qui

Tutorials

[ Tutorials in avanzamento | Top 10 | Tutorials ]

 Altre informazioni
Aggiungere velocemente luci e ombre agli sprites
1436 letture | Scrivi un commento | Nessun commento inserito per questo tutorial.

I fantastici strumenti 'scherma' e 'brucia'
Questo piccolo tutorial si propone di spiegare un metodo semplice e veloce per aggiungere luci e ombre agli sprites, in modo che mostrino una profondità migliore.



Utilizzeremo solamente gli strumenti "scherma" e "brucia" di photoshop 5, ma immagino che la stessa cosa si possa fare anche con altri tool analoghi.

Partiamo da un semplice sprite di base (le immagini sono tutte zoomate per miglior visibilità):



Utilizzeremo lo strumento "bacchetta magica" per selezionare i volumi omogenei. Cosa significa? Che ogni parte del corpo avrà un'illuminazione propria, ovviamente cooerente con la fonte di luce scelta. In questo caso poniamo la nostra sorgente di luce in alto a sinistra. La luce comunque è solo un mezzo per evidenziare i volumi, che devono essere già chiari nell'idea del progetto.
Cominciamo coi capelli di Beppo, che come sappiamo sono tipo palline di gelato, tre sfere. La bacchetta magica deve avere tolleranza 0, anti-aliasing disattivato e la casella "contiguo" attivata. Perchè usiamo la bacchetta magica sui colori? Perchè il bordo nero vogliamo che resti tale, senza schiarirsi insieme ai colori. Ovviamente è una scelta, potreste volere questo effetto, che tuttavia renderebbe molto meglio con bordi colorati piuttosto che neri.

Una volta selezionati i capelli, usiamo per primo lo strumento "brucia". Questo magico strumento ha la capacità di scurire il colore su cui agisce, in modo da creare la parte "in ombra" del disegno. Nelle opzioni dello strumento, selezionate "mezzitoni" e un 30% di esposizione. La dimensione del pennello deve essere proporzionata al disegno, comunque non troppo piccolo. Nel nostro caso è grande circa come una delle semisfere di capelli, e con una durezza abbastanza sfumata (potete cambiare le proprietà del pennello facendo doppio click sullo stesso).



Scuriamo la parte bassa dei capelli e maggiormente la parte sinistra, verso l'alto. Non date colpetti col mouse, fate una "tirata" unica e veloce, come una pennellata. Se non è abbastanza scuro, ripetete la pennellata.



Ora selezioniamo lo strumento "scherma" (è sempre sulla stessa casella dello strumento brucia, tenete premuto il tasto sinistro per cambiare da uno all'altro). Per le opzioni e le dimensioni del pennello vale quanto detto per lo strumento "brucia".



Ora, con qualche colpetto del mouse, aggiungiamo la luce alle sfere. Ogni click sarà un po' più chiaro, finchè il risultato non ci soddisfa.



Aumentiamo la distinzione tra i volumi scurendo leggermente il colore tra i "bozzi" con lo strumento brucia. Ricordiamoci sempre di adattare l'esposizione degli strumenti "scherma" e "brucia" alla dimensione del pennello e all'area da scurire.



Ora passiamo alla faccia... il procedimento resta lo stesso, prima selezioniamo il colore, poi scuriamo con "brucia" in modo generale l'area in proporzione della direzione della luce, utilizziamo "scherma" per schiarire l'area più esposta e infine aggiungiamo qualche dettaglio. Non vi starò a descrivere tutte le fasi, che ovviamente variano leggermente a seconda della dimensione dell'area e della forma dell'oggetto, l'importante è che sia chiara la disposizione dei volumi.



E' un sistema molto valido specialmente quando dobbiamo creare molti sprite simili dello stesso genere, utilizzando in serie gli stessi strumenti e azioni.


My TutoriaUp ©
Home  ::  Topics  ::  Downloads  ::  Forum  ::  Submit News  ::  Top 10 Admin Login  

All logos and trademarks in this site are property of their respective owner. The comments are property of their posters, all the rest © 2006 by Click Italian Software.
Design and addictional coding by Beppo - Bepposoft