BARCA - animazione 2D

Ero stufo di beccare pioggia nell'ultima settimana, mi stavo sognando d'essere altrove, magari all'asciutto, magari anche in barca ma all'asciutto. Ero anche così stufo perchè non solo avevo finito di leggere tutto il leggibile e di guardare tutto il guardabile, ma mi s'era scassata la connessione internet. Una storia di un cavo che a raccontarla uno finisce col credere ai fantasmi o alla sfortunaccia più nera di furia-cavallo-del-uest.

Insomma, vaga qui, vaga là con i pensieri, mi capita di riguardare (in locale, niente internet) alcune immagini vecchio stampo, quei CGM che si trovano anche qui sul posto, e che ti vedo? una barchetta sola soletta in mezzo al mare. E senza neppure camin che fumano (*)

E mi son detto (che io mi dico spesso delle robe che poi mi scordo di essermele dette e capita che me le ridico e magari le ridico anche in giro, che uno ci fa la figura dello smemorato di Collegno anche se non è di Collegno, o se lo è magari se l'è scordato) ... mi son detto: perchè non provare a costruire un'animazioncella tutta grafica, semplice semplice?

Che mi dico spesso anche un'altra roba: inutile far cappelli lunghi un poema, che tanto non ci metti mai le parole chiave, quelle che piacciono tanto a gugol, perdi solo tempo e magari finisce che se uno cerca Collegno sul ueb finisce in questa pagina, che di Collegno proprio non ha traccia, a parte uno smemorato, che magari non è neppure di Collegno ... mi sto ripetendo, vero?

Visto che roba?



Basta, morta là. Passiamo alla guida: barca a vela

Avatar

Avatar: animazione degli esserini luminescenti dei quali non ho mai saputo il nome.



Link alla guida:  avatar

sfera di cristallo

MERIDIANI e PARALLELI

Lo spunto per questa animazione (come altre) l'ho preso in uno di quei posti che propongono in vendita filmati a gogò.

Sia per una questione di patrimonio scarso, sia per il gusto della sfida ad armi impari (io uso solo Photoshop come base per tutto l'ambaradan) spesso mi impegno a rifare il rifabile con gli scarsi mezzi a disposizione.

Un po' come correre in formula uno con una Fiat panda.

Non sto a perdere altro tempo in premesse mese al solo scopo di attirare i robot di gugol, che tanto non so proprio come si possa fare, e vado immediatamente al punto ...

... Scordavo il link alla guida: meridiani e paralleli

Riflessi e gabbiani sul Po

mondi come bolle di sapone

Link alla (futura) guida:
http://www.nebbiaenuvole.com


Disponendo di un mondo che ruota, e perfino in trasparenza, viene naturale trattarlo come fosse una bolla di sapone. E visto che l'appetito vien mangiando perchè non farne un bel po' di bolle?
Il risultato è questo, la guida per realizzarlo sarà pronta diciamo in agosto: mi servono le ferie per aver tempo di far tutte quelle bolle li.

onde del mare

Onde come un fumetto, nave come un fumetto, gabbiani come un fumetto ... roba fumosa direi.
Link alla guida:
http://www.nebbiaenuvole.com/pagine/PHO_CO01.htm

cuori come bolle di sapone

pasticciando con cuoricini e bolle di sapone capita di far confusione e capita che ne possa uscire una strana cosa come questa. Che potrebbe essere un fondino animato tipo quelli propinati dai video-stock o stock-video o roba simile. Mi sa che ne farò una guida, appena ci riesco. Per ora il link è generico:
http://www.nebbiaenuvole.com/pagine/PHO_CP01.htm

volo di gabbiani (omaggio ad Hugo Pratt)

Il titolo per prima cosa: volo di gabbiani - omaggio ad Hugo Pratt.
Il contenuto: ovviamente gabbiani in volo lungo le dune di una spiaggia.

Lo spunto:  basi ridisegnate di alcune tavole di Hugo Pratt, compresi i gabbiani.

La guida per rifarlo: fra un pochetto, che come sempre è più lungo scrivere una guida che fare il lavoro.
Sempre che ne valga la pena.
Non di fare il lavoro, di fare la guida.
Alla prox.

Onde - Omaggio a Keysoul.it

Il titolo parla di onde. Onde del mare, ovviamente.
E la guida, la prima parte, parte dalle onde ma si dovrà sviluppare su altri elementi che per ora non ho ancora pronti. Appena riesco a definirli, e riesco ad evitare frasi come: la prima parte, parte ..., ci posto un post sul posto apposta per voi.
E veniamo a Keysoul.
Mi ci sono imbattuto quando andavo (e continuo ad andare) in giro per il ueb alla ricerca di spunti per qualche lavoretto da sistemare in queste pagine. Non potevo ignorarlo: da qualche mese se faccio una ricerca con "guide animazione"  sta li in cima, appena prima del mio sito, accidentaccio.
L'ho però trovato molto interessante, pieno di spunti e di suggerimenti e di schemi pratici per l'animazione, insomma pieno di roba che conviene leggere. Detto fra noi, buona parte m'era già nota, ma repetita juvant, ed è proprio il caso di Keysoul.
Poi, di recente, ho letto con rammarico della prossima chiusura del sito, e, a parte lo starci male, ho pensato appunto ad un omaggio, ma non un omaggio generico, tipo peana o, Dio me ne guardi, tipo cinque o(maggio).
Una roba pratica, diciamo l'uso di un suggerimento a caso preso dal sito e tradotto in un'animazione.
La guida dovrei evitarla, trattandosi di un trasferimento di 4 immagini (fotogrammi) dal carboncino al mouse (con l'aggiunta di 4 fotogrammi inseriti per allungare il brodo).
Essa (la guida) è inserita fra quelle bestiali poichè il disegno di base è alquanto pesantuccio da realizzare, a meno che non si voglia prendere le quattro immagini base che passa Keysoul e sistemarle a registro, ma la cosa potrebbe urtare il copirait, ed ad urtare il copirait sono acidi, per non dire acidi, che m'è successo tempo fa a causa di una ventina di note pigliate da un brano che, secondo me, che non mi piace mettermi in prima fila, era noto a pochi fanatici di Kubrick, che non avevo manco scelto la versione originale, ma tirato su da una cover (si dice cover, vero?) che alla fine m'è toccato toglierlo di mezzo dal filmato che lui, porello, sta girando sul tutubo da un paio di mesi senza voce.

Quel che mi secca ora è di non potervi fornire le immagini di partenza, e neppure il link, che temo sarà presto inutilizzabile. Quindi ci si dovrà basare sui disegni che ho fatto io da muà, robetta semplice, tinte piatte, solo noiosissima da rifare.

E la guida la trovate qui:
Onde

Batticuore - animazione battito cardiaco

CUORE, anzi diagramma del battito cardiaco, ovvero
batticuore.
Prima di descrivere di cosa si tratta meglio chiarire cosa significa il titolo.
Ergo, disambiguo.
Niente che abbia a che fare con la medicina, solo un giochino suggeritomi dal web.
Poi disambiguo anche il disambiguo: trattasi di spiegone, e morta là.
Dopo la bêtise (stupidata) di cui sopra passiamo alla roba seria.
Girando in giro, come mi capita di fare se mi annoio, m'è venuta voglia di guardare un po' di quei filmati micidiali che vengono venduti sul ueb, quella roba che trovate digitando "video stock" o roba simile.
Ce ne sono di bellissimi, tutti realizzati con potenti mezzi, immagino, con workstation da-fine-del-mondo.
E così m'è girato di provare a rifarne qualcuna, almeno quelle più abbordabili, ma di rifarle utilizzando gli scarsi mezzi a mia disposizione: photoshop neppure CS, Imageready e Swish max.

Questa guida tratta del primo tentativo di rielaborazione di un video di tal fatta. L'animazione del diagramma del battito cardiaco. Semplificato, ovviamente.
Ora produrre l'animazione di un diagramma che si compone sullo schermo (e magari svanisce pian piano) è una cosa banalissima, a condizione che il fondo sul quale viene disegnato ed animato il diagramma sia un fondo unito o sfumato in modo simmetrico.
E' tutta questione di preparare una tendina (un livello identico al fondo) da sopvrapporre al grafico e farla scorrere da sinistra verso destra (o viceserva) lasciando apparire pian piano il diagramma sottostante.

Volendolo poi far sparire basta fare una seconda copia del fondo, sistemarla fuori schermo a sinistra (o a destra) e farla apparire pian piano, coprendo il grafico che sta al di sotto.
Magari faccio un esempio ad inizio guida, che così si capirà meglio quel che ho tentato di spiegare.

L'affare si complica se il fondo non ha quelle caratteristiche, e tantopiù se sul fondo c'è un'altra animazione.
In questo caso la cosa più spiccia è spezzettare il diagramma in tanti segmenti, rendendoli visibili uno alla volta e, volendo, facendoli poi sparire successivamente, sempre uno alla volta.

Che è un po' quello che succede nell'immagine in cima alla pagina, con l'unica differenza che i vari segmenti appaiono e scompaiono uno dopo l'altro, mentre nel diagramma occorre che prima di scomparire restino lì un pochetto, aspettando che alcuni segmenti successivi facciano la loro comparsa.

Ed essendovi sorbiti il cappello, la premessa, l'incipit, per godervi il resto vi tocca cliccare sul collegamento (LINK) qui sotto:
 batticuore

Se poi lo volete in formato Youtube, ma non la guida, il filmato finale: Youtube - batticuore

War - effetto fuoco e fiamme

A la guerre comme à la guerre (accenti a parte). Che sarebbe a dire che se uno va in guerra ci si aspetta che si comporti come se fosse in guerra, e non ad un picnic. La guera è la guera, oibò.

Effetto fuoco e fiamme. Terza passata e terzo tentativo.
Questo è realizzato con un filtro per Photoshop che trae origine da un applicativo d'antan: Alien Skin (o Eye Candy, che l'è l'istess).
Lo si sistema nei plug-in (che a dirla così parrebbe che uno lo debba sistemare nelle mutande) e lo si usa. Io dispondo di una versione residente su floppy disk, che sarebbero quei quadrati di plastica con una linguetta scorrevole in metallo ed una parte centrale tonda in metallo anch'essa. Una roba da mi pare un 700 bait, porelli, che allora un'applicativo (oggi lo chiamano applicazione, che sa tanto di benda o di cerotto o di cura con le pezze calde) costava poco, sia in termini di lire che in occupazione di memory.
Dovrei scrivere anche una guida per giustificare il post, forse lo farò anche se temo che nessuno disponda di Eye Candy (o Alien Skin). Mi pare che sia stato incorporato in Corel Draw, ma è un prodotto che ho usato pochissimo in passato e per niente nel presente. Quindi forse farò la guida, ma solo per pochi intimi.
Nel frattempo mi metto a studiare per un estremo tentativo di fuoco senza trucchi o giri di software.
Fatemi gli auguri.


E la guida la troverete qui:
effetto fuochi de guera

Animazione radar

Guida animazione radar
Photoshop - prima parte - come realizzare un classico schermo radar
Photoshop - seconda parte - come realizzare un classico schermo radar

Ho cominciato di nuovo dal fondo, dal link di riferimento al sito cui devo l'ideuzza di base, quella di realizzare la seconda animazione di un radar.
Per il resto sarà dura. Anche a spiegare tutto dall'inizio.
E sarà  lunga.
E forse insoddisfacente.
Ma tant'è, qualcosa bisogna pur fare per una botta de vita (= animazione) no?
Di solito occupo una trentina di righe quale cappello alla guida, che vi confido non sono tanto un incipit, ma un prendere tempo per pensare a come scriverla, la guida. Per allontanare il momento di far le cose sul serio.
Che certe volte ne farei a meno visto che mi ci vuol più tempo ad organizzare le idee per la guida che a fare il lavoro. Tanto più se il lavoro si basa su qualcosa visto su Youtube.

Piccolo inciso.
Non so se avete mai provato a rifare quello che mostrano in video, a meno che siate dei draghi. Io il più delle volte mi snervo a pigiare pause ed avvia, a ritornare indietro che qualcosa mi devo essere perso se quel che vien fuori non è quello che vien fuori sul monitor, a tradurre alla buona tutti i comandi ed i menù in italiano ed a ceffare regolarmente. E tutta la faticaccia per poi rendersi conto che, da scemo, sto guardando una guida che usa una versione di Photoshop che ha un'opzione che, per quanto mi ingegni, non trovo sulla mia versione vintage.

Stavo cercando idee, avevo trovato una roba su un radar ma avevo continuato a cercare e mi imbatto in questa guida-video, basata su Photoshop CSqualcosa, e mi sono detto: perchè non farne un'animazione bestiale usando Photoshop 7?
Che costa anche meno? Non l'animazione, Photoshop.
Quindi per prima cosa vi ho passato il link, tradotti in italico idioma.
E per il resto, per la guida (sono 4 pagine, avvicinatevi con cautela) questo è il link: radar che è poi lo stesso che c'è in cima al post.

Radar

http://abduzeedo.com/radar-icon-photoshop

Ho cominciato dal fondo, il link di riferimento al sito cui devo l'ideuzza di base, quella di realizzare l'animazione di un radar. Poi di quello che avevo letto ne ho fatto strame (non in senso letterale, e neppure in senso metaforico, voglio solo dire che ne ho tenuto conto solo in parte, trattandosi di roba a animare e non da guardare a bocca aperta)
La guida che si trova al prossimo link, quello in fondo, consente di farsi il radar, di animarlo, di guardarlo e poi di buttarlo via, che tanto non è mai granchè quel che si combina, non nel senso che non sia granchè, nel senso che quel che conta è il combinare. alla fine della combinazione uno si sente come ... come dire ... svuotato, privo di energia, anche di quella poca  che occorrerebbe per dire: che bello!
Quindi forti di questi vademecum propedeutici a non farne una cippa, vi passo il link della guida.
Ah, si, cippa: Non sapete cosa sia, vero? Beh, vi lascio a non dormirci la notte, ma no nsenza una parola di speranza: ne trovate menzione (non con la i, con la e, a-m-racumand) sempre nel posto cui vi rimanda questo link: radar

C'è poi la possibilità di vederlo ed ascoltarlo su Youtube: Youtube: radar-sonoro

acqua

Nel caso in cui siate di casa nel sito nebbiaenuvole, potrà esservi capitato di leggere qualcosa a proposito di vecchie guide per Photoshop ritrovate per caso in un cassetto di improbabile frequentazione  (vuol dire che non lo aprivo quasi mai) ed immagazzinate in vecchi CD acquistati in edicola, come si usava fare una volta, privi come eravamo di rete.
Bien, bene, questa è l'ultima guida che ho recuperato e che ho tentato di ripetere, magari con modifiche strettamente legate alla circostanza che il CD era parzialmente illeggibile e quindi mi sono dovuto industriare per ricostruire alcuni passaggi. Come sempre, se poco poco si esce dagli automatismi si precipita nel soggettivo, nel "fai come faccio io se ti riesce, ma tanto non ti riesce, ci scommetto".
Quindi ho cercato di ridurre il tutto a sequenza ripetibili e prive di interpretazione. L'unica cosa, anzi le uniche due cose che sono in mano alla provvidenza sono il "rendering nuvole" ed il ricorso ad  Alien Skin: l'uso di quest'ultimo ho pensato di superarlo fornendo l'immagine che ne deriva, bella grossa, così uno se la copia e se la incolla in locale, che sarebbe il proprio piccì anche se lo tenete fuori dal locale, che ne so, sul balcone.
La guida è costituita da due pagine, ma l'affaire, la complicazione è quasi tutta nella prima.
Altro avviso: dovremo usare i canali (e trattandosi di acqua mi pareva da aspettarselo) ed io sui canali ne so pochetto, è roba da superesperti; quindi se trovate che si sarebbe potuto far meglio, voi fatelo senza ritegno, e magari poi me lo raccontate o sui commenti o via e-mail.
La guida è all'indirizzo: acqua

sfera discoteca

Sfera discoteca
Qualche giorno addietro ho inserito una guida per l'animazione di una sfera di quelle che stanno appese nelle discoteche, ispirata ad un banner comparso su Google a cavallo del capodanno.
Poi ci ho pensato su, ed ho deciso di rifare tutto, partendo da un'immagine che mi ha ispirato, che non posso mostrare in quanto probabilmente coperta da diritto di copia, ma che ho integralmente rifatta ed anche un tantinello modificata. Che fra l'altro, a ben pensarci, qui si tratta di un'animazione, e dell'immagine statica il ricordo scompare a partire dal secondo fotogramma.
L'animazione si sviluppa in 30 fotogrammi, con il disegno realizzato con Photoshop ed il resto con SwishMax.
E' decisamente complessa ed il risultato lo potete vedere meglio sulla guida, o sulla pagina con l'ingrandimento i cui link sono questi:
La guida è all'indirizzo: sfera discoteca
L'animazione ingrandita è all'indirizzo: animazione grandissima

bollicine

Non so se è la prima volta  che succede. Che mi farebbe anche piacere, se fosse la prima volta. Anche se ad essere i primi non è detto che ci si guadagni, metti che sei il primo che deve saltar fuori dalla trincea, sempre che esistano ancora, non i primi, le trincee.
La sto facendo lunga?
Si.
Che questo è, se non il primo, uno dei pochi casi di post ... ante. Cioè di ante .. post, di anteposto (vuoi vedere che anteposto mi suonava come avamposto e quindi il fatto della trincea si spiega così?).
Che in genere io ci metto il link ad una guida ad ogni post che posto qui nel posto, che al posto mio anche voi mettereste il post nel posto e persino al posto giusto.
Insomma, qui la guida per realizzare l'animazione non c'è ancora.
Appena pronta torno qui sul posto e posto il link. Li postacci ...

Comunque il titolo è: bollicine.
Nel caso ci fossero dubbi guardando l'animazione.
E' tutta roba preparata con photoshop (bicchio compreso) e poi animata con swishmax, che a farlo con Imageready ci avrei messo un paio di mesi, e non potevo mica metterci così tanto tempo, che le bollicine tendono a sparire nel giro di una quindicina di minuti max, ed anche swishmax.

In mancanza di un link diretto vi rimando al posto dove troverà posto la guida del post: bollicine
E perfino su Youtube: semprebollicine : Youtube: semprebollicine

discoteca

Discoteca (ovvero omaggio a google)

Avete visto la pagina iniziale di google?
Per capodanno?
2014?
C'era, fra l'altro, una sfera del tipo di quelle appese nelle discoteche.
E, come ogni sfera che si rispetti, girava.
Cioè, pareva che girasse, e lo scopo di questa guida sta tutto nello svelare l'arcano di una sfera che pare che giri, ma in realtà cammina.
Questo nella prima pagina. Poi la guida si dipana sull'aspetto 3D, quello di rendere la sfera tondeggiate, e qui la cosa si farà più complicata ed avrà tutta una paginona a disposizione per farsi vedere.
La guida, che si chiama discoteca ma ha il sottotitolo: omaggio a google, si inerpica su  Photoshop ed ondeggia sugli abissi di ImageReady  e la trovi a questo indirizzo: discoteca