Peras al vino

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 -

Como Empaquetar si usas Aquafadas

Hola a todos,

Soy muy metódico y una vez acabado un trabajo me gusta archivarlo usando la función de Empaquetar de InDeisgn.

El problema surge cuando la obra es digital y hemos usado la extensión Aquafadas. Esta extensión usa imágenes que no so nos reconocidas por InDesign a la hora de Empaquetar por lo que no son guardadas.

La extensión, por su parte, no dispone de la opción de Empaquetar.

¿Qué podemos hacer en este caso?

  1. Una primera solución puede ser guardar todos los recursos gráficos interactivos dentro de la misma carpeta, por ejemplo una llamada “Interactividad”. Dentro dejamos separados por carpetas todo este tipo de recursos. Después solo hace falta copiar esta carpeta a donde tengamos copiados las carpetas del resto de artículos.
    1. Ventajas:
      1. El orden es natural, el que estemos usando nosotros.
      2. Podemos copiar archivos intermedios que los hallamos usado para crear los finales.
    2. Desventajas:
      1. Hay algunos efectos, como el pase de imágenes, que nos obliga ha realizar una selección previa. Yo lo hago directamente desde Indesign, o sea, que voy marcando dentro de una carpeta con muchas imágenes cual quiero que entre en el pase de imágenes y cual no. O bien copiamos todas estas imágenes (que suelen ser muchas) o bien tenemos que hacer la selección de forma manual con el peligro de que alguna no sea incluida.
      2. No exporta lo que es la publicación como tal: preferencias, orden de los artículos, etc
  2. Otra solución es usar la opción de exportar proyecto y después importarlo de nuevo desde el panel de Aquafadas de Proyectos.

    Al exportarlo (Export) nos creara un documento con extensión “.dpe” que contendrá toda la información de la publicación: preferencias, orden de los artículos, miniaturas, etc.
    El ultimo paso es Importarlo (Import) de nuevo. Nos pedira una carpeta que este vacia para volcar todo el contenido.

    1. Ventajas:
      1. Ira todo el contenido usado.
    1. Inconvenientes:
      1. El orden de las carpetas será por el número de los artículos. Este orden no es el natural que hemos usado nosotros.
      2. Si bien es cierto que guarda todo el material no lo hace de una forma muy lógica. Las imágenes de los distintos frames de una animación son guardadas dentro de capeta de link pero metidos en otras subcaptetas con nombres muy poco lógicos.

Cada uno de los métodos tiene sus ventajas y sus inconvenientes. Personalmente me voy a quedar con el segundo.

Categorías -