nebbiaenuvole
guide animazione 2D Photoshop, ImageReady, Swish Max
 
 
PlayMate del mese (per nostalgici, non del mese, di PlayBoy)
ultimo aggiornamento 15 ottobre 2017
 
 
 
Preincip.it (provvisorio, poi lo tolgo).

Non c'è due senza tre. E questo è il terzo restailin (rifacimento, ammordernamento, risistemazione, aggiustatina, a piacer vostro) del posto (che il sito io lo chiamo posto, ellamiseria).

Naturalmente non è completo, ne ho per un paio di mesi, hai voglia a lavorare di CSS, tanto se devi reimpaginare lo devi fare, se hai deciso di modificare qualche stile di caratteri li devi cuccare tutti, riga per riga, che Dreamweaver, quando copi un blocco di testo, si trascina dietro anche lo stile, ellamadosca.
Almeno a me capita.
Che se qualcuno mi dice che c'è un sistema per far prima me lo dica ora, che i prossimi due o tre mesi (da due a tre, sto ridimensionando le mie capacità di uork) magari li passo a leggermi un buon libro invece di smazzarmi i CSS e (lo dico quant'altro? No, proprio no, assolutamente no ... ops, m'è scappato anche un assolutamente, ellaporcavacca) tutto quel genere di rotture.

Quindi, se capitate su pagine con un tempio di lato poco congruo col precedente, non fateci caso: è il restyling amigos.

Come? Cos'è un tempio di lato? Ma è il template, ellamadosca.
 
 
 
 
Incip.it ... (per le altre lingue mi sto organizzando)

Buona giornata a te che passi da queste bande (che sarebbe più appropriato: a te che navighi in queste acque, se solo io sapessi nuotare, ma dato che no, diamocela ad intendere che le bande siano quelle larghe).

Il posto, questo posto, è costituito da guide per la realizzazione di animazioni 2D con Photoshop, ImageReady e SwishMax. Le guide non sono realizzate con filmati e commento sonoro, ma sono statiche, costituite cioè da immagini con relativa descrizione.
Il motivo è che ho una voce sgradevole e mi impappino con una frequenza allarmante.
Quello vero, di motivo, è che non sono mai riuscito a seguire una guida video. Vuoi per la risoluzione, vuoi per l'incasinamento determinato dal maneggio fra fermati e pleiami, vuoi per la difficoltà di contenere su un monitor piccino sia il video che l'applicativo (metti Photoshop), con conseguente incasinamento del cursore che non sta mai al posto suo, vuoi ... quel che vi pare.
Una bella guida che puoi scorrere e, se proprio occorre, stampare è il mio limite di percezione della realtà.
Ciò chiarito devo anche dire che non sono poi guide (ed animazioni conseguenti) trascendentali, sono robetta, ma a volte fa piacere trovar robetta che si riesce ad utilizzare, no? Da un tal senso di adeguatezza che per le successive due ore ti senti il mondo in tasca.

Ci puoi trovare di tutto un po' per fare grafica animata. Non roba per professionisti, robetta semplice, che, se uno deve cominciare, magari qui trova qualche aiuto, qualche guida, qualche cosa insomma. Non ti devi scomodare a registrarti, questo non è un blog, basta che leggere e copiare e ricopiare e stracopiare, nè?
E magari scaricare.
Quel "nè" è un vezzo, come i solfeggi ... di spirito (quelli in battere, le battute) e come altre forme gergali che uso.
Che mica è un compito, è un sito, ellapeppa.

Ah, se serve qualcosa che non ho scritto, clic su
info_ndo, che sarebbe il link per la buca delle lettere, che se era in cima lo chiamavo In_cima e nessuno ci capiva niente.

La prox che ci ricapiti ci si fa una birra o un the (anche se io non so l'inglese).
 
 
 
 


Mi sarebbe piaciuto sistemare in qualche parte della pagina (magari in alto, si usa sempre in alto, uno ci ficcherebbe tutto in alto, solo che tutto non ci sta ed allora ci si arrovella per trovare una zona confacente, ben esposta, con vista sul panorama del sito, che si veda, accidenti!) uno strumento di ricerca, si, quello dove uno ci scrive una parola e spesso - a me sempre - vien fuori che non trovi una cippa.

Ma essendo privo di conoscenze informatiche, pensa che ti pensa, ho pensato di ricorrere ad un elenco ragionato dei contenuti del sito. Magari suddividendolo per categorie, o per sommi capi (che sarebbero tipo i capitoli, non tipo chi ci governa) magari tenendolo aggiornato in ordine alfabetico che così, quando mi serve qualcosa, faccio anche prima a trovarlo. L'unico problema è che essendo anche privo di capacità organizzative e di sintesi mi sono arenato proprio sulla progettazione: capitoli? categorie? singoli effetti o gruppi di effetti simili? animazioni che si suddividono in sottoanimazioni? gruppi di animazioni omogenee?
Insomma un bel guazzabuglio.

Per farla finita ho fatto come si vede qui sotto e speriamo bene.

Una precisazione: non ci sono tutte le guide, ma spesso solo la prima della serie;
le altre si possono trovare andando sulla prima ed utilizzando i link in fondo alla pagina:
altre guide ...

 

 
 

Elenco alfabetico dei principali effetti

 

 
A
  acqua  
    ASCII  
               

 
bandiere al vento
 
B
   
 
bolle di sapone
       
 
bollicine
         
               

 
C
  cuore  
    cuoricini come bolle di sapone  
               

 
E
  elettricità  
         
               

 
farfalle
 
F
   
 
farfallina
       
 
ferro
         
 
fumo
         
 
fuoco
         
 
fiamme (guera)
         
 
fiamma
         
               

 
G
  goccia  
    gabbiani  
               

 
M
  matrix  
    matrix su sfera  
          melma  
          metallo  
          malachite  
          morphing  
               

 
neve
 
N
   
 
neve magica
       
 
neve e fumo
         
 
neve e bolle
         
 
nave
         
 
natale
         
               

 
O
  onde grafiche  
    onde del mar  
          onde, nave, gabbiani  
          outline  
               

 
pioggia
 
P
   
 
plastica
       
 
           

 
radar
 
R
   
 
riflessione
       
 
roll-over
         
 
rondini
         
 
rosa
         
               

 
S
  sasso nell'acqua  
    sfera discoteca  
          sfocatura  
               

 
U
  uccelli di carta  
         
               

 
vetro
 
V
   
 
volo d'uccelli
       
 
           
 
Pre-e-post-fazione....

Cosa volevo fare.
Volevo mettere a disposizione quello che so (e non è molto) a chi voleva fare qualcosa di grafica e di animazione, rigorosamente 2D.
Ho cominciato con una piccola guida (li chiamano tutorial) per l'animazione di una pallina. Utilizzando Photoshop per la parte grafica ed Imageready per l'animazione.
Naturalmente 2D (2D sta per bidimensionale), che, e mi sa che da qualche parte l'avrò anche scritto, di 3D nelle arti figurative (sto osando troppo?) c'è solo la scultura (comprendeteci tutto a cominciare dai basso ed alto rilievi) a meno che non vogliate far caso allo spessore del colore che c'è sui dipinti della tela che lo sostiene.
Sono partito da Photoshop, ma poteva andar benissimo qualsiasi altro programma (si dice applicativo -un tempo, ora applicazione - ma programma mi piace di più) che consentisse di tirare due righe e stendere un po' di colore utilizzando il piccì.
Quindi anche Imageready, per l'animazione, veniva a fagiolo, no?. Poi i banner animati in genere, vengon prodotti come GIF, che ha il vantaggio di non aver tempi d'attesa.
In realtà lo scopo, a parte il farmi bello, era di mettere nero su bianco un po' di paletti per quanto riguarda le tecniche di animazione, che mica me le sono inventate, basta guardare un cartone ed è tutto li' (non quelli giapo, quelli sono "statici").

Cosa sto combinando.
Pian piano stan venendo fuori un bel po' di guide per Photoshop e per Imageready. Ed un bel po' di trucchetti per l'una e per l'altra sezione. Sto cercando, sempre alla buona, di trattare un po' tutte le possibilità di grafica, di ritocco e di manipolazione che Photoshop offre, ma non da professionista, da amatore (per questo certi accorgimenti e raffinatezze dei professionisti delle immagini mirabolanti che si trovano in giro per il web qui o vengono viste solo di sguincio (sfiorate) o tutt'affatto - bello tutt'affatto, secoli che mi andava di scriverlo - ignorate).
E magari cercando la via meno "tecnica", quella più comprensibile, anche se a volte sembra più lunga.
Ci sono guide per lo scontorno, per l'uso dei tracciati, per il disegno, per il ritocco e la manipolazione delle immagini, e per la realizzazione di alcuni effetti classici: l'effetto pioggia, l'effetto neve, la riflessione sull'acqua, l'effetto matrix, l'effetto fumo, e soprattutto, ci sono guide per il disegno 3D. Quello finto, ovviamente. Per avere un quadro aggiornato della situazione consultate la
bussola, ogni tanto. Li ci dovrebbe essere tutto.

Per l'animazione ero tentato di usare flash, ma poi ho preferito restare su Imageready, tanto più che non so lavorare con flash.
Più colloquiale, ImageReady, più intuitivo, semplice. Con quelle iconcine dei fotogrammi che sembrano tanti foglietti da sovrapporre e far scorrere col dito per vedere che si muove (dai, non mi dite che non avete mai provato col quaderno a far danzare la ballerina).
Ci sono un paio di guide animate, sono specifiche per quell'esempio, ma danno indicazioni generali sull'uso di Imageready (vedi
pallina). Troverete indicazioni base sull'uso del ciclo continuo (loop) per evitare gli "sganci" nel corso dell'animazione, e su alcune tecniche per rendere più verosimili (diciamo più esagerate) le animazioni stesse.
Quello che mi piace sono gli effetti sui testi. Testi animati, appunto. Facili da realizzare, d'effetto, si puo' anche far dello spirito. Insomma, da vedere.

Sto anche aggiungendo delle pagine di clip art ricavate da vecchi CGM. Tutta roba che si può scaricare (mica secca dirlo: tutto da scaricare gratis). Il formato non è CGM, ma AI (Adobe Illustrator) poichè è più facile importarli in Photoshop. Col formato CGM dovreste passare o da PowerPoint o da Adobe Illustrator. Insomma, si evita un giro in giro.
Fra l'altro ho aggiunto anche un contatore, ma non è in linea, cucco le informazioni dalla statistica che mi fornisce il server. Capisco poco, di animazione qualcosa, di statistiche una cippalippa. Per esempio, viene fuori che, per esempio, un giorno a caso, ho avuto 100 siti, con 80 visite e 1200 contatti.
Probabilmente significa qualcosa ...

Cosa vorrei fare da grande.
Essere meno barboso.
E riuscire a fare una bella fumata a tutto schermo.


Mi scordavo le ... Note legali

Qualche materiale base è stato prelevato dalla rete essendo apparentemente di pubblico dominio.
Nel caso qualcuno riconoscesse del materiale coperto da "diritti d'autore" non esiti a segnalamelo e sarà immediatamente rimosso (anche se mi dispiacerà un po').
Questo sito non è una testata giornalistica: viene aggiornato quando mi riesce. Non è un prodotto editoriale, ai sensi della legge n. 62 del 7.03.2001, ma un semplice contenitore di immagini e chiacchierate.

 
 
 
 
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.
 
Creative Commons License