mercoledì 9 dicembre 2009

here comes the gomax brain!



Un grosso "Ciao" a tutto il Web!


Mi Presento, mi chiamo Federico, in arte gomax, per gli amici "Roscio".


Sono un grafico/illustratore/smanettone diplomato come grafico visualizer presso l'Accademia delle Arti e Nuove Tecnologie di Roma e che tuttora frequenta per diventare Art Director...
Ma non voglio dilungarmi in discorsi infiniti su di me, se qualcuno leggerà questo blog e in futuro vorrà farmi delle domande sarò felice di rispondere, quindi mi accingo ad enunciarvi quello che vuole essere l'obiettivo di questo spazio, o meglio, gli obiettivi.


"The gomax Brain" nasce con l'idea che in Italia non vi sia un apprezzamento, un riconoscimento, chiamatelo come volete, di nessun tipo per tutto quello che concerne la grafica o la comunicazione visiva in generale, non intesa solamente come pubblicità, (basta pensare che l'AIAP - Associazione Italiana Progettazione per la Comunicazione Visiva - da anni si batte solo per il semplice fatto che, volendosi iscrivere all'albo come grafico libero professionista, si è costretti a registrarsi come "pubblicitario", un termine che non comprende nemmeno in parte il lavoro del grafico o del comunicatore visivo), ma come forma di cultura, considerati i secoli di storia che ne hanno portato l'utilizzo in tutto il mondo, e considerate le grandi menti che ne hanno individuato e scritto le basi e le regole (citiamo ad esempio il nostrano Bruno Munari, scrittore di innumerevoli libri sulla grafica, realizzatore di composizioni che lo hanno portato ad insegnare ad Harvard, o Herb Lubalin, un designer/calligrafo che tra i tanti capolavori ha l'onore di essere l'unico "grafico" ad avere una sua opera  esposta in una mostra d'arte, o più semplicemente Kandiskij o Lautrec, o la Bauhaus che ne sono praticamente i padri fondatori).

Ma qual è il punto?


Il punto è, signori lettori, che di tutti questi bei nomi che vi ho fatto, e di centinaia di altri, in italia non se ne conosce nemmeno uno (o comunque molti pochi, e di quei pochi si ha una concezione di "artista", altra cosa in alcuni casi assolutamente sbagliata) e non sono certo io ad avere la pretesa assurda che le cose cambino...


Ma una cosa la si può fare:


Portare la grafica in italia, per vie alterne, con il mezzo del futuro: la rete. Voi. Noi.
Creare un blog che raccolga Storie, Lavori, Idee, Impressioni, Tutorial, Video, e chi più ne ha più ne metta da parte mia, vostra e con il supporto spirituale dei grandi maestri del passato e del presente.


Io, dalla mia parte, posterò settimanalmente dei tutorial su alcuni dei più famosi software di grafica sul mercato, miei lavori, lavori altrui che mi hanno colpito, articoli di vario genere, insomma, quello che mi passa per il cervello (da qui il titolo del blog...geniale eh? oltre 40 righe per arrivarci, e meno male che non dovevo dilungarmi...).


Voi, spero facciate la stessa cosa, e che non esitiate a contattarmi per segnalazioni o domande o richieste,
e soprattutto che riempiate questo blog di commenti (o pettegolezzi, come ho deciso di chiamarli).


Detto questo, ho finito, lo giuro, e ringrazio tutti coloro che sono arrivati fino alla fine di questo mio primo post senza addormentarsi sulla tastiera dalla noia o semplicemente senza chiudere la pagina...


Al prossimo Post!
--------------------------------------------------------------
gomax

martedì 1 dicembre 2009

Flash ActionScript 2.0 - Realizzare un Portfolio base (parte 1)

In questo primo tutorial inizieremo a costruire una sorta di portfolio flash abbastanza basico, con le minime funzioni necessarie (about us, gallery, audio, video, contatti) utilizzando alcuni componenti di flash e l'actionscript 2.0. Inserisco anche un piccolo indice per trovare velocemente la voce interessata con il "ctrl+f " (trova) dei più diffusi browser.


-----------------------------------------
INDICE
----------------------------------------


FL2CF - COMPOSIZIONE DEL FILE
FL2C1 - FSCOMMAND
FL2C2 - LOADER
FL2C3 - PULSANTIERA (MENU)
FL2NT - NOTE


--------------------------------------------------------------------
FL2CF - COMPOSIZIONE DEL FILE
--------------------------------------------------------------------

- creiamo un file AS2.0 con 3 livelli e 2 fotogrammi.

- il livello più "in alto" lo chiameremo "azioni" e ci scriveremo
  appunto solo le azioni

- nel secondo fotogramma inseriamo l'azione STOP:
______________________
  
   stop();
______________________

 
- nel livello centrale inseriamo (premendo ctrl+f7 e aprendo la finestra
  componenti - user interface) il "loader" (vedi FL2C2) nello stage,
  con le stesse dimensioni dello stage, con posizione 0;0
  e con nome istanza "main_ldr" (utilizzando questo nome attiveremo gli aiuti
  di flash quando scriviamo codice)

- impostiamo la scheda parametri del loader (vedi FL2C2)

- oppure scriviamo il codice sotto lo stop messo precedentemente
  (ha la precedenza sulla finestra paramentri):
_________________________________________
  
  this.main_ldr.contentPath = "nomefile.swf"
_________________________________________

dove "this" va ad indicare che andremo ad agire NEL MovieClip (MC)
con il nome "main_ldr" anche se in questo caso
è superfluo perchè ci troviamo già nella timeline principale.

- ora creiamo un nuovo file che chiameremo ad esempio "puls.swf".

nel nostro swf principale quindi l'actionscript sarà:

____________________________________________

   stop();
   main_ldr.contentPath = "puls.swf"


____________________________________________

- Ora nel file puls.swf creiamo la pulsantiera (vedi FL2C3)


--------------------------------------------------------------------
FL2C1 - FSCOMMAND
--------------------------------------------------------------------

consente di comunicare tra swf e flash player (in qualunque contesto
esso si trovi)

sintassi:

      fscommand(comando:Stringa, parametro:Stringa);

allowscale:

fscommand("allowscale", "false"); ---> permette o no di scalare il filmato

fullscreen:

fscommand("fullscreen", "true"); ----> permetto o no lo schermo intero

showmenu:

fscommand("showmenu", "false"); -----> mostra o nasconde il menu in alto

questi comandi si mettono nel primo fotogramma;

--------------------------------------------------------------------
FL2C2 - LOADER
--------------------------------------------------------------------

- ci permette di creare contenitori, ognuno con un contenuto specifico
  ed ognuno dentro l'altro, in modo da caricare una volta sola le
  parti comuni e caricare solo le parti ke ci interessano.

- scheda "Parametri" del Loader:


  autoLoad --------> indica se deve caricare il contenuto in modo automatico (meglio di si)
  contentPath -----> il percorso del contenuto da caricare
  scaleContent ----> indica se deve o no ridimensionare il contenuto (meglio di no)

--------------------------------------------------------------------
FL2C3 - PULSANTIERA (MENU)
--------------------------------------------------------------------

- creiamo un clip filmato chiamato ad esempio "puls" con nome di istanza "puls_mc".
  all'interno creiamo l'animazione del "rollover" che finirà ad esempio
  al fotogramma 15 e del "rollout" che finrà ad esempio al fotogramma 30.
  Mettiamo gli "stop" nel fotogramma 1 e nel fotogramma dove
  finirà l'animazione del rollover, in questo caso 15.


- ora nella timeline principale inseriamo le azioni:
___________________________________________________________________

   puls_mc.onRollOver = function() {
this.gotoAndPlay(2);
   };
   puls_mc.onRollOut = function() {
this.gotoAndPlay(16);
   };
___________________________________________________________________

dove il "this" stavolta indica che il MC principale è "puls_mc",
"onRollOver" indica il passaggio del mouse sopra e
"on RollOut" indica il passaggio del mouse fuori dal MC.
"function()" indica che stiamo appunto richiamando una funzione da
associare al nostro MC.
"()" che abbiamo visto anche negli stop significa che stiamo
utilizzando un "metodo" ed è essenziale al funzionamento del filmato.

- Ripetiamo quindi il procedimento per ogni pulsante del menu.

--------------------------------------------------------------------
FL2NT - NOTE
--------------------------------------------------------------------

- dando "_mc" alla fine del nome d'istanza di un MovieClip (MC appunto)
  attiveremo scrivendo codice gli aiuti di flash.

- scrivendo:
____________________________ 


   // quello che ci pare
____________________________
 

aggiungiamo un commento all'interno dell'actionscript che non verrà letto dal codice.

a questo punto dovremmo avere un contenitore base con una pulsantiera.
Continueremo nel prossimo tutorial Flash. Grazie per aver letto!