Facciamo ordine!
Prima di mettere mano alle ombre è necessario parlare dei livelli.
In questa sezione parleremo dei livelli di photoshop, del loro ordinamento per far sì che diventi più intuitivo possibile il lavoro di ombreggiatura in futuro.
Prima di iniziare a ombreggiare il lavoro quindi, facciamo ordine nella finestra livelli!!
Come usare il set di livelli
1- posizioniamoci sul livello più in alto e poi andiamo a ciccare in basso dove c’è l’immagine di una cartellina
2- cliccando, cambiamo il nome della cartellina apparsa nella finestra livelli, rinominandola per esempio come “basi”
3/4- partendo in ordine dall’alto verso il basso, trasferiamo trascinandoli su “basi”, tutti i livelli con il colore (mantenete l’ordine originale)
5- cliccate dove c’è il tondino e la freccia del set “basi” che prima era verso il basso ora è verso destra e tutti i livelli creati precedentemente sono raggruppati nel set! Restano fuori il livello con il Lineart e quello con lo sfondo. Ogni volta che avrete bisogno di spostarvi su un livello contenuto nel set “basi” basterà ricliccare sulla freccia. Funziona esattamente come una visualizzazione ad albero di files.
Premessa: i tracciati
1) Adesso.. ombre!!
Questa parte sarà difficilotta… per cui tenetevi pronti!
Piccolo Tutorial nel tutorial!
Vettoriale – SE SAPETE GIA’ USARE I TRACCIATI (STRUMENTO PENNA DI PHOTOSHOP) PASSATE AVANTI!! –
Dunque, per ricreare le stesse zone d’ombra tipiche dei cell io uso/ho usato due metodi, simili a quelli descritti nel punto 2, dove abbiamo colorato insieme la pelle di Ruri. Il metodo 1 consiste nel fare tutto a mano colorando con pennello e sistemando con la gomma, come potete vedere in questo screenshot inerente a una mia fanart di Minako:
È lungo e laborioso, ma al tempo optai per questa soluzione non sapendo usare bene il “vettoriale” di Photoshop. Ma, appunto, il metodo più preciso e (per chi lo padroneggia bene) comodo per poter ricreare le ombre resta il “vettoriale”. Perché non il Lazzo? Il Lazzo poligonale crea selezioni geometriche, segmenti DRITTI. Il vettoriale permette di creare curve precise, le cosìdette curve di Besier. E, infatti, se notate, le ombre seguono le ciocche dei capelli (o le curve dei vestiti, o la forma del corpo), quindi non sono tanti “triangoli” a testa in giù, e quindi il Lazzo non ci può aiutare, ma lo possono i tracciati, o lo strumento Penna o come li volete chiamare. Ve lo dico chiaro e tondo: io i tracciati non li so usare bene, ma quel poco mi è stato utile per colorare Ruri.
Iniziamo con una prova: Scaricate, salvate sul vostro pc questa immagine, e apritela in Photoshop. Aggiungete un nuovo livello sopra questa immagine e selezionate lo strumento Penna.
Seguite le istruzioni:
1- spostate il mouse sopra il punto 1 e cliccate una sola volta nel centro della X
2- spostatevi sopra il punto 2
3- cliccate come prima nel centro della X del punto 2 e poi TENENDO PREMUTO spostatevi con il mouse nel senso della freccia rossa e rilasciate il tasto del mouse solo quando sarete arrivati nel centro dell’asterisco rosso *
Vedete? Avete fatto un pezzo del tracciato nero! Ora chiudete il tracciato ritornando sul punto 1 e ri cliccando nel mezzo della X.
Vi apparirà come puntatore, come fu per il Lazzo, il simbolino della penna con un cerchietto che indica che state chiudendo il tracciato. Ora se andate a tracciare il tracciato con il pennello (selezionate lo strumento pennello poi -> finestra livelli -> cartellina “tracciati” -> cerchio in basso “traccia tracciato con pennello”) vedete che avete fatto lo stesso lavoro che ho fatto io. E con questo avete imparato a fare una curva e a chiudere il tracciato.
Ma se volessimo fare una cosa del genere?
Cioè raddrizzare la curva che torna e chiude il tracciato? Per “sistemare” o cambiare l’andatura di una curva c’è lo strumento “converti punto”:
Ora scaricate, salvate sul vostro pc questa seconda immagine, e apritela in Photoshop.
Aggiungete un nuovo livello sopra questa immagine e selezionate lo strumento Penna.
Seguite le istruzioni:
1- spostate il mouse sopra il punto 1 e cliccate una sola volta nel centro della X
2- spostatevi sopra il punto 2
3- cliccate come prima nel centro della X del punto 2 e poi TENENDO PREMUTO spostatevi con il mouse nel senso della freccia rossa e rilasciate il tasto del mouse solo quando sarete arrivati nel centro dell’asterisco rosso *
4- Ora chiudete il tracciato ritornando sul punto 1 e ri-cliccando nel mezzo della X. Armatevi dello strumento “converti punto” e cliccate sopra al punto 2.
Vi riapparirà il tracciato e un quadratino sopra l’asterisco *. Con “converti punto” cliccate sul punto sopra l’asterisco e spostatevi TENENDO PREMUTO seguendo la seconda freccia fino alla crocettina. Rilasciate e Ta dah! Raddrizzata la curva! Ma cosa avete spostato? Ve lo siete chiesti? Nel momento in cui cliccate in un punto e vi spostate tenendo premuto voi create un punto con 2 ancore:
Provate ancora a seguire le istruzioni date per la prima immagine che vi ho fatto scaricare fino al punto 3, a selezionare lo strumento “converti punto” e a giocare con l’ancòra 1 per vedere cosa succede. Poi provate a chiudere il tracciato e poi a seguire le istruzione date per la seconda immagine, spostando l’ancòra 2 non solo dove vi ho indicato ma anche da altre parti. Allenatevi allenatevi e provate tanto! Create anche curve con + punti e scoprite tutti gli strumenti e cosa fanno!!
Per approfondimenti:
www.elated.com/articles/paths-and-the-pen-tool/ <-in inglese
www.graficainlinea.com/Raccolta_tutorial/Stile_Wescoat/Stile_Wescoat_tutorial.html <- in italiano) Una volta che siete pronti, se volete usare questo metodo, continuate a leggere!
Ombre dei capelli
TORNIAMO ALLE OMBRE!!
2) Per le ombre, ho iniziato dai capelli, per cui ho preso con il contagocce un campione di colore dai capelli base e ne ho scelto una tonalità più scura :
Poi con la tonalità più scura c’ho fatto la macchia segnata dalla freccia nella prima immagine di questa pagina… mi raccomando! E’ utile farvi delle macchie di colore delle tonalità che state usando su una parte qualsiasi vuota del foglio, in modo da recuperare facilmente con il contagocce il colore all’occorrenza! 2) Creiamo un nuovo livello e chiamiamolo “ombre 1” o “ombre capelli” e lo settiamo su “moltiplica”:
3) Ora usiamo i tracciati di Photoshop con lo strumento “penna” Seguiamo l’immagine: Selezioniamo lo strumento “penna”, tenendoci aperto il file originale vicino al nostro cerchiamo ora di ricreare la curva che ho evidenziato in rosso. Con le X ho segnalato i due punti fondamentali. Cliccate all’inizio della curva in basso, risalite e premete sul secondo punto (ovviamente i punti non li trovate segnati ma sono nella vostra mente, per la serie “andiamo ad occhio” XD).
TENENDO PREMUTO spostatevi in direzione della freccia (seguite immagine sotto) e poi andate a chiudere il tracciato tornando al punto di partenza (la punta della stilo con il tondino vi indica sempre dove il tracciato è iniziato e si deve chiudere).
Ho fatto qualcosa di grossolano perché ora andiamo a sistemare la cosa con il “converti punto” XD
Posizionatevi sull’ancora del secondo punto che qui sotto ho indicato con un tondino e spostatevi nel senso delle frecce, fino ad ottenere il tracciato di ombra che volevamo.
Spostiamoci su finestra livelli -> cartellina “tracciati”/”paths” -> e clicchiamo su “riempi tracciato” (simbolo cerchiato in rosso)
Ora, cancelliamo in tracciato fatto come sappiamo fare (lo spostiamo nel cestino della finestra “tracciati”) e, se occorre, sistemiamo se non siamo stati precisi con la gomma.
Per le altre zone, possiamo anche colorare liberamente senza far uso di tracciati vettoriali:
Continuate…
Tonalità delle ombre
4) Uhm… però, arrivata a questo punto ho deciso che la tonalità che stavo usando per le ombre sui capelli non era di mio gradimento, per cui ho modificato il colore. Ci sono vari modi ma ecco quelli che uso di più per cambiare tonalità: Image->Adjustments->Curves (ricordate di tenervi sul livello di cui volete cambiare colore!)
Oppure potete usare Image->Adjustments->Hue/Saturation e spostare i puntatori per esempio come ho fatto io.
Potreste anche usare l’opacità del livello stesso per smorzare la tonalità di un colore:
Ho dovuto recuperare il nuovo colore per le ombre sui capelli creato manipolando quando sopra, per cui ho reso invisibile il set dei livelli coi colori base e mi son pigliata con il contagocce questa nuova tonalità, andando a farmi una nuova macchiolina di riferimento su una parte vuota XD
Son tornata poi a fare il mio lavoro con i tracciati, e vi ricordo che per le curve più complesse è bene creare molti punti! Come ho fatto qui (punti segnati in verde)
Tra l’altro si può vedere come in figura 2 mi son accorta di aver sbagliato l’angolazione della curva e poi ho sistemato il tiro con il “converti punti” giocando sulle ancore di quel punto. Ah, io ve lo ricordo perché per comodità lo faccio sempre, ma ogni volta che chiudete un tracciato e lo riempite di colore è meglio cancellare il tracciato!! Dopo circa un’oretta (son lentah) ho finito le ombre sui capelli!!!!
Yuppi ye!
Sfere e vestito
5) Sfere!
Le sferucce hanno subìto due livelli di ombra per poter ricopiare al meglio quando fatto da K. Gotoh! Con lo stesso colore dell’ombra dei capelli e sullo stesso livello ho tracciato un cerchio:
Ho aggiunto poi un nuovo livello, ombre 2, settato su “moltiplica”
Successivamente, ho preso con il contagocce la tonalità di ombra dal vestito di Ruri e ne ho poi scelto una tonalità + chiara (vedi punto “Ombre” 1):
Ovviamente poi mi son fatta un macchia su una parte vuota con il nuovo colore ottenuto 😛 Poi nel livello “ombre 2” ho fatto un ulteriore cerchio col nuovo colore ricreando la parte più scura della sfera, infine ho cancellato con una gomma solida tonda prima sul livello “ombre 2” e “ombre 1” e poi in quello del colore di base (delle sfere) nei punti visibili nell’immagine che sto copiando:
Alla fine mi ritrovo le sfere sistemate, già finite, e una macchia di colore nuova che ora useremo per fare le ombre del vestito nel livello “ombre 2” ^^
6) Vestito C’è poco da spiegare, riprendetevi in mano le nozioni imparate finora, armatevi di pazienza e di tracciati (strumento penna) e fate le ombre del vestito.
7) I capelli di Ruri hanno delle zone d’ombra più scure, per cui… aprite nuovo livello (che ho chiamato “ombre 3”, settato su “moltiplica”), con il contagocce scegliete il colore e poi trovate la tonalità ideale. Non vi metto immagini perché ormai lo sapete fare! Poi vi armate di pazienza e dello strumento penna e ricominciate a tracciare e riempire con il nuovo colore.
Alla fine avrete:
Con la stessa tonalità di colore ho fatto anche le ombre sullo zainetto:
Usando anche un po’ di vettoriale:
E siamo a questo punto
Ombre della pelle e ombra degli occhi
8) Ombra pelle / occhi
Aggiungo un nuovo livello, chiamato “Ombre 4 pelle”, setto su “moltiplica”, e scelgo una tonalità chiara di grigio partendo dallo spettro di un violetto (il viola come colore per le ombre o luci riflesse a volte dà un bell’effetto 3D, inutile per questo caso ma ho scelto di partire lo stesso da un violetto-fucsia)
Come sempre a colpi di pennello e di tracciati riempio gli spazi di ombra
Fino ad ottenere:
Anche la pelle di Ruri ha bisogno di un doppio livello di ombre per poter tracciare quelle più scure, per cui ripetete come prima, aggiungendo un nuovo livello (chiamato da me “Ombre 5 pelle 2”) settato su “moltiplica” e, in questo caso, con il contagocce ho scelto la tonalità di rosa risultata dall’unione del colore di base e della prima stesura di ombre.
Trovandolo troppo scuro però, poi ho messo l’opacità di questo livello sul 90%
Con la stessa tonalità di colore (e sullo stesso livello anche se sarebbe stato meglio farlo su uno a parte) ho deciso poi di passare anche a fare le ombre sugli occhi (pupilla):
E alla fine ho, usando lo strumento penna, fatto anche l’ombra sull’occhio (ricordate che un po’ – qui ce n’è anche troppa! – di ombra sugli occhi è un tocco davvero carino!), fino ad ottenere:
Ommioddio abbiamo quasi finito ^^
Tocco finale!
Su dai!
Aggiungete un livello, metteto su “normale”, armatevi di un rosso e fate i segni che vedete:
Finito!!!!!!!!!!!!!
Cancellate le macchie di colore e aggiungete un livello con la vostra firma ed eventuali copyrights o il vostro indirizzo email o il vostro sito. Anche se l’immagine qui sotto non lo mostra, unite tutti i livelli in un unico livello (come vi ho già insegnato), ridimensionate l’immagine della grandezza desiderata tramite il menù immagine->grandezza immagine (Image->image size), salvate tutto in formato jpg e … AVETE FINITO!!!!!!!
Qui trovate il disegno finito :3
Per ogni problema contattatemi commentando o scrivendo su elenadncavaliere@libero.it
Ps: questo Tutorial è dedicato al mio Dani, come lo zainetto di Ruri dice ;3
***
Altri miei lavori li potete trovare qui
***
Complimenti per il tutorial, molto comprensibile anche per uno che non ha mai fatto nulla di tutto questo! anche se sui tracciati effettivamente c’e’ da perdere la pazienza, per ora mi sono arrangiato con le ombre di photoshop anche se non e’ la stessa cosa!
Complimenti ancora…Ciao ^^
io nn ho kapito nienteeeeeeeeeeeeeeeeeeeeeeee!!! ='(
anke se la tua spiegazione è molto comprensibile, nn riesco a farlo col vettoriale.
cmq… brava davvero!!!
[QUOTE-START]Savior.The.Darknite @ 30/09/2008 – 10:52 – io nn ho kapito nienteeeeeeeeeeeeeeeeeeeeeeee!!!…[QUOTE-END]susu non è difficilissimo… 😛
ovviamente le prime volte ti verrà sicuramente un pastrocchio perchè non sei pratica (vedere me xD) ma col tempo e dopo prove su prove e tanta pazienza vedrai che ti uscirà qualcosa ^^
con la fretta non si fa nulla 😛 col mouse però è un po + difficile che con la tavoletta grafica. ma se hai la mano ferma ci riesci uguale anche se con + fatica ^^
In effetti la storia del vettoriale non è proprio facilissima…
Cmq grazie per l’ottima guida….
Ciao
Mio Dio…non ho parole…sei semplicemente sensazionale! Bravixima complimenti!
Grazie a te ho scoperto lo strumento Moltiplica ^-^
Perchè il mio Photoshop è in inglese e non ci capivo niente XD
Senti..dato che sei brava ad usare Photoshop e ti piacciono gli anime, mi sapresti dire la tecnica che usano negli anime per fare gli sfondi? Please..è davvero importante! Sto cercando di mettere su un cartone animato, ma non riesco a dare l’effetto giusto agli sfondi e ai paesaggi….ti prego se sai qualcosa aiutami! *-*
Ciauu
nn cho capito molto…ma ads provo a far pratica e prima o poi imparerò…grazie comunque….
p.s.
anche con il lazzo poligonale e lo strumento sfuma si riescono a ottenere ombre abbastanza soddisfacenti….
grazie mille!!!!
fialmente photoshop non sarà pù un programma inutilizzato XD
gazie ancora!
wow usi bene photoshop!, io sono rimasta a paint…XD ma grazie ai tuoi insegnamenti potrò riuscire a dominare photoshop EVVIVA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! grazie di tutto 😀
Oh santissimi numiii xD ma è troppo difficileeeeeee T__T tu spieghi benissimo, sono io che sono bacata di cervello T__T nn so se riuscirò mai a farcela T___________T
*___* Complimenti per il tutorial e per i lavori (XD ho curiosato nella tua galleria su dA). mi sono sempre chiesta come colorare in digitale i disegni che faccio su carta, col prossimo ci provo subito!!
wow! bravissima… io non so se ci riuscirei però riesco a colorare anche senza photoshop perché ho una buona mano quando si tratta di colorare ma nel copiare mmm non ci siamo proprio! XD però ci provo…
meno male che ho trovato questo tutorial!! 😀 ancora complimenti! se è qualcosa ti contatterò! ciauuu
Perché non illustrator? Il vettoriale riesce a “digerirlo” meglio… 😉
Grazie 1000 per i tuoi consigli!!!
Ero una frana nel colorare i disegni, ma con Photoshop (e questo articolo) sono riuscito a ritenermi soddisfatto!^^
Grazie davvero!
io non riesco a vedere nessuna immagine nella spiegazione dei vettoriali. vedo tutto fino a quando si inizia ad aggiuntere le ombre, poi non ci sono piu immagini da ” 3) ora usiamo i tracciati di photoshop….” fino a ” sono tornata poi a fare il mio lavoro con i tracciati…”
non ho idea di come fare il fill di colore in un tracciato, neppure di come trascinarlo nel cestino, quelle opzioni sono barrate nel mio photoshop mentre lavoro sui tracciati, nel tab paths
bravissima! raga k storia sn riuscita a combinare qualcosa pure io dei essere proprio brava c’è 1 piccolo problema nn riesco ad andare avanti xk nn capisco mlt ad 1 certo punto nn vedo + le immagini… UFFAAAA!!!!!!!
Davvero bravissima ^^ già il disegno base mi era piaciuto, la tua attenzione per i particolari e la tua mano ferma.. Io purtroppo non la ho quindi ripassando faccio sempre pasticci! E perdo non poco tempo per “sistemarli” con photoshop.. Ottimo tutorial cmq^^
Brava e grazie !! L’ unica e che non ho capito come si usa la penna,… mi fa delle strane forme,…
bravissima complimenti! ora sto cercando di fare tt a mano (senza colorarlo) e da perdere la pazienza in un modo assurdo!
Wow! Hai fatto un tutorial utilissimo e sei stata davvero, davvero brava! Ora non mi resta che prenderci la mano, suppongo xD alla fine riuscirò anche io a fare delle fan art decenti! *_*
*Stappa una bottiglia di champagne e si mette a sltellare sul tavolo*
Sei veramente brava, io fino ad ora sapevo utilizzare photoshop solo per ritoccare photo creare banner e, malgrado abbia provato a farci qualche disegno i risultati erano poco soddisfacenti, ma con questo tutorial, facile e pratico, si possono fare un sacco di altre cose!!!
Ti ringrazio, mi sei stata di molto aiuto!!!
smak ^-^
Complimenti, ottimo tutorial 🙂 mò ci provo pure io! :3
Grazie del tutorial….. ci vorrebbe pero’ un tutorial ‘video’ perche’ in effetti, per chi non e’ molto abituato a fare queste cose con photoshop , anche le cose piu’ semplici, sono complicate per me ;_;
Ciao!
Grazie di questo tutorial, mi aiuta moltissimo a sbrogliare il tremendo enigma che è photoshop per me… come d’altronde ogni altro programma di grafica. Ho appena acquistato la mia prima tablet, non è che posteresti qualche tutorial per la tablet che io sono negata? Sono una cultrice di matita e pennelli, però bisogna aggiornarsi, no? 😉
Un caro saluto e tanti GRAZIE!
Per quanto riguarda il discorso “macchie” del punto 2, mi permetto di aggiungere l’annotazione del corrispondente valore esadecimale, per capirci segnarsi i numeri dopo il cancelletto nel selettore colori, in modo da ritrovarsi, anche a Photoshop chiuso, i colori più usati nell’illustrazione per effettuare eventuali modifiche.
Complimenti!
Ciao, è la prima volta che provo a colorare con questo sistema. Sinceramente io credo che per colorare questo tipo di disegni sia più adatto illustrator. Infatti esiste un pulsante che trasforma qualsiasi disegno in vettoriale in automatico. Poi basta espandere, fare live paint- make e usando un apposito strumento il disegno viene suddiviso in automatico in zone che te puoi colorare col riempimento. E’ molto veloce e semplice. Poi per le altre ombre puoi farle come qui con photoshop.
Photoshop è più adatto se si vogliono creare disegni che simulano la carta reale, le varie tecniche di disegno, o per creare disegni con molte sfumature, mentre i manga per natura hanno aree ben distinte tra loro quindi secondo me con illustrator ci si trova molto meglio.
è belixiiimo il disegnoo <3 <3 <3 <3 <3 <3 <3
Grazie mille per il tuo tutorial! sei stata davvero brava! ed è davvero incredibile trovare un tutorial così chiaro in ogni passaggio…
mi metterò subito alla prova! Grazie ancora per il tuo tempo!
Wow, sei fantastica *^* Ora finalmente ho capito come fare i riflessi ai capelli xD E io che pensavo ci volesse il super team esperto giapponese lol