21
Materials de formació Introducció al Macromedia Flash Mòdul I: Introducció al Flash Jesús Arbués García del Moral Joan Gelabert Vich Ernest Prats García Setembre 2005

Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

  • Upload
    vannga

  • View
    212

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Materials de formació

Introducció al Macromedia Flash

Mòdul I:

Introducció al Flash

Jesús Arbués García del Moral

Joan Gelabert Vich

Ernest Prats García

Setembre 2005

Page 2: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Mòdul I: Introducció al Flash

Autors: Jesús Arbués García del Moral, Joan Gelabert Vich i Ernest Prats García

Servei de Formació Permanent del Professorat

Direcció General d’Ordenació, Innovació i Formació del Professorat

Govern de les Illes Balears

Conselleria d’Educació i Cultura

Setembre de 2005

obra de Jesús Arbués Garcia del Moral, Joan Gelabert Vich i Ernest Prats García

està subjecta a una llicència de Reconeixement-No comercial-Compartir amb la mateixa llicència 3.0

Espanya de Creative Commons

Page 3: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Taula de continguts

1. Què és Macromedia Flash? ......................................................................................................... 5

1.1. Instal·lació del programa ........................................................................................................... 6

1.2. Reproducció de fitxers de Flash als navegadors ...................................................................... 6

2. La pantalla de Flash ................................................................................................................... 10

2.1. Organització dels panells del Flash ........................................................................................ 10

2.2. L’escenari ................................................................................................................................ 13

2.3. Com fer una disposició personal dels PANELS ...................................................................... 13

3. Desar la feina. ............................................................................................................................. 18

Page 4: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Convencions

Els símbols utilitzats en aquest text són:

Activitats d’introducció

Activitats completament guiades amb exposició gradual de continguts, que permetin

assegurar els continguts mínims de la programació del mòdul de formació.

Activitats de consolidació i reforç:

Aquestes activitats presenten una dificultat un poc superior ja que no són tan guiades

i permetran un millor domini dels temes estudiats.

Activitats d’entrega obligada

Les activitats que vénen marcades per aquesta icona s’hauran d’entregar

obligatòriament per tal de superar el curs de formació.

Activitats opcionals

Activitats d’ampliació de coneixements que permetin aprofundir en la temàtica

tractada.

Recomanacions o comentaris

Recomanacions o comentaris que permetran una millor realització de les activitats

encomanades.

Ajuda

Per a algunes activitats, si la seva resolució presenta problemes, es podrà consultar

l’ajuda, que donarà pistes per facilitar-ne la realització.

Recursos addicionals

Per poder ampliar els coneixements, es posa a la disposició dels alumnes una

documentació complementària de consulta o d’ampliació.

Page 5: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 5

1. QUÈ ÉS MACROMEDIA FLASH?

La història de Flash comença l’any 1996, quan l’empresa Macromedia adquireix a FutureWave Sof-

tware el seu programa d’animació FutureSplash Animator, que de seguida es convertí en Macromedia

Flash 1.0.

L’eina de Macromedia, pretenia millorar l’ús dels gràfics a Internet. Fins a aquell moment, els navega-

dors es limitaven a mostrar imatges en dos únics formats: JPG i GIF, i qualsevol tipus d’animació

només era possible emprant els GIF animats, que a part de les dificultats inherents a la seva elabora-

ció, tenien limitada la seva paleta a 256 colors.

Amb l’aparició de Flash, la cosa va canviar radicalment: el programa permetia la creació d’animacions

incloent fotografies, i el seu resultat final era un fitxer de grandària molt reduïda. I per poder mostrar

això, només era necessari instal·lar un petit connector (o plugin) o programa que s’encarregava de la

visualització del fitxer.

El programa ha anat evolucionant amb el pas del temps i des de fa algunes versions ja es poden in-

cloure sons i fitxers de vídeo en un fitxer Flash (format shockwave, amb extensió SWF), el que ha

multiplicat les seves possibilitats d’ús. Fins fa poc, si a una pàgina Web s’inseria un fitxer de vídeo o

de so en un determinat format, per poder visualitzar o sentir aquest, l’usuari havia de tenir instal·lat el

reproductor corresponent, cosa no massa senzilla, si es tenen presents els diferents formats de sons i

vídeo que hi ha actualment.

Si es crea un fitxer Flash que inclou so i vídeo, no es necessita cap altre reproductor i a més Flash

aplica un alt nivell de compressió als elements que el formen, i per tant el fitxer resultant és sempre

més petit que la suma de tots els seus elements.

La versió que hi ha actualment al mercat, en el moment d’escriure aquest tutorial, és la Macromedia

Flash Mx 2004, de la qual se’n poden trobar dues variants diferents: Flash Mx 2004 i Flash Mx 2004

Professional. Aquesta darrera, a més de les funcions de la normal, ofereix majors possibilitats pel que

fa a l’edició de vídeo i al treball amb pàgines web dinàmiques.

Els materials d’aquest tutorial estan basats en la versió anterior, Macromedia Flash Mx, perquè la

nova presenta dos canvis:

Flash Mx 2004, segons Macromedia, no funciona correctament amb Windows Millenium. Amb la

resta de sistemes operatius, Windows 98SE, Windows 2000 i Windows XP no hi ha problemes.

En l’edició del codi del llenguatge de programació propi, ActionScript, a la nova versió ha desapa-

regut el que es coneixia com a Mode Normal, que oferia tota una sèrie d’ajuts per a la programa-

ció, i s’ha substituït per un altre sistema d’ajuda diferent.

De tota manera, qualsevol que vulgui seguir aquest curs amb la versió Mx 2004 no tendrà cap pro-

blema, perquè els canvis de la interfície no són massa importants. Fins i tot, per facilitar la compatibili-

tat, els fitxers de pràctiques es poden obrir amb la versió 5.0. En aquest cas, les diferències es troba-

ran en la distribució de les eines a la pantalla, si bé de principi no hi hauria d’haver problemes per

poder realitzar el curs.

Per acabar voldríem comentar que Flash Mx forma part també del paquet Studio Mx, on a més

d’aquest programa, hi ha:

Dreamweaver Mx, especialitzat en el disseny de pàgines Web.

Fireworks Mx, per a l’edició de gràfics per a pàgines Web

Page 6: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 6

Freehand Mx, per a realització d’imatges de tipus vectorials

1.1. INSTAL·LACIÓ DEL PROGRAMA

Per a la realització d’aquest curs s’ha de tenir instal·lat el programa Macromedia Flash, en qualsevol

de les versions comentades (5, Mx o Mx 2004).

Si no és així, Macromedia disposa d’una versió de proves, disponible també en castellà. De tota ma-

nera, s’ha de fer notar que aquesta només dura 30 dies, el que és molt poc per a la realització

d’aquest curs.

Utilització de fitxers amb format determinats

Si als vostres projectes amb Flash heu d’emprar imatges o vídeos en una sèrie de

formats determinats, com per exemple Photoshop (PSD) o QuickTime (MOV), haureu

d’instal·lar el QuickTime d’Apple. El podeu aconseguir a:

http://www.apple.com/es/quicktime/download/

1.2. REPRODUCCIÓ DE FITXERS DE FLASH ALS NAVEGADORS

El més habitual és que les pel·lícules de Flash (que tenen com a extensió SWF) es posin a dins una

pàgina Web i es visualitzin amb un navegador. És necessari que aquest navegador tengui instal·lat el

connector (o plugin) de Flash, i a més que aquest sigui una versió actualitzada per a poder mostrar la

pel·lícula. Si tenim una versió antiga del reproductor de Flash, i la pel·lícula a mostrar està feta amb

una versió posterior, no es visualitzarà. A moltes pàgines, quan passa això, se’ns reenvia directament

a la pàgina de Macromedia per davallar la versió actualitzada del reproductor. Si no passa això, o si

volem actualitzar manualment, haurem d’anar a la pàgina:

http://www.macromedia.com/es/downloads/ i allí seleccionar Macromedia Flash Player

Page 7: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 7

La instal·lació varia, segons quin sigui el nostre navegador. En el cas de l’Internet Explorer, en pitjar

el botó Instalar ahora mismo s’executa un programa directament sense necessitat de davallar aquest

primer al nostre ordinador. El més probable és que el sistema ens demani permís per a l’execució del

programa, que com és de suposar, hem de donar.

En acabar la instal·lació, apareix un avís de la correcta instal·lació del reproductor.

El Mozilla funciona de manera diferent. En pitjar el botó el que es fa és davallar al nostre ordinador un

programa que té com a nom flashplayer7installer.exe (aquesta és la darrera versió disponible actu-

alment). Quan l’executem, ens mostrarà els programes (Netscape, Mozilla, Firefox) d’aquesta família

de navegadors que ha trobat.

Curiosament, si tenim instal·lades unes determinades versions del Mozilla en català, aquest no apa-

reix a la llista. El que hem de fer llavors és anar a la carpeta corresponent, (o sigui, c:\Archivos de

programa\Mozilla\Plugins) tal com es pot veure a la imatge següent:

Després de fet això, i en tornar a posar en funcionament el navegador, ja es visualitzaran correcta-

ment els fitxers de Flash.

Un altre cas diferent el presenta el sistema operatiu Linux. Si bé no existeix encara un programa que

permeti crear fitxers de Flash per a aquest sistema operatiu, si que els podrem reproduir sense pro-

blemes amb el Mozilla.

Page 8: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 8

Per a poder realitzar la instal·lació, hem d’accedir al Linux com a usuari root, perquè és l’únic que té

permisos per a la realització d’instal·lacions com aquesta, que afecten a tots els usuaris. La ins-

tal·lació comença com en el cas anterior des de:

http://www.macromedia.com/es/downloads/ i allí seleccionar Macromedia Flash Player

En aquest cas, el fitxer a descarregar porta el nom d’install_flash_player_6_linux.tar.gz. Quan ja

estigui descarregat aquest, haurem de descomprimir el fitxer flashplayer-installer, que s’executarà a

una finestra de text. Anam donant tots els permisos corresponents per a procedir a la instal·lació i el

problema pot sorgir quan ens demani la carpeta on s’ha de fer la instal·lació del reproductor.

Segons la versió del Linux, pot ser correcte el camí proposat, o ser en realitat un altre diferent. És un

cas semblant al ja comentat en parlar del Mozilla en català per al Windows. Pensam que els usuaris

de Linux estan, en general, capacitats per a localitzar la carpeta on es troba aquest programa. Auto-

ritzam la instal·lació i després de feta aquesta ja tots els usuaris de la màquina poden accedir sense

problemes a la visualització dels fitxers de Flash emprant el Mozilla.

Actualització periòdica del reproductor de Flash

És convenient, cada tant de temps, comprovar si existeixen versions noves del

connector que tenim instal·lat al nostre navegador. L’actualització periòdica és

recomanable, per així poder visualitzar correctament totes les pàgines web i perquè

de vegades les actualitzacions solucionen problemes de versions anteriors.

Page 9: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 9

Activitat d’introducció 1

En primer lloc, hauràs de comprovar la versió del reproductor de Flash instal·lada al

teu ordinador. Per fer això, pots anar al Weib (http://weib.caib.es) i posar-te damunt la

il·lustració que hi ha a la part superior dreta, pitjar el botó dret del ratolí i seleccionar

Acerca de Macromedia Flash Player.

S’establirà una connexió amb una pàgina web de Macromedia que ens dirà quina

versió tenim instal·lada. A continuació anirem a la pàgina web de descàrrega del

reproductor de Flash comentada abans i compararem la versió disponible amb la que

tenim instal·lada. I decidirem si volem fer l’actualització.

Versió instal·lada Versió a descarregar

Page 10: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 10

2. LA PANTALLA DE FLASH

Quan obrim el programa ens trobem el següent:

Aquesta és la pantalla que t’apareixerà la primera vegada que obris Flash Mx

La pantalla està dividida en una sèrie de parts que pots conèixer si obres l’arxiu pantalla.swf que

trobaràs a la carpeta pantalla, dins d’arxius_flash del mòdul 1. Aquest arxiu shockwave t’ajudarà a

distingir totes les parts de la pantalla del programa. Només cal que desplacis el ratolí per sobre.

Problemes amb la visualització dels fitxers swf i Flash 5

Com ja s’ha comentat, aquest curs s’ha dissenyat per a treballar amb Flash MX. Els

fitxers swf que hi ha als materials del curs estan creats amb aquesta versió, i no es

poden visualitzar amb el reproductor que porta incorporat el Flash 5. Per a solucionar

aquest problema, els podeu trobar també al lloc web del curs, a cadascun dels

mòduls. En aquest cas, com la reproducció es fa a partir del propi navegador, no han

d’existir problemes (sempre i quan s’hagi actualitzat, seguint les instruccions que hem

donat abans).

2.1. ORGANITZACIÓ DELS PANELLS DEL FLASH

Com has llegit, els panells i les paletes són factibles de canviar de lloc, de tancar-se, de minimitzar-se,

etc.

Page 11: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 11

Ara, per simplificar la pantalla el que faràs serà tancar aquells panells que, de moment, no són neces-

saris. També provaràs de canviar-los de lloc.

Recuperar la configuració de panells original

No et preocupis si veus que no aconsegueixes el que et proposam. Si tens algun

problema pots anar en qualsevol moment a Ventana > Conjunto de paneles > Diseño

predeterminado. D’aquesta manera tornaràs a tenir en pantalla la configuració inicial

que porta el programa.

El primer que faràs serà anar modificant la presentació de les paletes i panells. És probable que

aquesta primera feina no et resulti molt creativa però és del tot necessari tenir un domini de tot allò

que tindràs a la pantalla a fi de poder treballar en millors condicions. Tard o d’hora acabaràs configu-

rant una distribució de tot el que surt en funció de la teva forma “molt personal” de treballar.

Assenyala sobre els punts de l’extrem esquerre de la paleta Componentes i arrossega-la al

mig de la pantalla.

Hauràs aconseguit una paleta flotant, independent de totes les altres de la dreta. Romandrà aïllada.

Per a tancar una paleta

Si la paleta està aïllada podeu tancar-la clicant so-

bre la creu de l’extrem superior.

Si la paleta està acoblada a l’espai de treball i no és

visible la creu de l’extrem...

...clica sobre l’extrem dret...

... i apareixeran les següents opcions.

Clica a Cerrar panel.

Page 12: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 12

Sempre podràs recuperar una paleta tancada

o un panell tancat, anant a Ventana a la línia

de menús i assenyalant el panell o paleta que

vulguis recuperar.

Fixa’t que les que tens actives tenen un senyal

a l’esquerra.

Activitat d’introducció 2

Prova de tancar tots els panells de la dreta i, després, tanca també els de la part infe-

rior: Acciones i Propiedades.

T’ha de quedar la pantalla com la imatge següent:

Page 13: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 13

2.2. L’ESCENARI

El “paper blanc” (escenari) és el lloc on col·locaràs els objectes que vulguis que apareguin a la

pel·lícula, és molt important dominar com tenir en pantalla el tros que t’interessa.

Pots moure el “paper blanc” (l’escenari) amb les barres de desplaçament (scrolls) fins a tenir-lo al

centre de l’espai disponible.

L’escenari es pot apropar o allunyar amb les opcions del

zoom.

Pots fer la combinació de tecles ràpides [Control + 2] (clica simultàniament les dues tecles) i observa-

ràs com l’escenari s’adapta a la mida més gran possible i se centra a l’espai. Aquest sistema és molt

més ràpid.

Posteriorment aprendràs a utilitzar una altra combinació de tecles ràpides per apropar i allunyar. La

majoria de persones que treballen amb Flash utilitzen de forma habitual el recurs de les tecles ràpi-

des.

2.3. COM FER UNA DISPOSICIÓ PERSONAL DELS PANELS

Per fer aparèixer una de les paletes que acabes d’amagar, (per exemple la de Muestras de color), vés

a la línia de menús, selecciona Ventana, assenyala Muestras de color, i apareixerà el panell. Aquest,

per defecte, es posarà a la dreta de la pantalla, en el seu lloc original.

Desplaça el cursor fins els puntets de l’extrem, observa que el

cursor canvia.

Arrossega la paleta, desplaçant-la al centre de la pantalla.

Page 14: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 14

Activa el panell Propiedades, aquest també s’incorpora a la pantalla en el seu lloc originari. Deixa’l a

la part de sota, pots obrir-lo i/o tancar-lo (maximitzar o minimitzar) utilitzant els triangles blancs.

La petita fletxa blanca apuntant a la dreta ens informa que el panell està tancat.

La fletxa senyalant baix ens diu que el panell està obert: et dóna informació dels elements

que dibuixes o selecciones a l'escenari.

Ara a la pantalla tens un parell de

panells: el de Propiedades a la part

inferior (acoblat) i un de colors a

l’escenari (flotant).

Ara obriràs un altre. Per exemple,

Mezclador de colores. Fes el mateix

procés que has fet anteriorment,

desplaça’l al mig de la pantalla.

Hi ha una possibilitat molt útil que consisteix acoblar els panells entre ells, és a dir, ajuntar-los.

Per fer-ho, situa el cursor sobre els puntets de la part

esquerra d’un dels panells i arrossega’l sobre l’altre.

Notaràs que s’activen uns contorns negres com la

imatge de la dreta.

Deixa anar el botó del ratolí i observa que s’han aco-

blat els dos panells.

Page 15: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 15

Els panells s’han situat un a sobre de l’altre.

Utilitzant els triangles blancs pots fer que només esti-

gui actiu el que necessites o, fins i tot, que tots dos

romanguin minimitzats.

Pots incorporar a aquest conjunt de panells tots els

que vulguis.

Els mateixos panells, ara minimitzats.

Si has seguit tot el procés, ara en pantalla tens:

Dos panells acoblats.

Aquests panells estan al centre de la pantalla, i el panell Propiedades, a la part inferior.

Page 16: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 16

Aquesta distribució dels panells la pots desar. Per fer-

ho aniràs a la línia de menús Ventana i seleccionaràs

Guardar disposición de paneles...

Et sortirà un quadre de diàleg que et demana amb

quin nom vols desar la disposició de panells.

Guarda aquesta disposició de panells amb el nom de

tutorial

El nom que posis a la disposició dels panells (tutorial,

en aquest cas) apareixerà després a Ventana > Con-

juntos de paneles.

Amagar els panells

De vegades, quan es treballa amb Flash és útil (per no dir imprescindible) amagar els

panells, per així tenir una superfície de treball major.

Flash disposa de diferents combinacions de tecles per a realitzar tasques com

aquesta. Si pitjam la tecla [Tabulació], veurem com els panells s’amaguen. En tornar

a pitjar-la, tornen a aparèixer.

Page 17: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 17

A més de la comentada, existeixen d’altres combinacions de tecles, com per exemple les següents:

TECLA ACCIÓ

Control + Z Desfer

Tabulació Fer aparèixer/desaparèixer els panells

Control+F3 Panell de Propiedades

Control+N Nuevo, començar un nou treball

Control+K Alinear

Control+T Transformar

Control+L Biblioteca

Control+F9 Muestras de color

Control+2 Visualitzar tot l’escenari

Activitat opcional 1

Existeix la possibilitat de crear tecles d’accés directe per a qualsevol acció que vulguis

fer. Si t’interessa el tema, ves a la línia de menús, Edición > Metodos abreviados de

teclado. L’ajuda de Flash et permetrà completar la feina.

Page 18: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 18

3. DESAR LA FEINA.

Seria interessant que per a cada mòdul creïs una carpeta específica on desar els exercicis. Per tant,,

crea una carpeta amb el nom mòdul 1 per guardar els primers exercicis.

Per guardar una activitat feta en Flash, ho has de

fer com ho fas en la majoria de programes Archivo

> Guardar .

Cercarem la carpeta necessària i posarem nom a la

feina

Hi ha problemes de compatibilitat entre arxius fets

amb Flash Mx i Flash 5. Amb la versió 5 no es poden

obrir arxius de Flash Mx . El mateix passa amb la

versió Mx, que pot obrir els de Flash Mx 2004. Per

aquest motiu a l’apartat tipo es pot escollir quina ver-

sió volem que tingui el nostre arxiu.

De tota manera, és convenient treballar amb les versions més actuals, que ofereixen sempre més

opcions. Només s’ha de guardar en un format antic si pensam emprar el fitxer a una màquina que

tengui instal·lada aquella versió.

Els fitxers de Flash

Amb Macromedia Flash, es poden generar fitxers de dos tipus diferents:

Fitxers amb extensió fla. Són els que empra Flash mentre es desenvolupa un

projecte. Només es poden visualitzar al propi programa. Per crear un d’aquests

fitxers, simplement hem de seguir les instruccions anteriors.

Fitxers amb extensió swf. Són els que s’empren als navegadors per mostrar el fitxer a

una pàgina web. Per a la seva visualització es pot emprar qualsevol navegador amb

el reproductor de Flash instal·lat o un reproductor específic extern. Més endavant

explicarem com crear aquest tipus de fitxers.

Com pots veure a la imatge adjunta, els fitxers del tipus fla són relativament

voluminosos, mentre que el resultat final, és a dir, el fitxer swf, són molt més petits

per a poder-se emprar sense problemes a una pàgina web.

Activitat d’entrega obligada 1

Aquesta activitat té dues parts:

A la primera part, hauràs de crear un fitxer fla, sense res a l’escenari, però amb una

distribució personal de panells i una configuració guardada. La configuració tendrà el

nom de base.

Page 19: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 19

Els panells que han d’estar activats i minimitzats són: propiedades, a la part inferior i

els panells: info, transformar i alinear acoblats entre ells, al mig de la pantalla.

Ara, has de fer una captura de pantalla de Flash. Per això, amb el programa actiu,

pitja al mateix temps les tecles [Alt-ImprPant].

A continuació, obre qualsevol programa que permeti l’edició d’imatges: Gimp,

PaintShopPro, Fireworks, Photoshop, el mòdul de dibuix de l’OpenOffice, el Paint del

Windows...

Emprant l’opció Edició > Enganxar porta la captura de pantalla al programa d’edició

d’imatges. Desa-la en format JPG i amb el nom de base1.jpg.

A la segona part de la pràctica has de fer una nova disposició de panells, tal com es

mostra a la imatge.

Per això, has de crear primer un nou document en blanc. Fixa’t que ha d’incloure els

panells mezclador de colores, muestras de color i alineamiento. Quan ho tenguis, has

de fer una nova captura de pantalla, tal com hem explicat abans. Desa el document

amb el nom de base2.jpg.

Envia els dos documents de la pràctica al teu tutor o tutora.

Page 20: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 20

Activitat d’entrega obligada 2

Has de visitar tres pàgines fetes amb Flash i fer un escrit amb explicacions –les

opinions personals-. Pots assenyalar què aporta el Flash a aquestes pàgines des del

punt de vista pràctic, estètic, presentació de continguts...

De les que et proposam a continuació, n’has de triar dues.

Museu Balear de Ciències Naturals http://weib.caib.es/Recursos/fossils/index.html

Empresa Veclus www.veclus.com

Pàgina web de Maria de la Pau Janer

www.mariadelapaujaner.net

Pàgina personal Jesús Arbués, coautor dels materials d’aquest curs.

www.xtec.es/~jarbues

Has de tenir present que a aquestes pàgines els fitxes que hi trobaràs són relativa-

ment senzills de fer, i la majoria d’ells els podràs crear en acabar aquest curs.

La tercera la deixam a la teva elec-

ció. Has de localitzar alguna pàgina

on s’hagi incorporat alguna anima-

ció feta amb Flash.

Per assegurar que el que es visita

està fet amb Flash et pots ajudar

del botó dret del ratolí clicant sobre

les animacions i si surt la imatge

que tens a la dreta tindràs la garan-

tia que és un arxiu fet amb Flash.

Com a mena d’exemple, pots visitar les pàgines que proposa la mateixa Macromedia

a la seva pàgina web. La versió castellana la pots trobar a:

http://www.macromedia.com/cfusion/showcase/index.cfm?event=finder&productid=13

180&loc=es_es

També hi pots accedir des de la pàgina principal (http://www.macromedia.com/es/ ),

seleccionant Galería, i a aquesta, a l’apartat Explorar por productor, escollir Flash.

Si accedeixes a la versió en anglès de la pàgina, hi trobaràs exemples diferents. La

pots trobar a:

http://www.macromedia.com/cfusion/showcase/index.cfm?event=finder&productid=15

27&loc=en_us

Com abans, hi pots accedir des de la pàgina principal (http://www.macromedia.com/ ),

seleccionant Showcase, i a aquesta, a l’apartat Browse by Product, escollir Flash.

Has de tenir present que Macromedia presenta sempre una selecció de les millors

Page 21: Mòdul I: Introducció al Flash - weib.caib.esweib.caib.es/Formacio/distancia/Material/flash/Flash1.pdf · Flash 1.0. L’eina de Macromedia, pretenia millorar l’ús dels gràfics

Curs de Macromedia Flash – Mòdul I. Introducció al Flash

Jesús Arbués – Joan Gelabert – Ernest Prats 21

pàgines realitzades amb Flash, que han estat confeccionades per empreses especia-

litzades. De tota manera, és útil veure el que es pot arribar a fer amb aquest progra-

ma.

A la carpeta documents del mòdul 1 pots trobar una proposta de document per a

analitzar les pàgines web amb elements de Flash. Porta el nom d’avalua_flash.rtf, i

el pots emprar per a prendre notes referides a les pàgines que visitis.

Amb tot això, has de redactar una participació al fòrum, assenyalant les pàgines

visitades i fent un comentari de cadascuna d’elles.

Activitat d’introducció 3

Per concloure aquest mòdul introductori volem que miris tots els arxius que t’hem

preparat a la carpeta aplicacions didàctiques del mòdul 1.

Trobaràs diferents exemples de coses fetes amb Flash. Són feines fetes pels autors

d’aquests materials exceptuant la carpeta amb el nom Fernando Romero que cor-

respon a algunes de les moltes activitats que ha fet aquest professor (conjuntament

amb Roger Rey) a qui volem agrair que ens hagi deixat aquest material.

Com eliminar una configuració personal de panells

A aquest mòdul has creat una (o més) configuracions personals de panells. Si no les

necessites, les pot eliminar. Per fer això has de localitzar la carpeta Panel Sets a dins

les teves dades d’usuari. Les dades d’usuari es guarden a:

C:\ Documents and Settings\Nom_Usuari (a Windows XP o 2000)

C:\Windows\Profiles\Nom_Usuari (a Windows 98 o Me)

Allà on diu Nom_Usuari hi haurà d’anar el teu nom d’usuari al Windows. Com es

tracta de carpetes ocultes, el millor que pots fer és emprar la funció Cerca del

Windows (a l’explorador pitja la tecla F3) i escriu com a criteri Panel Sets. En obrir la

carpeta veuràs que dins ella hi ha els fitxers de configuració de panells. Elimina

només aquells que hagis creat. Els altres són necessaris.