Preimpresión GRAPHIC ARTS

miércoles, 20 de marzo de 2019

Banners

¿Qué son?

Son piezas publicitarias dentro de una página web, tienen como objetivo atraer tráfico hacia el sitio web del anunciante el cual paga por su inclusión, aumentar la presencia de una marca, dar a conocer un nuevo producto o servicio... Pueden incluir imágenes, texto, animaciones, vídeos, audio.....

Pueden ser:

Dinámicos: son aquellos que tienen incluidos sonido, video, animaciones especiales.....Son más atrayentes y proporcionan una mayor visibilidad.
Estáticos: son los más básicos ya que no tienen ningún tipo de animación, suelen llevar un breve texto junto con el enlace a la web y un logo.

Ejemplos de Banners.

https://www.elmundo.es/internacional.html

https://www.abc.es/

Dinámicos:

Tipo: 3:1 rectangle.

Dimensiones: 300x100 Resolución: 72 rpp

Formato: GIF Peso: 27 Kb

Modo de color: RGB

Fotogramas: 9

Tipo: half-page ad

Dimensiones: 300x600 Resolución: 72 rpp

Formato: GIF Peso: 101 Kb

Modo de color: RGB

Fotogramas: 15

Tipo: medium rectangle

Dimensiones: 300x250 Resolución: 72 rpp

Formato:GIF Peso: 62 Kb

Modo de color: RGB

Fotogramas: 14

Tipo: skyscraper

Dimensiones: 120x600 Resolución: 72rpp

Formato: GIF Peso: 21 Kb

Modo de color: RGB

Fotogramas: 2

Tipo: 3:1 rectangle

Dimensiones: 300x100 Resolución: 72 rpp

Formato: GIF Peso: 7 Kb

Modo de color: RGB

Fotogramas: 3

Tipo: leaderboard

Dimensiones: 728x90 Resolución: 72rpp

Formato: GIF Peso: 37 Kb

Modo de color: RGB

Fotogramas: 3

Estáticos:

Tipo: Half-page ad

Dimensiones: 300x600 Resolución: 72 rpp

Formato: PNG Peso: 196 Kb

Modo de color: RGB

Tipo: half-page ad

Dimensiones: 300x600 Resolución: 72 rpp

Formato: PNG Peso: 205 Kb

Modo de color: RGB

Tipo: medium rectangle

Dimensiones: 300x250 Resolución: 72 rpp

Formato: PNG Peso: 67 Kb

Modo de color: RGB

Tipo: medium rectangle

Dimensiones: 300x250 Resolución: 72 rpp

Formato: JPEG Peso: 43 Kb

Modo de color: RGB

Tipo: billboard

Dimensiones: 970x250 Resolución: 72 rpp

Formato: JPEG Peso: 103 Kb

Modo de color: RGB

Tipo: Half-page ad

Dimensiones: 300x600 Resolución: 72 rpp

Formato: JPEG Peso: 40 Kb

Modo de color: RGB

Ejemplos en web:

Exposición Semana de la Producción 2018-2019

La Semana de la Producción es un proyecto destinado a los alumnos de los C.F de Artes Gráficas e Imagen y Sonido los cuales fusionan sus conocimientos adquiridos, creando su última actividad académica antes de su incorporación a la FCT.

Tiene una duración de 5 días para los C.F de Artes Gráficas y de 8 días para Imagen y Sonido.

Los alumnos dieron una charla explicando el proceso de diseño, los métodos de impresión y las técnicas usadas para conseguir el producto final.

Los productos fueron camisetas, tazas, bolsas, póster, packaging....

lunes, 18 de marzo de 2019

Stop Motion

Es una técnica de animación que consiste en crear la ilusión de movimiento a través de secuencias de imágenes estáticas, es decir, un vídeo realizado a través de una secuencia de fotos.

Podemos utilizar cualquier cosa que tengamos a mano, por ejemplo:

Plastilina: al moldear los personajes con plastilina e ir moviendolos mientras fotografiamos sus acciones podemos recrear el movimiento. Tim Burton usa este tipo de animación.

Marionetas o muñecos articulados: al usar personajes ya articulados no debemos preocuparnos por crearlos desde cero, solo debemos moverlos para crear la animación.

Objetos cotidianos: cualquier objeto que tengamos por casa puede servirnos, solo necesitaremos un poco de imaginación.

Personas (pixelación): en este caso de trata de que una o varias personas realicen una acción mientras se la fotografía.

Fotos o recortes (Cut Out): esta es una técnica muy elaborada ya que debemos crear los personajes desde recortes de papel, cartulina, fotografías, dibujos o cualquier material plano. Resulta sencillo por lo que permite dar rienda suelta a nuestra imaginación.

El primer paso para hacer un Stop motion es decidir lo que vamos a usar para nuestros personajes y crear un Story board.

¿Qué es?

Es un guión gráfico realizado para servir de apoyo a la grabación de nuestra animación, proporciona una disposición visual de acontecimientos tal y como deben ser vistos por el objetivo de la cámara.

Una vez realizado ese paso elegiremos la aplicación que usaremos.

Existen programas como Draginframe y Animator DV Free para ordenadores que facilitan la grabación y edición de animaciones, además, hay multitud de aplicaciones para móviles.

En esta entrada os mostraré el Stop Motion que hemos realizado en grupo. Espero que sea de vuestro agrado.

1º Hemos creado un Story board.

2º Creamos los personajes.

3º Comenzamos el montaje con la aplicación Stopmotion Studio. Tenemos que ir moviendo los personajes poco a poco para crear el efecto de movimiento.

En total hicimos entre 180-200 frames y este es el resultado final.

miércoles, 20 de febrero de 2019

PDF interactivo

Cuando agregamos vídeo, sonido y contenido interactivo, los PDF se transforman en herramientas de comunicación multidimensionales que aumentan el interés y el atractivo de los documentos. Podemos incluir archivos interactivos SWF, vídeos, audio, marcadores, hipervínculos....

¿Cómo hacerlo?

1º Abrimos nuestro documento PDF y en la barra de herramientas usaremos "Edición del contenido" y "Objetos interactivos".

2º En edición del contenido tenemos una serie de herramientas:

Agregar o editar vínculo: esta opción nos permite crear vínculos desde cero o editar aquellos que ya tenemos. Podemos vincular una página del documento con otra, un archivo, páginas web o incluso personalizarlo.

Agregar marcador: al utilizarlo debemos estar situados en la página que deseamos marcar.

Adjuntar archivo: como su nombre lo indica nos permite adjuntar archivos a nuestro documento.

3º En objetos interactivos encontraremos estas opciones:

Agregar vídeo: incluye archivos MOV, M4V, 3GP, 3G2, FLV, F4V, MP3 y MP4.
Agregar sonido: incluye archivos de audio como MP3 y MP4.

4º También podemos crear transacciones, entrando en el menú Acrobat, en "Preferencias.

A continuación, nos aparecerá esta ventana, hacemos click en la opción "Pantalla completa"y en transacciones nos permitirá elegir entre una gran variedad de opciones.

jueves, 14 de febrero de 2019

Formularios en PDF

Para crear un formulario en PDF debemos seguir estos pasos:

1. Dentro de Acrobat, haremos clic en la ficha Herramientas y seleccionamos "Formularios".

Si seleccionamos "Crear" podremos hacer un archivo nuevo o escanear un documento, en este caso Acrobat analizará el documento y añadirá campos de formulario automáticamente. Si ya tenemos un formulario realizado, podremos modificarlo en "Editar" o incluso podremos distribuirlo.

2.Añadiremos nuevos campos de formulario desde la barra de herramientas derecha.

Tipos de campos:

Campo de texto: este es el campo más básico en el cual podemos agregar desde texto hasta fechas, números... simplemente modificando su formato o dejándolo como campo de texto.
Casilla de verificación: permite que el usuario seleccione entre diferentes opciones pero sin que sean mutuamente excluyentes, es decir, podemos seleccionar varias opciones.
Botón de radio: el usuario puede escoger una única opción entre múltiples posibilidades.
Cuadro de lista: nos muestra varias opciones para elegir, pudiendo cambiarla con las flechas de movimiento.
Menú desplegable: permite realizar selecciones en forma de menú desplegable, como por ejemplo poner la provincia.
Botón: esta herramienta nos permite usar diversas acciones, como por ejemplo que al dar click en el botón nos borre la información del formulario o se guarde directamente en nuestro equipo.
Firma digital: en este campo podemos firmar de forma electrónica.
Código de barras: nos permite insertar un código de barras.

Cuando creamos un campo, si hacemos doble click en él, nos aparecerá un menú el cual nos permite modificar sus características. Estas son las pestañas que nos aparecen:

General: podremos poner nombre al campo, decidir si queremos que sea visible, visible pero no imprimible, oculto e oculto pero imprimible, además podemos decidir su orientación o si el campo es solo de lectura u obligatorio.

Aspecto: decidiremos como se verá el campo y la tipografía.

Posición: en esta pestaña es importante elegir adecuadamente la unidad de medida que usaremos para que concuerde con la medida de nuestro formulario.

Opciones: aquí podemos decidir la alineación del texto, hacer que la ortografía sea revisada e incluso limitar el número de caracteres.

Acciones: En esta pestaña nos permite crear un campo que al hacer click en él nos envíe el formulario directamente a la impresora o que nos restaure el formulario en blanco.

Formato: podemos modificar un campo para que únicamente acepte números o que al rellenarlo esté en formato hora o fecha....

3.Guardaremos el formulario como un PDF el cual se puede rellenar.

Mientras creamos y modificamos los campos el formulario se vería de esta forma:

Y una vez creado quedaría así:

lunes, 11 de febrero de 2019

Flip Page III

En esta ocasión vamos a realizar el efecto Flip page desde el programa InDesing.

1º Crearemos un documento con el número de hojas que queremos y el tamaño. Mi documento tiene 16 páginas y un tamaño A4.

2º Una vez creado, en la pestaña "Páginas" nos aparecerán las páginas de nuestro documento y unas páginas maestras en las cuales vamos a trabajar.

3º Hacemos clic en las páginas maestras y empezamos a trabajar en ellas, estas páginas nos permiten añadir elementos los cuales van a repetirse en todas las hojas de nuestro documento. Podemos darles color a nuestra páginas, añadir texto o imágenes.....

4º Para poner numeración a las páginas crearemos un cuadro de texto en las páginas maestras e iremos al menú Texto> Insertar carácter especial> Marcadores>Número página actual.