efectos ipad y capas

Milenium e-Paper Tablet, para publicar en dispositivos iPad - iPhone

161N O V E D A D E S

Milenium 6.5 . 1

Pginas para iPad

Para publicar en iPad puede optarse por dos formas:

Publicar el planillo de la edicin para papel tal cual est:1.

El resultado es la publicacin de las pginas del planillo, pudiendo el lector utilizar su tableta en sentido vertical (la imagen de la pgina se adaptara a su altura) u horizontal (la imagen de la pgina se adaptara a su anchura, pudiendo deslizar la pgina o segn la configuracin ver dos pginas enfrentadas).

Publicar el planillo entero y algunas pginas con diseo especial:2.

Se hace necesario que existan en la publicacin las ediciones IPADH e IPADV (las necesarias para el diseo que se pretende realizar.)

Tambin deben existir los planillos correspondientes IPADH e IPADV.

Asignacin de pginas horizontales y verticales

La existencia de las nuevas ediciones IPADH e IPADV posibilita que las nuevas pginas, creadas en las publicaciones expresamente para la edicin iPad, puedan ser asignadas a estas ediciones desde su nacimiento. Sus dimensiones son las de la tableta.

Figura 236 Las pginas iPad deber estar asignada a las nuevas ediciones

El descriptor en pginas iPad no es estrictamente necesario, aunque puede ser utilizado a modo de guas en las pginas. Tampoco son necesarias las cabeceras de pgina. El diseador podr utilizar siempre que lo necesite la referencia de las guas de pgina.

Caractersticas de la edicin iPad

La edicin iPad presenta las siguientes caractersticas:

Respecto de los contenidos:

Aprovechar los de la edicin en papel. Crear nuevos contenidos. Enriquecerlos con efectos y nuevos contenidos multimedia. Aplicarles efectos iPad.

Respecto al nmero de pginas :

Posibilidad de aumentar el nmero de las pginas de un reportaje con pginas extra

Dedicar una pgina extra como reclamo de los reportajes.



Milenium 6.5 . 1

Cmo aprovechar los contenidos de la edicin para papel

Desde la vista 1. por ediciones seleccione en el navegador una edicin, una pgina o un conjunto de ellas y en su men contextual, ejecute la opcin Asignar [pginas] a otras ediciones.

Figura 237 Asignacin de contenidos al las ediciones iPad

Podr elegir las ediciones iPad (IPADV e IPADH) y los contenidos les quedarn 2. asignados.

Los contenidos de las ediciones IPADV e IPADH debern ser adaptados a las nuevas 3. dimensiones de pgina.

Los contenidos de una pgina de la edicin para papel, asignados directamente a las ediciones iPad, precisan de adaptacinFigura 238

Herramientas de la edicin iPad

Para que el diseador pueda adaptar los contenidos a las nuevas dimensiones, es necesario editar las pginas correspondientes y realizar los cambios oportunos.

Para este tipo de edicin se dispone de las siguientes herramientas:

Mesa de trabajo especial y personalizable. Posibilidad de aumento de pginas en los reportajes. Aplicacin de efectos multimedia iPad a los contenidos. Aplicacin de efectos dinmicos iPad sobre contenidos en capas de pgina.



Milenium 6.5 . 1

Mesa de trabajo

Activar la mesa de trabajo (personalizable en Archivo > Preferencias, o utilizando el comando [por defecto] Ctrl+J) permite visualizar los contenidos asignados a ellas y que resultan estar situados fuera de su dimensin.

La mesa de trabajo de la pgina iPad de por s, tiene una rea mayor que las de las pginas para papel. Sus mrgenes laterales son aproximadamente tres veces ms grandes y nueve los verticales.

Figura 239 Tamao comparativo y opciones de la mesa de trabajo

Con el fin de adaptar su tamao a cualquier necesidad de visualizacin, se han desarrollado nuevas opciones para la mesa de trabajo en las pginas iPad que son accesibles desde su men contextual.

Las opciones de configuracin del tamao de la mesa de trabajo son las siguientes:

Ampliar / Reducir ancho. Estas opciones amplan o reducen la anchura la mesa de trabajo en todas las pginas iPad en edicin.

Ampliar / Reducir alto de la mesa de trabajo seleccionada. Amplan o reducen la altura de la mesa de trabajo en la pgina iPad seleccionada.

Recuperar tamao original. Para recuperar el tamao original de la mesa de trabajo a los valores por defecto.

Aumento de las pginas formando un reportaje

En la edicin de pginas iPad, siempre que la publicacin se encuentre en el estado en produccin, se ofrece tambin la oportunidad de construir un reportaje (es decir, un grupo de pginas de similar temtica) en base a una pgina. La navegacin por el reportaje en el visor corresponde a la configuracin definida en los planillos.

El aumento de pginas presenta dos modalidades.

Transformado la pgina en un reportaje podr indicarse el nmero de pginas del reportaje. La pgina de origen quedar como la primera del reportaje.

Creando una pgina especial como reclamo del reportaje. Y en este caso, ser esta nueva pgina la que muestre el navegador. Desde ella podr navegarse por el resto de pginas del reportaje.



Milenium 6.5 . 1

Esta posibilidad se encuentra accesible en el men contextual de la leyenda inferior de las pginas iPad en la opcin Configuracin de la pgina iPad.

Figura 240 Para transformar una pgina en reportaje

Ejecutando la opcin pueden establecerse sus parmetros:

Figura 241 Configuracin de las pginas de un reportaje

Indique el nmero1. total de pginas del reportaje. Se incluye la pgina base.

Seleccione la forma de establecer la 2. imagen del reportaje en el navegador. Puede elegir entre:

Estndar para utilizar como reclamo la primera pgina del reportaje.Diseo especial para crear una nueva pgina en el reportaje, slo con este fin.No , la imagen del reportaje no se vera en el navegador. Puede que determinadas pginas (de publicidad, por ejemplo) necesiten ser convertidas en reportaje, para aplicarles un efecto especial. Por consiguiente, su primera pgina aparecera en el navegador. Con esta opcin la pgina no es mostrada en el navegador.

Opcionalmente, activando la opcin 3. Nombre del reportaje puede identificar el reportaje. Este nombre sustituir informativamente en Milenium al de edicin IPADV o IPADH en la leyenda de la pgina y ser el que vea el lector en el navegador como nombre del reportaje.

Visualizacin de las pginas y reportajes iPad

Las pginas iPad horizontales sern vistas en la edicin IPADH y las verticales en la IPADV. Su tamao est adaptado a de la tableta iPad.

Las pginas transformadas en reportajes quedan separadas por una lnea verde. Las pginas de reclamo con diseo especial, se separan del resto de pginas del reportaje con una lnea magenta.

Las pginas iPad se visualizan de modo especial. Desde su edicin pueden aumentarse las pginas de un Figura 242 reportaje o crear su primera pgina.



Milenium 6.5 . 1

Figura 243 Ejemplo de pgina de la edicin papel adaptada para la edicin iPad horizontal y rediseada para la vertical, a la que se ha incorporado un reclamo especial

Efectos iPad multimedia

Este tipo de efectos puede aplicarse, sin necesidad de realizar un diseo especfico para iPad, actuando directamente sobre las propiedades e-Paper de los contenidos o, de modo anlogo, de las reas sensitivas e-paper de los planillos. Con estos efectos se consigue fundamentalmente que, cuando el lector pulse sobre el contenido base, de por s esttico, desencadene la visualizacin de nuevos contenidos.

En las propiedades e-Paper la llamada a nuevos contenidos se realiza a travs de los vnculos de un contenido, que son de tres tipos:

Vnculos externos , hipervnculos a otros sitios web.Vnculos internos , para asociarle nuevos contenidos multimedia.Pginas del planillo, hipervnculos a otras pginas del mismo planillo.

Ahora, a cada uno de ellos pueden sumarse un efecto iPad ajustado a la naturaleza del contenido vinculado.

Aplicacin de los efectos iPad

Recordamos que la aplicacin o modificacin de las propiedades e-Paper de un contenido puede hacerse seleccionado el contenido desde la edicin de pgina o artculos, o desde la edicin e-Paper de los planillos y ejecutando la opcin Propiedades e-Paper o Propiedades e-Paper del artculo.



Milenium 6.5 . 1

Figura 244 Edicin de contenidos con la aplicacin de propiedades e-Paper en una pgina y en un planillo

En el caso de optar por Propiedades e-Paper del artculo la aplicacin presenta un dilogo intermedio donde se muestran todos los contenidos del artculo y parte de sus condicio-nes actuales.

Figura 245 Dilogo intermedio al modificar las propiedades e-Paper de los componentes de un artculo

En cualquiera de los casos, se presenta el dilogo Propiedades e-Paper. En el rea Vnculo asociado pueden establecerse las nuevas opciones, con los matices propios de iPad.

Figura 246 Las opciones para establecer efectos multimedia son parte de las propiedades e-Paper de un contenido

Una vez seleccionado el tipo de vnculo podr aplicarse el efecto pulsando el nuevo botn Configurar efecto para iPad.



Milenium 6.5 . 1

Figura 247 Posibles efectos iPad multimedia para los contenidos

Los efectos iPad son los siguientes:

Vdeo

Audio

Weblink

Pagelink

Htmwidget

Stop motion

Vista panormica

La lista presenta como activos los posibles efectos que pueden aplicarse al contenido que se pretende relacionar. Seleccione el efecto pertinente y pulse Aceptar.

Antes de publicar definitivamente, es conveniente comprobar que el vnculo externo existe como tal, es alcanzable y que el efecto iPad aplicado concuerda con su naturaleza. Los errores que puede recibir el lector, en este sentido, sin duda perjudicarn la imagen del producto.

Cuando la aplicacin detecta el formato del archivo del vnculo resuelve el efecto apropiado al mismo. Es el caso de vdeos con las extensiones de archivo FLV, WMV o MP4; o de los audios con extensin MP3. A las pginas de planillo se les aplica el efecto Pagelink.

Los efectos Stop motion y Vista panormica es posible aplicarlos slo en archivos con extensin ZIP. Si el nombre del archivo contiene la cadena panorama o 360, queda seleccionado el efecto Vista panormica o Stop motion, respectivamente, aunque puede elegirse entre ambos efectos, o anularlos seleccionando Ninguno.

A continuacin detallamos cada uno de los efectos multimedia.

Efecto Vdeo

Este efecto permite relacionar un vdeo con un contenido de tipo texto o imagen mediante vnculo interno o externo. La pulsacin del lector sobre el contenido, provocar la reproduccin del vdeo segn los parmetros de configuracin del efecto.

Figura 248 Parmetros de configuracin del efecto Vdeo

Reproduccin automtica . Con esta opcin activada, cuando el lector abra la pgina donde est situado el contenido base, ver en su lugar el vdeo vinculado. En caso contrario, vera en primer lugar el contenido y, si pulsa sobre l, se iniciara la reproduccin del vdeo.



Milenium 6.5 . 1

Repetir en bucle . Con su activacin, la reproduccin del vdeo comenzara de nuevo al terminar y se repetira este ciclo hasta que la pulsacin del lector lo detenga.

Ocultar icono . Por defecto, a todos los contenidos multimedia se les superpone un icono estndar que indica la posibilidad de reproducirlo al pulsar sobre l. Con esta opcin activada, el icono no se vera.

Ocultar controles de reproduccin . Por defecto, la aplicacin que se encargue de reproducir el vdeo, mostrara sus controles de reproduccin. La opcin activada permitira ocultarlos.

Comenzar reproduccin a pantalla completa . Con la opcin activa el vdeo se reproducira a pantalla completa.

Efecto Audio

Este efecto permite relacionar un audio con un contenido de tipo texto o imagen mediante vnculo interno o externo. La pulsacin del lector sobre el contenido, provocar la reproduccin del audio segn los parmetros de configuracin del efecto.

Figura 249 Parmetros de configuracin del efecto Audio

Reproduccin automtica . Con esta opcin activada, cuando el lector abra la pgina donde est situado el contenido base, oir el audio vinculado. En caso contrario, vera en primer lugar el contenido y, si pulsa sobre l, se iniciara la reproduccin del audio.

Repetir en bucle . Con su activacin, la reproduccin del audio comenzara de nuevo al terminar y se repetira este ciclo hasta que la pulsacin del lector lo detenga.

Ocultar icono . Por defecto, a todos los contenidos multimedia se les superpone un icono estndar que indica la posibilidad de reproducirlo al pulsar sobre l. Con esta opcin activada, el icono no se vera.

Efecto Weblink

Es el efecto ms propio para insertar un hipervnculo en el contenido. La pulsacin del lector sobre el contenido, provocar el salto al sitio web indicado. No tiene parmetros.

Efecto Pagelink

El efecto est exclusivamente reservado para incluir un hipervnculo en el contenido hacia una pgina del mismo planillo.



Milenium 6.5 . 1

Una vez que es sealado el tipo de vnculo pgina de planillo, puede decidirse si el hipervnculo salta a una de las pginas normales (de la numeracin continua) o una de las pginas de reportaje (que no tienen propiamente numeracin por ser exclusivas de la publicacin iPad).

Figura 250 Parmetros de configuracin del efecto Pagelink

La lista desplegable admite dos funciones:

Seleccionar el hipervnculo a la a. misma pgina, a la anterior o a la posterior.

Tambin admite la escritura, permitiendo b. introducir los signos ms (+) o menos (-) seguido de un nmero para, respectivamente, retrasar o adelantar un nmero de pginas respecto de la pgina donde de encuentra el contenido que se est modificando.

Si la pgina de referencia coincide con ser la primera o el reclamo de un reportaje, puede indicarse al hipervnculo que salte a un determinado nmero de pgina de reportaje. En este campo puede indicarse el nmero.

Efecto Htmwidget

El efecto permitir ejecutar el cdigo de un archivo HTML5.

Figura 251 Parmetros de configuracin del efecto Htmwidget

Reproduccin automtica . Con esta opcin activada, cuando el lector abra la pgina donde est situado el contenido base, se ejecutar el cdigo vinculado. En caso contrario, vera en primer lugar el contenido y, si pulsa sobre l, se iniciara la ejecucin.

Transparente . Al activar la opcin se respetaran las transparencias de las im-genes, dejando en ver el fondo; es decir, el contenido base. En caso contrario, las nuevas imgenes se presentaran con su propio fondo o, por defecto, en blanco.



Milenium 6.5 . 1

Efecto Cine (stop motion)

Con este efecto se consigue aparentar movimiento, como en el cine, mediante una su-cesin de imgenes fijas sin transicin entre ellas. Los casos extremos pueden llegar a ser que, presentando una gran cantidad de instantneas rotadas con un pequeo ngulo, permita aparentar un giro de 360, destacando sus volmenes; o, en el otro extremo, con solo dos imgenes puede simularse, por ejemplo, un parpadeo, cuando existe un ligero desplazamiento entre ellas.

Es necesario que el vnculo se realice a un archivo ZIP donde se encuentren las imgenes parciales. Su formato podr ser indistintamente JPG o PNG y deben tener las mismas dimensiones para no enturbiar el efecto. Sern presentadas por el orden alfabtico de sus nombres.

Parmetros del efecto

Reproduccin automtica . Con esta opcin activada, la secuencia de imgenes comienza a reproducirse en su orden natural al visualizar la pgina. Si durante esta, el usuario pulsa sobre el elemento o empieza a deslizar el dedo sobre l, la reproduccin se detiene y el usuario podra avanzar y retroceder las imgenes manualmente. Una segunda pulsacin sobre el elemento volver a activar la reproduccin automtica.

Por el contrario, siendo no automtica, el avance se realiza por el deslizamiento y la pulsacin no tiene ningn efecto.

Figura 252 Parmetros de configuracin del efecto Stop motion

Retardo en la reproduccin . Permite indicar el tiempo de desfase entre visualizar el contenido y comenzar su reproduccin.

Tiempo para avanzar una imagen . Determina el tiempo que cada imagen permanece esttica antes de pasar a la siguiente.

Repetir en bucle . Con su activacin, tras completar la muestra de todas las im-genes se comenzara a mostrar la primera y se repetira este ciclo hasta que la pulsacin del lector lo detenga.

Figura 253 Puede definirse una direccin preferente para el control de la manipulacin



Milenium 6.5 . 1

ngulo de desplazamiento. Permite indicar la direccin y sentido preferente del deslizamiento para el avance de las imgenes. El retroceso manual de las imge-nes ser preferente en el sentido opuesto (es decir, en un ngulo 180 mayor o menor del configurado). Si el usuario hace el desplazamiento en un ngulo dis-tinto, la secuencia de imgenes se hace ms lenta cuanto mayor sea la desviacin del ngulo preferente.

Efecto Vista panormica

Este efecto proporciona la ilusin de ver un escenario desde un punto de vista subjetivo (como si se estuviese dentro del escenario). El lector podr girar el punto de vista hasta 360 grados en vertical y en horizontal e incluso hacer zoom para acercar los detalles.

El orden de aparicin de las imgenes corresponde al de la representacin cbica sealado en la figura siguiente. Es necesario nombrar los archivos de forma apropiada.

Diseo del efecto

Para crear una panormica se necesitan 6 imgenes que representen las seis caras interiores de un cubo en cuyo centro se encuentra el observador (proyeccin cbica). Es necesario que el vnculo se realice a un archivo ZIP donde se encuentren las imgenes parciales.

Figura 254 Esquema de las imgenes necesarias para producir el efecto Vista panormica

Parmetros del efecto

Figura 255 Parmetros de configuracin del efecto Vista panormica

Mostrar incrustada en pgina . Activando esta opcin la imagen se mostrara ocupando el marco del contenido base con la que est vinculada. En caso contrario se muestra a pantalla completa.



Milenium 6.5 . 1

Zoom mximo y mnimo . Determinan los lmites de ampliacin permitidos para la manipulacin por el lector. El rango en cada caso est entre 0 y 100%.

Zoom inicial . Porcentaje de ampliacin al visualizar inicialmente la imagen. El valor debe estar dentro del rango determinado por los valores de Zoom mximo y mnimo.

Lmites a la rotacin : Tope para la rotacin por la izquierda y por la derecha. Son relativos a la orientacin de la imagen frontal (imagen 1 del esquema anterior). El rango permitido en cada caso est entre 0 (anula el lmite) y 180.

Tope de rotacin por arriba y por abajo. Son relativos a la orientacin de la imagen frontal (imagen 1 del esquema anterior). El rango permitido en cada caso est entre 0 (anula el lmite) y 90.

Rotacin inicial :Horizontal . Determina la posicin inicial del punto de vista del lector respecto de la imagen. Su valor debe estar comprendido, si los hay, entre los lmites de rotacin por la derecha y por la izquierda; y en cualquier caso, entre -180 y 180. Los valores negativos indican rotacin hacia la derecha y positivos hacia la izquierda.

Vertical . Determina la posicin inicial del punto de vista del lector respecto de la imagen. Su valor debe estar comprendido, si los hay, entre los lmites de rotacin por abajo y por arriba; y, en cualquier caso, entre -90 y 90. Los valores negativos indican rotacin hacia abajo y positivos hacia arriba.

Modo general de disear efectos dinmicosEn primer lugar conviene reflexionar sobre qu ser lo que indique al lector que en una determinada rea de la pgina puede descubrir un nuevo contenido. Puede resolverse mediante una caja de imagen que sirva como botn, un icono indicativo, etc. Como este motivo debe verse inmediatamente, es conveniente situarlo en una capa visible distinta de las correspondientes al efecto (cuyos contenidos generalmente no se ven hasta que su efecto asociado los haga visibles). Para ello, puede emplearse la capa Por omisin, por ejemplo, u otra creada con este fin.

En segundo trmino, hay que preparar el rea o botn que activa el efecto. Se consigue dibujando una caja de imagen, en la misma posicin y tamao que la dibujada en la capa que muestra el efecto, en las capas creadas para el efecto. Con respecto al resto de cajas de cada capa, esta caja debe ser situada En el frente de todas. Cuando el lector pulse sobre el rea donde se encuentra el motivo (capa de pgina), activar el efecto aplicado.

Por ltimo, en cada capa del efecto deben dibujarse tantas cajas del tipo correspondiente (imagen, texto, etc.) como contenidos debe mostrar al ser activado su efecto.

Estos criterios generales se matizan en cada uno de los efectos dinmicos, que a continuacin detallamos.

Capas de pgina y diseo de efectos dinmicos para iPad

El criterio seguido para la aplicacin de efectos de animacin en los contenidos que precisan de un diseo grfico es apoyarse en las capas de pgina. El efecto se aplicar en cada capa de la pgina de modo individual, afectando a todos los elementos situados en la capa. Como consecuencia del efecto y para facilitar su manejo, en ocasiones las capas se organizan en jerarquas. En las capas definidas en el tipo de publicacin no es posible aplicar los efectos iPad.



Milenium 6.5 . 1

En las capas de pgina aparece ahora la solapa iPad, que permitir definir los efectos sobre los elementos situados en la capa seleccionada o, cuando es el caso, el efecto puede llegar a producir un conjunto de capas.

Figura 256 Las capas de pgina son configurables en la edicin iPad. Las del tipo de publicacin no podrn ser usadas con este fin.

Opciones en capas

En funcin de estos nuevos desarrollos, se han ampliado las opciones en el men contextual de la barra de capas. Las opciones modificadas son las siguientes:

Figura 257 Opciones en la barra de capas

Propiedades (Editar en ediciones anteriores) permite identificar la capa y aplicar efectos iPad en capas de pgina.

Al pulsar en la lista de capas sobre el icono que activa o desactiva la visibilidad de una capa , ahora puede combinarse con la tecla Alt, para actar sobre todas las capas de la jerarqua.

Cuando necesitan parmetros auxiliares las nuevas opciones aparecen sobre las capas de pgina donde se ha definido el efecto:

Aadir imgenes a la galera .Aadir ventanas excluyentes .Establecer como ventana inicial .

Encontrar la explicacin de sus funciones junto al efecto que las necesita.



Milenium 6.5 . 1

Diseo de los efectos dinmicos

Galera multimedia

Este efecto permitir al lector visualizar sucesivamente las imgenes ocultas en una determinada rea de la pgina. La serie puede estar compuesta por contenidos de naturaleza homognea (por ejemplo, imgenes), pero tambin puede contener vdeos o audios. La reproduccin o el avance pueden ser programados previamente o dejar que sea el lector quien los active. De configurarlo as, bastar que este deslice la primera imagen que ve para descubrir los nuevos contenidos.

Seal de su existencia

Aunque propiamente no la necesita, ya que la primera caja de la galera siempre es visible, puede reforzarse mediante la iconografa corporativa disponible para indicar este tipo de contenido.

Diseo en pgina

Cree una 1. Nueva capa.

Sobre la capa, ejecute 2. Propiedades.

Identifique la capa.3.

Seleccione el efecto 4. Galera de imgenes en la solapa iPad.

Dibuje en ella una caja de tipo imagen situada en el lugar donde debe ser visible la 5. galera. Toda el rea es sensible a deslizar la imagen para descubrir sucesivamente los contenidos de la galera.

Seleccione la caja y, en la barra de capas, ejecute 6. Aadir imgenes a la galera.

Introduzca o seleccione el 7. nmero de ellas y pulse Aceptar. La barra de capas mostrar una jerarqua con tantas capas como imgenes se hayan creado.

Propiedades del efecto

Sobre la capa base, ejecute 1. Propiedades.

Por las muchas posibilidades de presentacin y reproduccin automtica de los contenidos de una galera las mostramos en la tabla siguiente:

Presentacin de la galera en iPad

Manipulacin permitida al lector

Reproduccin automtica al ver la pgina

Modo En tamao Pase de diapositivas SinAutomtica cuando la

presentacin sea

Solo en modo incrustado

Anula la ampliacin a pantalla completa

Sobre el tamao original

Anulada en cualquiera de los modos de presentacin

En modo incrustado

Solo en pantalla completa

Permite ampliacin y reduccin

Solo la pantalla completa

En modo pantalla completa

Incrustado y pantalla completa

Permite ampliacin y reduccin

Sobre cualquier tamao

En cualquiera de los modos

Utilizaremos de modo genrico el trmino incrustado para referirnos a zonas fijas en las pginas que el lector no tiene posibilidad de desplazarlas. Por contra, las reas flo-tantes podrn ser movidas libremente.

Pulse sobre esta imagen para ver el video



Milenium 6.5 . 1

Cuando se determina reproduccin automtica, esta se configura con los siguientes parmetros:

Retardo en la reproduccin. El valor que se indica en milisegundos retrasa el comienzo de la reproduccin del contenido cuando se visualiza su pgina correspondiente.

Tiempo que cada diapositiva permanece esttica . Corresponde al tiempo que se visualiza un contenido hasta pasar al siguiente.

Transicin automtica entre diapositivas . Determina el efecto de desaparicin de una diapositiva y la aparicin de la siguiente. Pueden aplicarse los siguientes efectos:

Voltear . Voltea horizontalmente la diapositiva que se est visualizando, apareciendo, como si fuera su cara posterior, la diapositiva siguiente.

Disolver . Gradualmente va desapareciendo una diapositiva, a la vez que aparece la siguiente.

Fundir a negro . Gradualmente se va fundiendo a negro una diapositiva, a la vez que aparece la siguiente desde negro.

Cortina. Desaparicin de una diapositiva deslizndose en la direccin indicada en la opcin Direccin del pase de diapositivas. La siguiente, aparece desde la direccin opuesta.

Figura 258 Parmetros de configuracin de una Galera multimedia

Determine los parmetros comunes:

Direccin del pase de diapositivas . Define el origen desde el cual el lector debe comenzar el deslizamiento para descubrir la siguiente diapositiva. Puede elegirse entre las siguientes opciones:

Cortina desde la derecha . El avance de diapositivas debe realizarse por deslizamiento hacia la izquierda. El retroceso, hacia la derecha.

Cortina desde la izquierda . El avance de diapositivas debe realizarse por deslizamiento hacia la derecha. El retroceso, hacia la izquierda.

Cortina desde abajo . El avance de diapositivas debe realizarse por deslizamiento hacia arriba. El retroceso, hacia abajo.

Cortina desde arriba . El avance de diapositivas debe realizarse por deslizamiento hacia abajo. El retroceso, hacia arriba.

Esta definicin del tipo de cortina determina la transicin entre diapositivas en la reproduccin automtica.



Milenium 6.5 . 1

Transicin a pantalla completa . Determina el efecto que supone la ampliacin de la diapositiva hasta ocupar toda la pantalla:

Voltear , Disolver o Cortina desde abajo.

Otras opciones son:

Ocultar icono . Toda galera multimedia se sealiza en el visor con el icono particular de galeras. Esta opcin permite eliminarlo de la vista.

Repetir en bucle . En estado de reposo, ante la inactividad del usuario sobre la galera, su reproduccin automtica se repetira de modo indefinido hasta ser interrumpida.

Pulse 2. Aceptar para terminar y guardar la configuracin.

Incorpore en cada caja los contenidos correspondientes. 3.

Imagen oculta

El efecto se produce y visualiza cuando el lector desliza el dedo sobre una imagen. Segn vaya recorriendo la superficie de la imagen esta va desapareciendo, mostrando la otra imagen (oculta en principio).

Figura 259 Efecto de imagen oculta


Una caja de imagen dentro de la pgina. Debe estar situada en la capa del efecto y En el frente respecto de otras que puedan ocultarla.

Diseo y propiedades


Identifique la capa (por ejemplo como Descubre el premio), y aplique los atributos 2. que precise. Pulse Aceptar

Disee en la capa del efecto una caja de tipo imagen en la posicin donde quiere 3. producir el efecto. Marcar el rea de la imagen visible del efecto.

Sobre la capa del efecto ejecute 4. Propiedades.

En la solapa 5. iPad, seleccione el efecto Imagen oculta en el campo Efecto de capa iPad. No tiene ms parmetros.

Pulse 6. Aceptar para terminar la definicin del efecto.

La aplicacin crea dos capas con una imagen del tamao original en cada una. 7. Seleccione cada capa y coloque en ellas las imgenes correspondientes.

Contenidos multimedia en una tira desplegable

Denominamos as a los contenidos que estn ocultos y se hacen visibles en la pgina al pulsar sobre un rea indicadora de ello. El rea desplegada es de libre diseo y puede estar ocupada por contenidos de todo tipo.




Milenium 6.5 . 1


Una caja de imagen dentro de la pgina que indique al lector la posibilidad de tirar de ella. Debe estar situada en la capa del efecto y situada En el frente respecto de sus cajas.

Figura 260 Ejemplo de diseo de una tira desplegable

Diseo y propiedades




Seleccione el efecto 4. Tira desplegable en la solapa iPad. No tiene ms parmetros.

Disee en la capa del efecto una caja de tipo imagen en cualquier borde de la pgina 5. con la seal que indicar al lector que puede conseguir visualizar un contenido oculto si pulsa la seal.

Disee en la mesa de trabajo en la capa del efecto el resto de contenidos (ocultos a 6. primera vista) que desea presentar con este efecto.

rea deslizante con contenidos multimedia

Este efecto presenta, dentro de un rea de la pgina, un contenedor cuyo tamao (su anchura o su altura) pueden superar la dimensin correspondiente de la pgina. El contenedor, segn su forma particular, puede deslizarse horizontal o verticalmente en su rea. La pgina, al permanecer fija mientras se desliza el contenido, sirve al efecto como si fuera un passepartout. Esta rea mvil puede ser ocupada por contenidos de todo tipo.


Una caja de imagen en la pgina dentro de la cual el lector podr deslizar el contenedor. Debe estar situada en la misma capa del efecto y Al frente de todas las cajas de su misma capa.

Compruebe que esta caja no oculte otros contenidos de inters en la pgina.

Diseo y propiedades


Sobre la capa base, ejecute 2. Propiedades.


Seleccione el efecto 4. Elemento encastrado con desplazamiento en la solapa iPad. No tiene ms parmetros.




Milenium 6.5 . 1


Disee una caja de tipo imagen en la pgina para indicar la parte visible del contenido 6. extra.

Disee en la mesa de trabajo y en la misma capa del efecto los contenidos que desea 7. presentar con este efecto.

Figura 261 Ejemplo del diseo de un rea mvil

Ventana emergente en posicin fija

El efecto permite presentar nuevos contenidos sobre la pgina que se est visualizando en una ventana que aparece cuando el lector pulsa una determinada rea en la pgina. Puede configurarse que la ventana se presente y desaparezca poco a poco, disolvindose.


Se consigue dibujando en la pgina una caja de imagen, en la misma posicin y tamao que la dibujada como rea sensitiva en la capa del efecto. Cuando el lector pulse sobre el rea donde se encuentra el motivo, activar el efecto aplicado.





Figura 262 Parmetros de configuracin de una ventana emergente




Milenium 6.5 . 1

Seleccione el efecto 4. Ventana emergente en la solapa iPad.

Cuando desee aplicar el 5. efecto disolucin al aparecer o desaparecer la ventana, active la opcin correspondiente y determine la duracin del efecto, en cada caso. Al no activar las opciones, la ventana aparece o desaparece instantneamente, sin ningn efecto.

Pulse 6. Aceptar para terminar.

Diseo en pgina

En la capa del efecto debe haber al menos dos cajas dibujadas en la pgina:

La que seala el rea sensitiva a la pulsacin del lector. Organizativamente debe 1. Traerse al frente de todas las cajas de la capa.

Las cajas de los contenidos que se mostrarn en la misma posicin del diseo.2.

Figura 263 Ejemplo del diseo de una ventana emergente

Contenidos en ventanas flotantes sobre la pgina

El efecto permite presentar una ventana con nuevos contenidos sobre la pgina que se est visualizando. La configuracin del efecto determinar su modo de aparicin y desaparicin, y el desplazamiento de la ventana por todo el rea de la pgina mediante programacin o realizada por el lector.

En la pgina puede haber varias de estas ventanas de este tipo. Su superposicin se resolver en funcin del orden de sus capas.


Ninguna, puesto que su aparicin responde a su programacin previa.

Diseo en pgina




Seleccione el efecto 4. Ventana superpuesta en la solapa iPad.

Pulse 5. Aceptar para terminar

Dibuje en la capa una caja de tipo imagen situada en el lugar donde decida que sea 6. visible.




Milenium 6.5 . 1

Figura 264 Ejemplo de diseo de tres ventanas superpuestas. Sus efectos hacen que apareciendo por su lado opuesto, lleguen juntase



Determine la 2. movilidad de la ventana para el lector:

No . La ventana queda inmvil en la posicin en que se dise.A discrecin del usuario. El lector puede mover libremente la ventana por la superficie de la pgina.

Slo en vertical . El lector podr desplazar la ventana en este sentido, de arriba abajo y viceversa.

Slo en horizontal . El lector podr desplazar la ventana en este sentido, de izquierda a derecha, y viceversa.

En vertical y en horizontal . El lector podr desplazar la ventana en todos los sentidos.

Figura 265 Parmetros de configuracin de una ventana superpuesta

Determine el 3. modo de aparicin de la ventana y su duracin:

Ninguno . No se aplica ningn efecto y, por tanto, aparece segn se abre la pgina donde se encuentra.

Disolver . La ventana aparece poco a poco.Desde el borde izquierdo . La ventana aparece por el borde izquierdo de la pgina, desplazndose hasta ocupar la posicin en la que fue diseada.

Desde el borde derecho . La ventana aparece por el borde derecho de la pgina hasta ocupar la posicin en la que fue diseada.



Milenium 6.5 . 1

Desde el borde superior . La ventana aparece por el borde superior de la pgina, descendiendo hasta ocupar la posicin en la que fue diseada.

Desde el borde inferior . La ventana aparece por el borde izquierdo de la pgina, ascendiendo hasta ocupar la posicin en la que fue diseada.

Determine el 4. modo de desaparicin de la ventana y su duracin:

No . No se aplica ningn efecto y, por tanto, una vez aparecida, permanece fija.Al tocar la pantalla . Hace que sea el lector quien la oculte.Automticamente . Desaparecer transcurrido el tiempo determinado para el retardo en la desaparicin.

Determine el 5. efecto para la desaparicin de la ventana:

Ninguno No se aplica ningn efecto al desaparecer.Disolver . La ventana desaparece poco a poco.Hacia el borde izquierdo . La ventana se desplaza hacia el borde izquierdo de la pgina, hasta desaparecer por completo.

Hacia el borde derecho . La ventana se desplaza hacia el borde derecho de la pgina, hasta desaparecer por completo.

Hacia el borde superior . La ventana se desplaza hacia el borde superior de la pgina, hasta desaparecer por completo.

Hacia el borde inferior . La ventana se desplaza hacia el borde inferior de la pgina, hasta desaparecer por completo.

Pulse 6. Aceptar para terminar la definicin del efecto

Grupo de ventanas excluyentes

En este efecto se trata de ir mostrando sucesivamente las ventanas de un grupo, unas sobre otras o en cualquier posicin de la pgina. La aparicin de una nueva ventana se produce por la pulsacin sobre un rea o un botn diseado en la capa correspondiente. Su aparicin oculta la ventana anterior.

El modo de aparecer o desaparecer de las ventanas puede regularse con un efecto de disolucin. De no ser aplicado este efecto, las ventanas aparecen o desaparecen de modo instantneo.


Se consigue dibujando en la pgina una caja de imagen, en la misma posicin y tamao que la dibujada como rea sensitiva en la capa del efecto. Cuando el lector pulse sobre el rea donde se encuentra el motivo, activar el efecto aplicado.





Seleccione el efecto 4. Grupo de ventanas excluyentes en la solapa iPad.

Determine mediante la opcin 5. Permitir que las imgenes se oculten ante un toque del usuario, si dejar o no que el lector que pueda ocultar la ventana sobre la que pulse voluntariamente.



Milenium 6.5 . 1

Figura 266 Parmetros de configuracin de un Grupo de ventanas excluyentes

Si desea aplicar el 6. efecto disolucin al aparecer o desaparecer las ventanas, active la opcin correspondiente y determine la duracin del efecto, en cada caso. Al no activar las opciones, las ventanas aparecen o desaparecen instantneamente, sin ningn efecto.


Diseo del efecto

La capa base del efecto servir principalmente para replicar sus cajas en todas las ventanas que se empleen en el efecto.

En cada ventana (en su correspondiente capa) debe haber al menos dos cajas:

La que seala el rea sensitiva a la pulsacin del lector. Organizativamente debe Traerse al frente.

Las cajas de los contenidos que se mostrarn al pulsar el rea sensitiva de la capa.

Ejemplo de diseo de ventanas excluyentes. La pulsacin sobre un nombre provoca que se muestre el contenido de su capa Figura 267 correspondiente



Milenium 6.5 . 1

Disee en la capa base las cajas que deben replicarse en cada una de las capas.1.

Seleccione la capa en la barra de capas y ejecute 2. Aadir ventanas excluyentes.

Introduzca o seleccione el 3. nmero de ellas y pulse Aceptar.

La barra de capas mostrar una jerarqua con tantas capas como ventanas se hayan creado. Aunque la capa base es la primera en la jerarqua en la pgina, sin embargo, visualmente est situada la ltima de grupo.

Disee los contenidos de cada capa. (No olvide el rea sensitiva).4.

Si necesita que una de las ventanas sea visible cuando el lector abra la pgina, puede optar por sealar una de ellas como ventana inicial del efecto:

Seleccione la capa en la barra de capas y ejecute la opcin Establecer como ventana inicial. En la lista se indicar esta funcin marcando la capa con el smbolo .

Compatibilidad entre capas de efectos dinmicos

No cabe duda que los efectos dinmicos expuestos aqu no resuelven todos los casos que un diseador puede imaginar. Protecmedia est abierto a desarrollar nuevos efectos a peticin. Sin embargo, los presentados se amplan al ser combinados entre ellos, como a continuacin detallamos.

El siguiente cuadro muestra las posibilidades que existen para anidar nuevos efectos dinmicos a cada uno de los existentes.

Capa de efecto Capas que componen el efecto Puede ser anidada en: Puede anidar a:

Galera multimedia Una por contenidoTira desplegable

Elemento encastrado con desplazamiento

Ventana emergente


Ninguna

Tira desplegable Una propia Ninguna Galera multimedia


Una propia Ventana emergente

Una ventana de un grupo de ventanas excluyentes

Galera multimedia

Ventana emergente Una propia Ninguna Ninguna


Una por ventana

NingunaGalera multimedia


Ventana excluyente Propia

Ninguna


Galera multimedia




Milenium 6.5 . 1

Observaciones:

Al anidar una ventana emergente en un grupo de ventanas excluyentes, esta pierde los atributos individuales adquiriendo los definidos en el grupo.

Al sacar de su jerarqua una ventana de un grupo de ventanas excluyentes, esta se convierte en ventana emergente, manteniendo los atributos del grupo.

Cuando una capa de efecto es o tiene capas subordinadas, queda anulada la posibilidad de cambiar su efecto.

Las capas con efectos no pueden ser fusionadas con otras capas. A cada uno de los contenidos extra utilizados para los efectos dinmicos se les puede aplicar los efectos multimedia explicados anteriormente. La combinatoria de efectos se incrementa notablemente de esta forma.

efectos ipad y capas

Documents