PDF Multimedia e Interactivo ll

¿Qué son las transiciones?

Las transiciones, son efectos especiales que se les aplican a las diapositivas, para darles animación.

Esta animación puede ser la misma o aleatoria, tanto en una como en todas las diapositivas que forman el PDF.

¿Cómo se aplica las transiciones?

Una vez abierto el PDF con Adobe Acrobat:

En la parte superior izquierda:

Acrobat Pro DC → Preferencias → Aparece una ventana → Pantalla completa

A continuación seleccionas los segundos que quieres que dure la transición entre diapositivas, y el tipo de efecto que desees que realice.

Finalmente, para visualizar estos efectos y comprobar que todo está según lo esperado:

Ver → Modo Pantalla completa 

(Comando + L)

Esta entrada es breve, pero espero que quede claro como hacer una transición, hasta la siguiente entrada.
¡Un saludo!

PDF Multimedia e Interactivo l

¿Qué es un hipervínculo?

Los hipervínculos son más conocidos como enlaces, que permiten enlazar contenidos de una misma página u otras páginas diferentes de Internet, es decir, al clicar sobre este enlace, automáticamente te llevará al lugar que previamente hayas elegido como destino. 

Te ayudan a navegar por la web, buscar información de manera más fácil sin necesidad de realizar una búsqueda. Estos, hacen el trabajo menos pesado.

¿Cómo se aplica un hipervínculo?

Como bien expliqué en mi anterior entrada, una vez abierto el PDF deseado en Adobe Acrobat:

Barra de herramientas rápidas → Editar PDF → Vínculo → Añadir → Guardar

A continuación, una vez situados en barra de herramientas:

Vínculo → Añadir/editar vínculo de documento o web

Seleccionas la parte en la que quieres que la acción se lleve a cabo cuando se realice un click sobre esta. Acto seguido, aparecerá una ventana en la que seleccionas la opción más adecuada, en este caso:

Ir a la vista de página

En esta opción se elige:

Abrir una página web → Siguiente → Insertar URL de la página web elegida → Aceptar

↓

¿Qué  es un marcador?

Un marcador, sirve para saltar a una página, texto o gráfico en el propio archivo. Prácticamente, es como el marca páginas de un libro físico.

Se crea un vínculo con la página, y es posible regresar a esta pulsando el marcador de manera inmediata sin necesidad de buscar esa página.

¿Cómo se utiliza un marcador?

Para añadir el marcador, es prácticamente igual que con el vínculo.

Barra de herramientas rápidas → Editar PDF → Marcador → Añadir → Guardar

Para añadir un marcador, es tan fácil como:

Pulsa el marcador, nómbrale y establece el enlace con la página a la que deseas acceder cuando cliclees en dicho marcador.

Cuando quieras añadir otro marcador nuevo, pincha en el botón de color rojo y se generará otro.

Espero que esta explicación os sirva de ayuda a la hora de querer realizar un PDF interactivo con vínculos y marcadores. En la siguiente entrada hablaré un poquito más de la herramientas que tiene Adobe Acrobat.

Un saludo.

Tutorial de Acrobat

¿Qué es un formulario?

Un formulario es un documento que puede ser físico o digital, en el que un usuario introduce sus datos (nombres, apellidos, dirección, fecha, etc.). Los datos han de ser rellenados correctamente.

En Internet y sistemas informáticos, los formularios pueden ser llenados en línea, siendo muy útiles para registrar usuarios, realizar encuestas, etc. 

Los formularios por Internet se llaman formularios web, y generalmente se construyen mediante etiquetas HTML, aunque también pueden emplearse otras tecnologías como Flash, Java, etc. 

¿Cómo hacer un formulario?

Tienes que realizar un diseño previamente en un programa de edición en el que maquetarlo, creas un PDF en el propio PDF, ve a las Opciones: 

Ver → Herramientas → Preparar formulario → Abrir

Si quieres añadirle herramientas, ve a:

Ver → Mostrar y Ocultar → Elementos de la barra de herramientas → Personalizar herramientas rápidas → Vínculos y Marcador

A continuación os voy dar una breve explicación sobre el trabajo que tienen la barra de herramientas en el formulario, para sea más fácil y comprensible lo he ordenado mediante colores, y bajo ellos, una leyenda en la que se explica el funcionamiento de cada una de sus herramientas:

Tras colocar cada caja en su correspondiente lugar, conviene cambiar el nombre inicial de esa caja, por uno identificativo para mantener en todo momento el orden.

Doble click en la caja → General → Cambio de nombre

Una vez cambiado el nombre,  es hora de crear la acción en las cajas que van a contenerla.

Doble click en la caja → Opciones → Elementos (lista deseada) → Agregar

Después de seguir estos, pasos, te deberá de quedar algo así:

Espero que os haya servidos de gran ayuda, no dudéis en preguntarme para cualquier duda.

Un saludo.

Cinemagraph

¿Qué es cinemagraph?

Son fotografías en las que ocurre una acción de movimiento menor y repetida. 

Se producen tomando una serie de fotografías o grabaciones de vídeo y utilizando un software de edición de imágenes, componiendo las fotografías o fotogramas de vídeo en un archivo GIF animado de tal manera que el movimiento en parte del sujeto expuesto se percibe como un movimiento repetitivo o continuo.

Los cinemagraphs se crean mediante un programa de edición de imágenes, en este caso he utilizado Photoshop.

El primer objetivo es seleccionar una porción de este vídeo y decidir qué parte será la fija y qué parte la dinámica.

A continuación, os voy a explicar paso por paso como lograr conseguir este efecto a través de Photoshop como bien he dicho antes:

1. Abrimos el vídeo que deseamos modificar en Photoshop.

(Yo he elegido un vídeo de una cámara fija grabando como una persona teclea con ambas manos en el ordenador).

2. Para lograr este efecto, necesitaremos la línea del tiempo localizada en: 

Ventana → Línea del tiempo

3. Duplicamos la Capa 1 y separamos la capa duplicada de "Grupo de vídeos 1" trasladándola por encima de este.

4.  Seleccionamos la capa duplicada, y a continuación vamos a rasterizar el vídeo: 

Capa → Rasterizar → Vídeo

5. En la línea del tiempo; La imagen superior se convertirá de color morado, únicamente tenemos que colocarlo encima, de forma paralela al de color azul, para que así comiencen al mismo tiempo.

6. En la capa rasterizada, es decir, "la duplicada", aplicaremos una máscara de capa (seleccionando la capa deseada y clicando en el botón de máscara de capa señalizado) que automáticamente se genera. 

Para ocultar la parte del vídeo que no queremos mostrar, utilizaremos el color blanco y el negro se utilizará para mostrarla.

7. Cogemos la herramienta pincel, y con el color negro pintamos la parte del vídeo que dejará ver el movimiento.
(Mi intención es inmovilizar la mano izquierda).

8. Finalmente, pulsamos el botón play y podemos visualizar el vídeo final.

9. Si quedas contento con el resultado, debes exportarlo para web de la siguiente manera:

Archivo → Exportar → Exportar para web (heredado).

10. Una vez exportado para web, tendrás que seleccionar las opciones original, situada en la esquina superior izquierda, GIF en la superior derecha y opciones de repetición infinito, que se encuentra en la parte inferior derecha, para que este consiga realizar el efecto deseado continuamente.

11. Finamente, tan sólo queda guardarlo y ya podrás disfrutar él.

Si has seguido todos los pasos, este debería ser tu resultado:

Como se puede ver, hemos conseguido inmovilizar totalmente la mano izquierda y la mano derecha se conserva en libre movimiento.

Espero que os sirva para realizar vuestros propios cinemagraphs y que disfrutéis realizándolos, puesto que es realmente fácil hacerlos.

Un saludo.

Banner para Web

¡Bienvenid@s a otra entrada!

A continuación, voy a hablar de tres páginas online en la que podrás crear banners, sin necesidad de utilizar Photoshop.

Bannersnack

Es una página  que permite comenzar el banner con unos tamaños preparados utilizando banners ya creados, o bien, empezar desde el principio. Además, se pueden agregar textos, formas y colores para el fondo.

HTML5

Esta es una página sencilla, únicamente te permite añadir imágenes o utilizar las de la página, textos, efectos y transiciones. Es necesario disponer de Adobe Flash para su uso.

Gifmaker

Es el programa más fácil de los tres de utilizar, tan sólo se necesitan las fotografías para generar el gif, la única pega es que no tiene opción a copiar el código HTML.



A continuación, os dejo unos ejemplos de cada programa para que elijáis el que más os guste, u os convenga según lo que deseéis.

1º Gifmaker.

2º Bannersnack.

3º HTML5 Maker.

Espero que os sirva de gran ayuda a la hora de crear vuestros gifs de manera rápida y sencilla.
Un saludo, y hasta la siguiente entrada.