Peras al vino

Publicidad digital, ese gran desconocido

Hola a todos,

Cuando decidimos que la revista que realizo se pasaba a digital, de esto ya hace un año,  y se usaba Aquafadas pensé que uno de los problemas seria que la publicidad nos llegaría en Adobe DPS.

Uff, nada mas lejos de la realidad. Lo cierto es que a día de hoy ni una sola publicidad ha llegado para usarla en digital. Ni una.

Ni siquiera el documento en abierto con alguna indicación, ni eso.

Todas en PDF, eso si, perfectos para la impresión.

No se muy bien donde esta el problema, la verdad: ¿las agencias no están preparadas?, ¿la empresas no quieren pagar recargos?, no lo se pero desanima. Ademas son empresas grandes, muchas multinacionales.

Cuando me llegan lo que hago es abrirlas con Illustrator y pasar los elementos que me interesan a InDesign.

La verdad es que los clientes han quedado siempre contentos. Os paso 4 ejemplos:

  ¿Qué podemos usar?

Dentro de la publicidad digital podemos usar:

  • PDF con documentación
  • Vídeos
  • Música o sonidos
  • Micro webs
  • Animación
  • Movimiento
  • Enlaces
  • Formularios
  • etc.

Si estas interesado en que de vida a tu publicidad digital (en Adobe DPS o en Aquafadas) ponte en contacto conmigo y veremos que podemos hacer.

Saludos,

Categorías -

App del mes para Aquafadas: Marca Plus

Hola a todos,

A finales de agosto Aquafadas nombro app del mes a Marca Plus.

Esta publicación digital hecha en España tiene un diseño muy trabajado, usan muchos recursos gráficos consiguiendo un resultado muy visual, la verdad. Otro punto fuerte es la calidad de las imágenes.

Es una muy buena referencia para ver hasta donde llega Aquafadas si se sabe manejar bien.

Es una publicación quincenal. Llevan 3 números. Y como lo mejor es verla os dejo los enlaces para su descarga: iTunes y Google Play.

Enhorabuena por el trabajo.

Categorías -

Video en Aquafadas

Hola a todos,

Una de las características mas importantes en una publicación digital es la capacidad de mostrar videos.

Aquafadas permite la inclusión de videos en sus publicaciones. Es un proceso fácil pero lleva varios pasos y es importantes hacerlos todos para que el resultado se optimo.

Empezaremos por decir que el video debe estar codificado con MP4.

Después tenemos que decidir donde va a estar alojado el video. Tenemos dos opciones:

  • Dentro del ZAVE con lo cual el lector lo puede ver sin conexión a internet, lo vera inmediatamente, sin esperas. Por contra la app pesara mas al estar el video incrustado. Esta opción suele ser recomendable para la publicidad o para partes muy importantes, como la portada.
  • Vídeo alojado en un servidor en internet. Con esta opción no se incrementa de peso el ZAVE pero a cambio tenemos que estar conectados a internet para poder ver el video. Puede ser un servidor nuestro o no dedicado a este tema como Youtube.

Una vez decidido este punto os cuento otros detalles importantes:

  • Si esta en Youtube tenemos que ir a “Compartir” > “Insertar” y copiar el código iframe
  • Creamos un documento en HTML que solo tenga el iframe. Otro detalle importante es poner los márgenes a 0.
  • En local (en el simulador) no funciona.

A continuación vemos la paleta de las herramientas para la inserción de videos (Movies).

 

Categorías -

Conectar una pagina web con Aquafadas es posible gracias a WebActionToolKit

He de decir que lo descubrí hace poco pero que ya lo tenia en mente: Si realizo una pagina web con HTML 5 y CSS 3 y la meto en un documento de InDesign ¿cómo relaciono los clic o pulsaciones en la tableta dentro de la web embebida con el resto del documento?

El camino es usar WebActionToolKit. Son dos archivos con rutinas en javascript que puestas en nuestro documento HTML se relacionan con acciones creadas en Aquafadas.

Vamos a contarlo por partes con un ejemplo para verlo mejor:

Paso 1

Nos descargamos WebActionToolKit.zip. Dentro veremos los archivos necesarios y algunos ejemplos.

Paso 2

Imaginemos que queremos hacer un sumario de una revista con un efecto de acordeón horizontal de tal forma que al pulsar sobre cada imagen las otras se plieguen.  O sea siguiendo este ejemplo pero con tres pestañas y con nuestras imágenes:

Realizamos la página HTML y CSS.

Después añadimos en la sección HEAD este código:

<script type=”text/javascript” src=”afdpLib.js” ></script>
<script type=”text/javascript”>
window.onload= function(){
window.afdp.readyToDisplay();
};

function callAction($pAction)
{
window.afdp.simpleCallOutActionWithName($pAction);
}
</script>

y ponemos en el mismo nivel que el archivo HTML estos dos:

  • afdpLib.js
  • afdpLibInit.js

Por último tenemos que modificar el evento de cada uno de los botones de nuestro archivo HTML y dejarlos así:

<a href=”javascript:callAction(‘nombre_de_la_acción’)”>

Paso 3

Ya en InDesign llamamos desde una caja de imagen, con la extensión de Aquafadas, usando la herramienta “HTML page” a esa página HTML que hemos creado:

  • Es importante marcar la opción de “Interacción”.
  • En el apartado de Actions pulsamos en el “+” para añadir una nueva acción.
  • Estas acciones deben llevar exactamente el mismo nombre que el que hemos usado en la etiqueta <A> del HTML, o sea “nombre_de_la_acción”.
  • Podemos poner tantas acciones como queramos.
  • Estas acciones son las que nos permite poner Aquafadas cuando usamos la herramienta de botones:
    • Podemos mostrar/ocultar capas
    • Podemos mostrar/ocultar elementos
    • Activar o para animaciones
    • Mostrar mensajes
    • Salir de la app
    • etc

En este caso lo que hace es mostrar el botón para ir a leer ese articulo. Este botón esta en una capa. Como son tres artículos hay tes capas. Voy diciendo que muestre una y oculte las otras dos.

Pero no todo es perfecto. Hoy por hoy, a 17 de septiembre de 2014, esto es incompatible con  webreader.

Y digo hoy por hoy porque para este mes esta previsto que Aquafadas actualice su extensión y los webreader estén basados en HTML 5 y CSS 3 y no en flash como están ahora mismo.

Tendremos que esperar unos días.

Categorías -

Nuevas versiones de CC de Adobe: 2014

Hola a todos,

Ayer Adobe lanzo nuevas versiones de su gama Creative Could: 2014

En generan viene cargada de novedades pero me voy centrar en InDesign.

A modo de resumen la mas importante, que va a permitir un gran avance en la publicación digital es, sin duda exportar a ePub3 con maquetación fija.

Copio y pego el texto de la web de Adobe:

  • Tablas simplificadas
    Mueve filas y columnas por las tablas con solo seleccionar, arrastrar y soltar.
  • Maquetación fija (EPUB)
    Crea libros EPUB interactivos con texto interactivo, como libros infantiles, de recetas, de viajes o de texto, llenos de ilustraciones, fotografías, audio, vídeos o animaciones. La maquetación y el diseño no cambian independientemente del tamaño de la pantalla donde se visualicen.

  • Actualización coherente
    Tus valores predeterminados y preferencias, incluidos los espacios de trabajo y los métodos abreviados, no cambiarán cuando actualices a nuevas versiones de InDesign.
  • Grupos de colores
    Al igual que con las carpetas de estilo de párrafo, podrás gestionar y organizar tus muestras de color para encontrar rápidamente lo que necesitas.
  • Integración de Behance
    Guarda el trabajo desde InDesign directamente en Behance para mostrar los proyectos terminados o compartir tu trabajo en ejecución. A medida que perfecciones tu trabajo y cargues nuevas versiones, podrás recibir de forma inmediata comentarios de creativos de todo el mundo.
  • Aplicación de escala en efectos
    Todos los efectos aplicados que hayas añadido, como sombras paralelas o calados de degradados, se escalarán automáticamente cuando cambies el tamaño de un objeto o texto.
  • Búsqueda mejorada
    Al buscar texto, glifos o GREP, ahora podrás hacerlo hacia atrás con Buscar anterior, además de poder buscar hacia delante con la función Buscar siguiente.
  • HiDPI
    Además de ser compatible con las pantallas Retina HiDPI de Mac, InDesign también está optimizado para los equipos Windows HiDPI.
  • Notas al pie de página mejoradas
    Las notas al pie de página serán compatibles con la opción de ceñir texto de los elementos del marco de texto y de la página externa.
  • Creador de códigos QR mejorado
    Ya no tendrás que crear manualmente un código QR único cuando realices una combinación de datos. Con esta nueva función, se creará automáticamente.
  • Empaquetado mejorado
    Además de INDD y fuentes y archivos vinculados, ahora puedes incluir archivos PDF e IDML cuando crees un paquete en InDesign. De esta forma, te aseguras de que usuarios de distintas versiones puedan abrir y ver tu documento.
  • Impresora Passthrough PDF
    Imprime tus documentos directamente en dispositivos PDF Print Engine sin tener que convertir el archivo a PDF.

Por otra, con tantas versiones uno se va liando de las novedades de cada versión y Adobe ha publicado una tabla resumen en esta página.

Categorías -

Botones con dos o mas acciones en Aquafadas

Hola,

Vamos con otra pequeña píldora sobre Aquafadas.

Imaginemos que estamos haciendo un proyecto en el que aparece un video en una capa que se muestra y se oculta gracias a un botón. Cuando mostramos el video este se pone en marcha de forma automática.

O sea que:

  • Al pulsar sobre un botón (elemento 1) se muestre una capa que contiene:
    • Un video (elemento 2)
    • Un botón de ocultar capa  (elemento 3)
  • Y el video que se acaba de mostrar, el elemento 2, que se ponga en marcha de forma automática al pulsar el elemento 1, o sea al mostrarse.
  • Por último, al ocultar la capa que el video se pare gracias al botón del elemento 3.

Lo cuento por partes. Aunque es fácil tiene varios pasos:

  1. Creamos los tres elementos y la capa:
    1. Creamos la capa que contiene el video y el botón de ocultar video (o sea los elementos 2 y 3).
    2. En la capa anterior ponemos el vídeo (elemento 2) y el botón (elementos 3).
    3. Creamos el botón de mostrar vídeo (elemento 1).
  2. Mostramos la capa activa y la capa donde esta en vídeo.
  3. Seleccionamos el botón de mostrar capa (elemento 1) y le damos estas acciones:
    1. Primero que muestre la capa
    2. Añadimos una acción que sea:
      1. Seleccionamos “Fram (using frame picker)” y pulsamos sobre el botón de seleccionar Frame: “Click and choice a fram…”
      2. Ahora seleccionamos el elemento sobre el que queremos actuar. En este caso el vídeo.
      3. Como Aquafadas detecta que es un vídeo nos da las opciones relativas al vídeo: lo pone en marcha o lo para. En este caso como lo va a mostar nosotros deseamos que se ponga en marcha

Categorías -

Guardar automaticamente en Illustrator

Hola,

Os traigo una extensión muy útil si usáis Illustatrator: se trata de Autosaviour que permite guardar de forma automática nuestro documento mientras trabajamos con el evitando así perder el trabajo por cortes de luz, cierres de la aplicación y alguna cosa mas de esas que suelen pasar, por desgracia.

Os dejo un vídeo:

La extensión es gratuita y os la podéis descargar de este enlace.

Fuente: blog de profeivan.

Saludos,

Categorías -