ADOBE ACROBAT [3] Audio, Vídeo y 3D.

Buenas, en esta última entrada sobre ADOBE ACROBAT vamos a ver un poco acerca de unos tipos de archivo que podemos introducir. 

Necesitaremos nuestro PDF como siempre.

- Un Vídeo

- Un Audio

- Un Archivo 3D

El archivo 3D podemos encontrarlo en diversas páginas Web, y es IMPORTANTÍSIMO tener instalado Flash, si no, será más complicado introducir un archivo 3D. Se me han proporcionado algunos, así que podré mostraroslos. También dejo una página Web con la que podéis probar a descargar archivos 3D e introducirlos.

FREE3D

Bueno, vamos a ello. Como siempre, necesitamos un PDF.

3D

Necesitamos usar la herramienta de Medios Enriquecidos. Iremos a Más Herramientas y la sacaremos en caso de que no esté. Ya enseñé a sacar las Herramientas en Acrobat en la primera entrada de estas guías, por lo que no repetiré la explicación.

1. En la barra de herramientas que nos aparece, seleccionaremos la opción de Agregar 3D.

2. Hacemos click y arrastramos, para crear la zona donde irá nuestro modelo 3D.

3. Una vez creada, nos pedirá que seleccionemos nuestro modelo 3D. En este caso usaré un formato .u3d, que sin tener Flash, me permite añadirlo.

Una vez demos en Aceptar, tendríamos el modelo dentro de nuestro PDF.



4. Se vería algo así. Podemos rotarlo, movernos nosotros para verlo, y visualizarlo de diferentes maneras con las opciones que se nos proporcionan. Para ello haremos click.

Hay veces que puede aparecer un mensaje así.


Esto se arregla fácil. Sólo debemos ir a la derecha del mensaje, y en Opciones seleccionar que consideramos a este documento de confianza. Tras darle, ya podríamos rotar nuestro modelo.

AUDIO

Ahora vamos a añadir un audio. Se añade de manera parecida, así que no tendremos ningún problema.

1. En Medios Enriquecidos seleccionamos Agregar Sonido.



2. Como en el 3D, hacemos una cajita del tamaño que queramos.

3. Nos pedirá que seleccionemos nuestro archivo. Yo he seleccionado un .mp3



4. Aceptamos y se verá así. Haciendo click podremos escucharlo.



VÍDEO

Y por último vamos a agregar un vídeo.

1. De nuevo en Medios Enriquecidos, seleccionamos la herramienta Agregar Vídeo.



2. Creamos el cuadro...

3. Una vez creado nos pedirá seleccionar nuestro archivo (recomiendo .mp4). PERO también nos ofrece el poder insertar una URL. Yo insertaré un .mp4, y dejo el enlace aquí abajo.



Tu Perrito

4. Aceptamos... Y podríamos ya visualizarlo SIEMPRE que tengamos Flash. En mi caso no lo tengo... así que no he podido añadirlo.

Espero este conjunto de entradas sirva a alguien. Nunca está de más aprender unos truquitos con los que seguro sorprendes a alguien.

¡Nos vemos en otra entrada!
Chao (o-o)/

ADOBE ACROBAT [2] Transiciones

¡Buenas! En esta ocasión hoy proseguimos con Adobe Acrobat y su interactividad. En este caso será una entrada más breve que la anterior. Vamos a ver cómo añadir transiciones a nuestro PDF.

¿Qué es una TRANSICIÓN?

Es un efecto, normalmente visual, aunque puede contener también sonidos.Comúnmente se utiliza para indicar la aparición y/o salida de una diapositiva durante una presentación de un documento realizado con estas.

También se utilizan en otros ámbitos, como por ejemplo, en el proceso de postproducción. Existen ''transiciones'' que sirven también para hacer aparecer y desaparecer elementos en un documento. Se conocen más comúnmente como Animación de Entrada/Salida.

Cuando probéis veréis que son chulísimas. Yo puedo tirarme ratos largos probando transiciones en mis presentaciones.

TRANSICIONES

Tenemos 2 maneras de añadir las transiciones. Ambas son muy breves. Y como siempre, primero necesitamos nuestro PDF y Adobe Acrobat.

1.1. En esta primera manera debemos ir a Adobe Acrobat Pro DC > Preferencias.

1.2. Nos aparecerá una ventana, y seleccionaremos la categoría Pantalla Completa.

Nos vamos a centrar solamente en esta zona.

1.3. Al seleccionar ''Sin Transición'', nos aparecerá una lista con todas nuestras Transiciones disponibles. Seleccionamos la que queramos, y damos a Aceptar.

En ''Dirección'' podemos elegir si la animación se verá de Izquierda a Derecha, de Derecha a Izquierda, Arriba a Abajo... Eso ya es a vuestro gusto.

 

Esta manera sólo nos permite meter un tipo de Transición para TODAS las páginas del Documento.

Ahora vamos a ver la otra forma, que nos permite seleccionar una Transición diferente para cada página.

2.1. Iremos a la izquierda, a una barrita un poco escondida y la sacaremos. De ahí seleccionaremos la Herramienta de Miniatura de Páginas.

2.2. Ahora vamos a seleccionar una página o varias [ SHIFT + CLICK si son todas seguidas. CTRL + CLICK si quieres seleccionar de manera más específica en Windows ] y haremos click derecho. 

2.3. Seleccionaremos Transiciones de Página.

2.4. Configuramos a nuestro gusto cómo queremos que sea la Transición en esa página o conjunto de páginas. También tenemos la opción de Aleatorio en cada sección, para tener un popurrí de todas las transiciones completamente al azar.

Y Aceptamos.

Tendríamos nuestras Transiciones añadidas. Pero OJO, podremos visualizarlas en Ver >''Presentación'' o ''Modo Pantalla Completa'' o realizando Cmd + L en Mac, y en Windows, con el Atajo de Teclado F11. ¡Ya verás como les dan un toque diferente a tu presentación!

Espero os sirva esta entrada, por hoy, me despido. 

¡Hasta otra! ^^

ADOBE ACROBAT [1] Hipervínculos Y Marcadores

¡Buenas a todos! Hoy os traigo una entrada sobre los marcadores e hipervínculos, que son un par de herramientas para hacer un PDF algo más interactivo. Realizaré otras dos entradas sobre otras herramientas de este tipo, ya que todo forma parte de una actividad conjunta. Por supuesto todo con Adobe Acrobat.

Bueno, al lío, primero explicaré lo que son los marcadores e hipervínculos.

Marcadores. Son un tipo de vínculo que llevan a quien visualice nuestro PDF, a una página específica previamente seleccionada. No nos permiten más que el desplazamiento por el documento.

Hipervínculos. Son vínculos cuya función es llevarnos hacia la página donde esté el elemento seleccionado en nuestro hipervínculo. También pueden ejecutar acciones, como Imprimir, o llevarnos a una web.
Por si puede interesar: Ya he realizado otra entrada donde utilizaba Hipervínculos para crear un PDF INTERACTIVO en InDesign. Dejo el enlace aquí por si se le quiere echar un ojo.

>>> PDF INTERACTIVO <<<

Bueno, empezaremos con los Hipervínculos. Para poder editarlos, necesitamos abrir nuestro PDF y fijarnos en Herramientas > Editar PDF.Si por alguna extraña razón no apareciera la opción, simplemente le daríamos a Más Herramientas. Allí debería estar, y al seleccionarla se añadirá a nuestra barra de herramientas. Hay otra manera de encontrar nuestra herramienta y tenerla siempre a un alcance más corto. Lo explico después.

Una vez hemos dado en Editar PDF, nos saldrá una barra de herramientas un poquito diferente a la de las entradas anteriores.



Esta vez, dado que en cada herramienta pone su nombre, no proporcionaré una imagen con el nombre de cada una. Sería una tontería. Así pues vamos a verlas rápidamente.

·Agregar Texto/Imagen. Hace mención a su nombre. Sirve para introducir textos o imágenes en nuestro PDF.

· Vínculo.  Esto nos interesa. Nos permitirá crear un vínculo, editarlo, eliminar todos los vínculos y ver una lista con todos los vínculos de nuestro PDF. Veremos como funciona un poco más adelante.

· Recortar Páginas. Pues eso, nos permite recortar las páginas del PDF.

· Encabezado y Pie de Página. Esto nos permitirá ver y editar en profundidad cómo serán el encabezado y pie de cada página.

· Marca de Agua. Esta opción sirve para añadir una marca de agua, podemos crearla directamente con esto. Las marcas de agua sirven para ''marcar'' un producto digital. De tal manera que informamos que ese producto tiene copyright, y seguramente no deberíamos usarlo sin autorización de la empresa/creador.

La otra manera de sacar las herramientas, es irnos arriba en nuestro programa, y darle a Ver > Mostrar/Ocultar > Elementos de la Barra de Herramientas > Personalizar Herramientas Rápidas.

Aquí buscamos las herramientas de Agregar Marcador y la de Vínculos. Al encontrarlas, le daríamos al símbolo de la derecha, y luego a Guardar. Esto nos moverá estas herramientas a una barra más accesible para usarlas. Esta barra estará arriba a la derecha principalmente. 

HIPERVÍNCULOS

1.1 Vamos a ir a a la barra de herramientas y seleccionaremos Vínculo > Añadir/Editar Vínculo.

Nuestro cursor del ratón se convertirá en una cruz. Si hacemos click y arrastramos sobre cualquier zona del PDF, estaremos creando una zona en la que al clickar - cuando el vínculo esté creado -  nos llevará a la web o página del PDF que le hayamos designado.

1.2. Nos saldrá, al terminar de arrastrar, este cuadro. Aquí podemos hacer que nuestro vínculo se pueda ver. Normalmente no se pueden ver, y el usuario intuye que si hace click ahí, le dirigirá a algún sitio. 

En vincular acción, seleccionaremos lo que queremos que haga nuestro vínculo.

*Ir a otra página del documento

*Abrir un archivo que asignamos de nuestro ordenador

*Abrir una página web.

*Otras muchas opciones, como poder Imprimir.

1.3. Voy a crear un vínculo hacia una web, y le añadiré contorno para que podamos ver que está ahí y no estoy timando a nadie. Nos pedirá la URL de la web que queramos vincular. La copiamos y pegamos y ya.

Y aquí tengo creado mi vínculo. Si le hago click, me dirigirá a la página de UNICEF. ¿Veis como yo no timo a nadie? 😆

2. Ahora voy a crear vínculos en el Índice del PDF, y los vincularé a las páginas correspondientes.

2.1. En este caso los haré vínculos Invisibles. Cuando seleccionemos siguiente, nos aparecerá algo importante.

Leed atentamente el mensaje. 

2.2. Lo explico: Para crear el vínculo con la página que queramos, debemos irnos mientras este mensaje esté abierto, a la página que queremos vincular, con la barra de desplazamiento de Acrobat. Y una vez en esa página, seleccionamos Establecer Vínculo. Pondré un ejemplo para que se vea más claramente.

Esto es el índice de este PDF. Nos dice que en la página 5, está el primer apartado. 

La barra negra, es el Indicador de Páginas DE ACROBAT. Para Acrobat, la página 5 del PDF, es la número 7. 

Esto es porque antes del Índice, tenemos varias páginas más, que están sin enumerar en este PDF. 

·Para crear el vínculo a la página 5, tenemos que ir a la página enumerada como 5 en el PDF, no en Acrobat. 

·Si las páginas no estuvieran enumeradas, iríamos vinculando según el número de página de Acrobat.

En este caso, las páginas del PDF, están enumeradas. Hay que fijarse bien en los bordes de cada página.

Y con esto terminamos los hipervínculos. Vayamos a los marcadores.

MARCADORES

Esta opción la tenemos arriba a la izquierda de Acrobat, en una pequeña barra de herramientas con, normalmente, 3 herramientas.

·Miniaturas de Página. Nos mostrará miniaturas de las páginas del PDF, para que podamos ir a ellas rápidamente.

·Marcadores. Podremos editar y crear nuestros marcadores.

·Archivos Adjuntados. Aquí podemos ver todos los archivos adjuntos de nuestro documento.

Para crear un Marcador, es mucho más sencillo.

1. Vamos a la página a la que queramos añadir el marcador, y seleccionamos el Símbolo de Añadir Marcador, ubicado al lado de la papelera.

2. A continuación se nos pedirá que pongamos un nombre a nuestro marcador. 

Lo nombramos como queramos, y tendríamos el marcador hecho.

Estos son los marcadores que he realizado para este PDF. Con esto, terminamos esta entrada. Espero sirva de algo ya que con Acrobat podemos hacer muchas cosas, y faltan muchas por ver. 

¡Nos veremos en la próxima entrada! :3

Formularios

Buenas, en esta entrada voy a explicar cómo realizar formularios. Es bastante sencillo, y primero explicaré qué son los formularios.

¿QUÉ ES UN FORMULARIO?

Estos son documentos, impresos o digitales, en los que hay campos, y se deben rellenar o seleccionar opciones y datos. Por ejemplo este de aquí abajo.

Los hay de todo tipo y con diferentes diseños, y podemos crear el nuestro propio. Hay que aclarar que debemos maquetar todo previamente. Hoy redactaré cómo crear los campos a rellenar y seleccionar con Adobe Acrobat. También quiero comentar, que crear estos documentos se realiza en 3 pasos:

1. Maquetarlo. Podemos hacer esto desde un programa como QuarkXpress o Indesign.

2. Exportarlo como PDF.

3. Agregar los campos. Como dije, esto lo veremos hoy, con Adobe Acrobat.

CREAR UN FORMULARIO (AÑADIR CAMPOS)

Necesitaremos nuestro PDF y Adobe Acrobat. Al abrirlo, tendremos múltiples opciones. Las más importantes son las Herramientas de la derecha y de la parte superior.

Bien, hay una opción llamada ''Preparar Forumlario''. Obviamente deberemos darle aquí. 

Si la opción no aparece, es tan sencillo como irnos a ''Más herramientas'', y buscarla allí. 

Cuando le demos, saldrá esto.

Podemos digitalizar un documento, o bien podemos seleccionar uno desde nuestro ordenador. Elegimos en este caso nuestro PDF y continuamos, damos a ''Inicio''.

Las opciones han cambiado. Si aparece algún aviso previo diciendo que no se han detectado campos, no os asustéis. Es normal, ya que vamos a crearlos nosotros. Hay veces que Acrobat detecta campos ya hechos en la maquetación, por eso nos avisa de que no hay en este documento.
Vamos a echar un ojo a las herramientas de formulario.



Como siempre, explicaremos para un mejor entendimiento, las herramientas principales.

· Añadir Campo de Texto.  Esta opción nos permite crear un campo en el cuál podemos escribir. Podemos personalizarlo para que unicamente se puedan escribir números o letras.

· Añadir Casilla de Verificación. Esto nos creará las típicas casillitas cuadradas para seleccionar/deseleccionar, afirmar o verificar una o más opciones.

· Agregar Botón de Radio. O una u otra. Con esta herramienta solo podremos elegir una opción de cuantas decidamos poner a disposición. Eso sí, y esto es importante: Los Botones deben estar en el mismo grupo. Es decir, que al crear uno de estos botones, se te crea automáticamente un grupo. Para que funcionen correctamente deben estar todos los botones en el mismo grupo.

· Agregar Lista de Opciones. Con esto podemos añadir un campo que nos permitirá seleccionar una de las opciones.

· Agregar Lista Menú Desplegable. Igual que la anterior herramienta, solo que esta vez podemos hacer que la lista se ''abra'' hacia abajo, mostrando las opciones.

· Agregar Botón ''Imprimir'',''Borrar'',etc... Con esta opción podemos crear un botón, que al clickarlo, ejecuta estas opciones u otras. De manera que si lo configuramos para que al darle, imprima, lo hará. Si lo hacemos para que borre el contenido de todos los campos del formulario, lo hará.

· Añadir Campo de Imagen. Aquí podemos crear un campo que sólo se rellenará con una imagen.

· Añadir Campo de Fecha. Esto crea un campo en el cuál se pondrá la fecha, permitiéndonos elegir entre diferentes formatos de mostrar dichas cifras.

· Agregar Firma Digital. Esta herramienta nos permite añadir una firma digital.

· Agregar Campo de Código de Barras. Y esta, nos permitirá añadir un campo que tendrá un código de barras.

Una vez explicadas las herramientas principales, vamos a poner distintos campos en un PDF que se me ha proporcionado.

Tengo este PDF para llenar de campos. Primero voy a poner los campos de Texto donde deben ir.

Todo esto son campos de texto. En todos ellos se debe escribir algo. Aunque, en dos de ellos, he realizado unos pequeños cambios. En los campos del Código Postal y del Número de Teléfono, he seleccionado una opción con la que solo se pueden escribir números. Si se intentan escribir letras, esos caracteres no aparecerán. Para activar esto, daremos doble click sobre un campo.

Nos aparecerá esto. Aquí podemos cambiar muchas cosas. Desde el aspecto del campo hasta hacer que ese campo abra un archivo. Nos iremos al apartado Formato. Allí seleccionamos el formato que queramos para ese campo. También podemos elegir otros formatos especiales y crear uno propio.

También tenemos la opción de permitir un máximo de números decimales, y de hacer que aparezca un símbolo de nuestra moneda. Esto viene genial para los formularios en los que se manejen datos económicos. 

Aparte del formato, podemos cambiar el aspecto de nuestro campo. Yo los he creado con una línea morada, sobre la cual se escribirá. Estos cambios se aprecian mejor en la vista previa de nuestro formulario. Podemos hacer tantas cosas, que a veces lo mejor es toquetear y a ver qué pasa. Total, no va a explotar nada, ¿no?

Continuando con el formulario, ahora vamos a poner los campos que requieran de una lista de opciones.

Los Campos de Tratamiento y Provincia al clickarlos, aparecerá una lista con diversas opciones con una a elegir. Para personalizar esta lista debemos darle doble click al campo. Nos iremos a la pestañita de Opciones. Ahí no habrá nada, pero nosotros añadiremos lo que queramos poner en esa lista. Escribimos la palabra o frase en ''Elemento'' y le damos a Agregar. Así haremos con varios elementos, hasta tener nuestra lista deseada. 

 En Provincias he añadido una a una cada provincia, aunque es bastante probable que exista la opción de poder descargar la lista de provincias de tu país y añadirla. Eso tal vez lo veamos en otro momento.
A continuación, en la siguiente página añadí casillas de verificación.

Podemos cambiar la forma que aparecerá en la casilla cuando sea seleccionada, también su aspecto puede variar un poco, pero tampoco tiene muchas complejidades este tipo de casillas.
En la última sección de este PDF vamos a poner algo parecido, pero no igual. Pondré los Botones de Radio. Que como a expliqué más arriba, funcionan casi igual que las casillas de verificación. Con la diferencia de solo poder elegir una opción.

Aquí muestro un poco más acerca de los grupos de estos Botones. Es importante saber esto, ya que si no, no funcionarían como deberían. Todo está muy automatizado, pero debemos poner de nuestra parte y saber alguna cosa importante para poder realizar ciertas tareas.

Y con esto termino mi PDF formulario. Sólo me queda guardarlo y mostraroslo.

Dejo también otro formulario al que he añadido campos.

Y así se realizaría un formulario con Adobe Acrobat. Espero haya servido.
¡Hasta otra! :3

Cinemagraph

¡Hola! En esta entrada os voy a explicar cómo realizar un Cinemagraph y cómo realizarlos con Adobe Photoshop.

¿Qué es un CINEMAGRAPH?

Bien, pues estos son imágenes animadas. Pero son la combinación de fotografías y vídeos. Su mayor parte suelen ser estáticas, pero tienen una parte en la que se ve una animación normalmente infinita. Suelen guardarse en GIF.

Os dejo aquí una página para que veáis algunos cinemagraphs.

CINEMAGRAPHS

Ahora, ¡vamos a realizar nuestro propio Cinemagraph!

CÓMO REALIZAR UN CINEMAGRAPH (LÍNEA DE TIEMPO DE VÍDEO)

En esta ocasión, vamos a realizarlo con Photoshop. Y por supuesto, necesitamos sacar la Línea de Tiempo. Si no la tenéis, podéis sacarla dándole a Ventana > Línea de Tiempo.

Puede que os aparezca la Línea de Tiempo de Cuadros, en esta ocasión necesitaremos la de Vídeo.

Y como hice en la anterior entrada, voy a explicar las opciones de esta Línea de Tiempo, para que a la hora de usarla, se entienda todo mejor, y se entienda para qué sirve cada cosa.

Esta línea de tiempo funciona con Pistas, las hay de Audio y de Imagen. En ellas se colocan los elementos, y podemos moverlos y añadirles algún efecto, controlando totalmente la duración de cada elemento independientemente.

· Pista de Audio. Aquí podemos ver y manipular el sonido o efectos de sonido de nuestro vídeo.

· Pista de Imagen. En esta pista se colocan todos los elementos visibles, lo que tengamos en las capas, se visualizará aquí.

· Sonido. Con esto podemos silenciar el vídeo y viceversa.

· Cortar. Donde tengamos ubicado el reproductor, esta opción separará el vídeo en dos trozos. En el caso de Photoshop, también añadirá una nueva Pista para uno de los trozos separados.

· Transiciones. Esto nos permitirá añadir un efecto de desvanecimiento y similares a los elementos de nuestras pistas. Eso sí, se añade al principio y al final de los elementos. Son efectos que actúan en la entrada y salida (la aparición y desaparición) de los objetos de nuestra pista.

· Duración del Vídeo y FPS. Aquí podemos ver en qué momento del vídeo estamos ubicados, cuánto dura, y el número de imágenes que transcurren por segundo en nuestro vídeo. En este caso, son 29,97 fps, y se dice que va a 30 fps.

· Exportar. Nos permite exportar nuestro vídeo.

· Convertir en animación a Cuadros. Este es la Línea de Tiempo de Vídeo. Dando click ahí, cambiaremos a la Línea de Tiempo de Cuadros.

· Resolución e Indefinido. Nos permite cambiar la resolución y poner que sea un vídeo de duración indefinida.

Ala derecha tenemos muchas otras opciones. Pero las más primordiales, son estas que he mencionado.

CÓMO REALIZAR UN CINEMAGRAPH(PROCEDIMIENTO)

Primero necesitaremos un vídeo. No puede ser cualquiera. Preferiblemente debe ser uno donde la cámara esté quieta, en un sitio fijo y sin ningún tipo de movimiento. En mi caso, elegí la escena de una playa.

Llevaremos nuestro vídeo a Photoshop, y allí deberemos duplicarlo.

Necesitamos la imagen estática, para ello, Rasterizaremos la capa duplicada. Vamos a Capa > Rasterizar > Capa. Tendremos nuestra ''imagen''.

Es importante fijarnos en que ambas pistas de imagen estén bien sincronizadas. Sobre todo para los Cinemagraphs más complejos. A continuación, creamos una máscara de capa en nuestra capa anteriormente rasterizada. Y en mi caso, voy a hacer que el mar sea lo que no se mueva. Asi que sólo descubriré las palmeras.

Ahora nos dirigiremos a la Línea de Tiempo y seleccionaremos la opción de Infedinido.



Tendríamos nuestro Cinemagraph hecho, nos haría falta exportarlo. Vamos a hacerlo como GIF, que es un formato ideal para publicarlo en internet y evitar que pese mucho. Igualmente, al ser su base un vídeo, pesará, ya que son muchísimas imágenes consecutivas en cada segundo.
Nos vamos a Archivo > Exportar > Guardar para Web 
Puede que tarde un poco en cargar, depende de vuestro archivo, y de vuestro ordenador.



Os saldrá algo como lo de la derecha, y ''opciones'', en las cuales pone Original, Optimizado, 2 copias, 4 copias... Lo mejor sería en Original, toquetear las opciones a tu gusto. Sólo recuerda que no debe pesar mucho. Y no te preocupes, en Original y Optimizado salen las mismas opciones. Una vez configurado a tu gusto, seleccionamos Guardar...
 

Saldrá algo así, lo ideal es tener el HTML y las imágenes (GIF). Damos en Guardar y tendremos nuestros dos archivos. ¡Ya tienes todo listo para subir tu propio cinemagraph!

¡Puedes hacerlos muy curiosos y distintivos! Sólo has de buscar, o crear el vídeo.
Y con esto, nos veremos en otra entrada, ¡hasta otra! :D

HTML5-MAKER y GIFMAKER.

¡Buenas! En esta entrada vamos a hablar un poquito sobre algunas webs para realizar GIFs y Banners, y sobre el HTML5.

Primero os voy a comentar un poco sobre GIFMAKER.ME.

Esta web como se ve, es muy sencilla. Simplemente tendríamos que darle a ''Subir Imágenes''. Se nos pedirá que seleccionemos las imágenes que queramos para crear nuestro GIF. A la derecha podemos ver la previsualización de cómo será nuestro GIF, así como algunas opciones que nos permiten cambiar el tamaño, el número de repeticiones, el tamaño del lienzo y añadirle música con un enlace de Youtube. Una vez configurado esto al gusto, le daremos a ''Crear animación GIF''. Se ampliarán unas opciones justo debajo, como queremos descargarlo, seleccionamos ''Descargar el GIF''.

Y tendriamos ya este GIF descargado y listo para publicar donde queramos. Como por ejemplo... este blog.

¿A que ha sido sencilla de usar esta web? Tardo yo más en desarrollar esta entrada que cualquiera en crear un GIF con ella. Bueno, ¿y si probamos otra un poco diferente? Vámonos a BannerSnack.

Esta página nos permitirá crear algo con un poco más de personalización. Necesitaremos registrarnos, ¡pero no te preocupes! Es totaaaalmente gratuito hacerlo. Lo único malo es que no podremos utilizar todos los recursos de esta web, tendremos acceso limitado a algunas acciones y cosillas de esas, algo parecido a la Demo de un videojuego o a la de muchos programas de pago. 

Bueno, prosigamos. Una vez teniendo nuestra cuenta creada, le daremos a crear un banner, y seleccionaremos una de las dos opciones que nos ofrecen. En este caso elegiré una pancarta normalilla. Y del tipo Rascacielos Ancho. 

Tenemos aquí el lienzo de nuestro Banner, sobre el cuál trabajaremos. Las capas del Banner a la derecha, y las diapositivas también. A la izquierda tenemos toooodas las opciones para crear nuestro banner. Tenemos muchísimas cosas para empezar nuestro diseño desde cero. Pero debemos tener cuidado, hay algunas cosas marcadas con un símbolo naranja. Esto significa que debes pagar para poder usarlas... es lo malo, ¡pero es lo que hay! 

Con los elementos gratuitos que me ofrecen, he realizado este banner. Lo he guardado y dinamizado de manera que ha quedado así >> PrePublicacionesElectrónicas << He de decir que a la hora de descargarlo, nos permite hacerlo en HTML5 pero sólo si pagamos. Por lo que no puedo traer este ejemplo subido.
En mi caso he subido el código HTML, que nos lo da la página.

¡Y eso es todo por hoy, nos veremos en la próxima entrada!