programma utilizzato:animation
shop
In questo tutorial vedremo come creare un blinkie senza
dover disegnare i bordi ,ma semplicemente utilizzando
un font Veruca che gia' contiene i bordi.
blinkie da ottenere:
-a)font da scaricare veruca.zip
quando vi chiedera' di salvarlo,salvatelo nella cartella
"font" di windows del vostro computer,il percorso
e' C:Windows-->font
**spesso quando fate il download di un file,che
sia un font o un tubes,ecc...viene scaricato in formato
zip per cui prima di poterlo utilizzare,bisogna scompattarlo
con un programma apposito come winzip.
-b)aprire animation shop,aprire una nuova immagine(cliccare
nel menu in alto di animation file-->nuovo) con larghezza=130
ed altezza=50,scegliere come "colore della tela=trasparente")
se ci sembra molto piccolo,per lavorarci possiamo
ingrandire il fotogramma ,per ingrandirlo selezioniamo
dalla tavolozza strumenti che si trova nel menu in alto
di animation lo strumento "zoom" :io utilizzo
uno zoom di 5:1,poi posizioniamo il mouse sull'immagine
e clicchiamo fino ad arrivare alla grandezza desiderata
:-)
-c)passiamo al blinkie:selezioniamo dal menu di destra
di animation il colore con cui creeremo il nostro blinkie(io
ho usato un blu,precisamente #25ADFB);
-d)selezioniamo dalla tavolozza strumenti di animation
lo strumento testo,clicchiamo con il mouse in un punto
qualsiasi dell'immagine,si aprira' una finestra dove potremo
scegliere il font con cui scrivere,le sue dimensioni ed
altri parametri.
come font scegliamo quello che avete scaricato all'inizio
del tutoria cioe' il font "veruca"
scegliamo come "stile=grassetto" e come dimensioni=48;

in allineamento scegliete "centrato" ed
infine inserite nella casella "immettere testo"
il testo che vogliamo appaia sul blinkie,nel nostro caso
scegliamo un nome "Alice" (:-P) e clicchiamo
okay;posizioniamo il testo ottenuto nel fotogramma come
nell'esempio seguente:

-e)ora dobbiamo disegnare i trattini,per cui nella
tavolozza strumenti che si trova a destra di animation
selezioniamo il colore con cui disegnare i trattini,in
questo tutorial ho utilizzato il bianco( valore=#FFFFFF);
dalla tavolozza strumenti che si trova nella parte
superiore di animation scegliamo lo strumento pennello,nella
casella "larghezza" inseriamo come valore=2
andiamo sul bordo superiore del nostro blinkie,e tracciamo
i trattini lungo tutto il bordo:lasciamo uno spazio di
2 pixel e cominciamo a disegnare i trattini anch'essi
di due pixel(cioe' tracciare due puntini uniti) lasciando
uno spazio da un trattino all'altro sempre di due pixel,come
nell'esempio seguente:

ripetere il punto "e" per disegnare i trattini
della parte inferiore del nostro blinkie,come nell'esempio
seguente:

-f)la nostra base e' completa,ora dobbiamo solo animarla(cioe'
animare bordi e testo);innanzitutto per comodita' e per
non dimenticarci,selezioniamo ora il tempo di animazione,andiamo
sul menu in alto di animation scegliamo "animazione-->proprieta'
fotogramma" e nella casella "durata in 1/100
sec" inseriamo il valore che vogliamo dargli,in questo
tutorial ho utilizzato 28
-g)ora dobbiamo duplicare il fotogramma per poterlo
animare:per fare cio,andare sulla barra degli strumenti
che si trova nel menu' in alto di animation selezioniamo
lo strumento "duplica";
sulla tavolozza colori(a destra di animation) selezioniamo
il colore con cui alternare i trattini del blinkie,io
ho usato un rosa/viola cioe' il coore "#DB00E2"
andiamo sul primo fotogramma e con lo strumento riempimento
iniziamo a colorare i trattini del bordo superiore,uno
si e uno no,cominciando dal 1° trattino e continuando
col 3°,5°,ecc.. come nella figura seguente:

facciamo lo stesso continuando a colorare i trattini
della parte inferiore,pero' partendo dal 2° trattino
sempre colorandone uno si ed uno no,come nell'esempio
seguente:

-h)andiamo nel secondo fotogramma di animation e facciamol
o stesso,coloriamo i trattini del bordo superiore del
blinkie,stavolta partendo dal 2° trattino e colorandone
uno si ed uno no,come nell'esempio seguente.

coloriamo anche i trattini del bordo inferiore,pero'partendo
dalla fine del bordo e dal 1° trattino colorandone
sempre uno si ed uno no,vedasi l'esempio seguente:

in questo modo abbiamo animato i bordi del blinkie

-i)non ci resta che animare il testo,questo possiamo
farlo in tanti modi ed a nostro piacimento,per esempio
alternando i colori tra i due fotogrammi

oppure semplicemente colorando il nome nel primo fotogramma
di un colore e nel secondo fotogramma con un altro colore.

Fatto questo possiamo salvare il tutto.il nostro blinkie
e' pronto.
Al prox tutorial :-)
tutorial creato da http://www.aliworld.it
IMPORTANTE:questo tutorial e' stato inventato e creato
da me,per cui coperto da copyright e puo' essere utilizzato
solo ad uso personale;e' VIETATISSIMO rifare,copiare,modificare
o prelevare questo tutorial ed inserirlo su altri siti
senza il mio consenso,ogni utilizzo senza richiesta sara'
considerato violazione di copyright!