Guide PhotoShop per animazioni 2D - le mille bolle blu

nebbiaenuvole

guide animazione 2D Photoshop, ImageReady, Swish Max

animazioni bestiali

bolle di sapone

___________________

prima parte

___________________

Bolle di sapone (che si succhiano un testo) - prima parte

Il titolo sarebbe stato: le mille bolle blu.
Però non volevo che si pensasse ad una canzone.

E tanto per non essere preso per pazzo, e per giustificare quello che c'è scritto al primo punto della guida, qui sotto, mi spiego: tutto nasce da una roba che avevo scritto sulla prima pagina del sito, nella zona: in arrivo. Raccontavo che m'era venuta la voglia di fare questa cosa, questa delle bolle, e non sapevo bene come fare, e che quindi l'avrei fatta e scritta in contemporanea, tipo una guida in diretta. Magari insieme ...


1
	Dato che la facciamo insieme io vi racconto man mano come sto andando, e magari dove, se riesco ad arrivarci. Stamattina mi sono alzato di bonora con in testa il primo problema. Quello del loop. Dovendo organizzare un ciclo (loop) è bene cercare di farlo il piu' corto possibile, così si lavora meno ed il risultato è più"leggero". La scritta di base è LEMILLEBOLLEBLU. Se costruivo un loop ritagliando poche lettere alla volta dalla scritta di base, come nella bozza, prima di arrivare ad un fotogramma identico al primo magari ci mettevo un siècle (che sarebbe un secolo in Francia, che penso duri come da noi). Fatti due conti ho visto che ce la possiamo cavare con tre passaggi (ed un piccolo escamotage) e con solo tre bolle chiudiamo il cerchio.	Photoshop
2
	Qui c'è il primo step, la prima bolla, che si porta via la scritta "lemille". Alla fine resta la scritta "....blubolle..... Porto via "blubollle" ed ottengo la scritta "...bolleblu..." Il terzo step si porta via "bolleblu" e mi ritrovo con una scritta ".....millele....". Ma se modifico leggermente il testo (questo l'escamotage) nelle zone fuori schermo, togliendo "lemil" a destra e il "le" dopo il "mille"a sinistra, ottengo la scritta "... lemille..." identica al primo fotogramma.
3
	Lo ridico, che non ho capito neppure io. Qui sinistra ci sono 7 righe di testo, sopra ad un fondo nero ridotto che rappresenta il fotogramma effettivo. Guardiamo le prime 4. Da ogni riga, di volta in volta, prelevo il testo scritto in bianco e riporto la scritta residua in centro. Dopo tre prelievi (4a riga) la banca mi ha telefonato che ero in rosso ... no, scusate. Dopo tre prelievi la scritta centrale è MILLELE. Per ottenere LEMILLE (che coincide con la prima scritta in basso) modifico il testo sui due lati, togliendo le scritte colorate in rosso (5a riga - MILLE e LE) dal testo (su tutte le righe). Ora, riferendoci alla 3 riga, vediamo l'effetto della correzione, sulla sesta riga. La scritta in violetto mostra "LEMILLE" che si dispone ad entrare. E così la 7a riga è cosi' identica alla prima. Fine del ciclo: 3 righe: 1-2-5 (la 7 è come la prima).
4
	Cosa ho fatto (Il carattere quello che vi pare qui c'è un Times): Ho digitato la scritta: bolleblulebolleblulem L'ho portata fuori schermo a Sinistra. (qui di lato è la scritta bianca) Ho duplicato la scritta, l'ho corretta in: illebolleblumillebolleblulemille L'ho portata fuori schermo a Destra. (qui di lato è la scritta blu) Le parti in azzurro sono le varianti rispetto alla scritta originale
5
	Ho duplicato entrambi i livelli, chiamandoli rispettivamente SX e DX. Li ho rasterizzati. Li ho duplicati un'altra volta, li ho collegati e li ho uniti in un solo livello, chiamandolo TUTTA. I due livelli SX e DX sono quelli che si muoveranno verso il centro, man mano che prelevo dei pezzi d iscritta, Il livello TUTTA mi serve per il prelievo del testo. Ho creato un Set, chiamandolo UNO e c'ho portato dentro i tre livelli SX DX e TUTTA.
6
	Ho disegnato 5 cerchi, di grandezza crescente, che poi diventeranno le bolle di sapone che si gonfiano. Piu' cerchi metto piu' bolle dovrò gestire, credo che 5 siano già parecchi. I cerchi li ho colorati d'azzurro, ed ho modificato l'opacità al 50%, per vedere la scritta al di sotto. Anche qui ho fatto un Set, l'ho chiamato bolle e vi ho trasferito i cerchi (che ho chiamato con una fantasia incredibile: 1 2 3 4 5). Qui alla sinistra il Set bolle con i 5 cerchi
7
	Primo cerchio (visto che i classici servono?) Seleziono la trasparenza di livello del cerchio 1 del set bolle. Seleziono la scritta TUTTA. Copio (CTRL + C) e Incollo (CTRL + V). Il livello che ne deriva lo chiamo 1 e lo metto (se non c'è già finito) nel set UNO. Metto a registro (a volte incollando la selezione come nuovo livello viene leggermente spostata rispetto all'originale) sulla scritta TUTTA. Lo distorco: prima seleziono la trasparenza di livello del cerchio 1 del set bolle poi seleziono la scritta 1 del set UNO: Menù > Filtri > Distorsione > Effetto sfera di un 60%. Non vi mostro la distorsione, qui è minima in quanto il frammento di scritta è risibile. Comunque questo è il primo pezzo di scritta che verrà "succhiato" dalla bolla 1.
8
	Riseleziono la trasparenza di livello del cerchio 1 del set bolle. Seleziono SX nel set UNO, duplico il livello (SX1) e cancello (tasto CANC); Seleziono DX nel set UNO, duplico il livello (DX1) e cancello. Così ho fatto il buco, per bolla e frammento di scritta. SX1 e DX1 ora contengono la parte di scritte esterne al perimetro del cerchio 1.
9
	Secondo cerchio. Seleziono la trasparenza di livello del cerchio 2 del set bolle. Seleziono la scritta TUTTA. Copio (CTRL + C) e Incollo (CTRL + V). Il livello che ne deriva lo chiamo 2 e lo metto nel set UNO. Metto a registro sulla scritta TUTTA. Lo distorco: prima seleziono la trasparenza del cerchio 2 del set bolle. Poi seleziono la scritta 2 del set UNO: Menù > Filtri > Distorsione > Effetto sfera di un 60%. Secondo pezzo di scritta che verrà "succhiato" dalla bolla 1.
10
	Duplico SX1 (> SX2) e DX1 (> DX2) e li sposto un po' verso il centro, per dare l'impressione che la scritta venga risucchiata dalla bolla. Poi riseleziono la trasparenza di livello del cerchio 2 del set bolle. Seleziono SX2 e cancello; Seleziono DX2 e cancello. SX2 e DX2 ora contengono la parte di scritte esterne al perimetro del cerchio 2. E hanno il buco del secondo frammento di scritta, bolla compresa.


11
		Continuo in questo modo per tutti i cerchi residui. Prima distorco il testo copiato da TUTTA ed utilizzando la trasparenza di livello del cerchio relativo, poi duplico le scritte SX e DX, le avvicino e cancello l'ingombro sempre del cerchio di riferimento per quel movimento. L'ultimo cerchio e relativa scritta dovrebbe essere alll'incirca come quello qui alla destra. Per chiudere la prima sequenza devo solo preparare le scritte SX5 e DX5 per il momento nel quale la bolla si stacca ed i due testi andranno a contatto a formare la scritta centrale BLUBOLLE. Duplico SX5 (> SX6), cancello le parti di testo successive a LEBLU (posso usare il lazo poligonale per farlo) Duplico DX5 (> DX6) e anche qui cancello le parti di testo anteriori a BOLLE. Sposto verso destra SX6 e verso sinistra DX6 fino a formare la scritta BLUBOLLE Qui alla sinistra il Set UNO con tutti i livelli
12
		Righe 1 e 2: Duplico SX5 (> SX6), cancello le parti di testo successive a LEBLU (posso usare il lazo poligonale per farlo). Duplico DX5 (> DX6) e anche qui cancello le parti di testo anteriori a BOLLE. Righe 3 e 4: Sposto verso destra SX6 e verso sinistra DX6 fino a formare la scritta BLUBOLLE
	Domani se riesco facciamo l'altro pezzo di scritta. Notizie dell'ultima ora. Ho trovato una bolla. Le bolle di sapone che si succhiano un testo. Seconda parte (facciamo che è domani)
13
		Ci ho dormito sopra, ma non per le scritte, per deformare le bolle. Ho sognato bolle di sapone che ingrandiscono, si deformano, si staccano dalla cannuccia e volano e volano, etc etc. Un incubo. Bon, passiamo al Set DUE. Per prima cosa duplico i livelli DX6 e SX6 del Set UNO (li rinomino SX e DX). (< qui di lato SX e DX) Ho usato DX6 e SX6 in quanto rappresentano l'ultimo fotogramma del distacco della prima scritta e quindi sono il primo fotogramma del distacco della seconda scritta.
14
		Li duplico entrambi un'altra volta, collego questi ultimi due e li unisco. Chiamo il livello: TUTTA. Creo un set di livelli di nome DUE. Ci porto dentro i tre livelli che ho appena fatto (SX, DX, TUTTA) Il Set DUE è nella condizione di partenza del Set UNO. Ripeto tutta la tiritera per costruire il livelli da SX a SX6, DX a DX6 e da 1 a 6. In pratica alla fine avrò il Set DUE identico al set UNO, solo che le scritte di partenza e d'arrivo sono cambiate. (< qui di lato SX6 e DX6 alla fine della fiera)
15
		Set TRE. Duplico i livelli DX6 e SX6 del Set DUE (li rinomino SX e DX). Li duplico entrambi un'altra volta, collego questi ultimi due e li unisco. Chiamo il livello: TUTTA. Creo un set di livelli di nome TRE. Ci porto dentro i tre livelli che ho appena fatto (SX, DX, TUTTA). Ho anche la sensazione di un dejà fait. Stessa rottura per costruire il livelli da SX a SX6, DX a DX6 e da 1 a 6. Qui di lato SX6 e DX6 alla fine della fiera. Coincide col TUTTA del set UNO, vero?

	Ora che l'abbiamo fatto vi confido una roba: In realtà la coerenza fra le scritte non si percepirà poichè il movimento sarà talmente rapido da non dar tempo di leggere nel passaggio fra un Set e quello successivo. Pero' ci siamo fatti un monumento tanto, per farlo, no? L'animazione "passo uno" presenta l'inconveniente dello scassamiento, tanto vale abituarcisi, oppure si spendono un poco di sghei per arricchire i produttori di sw, n's pas? (n's pas sarebbe n'est ce pas abbreviato, tanto si pronuncia uguale, nespà?) Una cosa che ho aggiunto, tanto per farla lunga, sono alcuni livelli per ogni Set, nei quali sposto la scritta al di sotto del cerchio 5 e la distorco, per ottenere l'effetto di una rotazione all'interno della bolla di sapone. Ve la risparmio: si può ovviare spostando leggermente il testo in animazione, quel tanto da non farlo uscire dalla bolla. Domani faccio la bolla di sapone, visto che nessuno me ne manda una migliore.

fine prima parte

altre guide
bolle

Non ho Copyright © poichè non so l'inglese. Il sito è fatto da nebbiaenuvole.com Tutti i diritti sono diritti, che se fossero storti ....
Marchi registrati e segni distintivi sono di proprietà dei rispettivi titolari.

nebbiaenuvole by www.nebbiaenuvole.com is licensed under a
Creative Commons Attribuzione-Non commerciale-Condividi allo stesso modo 2.5 Italia License
Permissions beyond the scope of this license may be available at http://creativecommons.org/about/licenses/