PDF Multimedia e Interactivo. Croosmedia- Paleta de Herramientas

¡ Hola a todos ! Hoy os voy a explicar paso a paso la paleta de herramientas en medios enriquecidos donde desde nuestro Crossmedia vamos a convertirlo en un pdf interactivo y multimedia que incluya, algunos de estos archivos:
- Un archivo de audio
- Un archivo de vídeo
- Un archivo swf
- Un archivo 3d

Editar el área de reproducción (Acrobat Pro DC)

Seleccione Herramientas > Medios enriquecidos > Seleccionar objeto y haga clic en un objeto multimedia.


Al mover la herramienta sobre el área de reproducción aparecen controladores en los bordes de ésta, incluso si los bordes son invisibles.


Haga clic en el área de reproducción para seleccionarla y realice una de las acciones siguientes:


Mueva el clip arrastrando su icono hasta una nueva ubicación en la página.

Elimine el clip seleccionándolo y pulsando Eliminar.

Cambie su tamaño arrastrando una de las esquinas del marco hasta conseguir el tamaño deseado. Mantenga pulsada la tecla Mayús para conservar las proporciones adecuadas para clips de vídeo.

Agregar modelos 3D a una página PDF (Acrobat Pro). 

Puede usar la herramienta 3D para insertar un archivo 3D (en formato de tercera edición de U3D o PRC) en una página PDF. Acrobat Pro puede crear archivos PDF 3D, pero solo a partir de archivos U3D ECMA 1.


Una vez colocado el archivo 3D, puede ajustar el área o lienzo en el que aparece el modelo 3D, editar las propiedades de presentación de la barra de herramientas 3D y el contenido y crear más vistas.

Agregar un modelo 3D a una página

Elija Herramientas > Medios enriquecidos > Agregar 3D.

Arrastre para trazar un rectángulo en la página que defina el área de lienzo del archivo 3D


En el cuadro de diálogo Insertar 3D, haga clic en Examinar para seleccionar el archivo 3D y, a continuación, haga clic en Abrir. Haga clic en Aceptar.

Vídeo, audio y formatos interactivos compatibles.

 Video

 Puede reproducir los siguientes tipos de contenido multimedia en archivos PDF creados con Adobe Acrobat DC o Adobe Acrobat Reader DC o versiones anteriores: Incluye archivos SWF. Incluye archivos de vídeo MOV, M4V, 3GP y 3G2 que utilizan compresión H.264. También incluye archivos FLV, F4V, MP3 y MP4. Para poder reproducir archivos que utilizan compresión H.264, debe tener códecs H.264 instalados en el equipo.



Audio

 Incluye archivos de audio, como MP3 y MP4. Puede reproducir estos archivos en una página o activarlos mediante vínculos, marcadores, campos de formulario o acciones de página. Cada archivo multimedia incluye un área de reproducción desde la que puede activarse el material multimedia. Esta área suele aparecer en la página PDF como una imagen o un rectángulo, pero también puede ser invisible. Acrobat y Reader también permiten reproducir archivos multimedia heredados que se han creado con una versión anterior de Acrobat. Éstos incluyen archivos QuickTime, MPEG, ASF, RAM y Windows® Media. Sin embargo, Acrobat y Reader X no proporcionan un modo de crear archivos multimedia heredados. Para ayudarle a proteger el equipo de virus, Acrobat le pregunta si desea reproducir archivos multimedia de procedencia no verificada. Puede cambiar este comportamiento predeterminado en las preferencias de Confianza en contenido multimedia. Use las herramientas Mano o Seleccionar para hacer clic en el área de reproducción del archivo de vídeo o sonido. Al situarse sobre el área de reproducción, el puntero se convierte en el icono de modo de reproducción

¿ Que es un archivo SWF ?

Los archivos cuya terminación es SWF son aquellos archivos de formato multimedia, de gráficos vectoriales, y de código ActionScript, que se encuentran ideados en base programa Adobe Flash y justamente su nombre viene a ser una abreviación del término Shockwave Flash, aunque también llega a hacer referencia a Small Web Format.

A todo esto entandamos que se trata de un formato de archivo de gráficos vectoriales que también admite bitmaps y puede idear animaciones y el lenguaje tipo actionscript. Viendo su historia fue creado por la empresa Adobe Systems cuando todavía esta se llamaba Macromedia.

PDF multimedia e interactivo Preferencias / cambio de transición

¡ Hola a todos ! Os voy a explicar paso a paso como hacer un cambio de transición en Adobe Pro DC.

Transiciones:

1. Una vez abierto nuestro pdf en Adobe Pro DC,  le damos a Adobe Pro DC y a preferencias..

Preferencias para visualizar archivos PDF.

El cuadro de diálogo Preferencias define una presentación de página predeterminada y personaliza la aplicación de muchas otras formas. Para ver archivos PDF, examine las opciones de las preferencias para Documentos, General, Presentación de página y 3D y Multimedia.

Las opciones de configuración de preferencias controlan el comportamiento de la aplicación cuando se usa, pero no están asociadas a ningún documento PDF en particular. Para abrir el cuadro de diálogo de las preferencias, elija Editar> Preferencias (Windows) o Acrobat/Adobe Acrobat Pro DC > Preferencias (Mac OS).

 2. Nos van a parecer una barra de herramientas y seleccionamos pantalla completa .

3. Seleccionamos todo lo que venga en Configuración de pantalla completa , en Navegación de pantalla completa seleccionamos salir con la tecla ESC , y clic para avanzar una página o clic con el botón derecho para retroceder , y en Avanzar cada ponemos el tiempo que quieras para ir pasando de de hoja en hoja.

Aspecto de pantalla completa puedes elegir el color de fondo que tu quieras  y el cursor del ratón.

La transición de pantalla completa puedes usar la que más desees.

4. En Mac dandole cmd+l podrás visualizarlo.

Preferencias de Pantalla completa

Configuración de Pantalla completa
Solo documento actual: especifica si la presentación está limitada a un solo archivo PDF.
Rellenar pantalla con una página cada vez: establece la vista de página en la máxima extensión de pantalla por una sola página.

Avisar cuando el documento pida pasar a pantalla completa: muestra un mensaje antes de entrar en el modo Pantalla completa. Si selecciona esta opción, anulará, en ese mensaje, la selección anterior de No volver a mostrar este mensaje.

Qué monitor usar: especifica el monitor en el que aparece la presentación en pantalla completa (para usuarios con configuraciones de varios monitores).


Navegación en Pantalla completa
Salir con la tecla Esc: permite salir del modo Pantalla completa pulsando la tecla Esc. Si esta opción no está seleccionada, puede salir pulsando Ctrl+L.
Mostrar barra de navegación: muestra una barra de navegación mínima con independencia de la configuración del documento.

Clic para avanzar una página o clic con el botón derecho para retroceder: permite pasar las páginas de un documento de Adobe PDF haciendo clic con el ratón. También puede desplazarse por el documento pulsando Retorno, Mayús+Retorno (para retroceder) o las teclas de flecha.

Ir al principio tras última página: permite desplazarse de forma continua por un documento PDF y volver siempre a la primera página cuando se llegue al final. Esta opción se suele utilizar para configurar las presentaciones de tipo kiosco electrónico.

Avanzar cada _ segundos: indica si se debe avanzar automáticamente de página en página en el intervalo de segundos especificado. No obstante, también podrá avanzar utilizando el ratón o los comandos de teclado aunque se haya definido esta opción

PDF Multimedia e interactivo/ Hiper vínculos y marcadores

¡ Hola a todos! Hoy os voy a enseñar como hacer un Pdf multimedia y interactivo usando hipervínculos  y marcadores. Os lo voy a explicar paso a paso y vamos a empezar primero diciéndoos  porque es fundamental.

¿Por qué incluir un hipervínculo en un archivo pdf?

Un pdf es un formato de archivo utilizado para presentar e intercambiar documentos de forma fiable, independiente del software, hardware o sistema operativo que utilice el otro usuario. Es decir, permite que le llegue al otro usuario de la manera exacta en la que tu has decidido guardarlo.

Acerca de los marcadores

Un marcador es un tipo de vínculo con texto descriptivo que aparece en la ficha Marcadores del panel de navegación. Cada marcador lleva a una vista o una página distinta del documento. Los marcadores se generan automáticamente durante la creación del PDF a partir de las entradas de la tabla de contenido de los documentos creados por la mayoría de los programas de auto edición. Esos marcadores suelen estar etiquetados y pueden usarse para realizar ediciones en el PDF.

Un marcador muestra inicialmente la página que se veía cuando se creó: el destino del marcador. En Acrobat, puede definir el destino del marcador al crearlo. A veces resulta más fácil crear un grupo de marcadores y posteriormente definir los destinos.

En Acrobat, puede usar marcadores para marcar un punto del PDF al que desea volver, o para ir directamente a otro destino del PDF, otro documento o una página Web. Los marcadores también pueden realizar acciones, como ejecutar un elemento de menú o enviar un formulario.

Paso a paso de como hacerlos hipervínculos y marcadores.

1.Primero para empezar abrimos nuestro pdf y le damos a editar PDF para empezar a hacer nuestros vínculos.

2.Una vez dentro en la barra de herramientas seleccionamos la herramienta vínculos.

Y le damos a Añadir/ editar vínculos de documento web.

3. Se nos abrira una pestaña  en la que nos saldrá varias opciones para hacer nuestro vínculo. Podemos crear el aspecto que queramos darle a nuestro vínculo.

4. En vincular acción nos salen 4 opciones:

Ir a la vista de la página: sirve para que desde la pagina que tu quieras por ejemplo en el caso de mi trabajo de Unicef hemos vinculado desde la introducción  cada apartado a su pagina correspondiente.

2. Abrir un archivo: en este trabajo no lo hemos usado pero sirve para vincularlo con otro documento / archivo diferente.

3.  Abrir una página web. En este trabajo si lo hemos utilizado y en el logo de UNICEF lo hemos vinculado con la página oficial de UNICEF y lo que hace es que cuando hagas click te lleva a la página.

4. Vínculo personalizado. Sirve para hacer tu vínculo dandole las acciones y el aspecto que tu quieras.

Marcadores.

Nos volvemos a meter en Editar PDF y en la barra de herramientas le damos a la que pone más y luego a agregar marcador  marcador nos aparecera una columna a la izquierda donde podemos ir metiendo los marcadores que queramos pero primero  seleccionas el titulo que quieras de tu documento PDF y luego le das a nuevo marcador a tu izquierda en la barra  , en este trabajo lo que hemos hecho es marcar las paginas que aparecían en el en el índice pero marcando la página donde te viene el texto no donde el índice.

Tutorial formulario

¡ Un saludo a todos ! hoy os voy a a hablar sobre que es y como se hace un formulario paso a paso. Nosotros lo vamos a hacer con Adobe Pro DC.

¿ Qué es un formulario ?

Un formulario digital es la versión mejorada y digital de un formulario de papel,se pueden rellenar desde cualquier lugar con smartphones, tablets y ordenador.

Formularios 3.0

Desde el momento en qué el smartphone y/o tablet forma parte de nosotros, los formularios han dado un giro. Este giro da pie a la nueva generación de formularios: los Formularios 3.0, también llamados Formularios Digitales. Un formulario digital es una versión electrónica avanzada del formularios de papel que sacan el máximo partido a la tecnología que más usamos a diario, el smartphone. Algunos de sus ventajas:

✓ Fáciles de rellenar
✓ Acceso a ellos desde cualquier lugar
✓ Funcionan offline
✓ Nunca se pierden o rompen
✓ No necesitas informáticos para diseñarlos
✓ Se pueden adjuntar fotos, firmas, geolocalización y PDF
✓ ¡y mucho más!

¿ Cómo se hace un formulario ?

1.una vez que tenemos abierto nuestro formulario lo que vamos a hacer es irnos a herramientas y darle a editar formulario en una columna a la derecha  nos aparecerá todas las herramientas y ahí lo encontraremos.

2.Acrobat crea el formulario y lo abre en el modo Edición de formulario. El panel derecho muestra las opciones de edición del formulario. La barra de herramientas contiene herramientas de campos de formulario para agregar campos adicionales.

3. Revise los campos de formulario que Acrobat ha creado. Agregue campos con las herramientas de campo de formulario de la barra de herramientas. Elimine, cambie el tamaño u organice los campos según sea necesario. Puede agregar cualquiera de los siguientes tipos de campos de formulario:


Códigos de barras.

Codifican los datos introducidos en los campos seleccionados y los muestran como un patrón visual que puede ser interpretado por software o hardware de descodificación (disponibles por separado).


Botones .

Inician un cambio en el equipo del usuario, como abrir un archivo, reproducir un sonido o enviar datos a un servidor Web. Estos botones pueden personalizarse con imágenes, texto y cambios visuales activados por acciones del ratón.

Casillas de verificación.

Presentan opciones de sí o no para elementos individuales. Si el formulario contiene varias casillas de verificación, normalmente el usuario puede seleccionar tantas o tan pocas como desee.

Campo de firma digital.

Permite que el usuario firme electrónicamente un documento PDF con una firma digital.

Lista desplegable.

Permite al usuario elegir un elemento de un menú emergente o escribir un valor. Puede definir una propiedad de campo de formulario que permite al usuario introducir un valor personalizado.

Cuadros de lista.

Muestran una lista de las opciones que el usuario puede seleccionar. Puede establecer una propiedad de campo de formulario que permita al usuario seleccionar varios elementos de la lista presionando Mayúscula y haciendo click.

Botones de radio.

Presentan un grupo de opciones, solo una de las cuales se puede seleccionar. Todos los botones de radio con el mismo nombre funcionan como un grupo.

Campos de texto.

 

Permiten que el usuario escriba texto (nombre, dirección, número de teléfono, etc.).

Mi Formulario.

Cinemagraph

¡ Hola a todos ! Hoy os voy a explicar como se hace un Cinemagraph y paso a paso os voy a explicar como he hecho mi cinemagraph en photoshop.

¿ Qué es un Cinemagraph?

Un Cinemagraph es una fotografía con un elemento móvil, grande o pequeño en proporción, con el resto de la imagen está paralizada, tal como una foto. Ahora, la dificultad de este elemento es que no puede lograrse por sí solo, es decir, no hay ninguna función específica en el equipo fotográfico para lograr un Cinemagraph, sino que es necesario aplicar el uso de un programa de edición o en todo caso, una aplicación.

El objetivo del Cinemagraph es finalmente sorprender a los espectadores de esta pseudo-fotografía, ya que generalmente lo que se mueve es algo que no esperamos que se mueva puesto que el resto de la fotografía sigue estática. Claro, esto no quiere decir que deba haber un elemento sorpresa, sino que la fotografía/video debe ser muy llamativa. Asimismo, buscamos transmitir algo que con una fotografía no se puede transmitir y generalmente, se usa como protagonista al elemento en movimiento. Por ejemplo, el humo de un cigarrillo es el elemento principal de una imagen y para hacer que este sea protagonista indiscutible, usamos un Cinemagraph con el dinamismo en el humo.Es por eso que sacrificamos la calidad de imagen y hacemos uso de un formato .GIF.

Mi Cinemagraph en Photoshop:

Paso a paso en photoshop:

Una vez que lo tenemos recortado nuestro video en Adobe Media encoder o con QuickTime en Edición acortar y lo guardamos . Lo llevamos a photoshop y le damos a opciones ventana restaurar, si no hace falta lo dejamos como esta y abrimos ventana linea del tiempo.

Una vez que tenemos nuestra linea del tiempo duplicamos la capa y la rasterizamos.

Una vez que tenemos nuestra segunda capa, la que hemos duplicado acordaros la sacamos de la carpeta y hacemos con ella una máscara de capa.

Ahora lo que tenemos que hacer es con el pincel y en la máscara de capa , no en la imagen, lo que vamos a hacer es con el pincel en negro vamos a ocultar la parte que queramos para que que se vea solo esa parte en movimiento y lo demás estará quieto , como lo que pasa con mi imagen del lago que el agua y la barca se mueven pero el cielo no.

Por  último vamos a guardarlo.  En psd , vamos a exportarlo para quedarnos con el GIF que ahora estáis viendo en este Blog y también vamos a guardar el video.

GIF:

Y le damos a Guardar para Web ( Heredado)

En formato HTML e imágenes y a guardar y ya lo tendriamos.

Guardar video:

Hacemos lo mismo que con el otro. Archivo, exportar y ahora le daremos a interpretar vídeo.

Nos saldra esto solo tenemos que dar a interpretar y ya estaría.

Más ejemplos: