Equipo Empresas

En esta entraba del blog voy a comentar como hemos hecho un parque de atracciones con unos materiales tan típicos como pueden llegar a ser un par de globos, cartulinas, chinchetas, celo o pajitas. Hemos creado dos modelos básicos, en primer lugar hemos creado un parque de colchonetas con dos cartulinas de colores (negro y rojo) y para dar la sensación de elasticidad hemos colocado dos globos en su interior. Por último con una cartulina doblada en forma de canuto y un par de hilos con unas pajitas pegadas en forma de espiral, hemos creado una atracción giratoria y un soporte central usando un globo. Aquí una imagen final de todo el equipo de trabajo y las obras creadas.

PDF Multimedia

Hola buenas en esta y ultima entrada del blog (por lo menos del curso) voy a explicaros un poco como podemos incluir videos, botones, audios.... y así crear nuestro PDF multimedia.

- Lo primero que debemos tener en cuenta es donde ubicar la herramienta para poder incluir estos elementos multimedia. Tenemos que buscar la herramienta "Medios Enriquecidos".

- Dentro de esta herramienta se nos abrirá esta barra con las distintas opciones disponibles:

Voy a explicarnos para que sirve cada opción según el orden en la barra horizontal:

• Archivo 3D: sirve para incluir en el documento una imagen en tres dimensiones.
• Agregar un Botón: agrega un botón al documento y configurarlo a nuestro gusto.
• Sonido: agrega un objeto de sonido al documento (Mp3, Mp4..).
• Agregar SWF: archivo SWF para un documento de tu dispositivo o una URL.
• Video: introducir un archivo de video (Mov, QuickTime...)

Espero que esta última entrada les haya sido de utilidad y todas las demás.
Muchas Gracias y un saludo.

Transiciones de Página en PDF

Hola buenas hoy voy a continuar con las herramientas de PDF y en esta ocasión les traigo una herramienta llamada Transición de Páginas. Es muy útil para dar amenidad  al documento PDF y así dar sensación de interactividad.

*En esta ocasión podemos crear transiciones de página de dos maneras distintas:

- Manera 1: Lo primero que debemos hacer es abrir la opción Preferencias, en la opción de arriba a la derecha llamada Adobe Pro DC (en el caso de MAC).

- Una vez dentro de Preferencias debemos buscar la opción "Pantalla Completa" y dentro de esta otra con el nombre de "Transiciones de Páginas Pantalla Completa", donde podemos elegir el tipo de transición que queremos y la dirección de esta.

-Manera 2: La segunda manera se basa en buscar la herramienta de Adobe Acrobat llamada "Organizar Páginas".

- Dentro de esta herramienta en los puntos suspensivos le damos a la opción transiciones de página.

- Esta manera posee muchas mas opciones como el poder tocar la velocidad y si aplicamos la transición a todo el documento o a cada página por separado.

* Si quereis ver el resultado de vuestra transición en el caso de MAC utilizar el Comando+L y si no utilizar la opción de pantalla completa.

Espero que este tutorial les haya sido de utilidad y ahora puedan utilizar las transiciones de página en vuestros documentos PDF.
Un Saludo.

Marcadores e Hipervínculos en PDF

Hola a todos en esta ocasión traigo una serie de publicaciones sobre otras herramientas muy útiles en PDF. En este apartado vengo a explicaros como crear marcadores e hipervínculos en PDF:

MARCADORES

Los marcadores nos permiten ordenar y jerarquizar los contenidos de un documento mediante la unión de un apartado a una página del documento.

- Lo primero que tenemos que hacer es localizar la herramienta marcadores. Esta se encuentra en "Herramientas" y marcar la opción "Editar PDF" donde nos saldrá una barra superior y tendremos que darle a la opción de "Agregar Marcador".

- Una vez abierto consistirá en ir creando marcadores los cuales irán enlazados a las diferentes páginas del documento. Esto en otras palabras significa que cada marcador que tu creas te llevara a la pagina actual en la que tu estés y hará una especie de hipervínculo aunque no sea lo mismo.

HIPERVÍNCULOS

Los Hipervínculos nos sirven para hacer de enlace con una página del documento o por ejemplo un documento o página web externa.

- Lo primero que debemos hacer es abrir la misma barra de herramientas las cuales utilizamos para los marcadores. 

- Seleccionamos la opción "Vínculo" y ahí o bien agregamos elementos del documentos a otros del mismo o a una página externa.

-  Seleccionamos la opción "añadir/editar vínculos de documento o web" 

- Aqui es donde podemos elegir o bien elementos locales o bien elementos externos al documento (Crear un cuadro del tamaño deseado).

- Las únicas diferencias son las ventanas que aparecerán después. Si elegimos la opción "Ir a la vista de página" (Local), nos aparecerá esta ventana la cual solo deberemos darle a aceptar cuando tengamos la vista de la página que queramos vincular en pantalla.

- En cambio si le damos a la opción "Abrir una página Web" tendremos que vincular el elemento mediante una URL.

Espero que les haya sido de utilidad y en el futuro puedan crear sus marcadores e hipervínculos personalizados sin mayor dificultad. 

Un Saludo.

Herramientas Formularios PDF

Hola buenas en esta ocasión les vengo a presentar las distintas herramientas de la aplicación de Adobe, PDF, para poder crear, modificar y eliminar. En definitiva poder crear un formulario interactivo accesible para todo tipo de público.

- Para empezar debemos de tener un archivo en formato PDF estructurado en una aplicación tipo Indesign o QuarkXPress por ejemplo y exportarlo a PDF para su editado. Este es el ejemplo que vamos a utilizar para poder enseñaros:

- Una vez tengamos el archivo abrimos las herramientas y desplegamos la opción "Preparar Formulario" donde se nos abrirá diferentes herramientas para poder crear nuestro formulario:

- Ahora podemos ir rellenando con las herramientas los distintos campos (Creando cajas con contenido predefinido por una serie de ajustes) como por ejemplo el "Nombre" y "Apellidos". En la mayoría de estos casos utilizaremos la herramienta de texto sin ninguna modificación especial por el momento. 

- Una vez colocada la caja ayudándonos de la regla de la aplicación (Cmd + R) le damos un nombre relacionado para dar relación a cada campo.

- Otro tipo de caja o parte del formulario que podemos crear es gracias a la herramienta "Menú Desplegable" en la cual podemos crear diferentes opciones para el usuario.

*Los pasos a seguir para un buen uso de esta herramienta son: 

1. Crear la caja deseada como en la herramienta anterior.

2. Darle doble clic para abrir un menú donde puedes retocar diferentes opciones, en esta ocasión la que nos interesa es la opción "Opciones".

3. Dentro de "Opciones" nos centramos en la sección "Elemento" ahí agregamos los campos que queremos proporcionar al usuario. 

- Para crear apartados como códigos postales, números de teléfono o fechas (entre otras opciones), podemos usar en el apartado "Formato" las diferentes opciones que nos brinda la aplicación.

- Otro tipo de herramienta son las casillas de verificado o tachado, de una o varias opciones, que hayamos predefinido en la herramienta de maquetado (Indesign, Quark..).

 * Esta herramienta se utiliza como las anteriores, se coloca la caja al lado de la opción la cual deseas seleccionar o no y le defines el símbolo a tu elección (Utilizando el doble clic).

Una vez tengamos introducidos estos conceptos podemos crear formularios como el ejemplo ya completo:

- Hay más herramientas como agregar un botón para imprimir,  insertar fotografías, insertar un calendario, crear un apartado de firma digital o crear un código de barras entre otras.

Espero que este tutorial y ejemplos les haya ayudado para poder crear sus propios diseños de formularios interactivos en PDF.
Un Saludo.

Cinemagraph

Hola buenas en el día de hoy les voy a enseñar que es el cinemagraph y como crearlos en la aplicación de Adobe de PhotoShop.

DEFINICIÓN

Un cinemagraph es una imagen animada que resulta de la combinación de fotografía y vídeo. Se trata de imágenes fundamentalmente estáticas en las que se sustituye una porción de éstas por una pequeña animación que, normalmente, muestra pequeños movimientos en bucle infinito.

Para montarlas, a menudo se usa el formato de imágenes .gif.La intención de un cinemagraph es sorprender al espectador: éste se encontrará, en un primer momento, ante una imagen que, de repente presentará un movimiento. Además, este tipo de imágenes busca transmitir sensaciones que con las fotografías no se pueden transmitir.

EXPLICACIÓN

1. El primer paso es obtener un archivo de video y abrirlo en PhotoShop (en este caso he utilizado un archivo Mp4).

2. Dentro de PhotoShop en ventana marcamos la herramienta línea del tiempo (también utilizada para crear los GIF en entradas anteriores).

3. Cuando tengamos lista la línea del tiempo duplicamos la capa video y la rasterizamos dejando la copia encima de la capa video original.

4. En la copia rasterizada creamos una mascara de capa y con ella taparemos las zonas las cuales queremos que tengan movilidad y dejaremos las que queremos que se queden estáticas (utilizando la mayor coherencia).

5. Cuando obtengamos el resultado deseado podemos retocar la línea del tiempo para una mayor coherencia o quedarte con las zonas de tiempo mas óptimas.

6. Una vez listo lo guardamos en el formato deseado (es recomendable guardarlo en GIF para observar mejor el acabado y tener menos problemas de compatibilidad).

7. Para finalizar este seria mi ejemplo acabado:

Espero que este tutorial les haya sido de utilidad y puedan crear sus propios cinemagraph.

Un Saludo.

Banner Dinamico en GIFMaker

Hola buenas en esta ocasión voy a realizar otro banner dinámico en otra página externa (http://gifmaker.me). El concepto de este banner va a ser como el anterior relacionado con mi centro de estudios y con un link a su página web (http://www.iespuertabonita.es/web0001/principal.htm).

PROCESO

El proceso a seguir en esta página consiste en ir cargando las distintas imágenes deseadas. Una vez elegidas y ordenadas podemos poner el tamaño en pixeles y las distintas velocidades disponibles entre cada fotograma. 

RESULTADO

Espero que tanto esta página (GIFMaker) como (BannerSnack) de la anterior publicación les haya sido de utilidad para realizar sus propios banners.
Un Saludo.