FACULTAD DE COMUNICACIONES CARRERA DE COMUNICACIÓN Y PERIODISMO TALLER DE PERIODISMO DIGITAL
MATERIALES DE TRABAJO DISEÑO DE PORTAFOLIOS MULTIMEDIA (ADOBE FLASH CS4 PROFESSIONAL) SEMESTRE 2011 01
ALBERTO MEJÍA MANRIQUE
20 de abril de 2010
2
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
3
Taller de Periodismo Digital (PE 53) Macromedia Flash CS4 Professional (PC) Semana 05 (Sesión 01) Alberto Mejía Manrique (alberto.mejia@upc.edu.pe)
Formatos de Publicación: Hasta ahora hemos grabado cada uno de los archivos (que en adelante llamaremos películas) 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 publicación que existe al usar este programa dependiendo de cuál es el medio para distribuir la presentación. Formato
CDrom (Disco compacto) Shape CD’s Mini CD’s
Ventajas
Desventajas
Conviene cuando el “peso” de Normalmente no es posible las películas es alto. Esto enviar por Internet la ocurre cuando hay muchos presentación preparada para videos en la presentación. un CDrom, el “peso” de las películas lo impide. La entrega de una pieza “física” (CD) constituye un El usuario debe interactuar elemento de marketing que con el CDrom para poder puede potenciarse con el visionar la presentación. Los empaque del producto archivos autorun.inf permiten (Serigrafía, Shape CD’s, Mini “cargar” automáticamente la CD’s, etc.) presentación, sin embargo las PC’s consideran a los archivos “autorun.inf” virus, por ello no permiten esta “carga” automática y es el usuario mismo quien debe activar el inicio de la presentación manualmente. Tiene una distribución Cuando el “peso” de las sencilla, sólo se necesita películas que conforman la enviar por correo electrónico presentación es alto, el sitio la URL (dirección web). web demora en “cargar”.
Sitio Web MiniSite
Copyright
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 presentación para poder enviar su “feedback”.
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
4 Ahora vamos a comparar los formatos de publicación tomando en cuenta los documentos “deconstruidos” del portafolio de Sissy o del portafolio de Verónica que estructuralmente son similares. El análisis 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 número de películas que deberá construir y del tamaño de cada una de ellas, con lo que evitará pérdidas de tiempo y retrabajos. autorun.inf (obligatorio) + introduccion.exe (PC) ó introduccion.app (MAC)
Formato CDrom
760 x 420 pixels
portafoliomadre.swf 760 x 420 pixels
misnotas.swf 303 x 420 pixels datospersonales.swf
misfotos.swf
303 x 420 pixels
303 x 420 pixels misdiseños.swf 303 x 420 pixels
Copyright
Alberto Mejía, 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 misdiseños.swf 303 x 420 pixels
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
6 Es importante observar que existe una diferencia de tamaño 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 película introduccion.fla es la misma en ambos casos. Esto podrá ser apreciado con el detalle del tamaño de las pantallas: introduccion.exe (760 x 420 pixeles)
introduccion.html (760 x 420 pixeles) Tamaño de pantalla (800 x 600 pixeles) maximizada
Cuando uno muestra la presentación usando un sitio web debe tener claro que el área de trabajo (layout efectivo que finalmente es el tamaño de la película 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 Verónica el tamaño 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 tamaño de la película introduccion.fla. A continuación mostramos una tabla que muestra las alternativas que existen para el tamaño del portafolio.
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
7 Tamaño de Pantalla (maximizada) 640 x 480 pixeles 640 x 480 pixeles 800 x 600 pixeles 832 x 624 pixeles 1024 x 768 pixeles
Opción 01 02 03 04 05
Layout efectivo Tamaño de la película en Flash 536 x 196 pixeles 600 x 300 pixeles 760 x 420 pixeles 795 x 470 pixeles 955 x 600 pixeles
Películas interiores tamaño tamaño tamaño tamaño tamaño
variable variable variable variable variable
Opción 02: 600 x 300 pixeles (pantalla 640 x 480 pixeles)
Opción 03: 760 x 420 pixeles (pantalla 800 x 600 pixeles)
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
8 Opción 04: 795 x 470 pixeles (pantalla 832 x 624 pixeles)
Opción 05: 955 x 600 pixeles (pantalla 1024 x 768 pixeles) - Recomendada
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
9 La opción 01 y 02 están bastante desactualizadas como tamaño de una presentación, recomendaríamos escoger como tamaño del portafolio una de las opciones siguientes: 04 ó 05. La opción 05 se justifica si la resolución con la cual se visionara el portafolio será siempre la más alta, de no ser así el portafolio se verá recortado. Es lo que ahora se ha convertido en el estándar. (Recomendada) Recuerde que mientras más grande sea su área de trabajo (layout efectivo) mejor tendrá que manejar sus elementos gráficos para evitar la sensación de vacío y mantener el balance. Publicación en los diferentes formatos:
Abrimos el ejercicio_secuenciafotografica.fla lo grabamos en una carpeta llamada formatos en alguna parte de su computador. La opción de ver detalles debe estar activa en su explorador.
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
10
Observe que el “peso” de la película en formato *.fla es de 680 kb. Luego seleccionar la opción File > Publish Settings ...
En la ventana mostrada aparecerán los diferentes formatos de publicación. Observe que los formatos de publicación activados por defecto son *.html y *.swf, estos formatos son necesarios cuando la película que estoy construyendo será publicada en Internet. Para publicar la película en dichos formatos pulse el boton publish, observara que aparece una recuadro que muestra el progreso de la publicación, cuando desaparezca pulse el botón OK.
Copyright
Alberto Mejía, 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 mínimo. Es usual que sus pesos difieran bastante, la explicación puede ser la baja compactación de las imágenes originales lo que impiden una mayor compactación de los archivos *.swf
Los formatos *.gif, *.jpg y *.png son formatos de exportación de imagen. Son usados cuando lo que interesa utilizar es una imagen plana (sin animación) 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 años). El formato *.exe se usa cuando la animación diseñada la deseo ejecutar en formato Cdrom (es decir no usare el browser como visualizador de la animación) sobre una PC. El formato *.app se usa cuando el projector es para Machintosh. Nuevamente seleccionar la opción File > Publish Settings ... Esta vez desactivar las opciones *.html y *.swf, luego activar *.exe (Windows Projector) Pulse nuevamente el botón publish, observara que aparece una recuadro que muestra el progreso de la publicación, cuando desaparezca pulse el botón OK.
Copyright
Alberto Mejía, 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 más pesado de todos.
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
13
Notas:
Los formatos *.swf y *.html “conviven” juntos. Si se envía solo el archivo en formato *.html no se visionará la animación. Si sólo se envía el archivo en formato *.swf no se visionara la animación (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 automática de la animación 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 cláusula 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 (fotografías, 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 dirección http://www.yousendit.com/. Esta página cuenta con un servicio gratuito por un número limitado de días, en realidad no envía correos, sino comparte un espacio común 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 Mejía, UPC, 2011
alberto.mejia@upc.edu.pe
14
Copyright
Alberto Mejía, UPC, 2011
alberto.mejia@upc.edu.pe