FACULTAD DE COMUNICACIONES CARRERA DE COMUNICACIN Y PERIODISMO TALLER DE PERIODISMO DIGITAL

MATERIALES DE TRABAJO DISEO DE PORTAFOLIOS MULTIMEDIA (ADOBE FLASH CS4 PROFESSIONAL) SEMESTRE 2011 01

ALBERTO MEJA MANRIQUE

20 de abril de 2010

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

Taller de Periodismo Digital (PE 53) Macromedia Flash CS4 Professional (PC) Semana 05 (Sesin 01)
Alberto Meja Manrique (alberto.mejia@upc.edu.pe)

Formatos de Publicacin: Hasta ahora hemos grabado cada uno de los archivos (que en adelante llamaremos pelculas) anteriores en el formato *.fla, que es el formato fuente de los archivos construidos en Macromedia Flash CS4 Professional, sin embargo es importante revisar los diferentes formatos de publicacin que existe al usar este programa dependiendo de cul es el medio para distribuir la presentacin. Formato Ventajas Desventajas

CDrom (Disco compacto) Shape CDs Mini CDs

Conviene cuando el peso de Normalmente no es posible las pelculas es alto. Esto enviar por Internet la ocurre cuando hay muchos presentacin preparada para videos en la presentacin. un CDrom, el peso de las pelculas lo impide. La entrega de una pieza fsica (CD) constituye un El usuario debe interactuar elemento de marketing que con el CDrom para poder puede potenciarse con el visionar la presentacin. Los empaque del producto archivos autorun.inf permiten (Serigrafa, Shape CDs, Mini cargar automticamente la CDs, etc.) presentacin, sin embargo las PCs consideran a los archivos autorun.inf virus, por ello no permiten esta carga automtica y es el usuario mismo quien debe activar el inicio de la presentacin manualmente. Tiene una distribucin Cuando el peso de las sencilla, slo se necesita pelculas que conforman la enviar por correo electrnico presentacin es alto, el sitio la URL (direccin web). web demora en cargar.

Sitio Web MiniSite

Es la manera tradicional en que los desarrolladores muestran a sus clientes los avances de sus proyectos, los clientes por su lado pueden visionar los avances de la presentacin para poder enviar su feedback.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

4
Ahora vamos a comparar los formatos de publicacin tomando en cuenta los documentos deconstruidos del portafolio de Sissy o del portafolio de Vernica que estructuralmente son similares. El anlisis se extender con un tercer portafolio, que le pertenece a Javier (post semestre) Es importante que cada alumno deconstruya su portafolio antes de construirlo de esta manera tendr una clara idea del nmero de pelculas que deber construir y del tamao de cada una de ellas, con lo que evitar prdidas de tiempo y retrabajos. autorun.inf (obligatorio) + introduccion.exe (PC) introduccion.app (MAC) 760 x 420 pixels

Formato CDrom

portafoliomadre.swf 760 x 420 pixels

misnotas.swf 303 x 420 pixels datospersonales.swf 303 x 420 pixels misfotos.swf 303 x 420 pixels misdiseos.swf 303 x 420 pixels

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

5 Formato Sitio Web

autorun.inf (opcional) introduccion.html (PC MAC) 760 x 420 pixels

portafoliomadre.swf 760 x 420 pixels

misnotas.swf 303 x 420 pixels datospersonales.swf 303 x 420 pixels

misfotos.swf 303 x 420 pixels misdiseos.swf 303 x 420 pixels

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

6
Es importante observar que existe una diferencia de tamao en como son visionados los archivos introduccion.html e introduccion.exe debido al medio que se utiliza para ser distribuido (CDrom o Sitio Web) a pesar de que las dimensiones de la pelcula introduccion.fla es la misma en ambos casos. Esto podr ser apreciado con el detalle del tamao de las pantallas: introduccion.exe (760 x 420 pixeles)

introduccion.html (760 x 420 pixeles) Tamao de pantalla (800 x 600 pixeles) maximizada

Cuando uno muestra la presentacin usando un sitio web debe tener claro que el rea de trabajo (layout efectivo que finalmente es el tamao de la pelcula inicial de flash) no es toda la pantalla, porque se pierde espacio con los botones del navegador y los bordes superiores, inferiores y laterales. En el caso del portafolio de Vernica el tamao de la pantalla era de 800 x 600 pixeles, sin embargo el rea de trabajo (layout efectivo) fue de 760 x 420 pixeles, que fue el tamao de la pelcula introduccion.fla. A continuacin mostramos una tabla que muestra las alternativas que existen para el tamao del portafolio.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

7
Tamao de Pantalla (maximizada) 640 x 480 pixeles 640 x 480 pixeles 800 x 600 pixeles 832 x 624 pixeles 1024 x 768 pixeles Layout efectivo Tamao de la pelcula en Flash 536 x 196 pixeles 600 x 300 pixeles 760 x 420 pixeles 795 x 470 pixeles 955 x 600 pixeles

Opcin 01 02 03 04 05

Pelculas interiores tamao tamao tamao tamao tamao variable variable variable variable variable

Opcin 02: 600 x 300 pixeles (pantalla 640 x 480 pixeles)

Opcin 03: 760 x 420 pixeles (pantalla 800 x 600 pixeles)

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

8
Opcin 04: 795 x 470 pixeles (pantalla 832 x 624 pixeles)

Opcin 05: 955 x 600 pixeles (pantalla 1024 x 768 pixeles) - Recomendada

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

9
La opcin 01 y 02 estn bastante desactualizadas como tamao de una presentacin, recomendaramos escoger como tamao del portafolio una de las opciones siguientes: 04 05. La opcin 05 se justifica si la resolucin con la cual se visionara el portafolio ser siempre la ms alta, de no ser as el portafolio se ver recortado. Es lo que ahora se ha convertido en el estndar. (Recomendada) Recuerde que mientras ms grande sea su rea de trabajo (layout efectivo) mejor tendr que manejar sus elementos grficos para evitar la sensacin de vaco y mantener el balance. Publicacin en los diferentes formatos:

Abrimos el ejercicio_secuenciafotografica.fla lo grabamos en una carpeta llamada formatos en alguna parte de su computador. La opcin de ver detalles debe estar activa en su explorador.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

10
Observe que el peso de la pelcula en formato *.fla es de 680 kb. Luego seleccionar la opcin File > Publish Settings ...

En la ventana mostrada aparecern los diferentes formatos de publicacin. Observe que los formatos de publicacin activados por defecto son *.html y *.swf, estos formatos son necesarios cuando la pelcula que estoy construyendo ser publicada en Internet. Para publicar la pelcula en dichos formatos pulse el boton publish, observara que aparece una recuadro que muestra el progreso de la publicacin, cuando desaparezca pulse el botn OK.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

11
Ahora explore nuevamente la carpeta formatos para ver los pesos de los nuevos archivos que han aparecido. Observe que los archivos nuevos tienen formatos *.swf y *.html y tienen el mismo nombre. El mas pesado es siempre el que esta en formato *.fla, el mas ligero es el que esta en formato *.html y el que tiene un peso intermedio es el que esta en formato *.swf aunque en este caso la diferencia entre el peso del archivo *.fla y el *.swf es mnimo. Es usual que sus pesos difieran bastante, la explicacin puede ser la baja compactacin de las imgenes originales lo que impiden una mayor compactacin de los archivos *.swf

Los formatos *.gif, *.jpg y *.png son formatos de exportacin de imagen. Son usados cuando lo que interesa utilizar es una imagen plana (sin animacin) salvo en el caso de los *.gif (con los que se pueden generar animaciones en el formato de los antiguamente conocidos como gif animados muy populares hasta hace algunos aos). El formato *.exe se usa cuando la animacin diseada la deseo ejecutar en formato Cdrom (es decir no usare el browser como visualizador de la animacin) sobre una PC. El formato *.app se usa cuando el projector es para Machintosh. Nuevamente seleccionar la opcin File > Publish Settings ... Esta vez desactivar las opciones *.html y *.swf, luego activar *.exe (Windows Projector) Pulse nuevamente el botn publish, observara que aparece una recuadro que muestra el progreso de la publicacin, cuando desaparezca pulse el botn OK.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

12

Ahora explore nuevamente la carpeta formatos para ver los pesos del nuevo archivo que ha aparecido. Observe el archivo nuevo en formato *.exe de lejos es el ms pesado de todos.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

13

Notas:

Los formatos *.swf y *.html conviven juntos. Si se enva solo el archivo en formato *.html no se visionar la animacin. Si slo se enva el archivo en formato *.swf no se visionara la animacin (salvo que se tenga Flash CS4 instalado o un visualizador de archivos *.swf, pero solo se podr visionar no se podr modificar) Los archivos autorun.inf son incluidos en los CDroms para garantizar la apertura automtica de la animacin al insertar el CD en el lector ltimamente son reconocidos por los programas antivirus como virus, por lo que generalmente no funcionan. Bajo ninguna circunstancia (salvo que existe una clusula en el contrato) se deben entregar a un cliente los archivos *.fla ya que contienen el Know How del proyecto as como casi toda la media del proyecto (fotografas, audios, etc.) Los archivos en formato *.exe no pueden ser incluidos como un attachment como parte de un correo (aun si son zipeados) porque los clientes de correo al detectar un *.exe dentro del correo elimina dicho attachment cuando el correo llega a su destino, bajo la sospecha de estar enviando un virus. Existe una forma de poder transferir cualquier tipo de archivo usando la direccin http://www.yousendit.com/. Esta pgina cuenta con un servicio gratuito por un nmero limitado de das, en realidad no enva correos, sino comparte un espacio comn entre el remitente y destinatario, de tal forma que el remitente puede publicar aquello que desea transferir y el destinatario descargar aquello que desea recibir.

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe

14

Copyright

Alberto Meja, UPC, 2011

alberto.mejia@upc.edu.pe