TRANSICIONES DE PDF

¡ Hola a todos ! 

Os voy a explicar paso a paso como hacer un cambio de transición en Acrobat Pro DC.

Transiciones:
 Una vez abierto nuestro pdf , le damos a Acrobat Pro DC y a preferencias.

 Nos aparecerá una barra de herramientas y seleccionamos pantalla completa .

Para añadir transiciones a tu pdf simplemente en Transición predeterminada elegimos la que queremos ponerle, en mi caso elegí aleatorio para que cada transición fuera distinta, para visualizarlo 

le damos cmd o ctrl + l.

PDF MULTIMEDIA

¡Hola a todos ! 

Hoy os voy a a hablar sobre los pdf multimedia y de dos herramientas que utilizare, los marcadores y los vínculos para ello utilizaremos Acrobat Pro DC.



MARCADORES

Los marcadores identifican las partes de un PDF y permiten tener acceso rápido a áreas específicas de un archivo.

Para usar el marcador, lo que haremos será seleccionar la palabra/texto donde queremos que vaya el marcador, y una vez seleccionado, creamos un nuevo marcador, y éste se aplicará inmediatamente a la palabra.

Ya hecho este paso, tenemos el marcador, que pinchando sobre él, nos llevará a la palabra /texto que hallamos seleccionado.

HIPERVINCULOS

Los vínculos permiten ir a otras ubicaciones dentro del mismo documento, a otros documentos electrónicos, incluidos archivos adjuntos, o a sitos Web. Utilice vínculos para iniciar acciones o para asegurarse de que el lector tenga acceso inmediato a la información relacionada. Por ejemplo, para reproducir archivos de imagen y sonido.

Para establecer un vínculo, pinchamos en la herramienta que he enseñado antes con forma de cadena, y nos saldrán varias opciones, le damos a la primera de todas.

En este caso por ejemplo quiero que vaya a la página web de Unicef, porque de eso trataba la práctica entre otras cosas, entonces para ello pones la opción "abrir una página web", y le das a siguiente. 

Ahora aparecerá este recuadro:

Aquí introducimos el enlace de la página a la que queremos que vaya. Cuando lo aceptemos, se establecerá el vínculo y luego cada vez que pulses, irá a la página web.

FORMULARIOS

¡Hola a todos ! 

Hoy os voy a a hablar sobre que es y como se hace un formulario paso a paso.  

Lo vamos a hacer con Acrobat 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. 

¿ Cómo se hacen los formularios ?

Cuando tenemos abierto nuestro formulario lo que vamos a hacer es irnos a herramientas y darle a preparar formulario, lo encontraremos  en la parte de la derecha con las demás herramientas.

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.

 Puede agregar cualquiera de los siguientes tipos de campos de formulario:

Campos de texto. 

 

Casillas de verificación.

Códigos de barras.

Botones de radio.

Campo de firma digital.

Lista desplegable.

Cuadros de lista.

Botones.

Mis Formularios:

CINEMAGRAPH

¡Hola a todos!

Hoy os explicare como se hace un Cinemagraph en photoshop y os explicaré sus pasos.

¿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. La dificultad de este elemento es que no puede lograrse por sí solo, 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.

Mi cinegraph:

Como crearlo:

Una vez que tenemos nuestro video lo llevamos a photoshop y abrimos ventana linea del tiempo.

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

Cuando tenemos nuestra segunda capa, la sacamos de la carpeta y hacemos con ella una máscara de capa.

Ahora con el pincel y en la máscara de capa, 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 no tendrá movimiento.

Por último vamos a guardarlo en psd y también vamos a guardar el video.

HTML 5 Y GIFMAKER

¡Hola a todos!

Hoy os voy a enseñar como hacer un Banner con esta aplicación, Gif Maker, y ademas os hablare un poco sobre HTML 5.

HTML 5:

El “Hypertext Markup Language”, más conocido como HTML, es un lenguaje de programación.

Este estándar sirve de referencia para la elaboración de páginas web en sus diferentes versiones, definiendo una estructura básica y un código para la definición de contenido de una página web, como texto, imágenes, etc.

¿CUÁLES SON SUS VENTAJAS?

HTML 5 ofrece a los programadores de sitios web nuevas oportunidades. Así, navegadores web tan populares como Internet Explorer, Mozilla Firefox o Google Chrome ya son compatibles con HTML 5. 

Además, este estándar también funciona correctamente con smartphones y tablets.

De este modo, también es posible mejorar la velocidad y visualización de las páginas webs en dispositivos móviles.

Gifmaker.me. gifmaker.me
Crea banners compatible con todas las redes. Es rápido y bastante sencillo de usar, simplemente eliges las imagenes y el mismo te las coloca, tienes una barra para ir ajustando la velocidad a la que quieras.

EJEMPLOS DE BANNERS

¡Hola a todos! 

Aquí os dejo unos cuantos Banners dinámicos que hemos realizado en clase con photoshop. También estarán los mismos Banners pero en estáticos.

Banner dinámicos:

Pop-under:

Large rectangle:

Banner estaticos:

BANNER DINAMICO

¡Hola a todos! 

hoy os voy a explicar paso a paso como se hace un Banner Dinámico en Photoshop, en este caso es de una bailarina y vamos a hacer que de vueltas. Para comenzar os voy a explicar que es un Banner dinámico.

Banners Dinámicos:

Los formatos dinámicos, proporcionan opciones avanzadas como sonido, video o animaciones especiales. Estos formatos son más visuales, además de soportar un mayor peso.

Pasos para hacer un Banner Dinámico en photoshop:

-Primero vamos a dar en ventana y a Línea del tiempo.

-Después vamos a ir duplicando las capas y modificando a la bailarina, poniéndola de distintas formas para darle el efecto de que está dando vueltas. una vez hecho todo eso, le daremos a la linea del tiempo. 

-Una vez el la linea del tiempo, vamos duplicando los cuadros seleccionados, dandole a visualizar una por una las capas que tenemos, hasta tenerlas ordenadas en la linea del tiempocomo queramos que sea la animación.

-El paso final es guardarlo, para ello le daremos a exportar y a Guardar para Web.

RESULTADO DE LA BAILARINA

BANNERS ESTÁTICOS Y DINÁMICOS

Hola a todos,
hoy os voy a hablar sobre los banners y tenemos varios tipos de banners, estáticos y dinámicos.

¿ Que es un Banner?

Una pieza publicitaria dentro de una página web. Su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.

Su contenido puede incluir imágenes, textos, animaciones, vídeos, audio, formularios...

Puede ser estático (JPEG o PNG), o animado (con animaciones, GIF, java, flash).



Banners estáticos:

Tipo de banner: Medium Rectangle
Dimensiones y resolución: 300 px x 250 px 72ppp
Formato y peso del archivo: PNG 85 KB
Modo de color: RGB

Tipo de banner: Medium Rectangle
Dimensiones y resolución: 300 px x 250 px 72ppp
Formato y peso del archivo: PNG 15 KB
Modo de color: RGB

Tipo de banner: Leaderboard

Dimensiones y resolución: 728 px x 90 px 72ppp

Formato y peso del archivo: PNG 12 KB

Modo de color: RGB

Tipo de banner: Medium Rectangle

Dimensiones y resolución: 300 px x 250 px 72 ppp

Formato y peso del archivo: PNG 106 KB

Modo de color: RGB

Tipo de banner: Leaderboard

Dimensiones y resolución: 960 px x 100 px 72 ppp

Formato y peso del archivo: JPEG 64 KB

Modo de color: RGB

Tipo de banner: Pop-Under

Dimensiones y resolución: 995 px x 200 px 72 ppp

Formato y peso del archivo: JPEG 164 KB

Modo de color: RGB

Banner dinamicos:

 Tipo de banner: Rectangle
Dimensiones y resolución: 225 px x 127 px 72

Formato y peso del archivo: GIF 28 KB
Modo de color: RGB

Tipo de banner: 3:1 rectangle

Dimensiones y resolución: 300 px x 100 px 72 ppp

Formato y peso del archivo: GIF 28 KB

Modo de color: RGB

Tipo de banner: Half -page ad

Dimensiones y resolución: 300 px x 600 px 72 ppp

Formato y peso del archivo: GIF 34 KB
Modo de color: RGB

Tipo de banner: 3:1 rectangle

Dimensiones y resolución: 300 px x 100 px 72 ppp

Formato y peso del archivo: GIF 19 KB

Modo de color: RGB

Tipo de banner: Medium Rectangle

Dimensiones y resolución:  300 px x 250 px 72 

Formato y peso del archivo: GIF 62 KB
Modo de color: RGB

Tipo de banner: Leaderboard

Dimensiones y resolución: 980 px x 70 px 72 ppp

Formato y peso del archivo: GIF 42 KB

Modo de color: RGB