5.-Importació

1. Macromedia Flash 5.-Importació

2. Objectius del tema 5 L’objectiu d’aquest primer tema, és donar a conèixer a l’alumne les diferents formes que hi ha per a importar i exportar arxius d’imatge, de so i de vídeo des de i cap a Flash Al finalitzar el tema, l’alumne serà capaç de identificar els diferents formats compatibles, de utilitzar diferents arxius dintre d’una pel·lícula i de realitzar petites accions mitjançant AS

3. Tema 5 - Importació 1.- Importació d’imatges 2.- Importació de sons 3.- Importació de vídeos 4.- Importació mitjançant AS

4. Tema 5 - Importació 1.- Importació d’imatges

5. 1.- Importació d’imatges Pràcticament podem importar qualsevol format d’imatge, tant vectorial com mapa de bits. Per alguns formats pot ser necessària la instal·lació de QuickTime 4.0 o versions posteriors

6. 1.- Importació d’imatges • Per importar una imatge: • Arxiu  Importar  Importar a escenari (posa la imatge directament al dibuix) • Arxiu  Importar  Importar a biblioteca (posa la imatge a la biblioteca de símbols)

7. 1.- Importació d’imatges A continuació, seleccionem l’arxiu que volem importar. Segons el format de l’arxiu, podem seleccionar algunes opcions, com si volem importar-ho com a mapa de bits o si volem conservar la informació vectorial o les capes.

8. 1.- Importació d’imatges Ara ja podem treballar amb la imatge. Si volem podem convertir-la en una imatge vectorial anant a Modificar  Mapa de bits  Trazar mapa de bits... Aquesta transformació pot ser lenta si la imatge es complexa, i el resultat no sempre es satisfactori...

9. Tema 5 - Importació 2.- Importació d’àudio

10. 2.- Importació d’àudio • Flash es compatible amb els següents formats d'àudio: • WAV (només Windows) • AIFF (només Mac) • MP3 (Mac o Windows) • Si tenim instal·lat QuickTime 4 o posterior, a més tenim: • AIFF (Mac o Windows) • Sound Designer II (només Mac) • Pel·lícules QuickTime només de so (Mac o Windows) • Sun AU (Mac o Windows) • Sons System 7 (només Mac) • WAV (Mac o Windows)

11. 2.- Importació d’àudio El procès per importar un so és el mateix que per una imatge, tot i que sempre anirà a la biblioteca, tot i que posem Importar a Escenario Archivo  Importar  Importar a escenario / importar a biblioteca

12. 2.- Importació d’àudio Per afegir un so a una pel·lícula, un cop el tenim a la biblioteca, seleccionem el fotograma en qüestió (es recomana que estigui en una capa apart) i en el panell de propietats escollim quin arxiu volem vincular. També podem arrossegar l’arxiu des de la biblioteca fins al fotograma on el volem posar

13. 2.- Importació d’àudio Podem aplicar alguns efectes a l’àudio, com ara que només soni l’altaveu dret o un efecte de volum ascendent... Podem personalitzar-ho clicant a Editar

14. 2.- Importació d’àudio La sincronització indica com es relaciona l’àudio amb la pel·licula: Evento L’arxiu es comença a reproduir quan es mostra el fotograma, i es reprodueix completament, tot i que el fotograma ja no es mostri. Inicio  Fa el mateix que evento però si tornem a veure el fotograma no inicia un nou so superposat. Detener  El so s’atura Flujo  El so s’ajusta al flux de la pel·lícula. Si el següent fotograma triga en reproduir-se (perque no s’ha descarregat del tot), el so tampoc no sonarà. En el següent fotograma clau ja no sonarà Podem fer bucle per que el so es repeteixi tants cops com vulguem

15. 2.- Importació d’àudio Per afegir so a un boto el procediment és similar que en una pel·lícula. Quan editem el botó, en el fotograma corresponent a l’estat on volem que soni, afegim un so. En el mode de sincronització escollim Evento.

16. Tema 5 - Importació 3.- Importació de vídeo

17. 3.- Importació de vídeo Per poder importar vídeo hem de tenir instal·lat QuickTime versió 4.0 o posterior. Si a Windows tenim instal·lat Direct X 7.0 o posterior, a més podríem importar els de la taula inferior Flash recodificarà el vídeo amb el codec Sorenson Spark o On2 VP6 (només Flash 8.0)

18. 3.- Importació de vídeo Archivo  Importar  Importar vídeo...

19. 3.- Importació de vídeo Apareix un assistent. Si el video està en un format diferent a Flash Video (flv) o si el volem incrustar dins la pel·lícula seleccionarem la opció de dalt. Fent click al botó Examinar buscarem l’arxiu en el nostre PC

20. 3.- Importació de vídeo La primera opció guarda el vídeo en format FLV en un arxiu apart, que després es crida des de la pel·licula. Les dos següents requereixen un servidor Flash o FCS, i la última incrusta el vídeo dins la pel·lícula (es recomana la primera)

21. 3.- Importació de vídeo A continuació escollim la qualitat que volem. Si cliquem sobre el botó Mostrar Configuración Avanzada podrem personalitzar els paràmetres de codificació

22. 3.- Importació de vídeo Finalment, podem escollir un Skin pel visualitzador de vídeo. Flash crearà automàticament una instància del component reproductor de vídeo amb les característiques que l’indiquem.

23. 3.- Importació de vídeo Després de clicar sobre el botó Finalizar, ens apareix un diàleg per preguntar-nos on volem guardar el vídeo. En el mateix directori guardarà la pel·lícula

24. 3.- Importació de vídeo A continuació, si el vídeo està en un altre format que no sigui FLV, Flash realitza la recodificació del vídeo. Aquest procés serà més o menys lent en funció de la duració de la pel·lícula i de la qualitat escollida.

25. 3.- Importació de vídeo Ja tenim hem importat el vídeo. A la biblioteca ens apareix un símbol anomenat FLVPlayBack, és el reproductor. El vídeo està en un arxiu apart

26. 3.- Importació de vídeo Si obrim la pestanya Parámetros del Panell de Propietats mentre tenim seleccionat la instància del reproductor de video podrem canviar algunes de les opcions, com l’arxiu que ha de reproduir, el Skin que s’ha d’aplicar, etc.

27. Tema 5 - Importació 4.- Importació mitjançant Action Script

28. 4.- Importació mitjançant AS També podem importar imatges, sons i vídeos mitjançant Action Script. L'avantatge és que permet una major flexibilitat tot i que compliquem una mica la creació de la pel·lícula. Per posar un exemple, podríem fer una galeria de fotos on per afegir noves imatges només caldria guardar-les en el directori adient i modificar un arxiu de text. Per poder realitzar aquest procés, necessitem un suport sobre el qual carregar l’arxiu que vulguem. En el cas d’una imatge, necessitem un MovieClip, per a un só ho farem sobre un objecte Sound, i per a un vídeo utilitzarem un component de Video

29. 4.- Importació mitjançant AS Per afegir un component de vídeo, a la biblioteca fem clic amb el botó dret i seleccionem la opció Nuevo Vídeo. A continuació escrivim un nom pel símbol i seleccionem la opció Video Controlado por AS. Arrosseguem l’objecte al espai de treball i posem un nom d’instància en el Panell de Propietats

30. 4.- Importació mitjançant AS El codi necessari varia en funció del tipus d’arxiu: Per a una imatge (cal un MovieClip amb nom d’instància) <nom d’instància>.loadMovie(“arxiu.jpg”) Per a un só var my_sound:Sound = new Sound(); // Creem el suport my_sound.loadSound("song1.mp3", true); // Carreguem l’arxiu ... my_sound.loadSound(“song2.mp3”, true); // Carreguem altre Per a un vídeo (cal una instància d’un símbol vídeo) var my_nc = new NetConnection(); // Creem la connexio amb el my_nc.connect(null); // servidor i la inicialitzem var my_ns = new NetStream(my_nc); // Creem un streaming i el_video.attachVideo(my_ns); // l’associem a la instància my_ns.play(“http://web.es/1.flv”); // Reproduïm el video ... my_ns.play(“http://web.es/2.flv”); // Reproduïm un altre video

31. 4.- Importació mitjançant AS Per conèixer més propietats i mètodes d’aquests objectes cal consultar a l’ajuda els apartats: Referencia del Lenguaje AS 2.0  Clases de AS  MovieClip Referencia del Lenguaje AS 2.0  Clases de AS  Sound Referencia del Lenguaje AS 2.0  Clases de AS  Vídeo Referencia del Lenguaje AS 2.0  Clases de AS  NetConnection Referencia del Lenguaje AS 2.0  Clases de AS  NetStream