La realizzazione in flash dell’effetto luminoso è molto semplice e per questo tutorial si è scelto di far ricorso alle linee temporali e ad un semplicissimo script che ci permetterà di regolare il tempo di visualizzazione dell’effetto bagliore.

Come prima cosa iniziamo un nuovo progetto in flash e diamo le dimensioni desiderate, per il nostro esempio il userò questa immagine:

quindi creerò uno stage di dimensioni 145×91 ed imposto il colore di sfondo di colore nero. Importiamo quindi l’immagine di nostro interesse nella libreria

File > Importa > Nella Libreria

Fatto questo, con una semplice azione di Drag&Drop, trasciniamo sullo stage l’immagine e posizioniamola ad X = 0 e Y = 0 come mostrato:

E’ buona norma rinominare i livelli quindi, rinominiamo il nostro Livello 1 in BG. Procediamo adesso con la creazione di un nuovo livello che sarà quello del bagliore.

Rinominiamolo adesso come Bagliore. E’ arrivato il momento di creare il nostro bagliore, per farlo,

Inserisci > Nuovo Simbolo

E diamo queste impostazioni:

Ci ritroveremo direttamente nello spazio dedicato alla gestione del nuovo simbolo Clip Filmato che abbiamo creato. Adesso con lo strumento rettangolare, impostiamo a trasparente i bordi e bianco il contenuto, tracciamo così un rettangolo di dimensione 410×85 come mostrato in figura:

A questo punto dobbiamo spostare il nostro simbolo grafico “Bagliore” nello stage dopo aver selezionato il livello “Bagliore” al primo frame come mostrare in figura:

Per posizionarlo aiutiamoci con Trasformazione Libera selezionando il nostro rettangolo “Bagliore” e cliccando con il tasto destro:

Ora possiamo procedere con l’aggiunta del filtro che ci permetterà di avere l’effetto bagliore. Nella barra delle proprietà, clicchiamo su Filtri e quindi scegliamo sfocatura e diamo questi parametri:

Ottenendo questo risultato:

Adesso dobbiamo creare la nostra animazione. Come prima cosa scegliamo di quanti secondi deve essere il bagliore. Il tempo della durata lo scegliamo attraverso la linea temporale. L’impostazione standard è di 12 frame al secondo, noi dobbiamo portarla a 24 frame a secondo:

Adesso clicchiamo col tasto destro sul frame numero 25 della linea temporale del livello “Bagliore” e inseriamo un nuovo fotogramma chiave:

Posizionandosi sul livello BG, un click sul primo frame per selezionarlo, premere F5 fino a che non arriviamo al frame 25, proprio sotto a quello appena creato:

Una volta fatto questo, selezioniamo il livello “Bagliore” al frame 25 e mantenendo la stessa Y del nostro rettangolo, spostiamolo verso destra modificando solo la X quel tanto che basta per farlo uscire dall’altra parte dell’avatar:

Adesso sfrutteremo uno strumento molto usato in Flash e molto potente, ovvero le Interpolazioni. Selezionando il primo frame del livello “Bagliore” scendiamo con il mouse nella tabella proprietà dove potremmo notare un menù a tendina denominato Interpolazione. Scegliamo il tipo Movimento. Noteremo che comparirà una freccia che parte dal frame 1 e termina fino al 24 del livello “Bagliore”

A questo punto il nostro Avatar è funzionante, ma l’effetto bagliore continua in un loop infinito. Dobbiamo in un qualche modo regolare la sua temporizzazione. Per fare questo useremo un semplice Script in AcrtionScript 2.0 che offre una funzione di Pausa. Selezioniamo il livello “Bagliore” fotogramma uno e nello spazio “Azioni” incolliamo questo script:

function paused(sec) {
stop(); // action to pause
var i = sec - 1;
var t = setInterval(function () {
if (i == 0) {
clearInterval(t);
play(); // action to continue
}
i--;}, 1000);
}

Questo script non funziona se non viene evocato, quindi, bisognerà chiamarlo quando richiesto. La logica è quella di far iniziare l’animazione, farla procedere fino alla fine e mandarla in pausa per un tempo T prima di ripetersi. Per fare questo, posizioniamoci sul frame 25 del livello “Bagliore” ed inseriamo la chiamata allo script:

paused(4);

In questo modo ogni 4 secondi, l’animazione si ripeterà. Sta a voi poi regolare i tempi.

Questo è il lavoro finito.

Tengo a precisare che, il lavoro poteva essere svolto in vari modi, ad esempio con l’aggiunta di maschere di livello per il bagliore e di un modulo specifico per l’Action Script, tuttavia si è scelta un implementazione più semplice.

Spero che siano entrambi apprezzabili, ma intanto ecco la foto, che come sempre troverete scaricabile su deviantART:

sunset at sea by *LoganDTR on deviantART

Alla prossima.

Ecco a voi la foto:

Sun in the Cloud by *LoganDTR on deviantART

Alla prossima.

San Francesco Church by *LoganDTR on deviantART

A presto.

Fondi’s Square by *LoganDTR on deviantART

A presto!

Ho così deciso di fare una prova per vedere come andava e dopo alcuni tentativi, finalmente ho realizzato qualcosa di decente ed in tempi abbastanza brevi.

Ecco qua potete guardare anche voi:

Summer Time by *LoganDTR on deviantART

Carino non trovate?
Al prossimo aggiornamento

Ho realizzato questa foto a casa del mio amico Giovanni, non vi nego che è stato un pò difficile cogliere l’attimo, il gattino, ovvero Puffo, non stava fermo due secondi!

Comunque ecco qui la foto, disponibile anche nello shop per chi volesse avere un belk poster che rievochi la stagione autunnale:

Puffo by *LoganDTR on deviantART

Alla prossima.

Da non molto è uscita la CS4 disponibile in varie soluzioni Adobe in versione base o Extended.

Tra i vari miglioramenti apportati c’è senza alcun dubbio l’aggiunta di una interessante tecnlogia per il resizeing di un immagine, possiamo vedere degli esempi davvero interessanti in questo video:

Ovviamente è possibile come sempre provare Adobe Photoshop per una versione trial di ben 30 giorni, come anche altri prodotti della famiglia Adobe, per provare ecco il link:

http://www.adobe.com/downloads/?PID=2294914

Invece per altre informazioni in dettaglio ecco a voi altri link utili:

http://www.adobe.com/products/photoshop/photoshop/

http://www.photoshopsupport.com/photoshop-cs4/photoshop-11-cs4.html

Alla prossima.

Molti avranno fatto caso a quelle immagini completamente in bianco e nero con solo pochi dettagli mantenuti a colori.

Realizzarle non è molto difficile ed esistono varie tecniche per farlo, una molto semplice è quella che consiste nell’uso della maschere con photoshop ed adesso, grazie a Valentina andremo a vedere come fare in pochi semplici passi.

Useremo quest’immagine:

1) Duplichiamo il livello

2) Sul livello copia, selezioniamo le parti che vogliamo lasciare colorate con uno strumento di selezione come il Lazo Magnetico o il Pen Tool (QUI come usarlo)

3) Dal livello selezionato creiamo una maschera, cliccando sul pulsantino quadrato con un cerchietto all’interno della finestra dei livelli

4) Andiamo nel livello originale, quello senza la maschera, e desaturiamo andando su

Image > Adjustement > Desaturate

e questo è il risultato:

Se l’immagine di base è in bianco e nero potete usare la tecnica del colorize:

>>> Tutorial Colorize per Photoshop
>>> Tutorial Colorize per Paint Shop Pro

Autrice: Valentina