jueves, 30 de septiembre de 2010

InDesign 2. Boletos numerados.

Paso 1

Abre un nuevo documento en InDesign y desmarca la opción Páginas opuestas. Escoge Carta en Tamaño de Página y orientación vertical. Haz clic en OK.

Paso 2

Abre el panel de márgenes y columnas (Composición > Márgenes y columnas...) y fija todos los márgenes en 12 pt (1 pica)

Paso 3

Arrastra una guía horizontal y otra vertical sobre la página. Establece la posición de ambas en 1p6 (1 pica [12 pt] + 6 pt = 18 pt) Para alinearlas selecciona la guía en cuestión con la herramienta de selección (V) y teclea el número en el campo X o en el campo Y, según el caso. Esto hace que las guías se ajusten a la coordenada exacta especificada.

Paso 4

Si has terminadao de colocar una de las guías repite el paso 3 con la otra.

Paso 5

Crea un motivo de fondo con Illustrator. Selecciona la herramienta de Marco rectangular (F) en la paleta de herramientas y traza un rectángulo sobre la página. Después pulsa CTRL+D y coloca la imagen que hayas creado para el fondo.

La imagen de fondo ha de tener un tamaño de 22p5 x 5p6. Para encajar el marco rectangular a la imagen de fondo, selecciona ALT+CTRL+C. Esto ajusta el marco al contenido.

Paso 6

Crea varias capas en el panel de Capas. Necesitarás una para el fondo ("bg"), otra para el texto ("text") y otra para los números ("numbers"). Bloquea la capa de fondo.

Paso 7

Un paso muy importante es asegurarte de que estás trabajando en una página maestra. Haz doble clic en el icono A-página maestra en el panel de Páginas. Esto activará la página maestra.

Paso 8

Empieza a añadir texto. Fecha, hora, lugar, evento, etc. Sé creativo. Puedes colocar cajas de colores detrás del texto y jugar con los tamaños de fuente. Lo normal es trabajar con no más de dos fuentes. No obstante, si finalmente trabajas con más fuentes, procura que presenten mucho contraste, no uses fuentes que se parezcan entre sí. Escoge una fuente con una amplia familia de pesos, es decir, con montones de variantes diferentes. La Helvetica, DIN o Univers pueden ser buenas elecciones.

Paso 9

También queremos configurar adecuadamente las marcas de recorte de los tickets. Crea otra capa y llámala "marcas de recorte". Empieza a trazar las marcas con la herramienta Pluma alrededor del boleto por donde va a ser recortado.

Paso 10

También vamos a colocar una marca por donde perforaremos el boleto para ser rasgado y así poder separarlo del resguardo. Crea una línea de puntos con la herramienta Pluma (P) por donde quieres que se rasgue el boleto.

Paso 11

Ahora empieza lo divertido. Vete a Ventana > Automatización > Combinación de datos y selecciona el archivo de texto 100.txt (puedes descargar este archivo de datos con los números de 0 a 100 desde este enlace (clic con el botón derecho sobre el enlace y "Guardar enlace como..." o "Guardar destino como...")


Paso 12

Selecciona la herramienta de Texto (T) y empieza a arrastrar una caja de texto que abarque todo el ticket incluyendo las marcas de recorte. Esto es muy importante, en tanto que la Combinación de datos calculará automáticamente la duplicación. Después abre las opciones de Marco de texto (CTRL+B) y configura el espaciado de margen en 1p4 para la parte superior y 1p8 para la parte izquierda. Puedes colocar el texto para los números en el lugar que prefieras. En este caso se utilizó texto pequeño para los números.

Paso 13

Empieza a escribir el texto para los números. En este caso, se tecleó "nr". No escribas ningún número; éstos serán rellenados a partir de los datos del fichero. Como puedes observar, una caja de texto se dispone alrededor de todo el ticket con marcas de recorte.

Paso 14

Haz zoom en el ticket sobre la zona donde has colocado el texto para la numeración y haz clic en el panel de combinación de datos. Este panel ya debería estar abierto después de haberlo usado en el paso 11. Coloca el cursor tras la última letra de tu texto. Después haz clic en el fichero de texto (100.txt) en el panel de combinación de datos.

Paso 15

Esto es lo que deberías ver ahora. Comillas tipográficas con 000. Asegúrate de que sigues en la página maestra.

Paso 16

Esto es lo que tienes hasta el momento. Seguimos en la página maestra.

Paso 17

Vuelve al panel de Combinar datos. En la parte inferior derecha hay un pequeño icono llamado Crear documento combinado. Haz clic una vez sobre este icono

Paso 18

Ahora te aparecerá una ventana llamada Crear documento combinado. Asegúrate de seleccionar "Todos los registros". Después selecciona "Registros múltiples" en la lista desplegable de la sección "Registros por página de documento".

Paso 19

En la parte superior del panel haz clic en la segunda pestaña, llamada "Composición de registro múltiple". Allí configura los márgenes a 1p0. En "composición de registros" marca la opción "columnas primero" y deja el espaciado en 0.

Paso 20

Selecciona la última pestaña, la situada más a la derecha del panel, llamada Opciones. Marca "Vincular imágenes". Después haz clic en el botón OK de la parte inferior. Observa qué pasa.

Paso 21

InDesign ha generado automáticamente tantas páginas como fue necesario para insertar boletos con los distintos números. ¡No es mágico? :)

Paso 22

Si haces zoom (Z) podrás ver que cada boleto tiene un número diferente, no aleatorio, sino secuencial.

Conclusión

Este es el resultado final. Puedes exportar el resultado a PDF para impresión o a JPG para mostrarle tu arte a todo el mundo en el blog del curso.

Diseño de portada.

Mike.
Atronike
Por Orión

martes, 28 de septiembre de 2010

lunes, 27 de septiembre de 2010

InDesign 1. Portada de revista.

Puede parecer una tarea simple pero, créeme, en el diseño de la cubierta de una revista intervienen multitud de procesos mentales. Ten en cuenta que las portadas de prensa compiten por atraer la atención de un potencial comprador entre decenas de publicaciones. En este tutorial no sólo trataremos el proceso de creación de la portada sino que también revelaremos las técnicas que los diseñadores utilizan para llevarla a cabo.

1 CREA UN NUEVO DOCUMENTO CON SANGRADO

Claro está, necesitamos un nuevo documento (Archivo > Nuevo> Documento...) para empezar de 20.32 x 25.4 cm . Pero esta vez haremos algo diferente. Haz clic en el botón Más opciones del cuadro de diálogo de Nuevo Documento para abrir las opciones de sangrado e indicaciones. Casi todas las revistas sangran el borde del papel y así lo haremos nosotros. Desmarca la opción Páginas opuestas en la parte superior e introduce el valor 6,35 mm en el sangrado superior y 38,1 mm en el inferior (tienes que hacer clic en el icono de la cadenita si está activo para que te deje indicar medidas distintas en cada cuadro). Haz clic en OK para crear el documento.

2 APROVÉCHATE DE LAS INDICACIONES

Te aconsejo que te acostumbres a usar las indicaciones para guardar información relevante sobre tu trabajo. Piensa en las indicaciones como en un área de notas que puede ser impresa si fuese necesario. Una de las cosas que deberías poner siempre en esta área es la información de copyright de las fotografías que uses. Con tu herramienta de Texto puedes anotar cosas como el nombre de los fotógrafos, número de teléfono, e-mail y dirección de contacto.

3 CREA UN MARCO Y COLOCA EN ÉL UNA FOTO

Con la herramienta de Marco rectangular (F), crea un marco que vaya hasta el borde de tu área de sangrado. La imagen de portada es la que atrae al lector potencial a hojear la revista y en el mejor de los casos a leerla. Vienen a la mente expresiones como ¿Quién es ese/esa?, ¡Wow, mira ese cochazo! ¡Esto tiene buena pinta! Una vez que tienes el marco, usa el comando colocar desde tu menú Archivo o arrastra la fotografía al marco desde Bridge.


Fotografia: Terry White

4 ENCÁJALA

A no ser que hayas usado Photoshop con mucha precisión teniendo en cuenta el tamaño final de la imagen, lo más probable es que al final la fotografía sea demasiado grande o demasiado pequeña para el marco en cuestión. Querrás que la imagen encaje en el marco sin distorsión así que vete al menú Objeto > Encaje > Llenar marco proporcionalmente. Si bien es cierto que esto rellenara el marco con la foto, no quiere decir que la imagen se coloque exactamente donde tu quieres, por lo que deberás tomar la herramienta de Selección Directa (A) y arrastrar la imagen a la posición deseada.

5 CREA EL TÍTULO DE TU REVISTA

El problema con esta fotografía en particular es que no hay espacio para el título. A menudo a los fotógrafos se les recuerda que dejen un mínimo de espacio en la fotografía para colocar el nombre de la publicación pero no siempre es posible, especialmente si se trata de un retrato. En ese caso no nos quedará mas remedio que encajar el título en la parte superior, a poder ser, con un ligero efecto de superposición. Crea un marco de texto con la herramienta Texto y teclea el nombre de la publicación. Si se trata de una publicación formal seguramente tendrá ya una guía de estilo en la que se indicará la fuente apropiada, el tamaño, los valores de kerning, etc.; sin embargo, como estamos empezando y esto sólo es un breve ejercicio para practicar, queda en tus manos la tipografía y estilo que consideres más apropiado.

6 ESCOGE LA FUENTE Y EL KERNING.

Después de la fotografía, el texto será lo siguiente que más atraiga la atención de la gente. Por eso debe ser grande. Pero con eso no basta, también debe tener una buena apariencia. A menos que estés utilizando una fuente de script no dejes pasar la oportunidad de aumentar el kerning (espaciado individual entre pares de letras) En este ejemplo se ha optado por un tipo de letra de estilo sucio muy gruesa a 150 pt con un tracking de -10 (puedes cambiar estos valores en la barra de propiedades, también llamada panel de control)

NOTA: Kerning es el proceso de añadir o restar espacio entre pares de letras específicas. Tracking es el proceso de crear una cantidad de espacio igual entre un rango de letras. Los valores positivos de kerning o tracking separan caracteres (aumentado el espacio por defecto); los valores negativos los juntan (reduciendo el espacio por defecto). Para una explicación más detallada de sus diferencias consulta este artículo de Adobe.

7 AÑADE LA FECHA, LA INFORMACIÓN DE LA PUBLICACIÓN Y UN GRÁFICO DE VINCULACIÓN.

Lo más habitual es poner el mes, el año y el número de la publicación o la dirección web. En todos los casos, se crean en un marco independiente del título para que sea fácil su reubicación. No te preocupes del color de momento; lo trataremos más tarde. También puedes añadir un elemento gráfico que sirva de ancla con el titular. En este caso se ha escogido un rectángulo emborronado, creado previamente en Illustrator y colocado (Archivo > Colocar) detrás del titular (Objeto > Organizar> Enviar detrás).

8 TU ARTÍCULO PRINCIPAL.

Cuando ves a alguien en la portada de una revista, te interesa saber por qué motivo esa persona aparece allí. Normalmente va asociada a algún artículo que sirve de gancho, como una entrevista personal. Tienes que poner título a ese artículo especial, así que crea un marco de texto con la herramienta Texto en el área de la fotografía de menos impacto hasta ahora. Usa un tipo de letra grande pero menos impactante que el título. Se trata de una cuestión de contraste. Asegúrate de desmarcar la opción Separar en el panel de Párrafo para que no aparezcan guiones de separación de palabras en los saltos de línea. Experimenta con diferentes tamaños de letra y combinaciones de palabras mayúsculas y minúsculas.

9 CREA MUESTRAS DE COLOR.

Es preferible tomar colores ya presentes en la fotografía para nuestro texto. Para ello utiliza la herramienta Cuentagotas sobre la imagen. La herramienta cuentagotas es configurable haciendo doble clic sobre ella: te aparecerá un cuadro de diálogo donde te indicará qué aspecto deseas tomar de los distintos objetos y del texto. Para tomar el color dentro de una fotografía ya colocada asegúrate de que están activas las opciones de configuración de relleno del cuentagotas. Al hacer clic dentro de la imagen aparecerá en el cuadro de color de relleno el matiz del pixel sobre el que has hecho clic. Para tomar un segundo color tendrás que mantener pulsada la tecla ALT para descargar la copia anterior. Una vez conseguido el color que quieres abre el panel de muestras desde el menú Ventana y haz clic en el botón para crear una nueva muestra en la parte inferior del panel.

Recuerda que también puedes usar Kuler a la hora de escoger colores. Está integrado en InDesign y es accesible desde el menú Ventana > Extensiones. Otra opción es importar paletas creadas en otros programas como Photoshop o Illustrator (tienes opciones para guardar y cargar bibliotecas de muestras en el menú principal del panel Muestras, en cada aplicación de la Creative Suite de Adobe).


10 EL TRUCO DE LA SOMBRA PARALELA

Aplicando colores suficientemente contrastados al texto se puede conseguir que éste sea legible. No obstante, los diseñadores suelen añadir siempre algo de sombra paralela para destacarlo un poco más. Selecciona tu marco de texo con la herramienta de Selección y vete a Objeto > Efectos > Sombra paralela. Activa la previsualización, establece el valor del tamaño en 0 y el desplazamiento en un valor muy pequeño de unos 0.12 mm. Puedes ajustar a tu antojo otros parámetros siempre que consigas una buena apariencia. Haz clic en OK cuando la sombra resultante sea de tu agrado.

11 AÑADE MÁS TITULARES Y UNA FOTO

Es preferible usar una sola foto en las portadas pero puedes utilizar otras fotografías menores siempre y cuando no interfieran en el protagonismo de la fotografía principal. Una forma de conseguirlo es creando una forma que dé soporte a una imagen pequeña. Toma la herramienta Pluma (P), crea una forma en la esquina inferior derecha, rellénala de color y baja su opacidad (Objeto > Efectos > Transparencia) Para ver cómo quedará el resultado vete al modo de previsualización. Es muy fácil acceder a él desde el botón Modo de pantalla de la barra de aplicación aunque también resulta cómodo usar el atajo de teclado (W)

11 ELEMENTOS EXTRA

Añade todos aquellos elementos, habituales en las portadas, que puedan aportar información útil como el precio, o que inevitablemente formarán parte del producto final, como el código de barras.

Siluetas


Por Máx

viernes, 24 de septiembre de 2010

Crowdsourcing


Awardesigns.com, es un portal de concursos de diseño gráfico que nace en España, basado en el crowdsourcing, lo que consiste en proponer problemas, o necesidades y a la vez recompensas a quien o quienes solucionen el problema propuesto. Dicho en otras palabras, awardesigns.com es un intermediario entre un cliente que tiene un proyecto concreto relacionado con el Diseño Grafico y una comunidad de diseñadores de todo el mundo que ofrecen distintas soluciones a ese problema. El cliente ofrece un premio y los diseñadores suben las propuestas que creen oportunas para solucionar dicho proyecto.

El funcionamiento de la plataforma es tan sencillo y rápido que un cliente propone un concurso de diseño y al instante los diseñadores se ponen a trabajar, en pocas horas el cliente puede recibir montones de propuestas de diseñadores de todo el mundo. Esta es la verdadera filosofía de awardesigns, una gran comunidad de diseñadores gráficos, en donde disponemos de creativos especializados en diseño de logos, papelería, diseño web, diseño de carcelería, folletos, flyers, diseño de pakaging e industrial, de rotulación para locales o vehículos … De esta forma el cliente, siempre encontrará la solución que más se adapte a sus expectativas, y obtendrá trabajos con diferentes puntos de vista, a la vez que los diseñadores se promocionan compartiendo fácilmente sus logros en Awardesings.com, Google.com, Facebook.com y Twitter.com.

El concepto de recibir propuestas tan variadas es una de las principales ventajas que ofrece Awardesigns frente a una agencia de publicidad en donde siempre vamos a recibir un número mínimo de ideas en torno a las cuales se obtendrá el resultado final. Por no hablar de los elevados precios que encontramos a la hora de pedir un presupuesto. En Awardesigns, marcamos unos premios mínimos que deben recibir los diseñadores y a partir de ahí, es el cliente el que decide elevarlos, hay que destacar que, lógicamente, cuanto mayor sea el premio, mayor interés generará entre los diseñadores y estos seguramente realicen un mayor número de propuestas y por supuesto de mayor calidad.

Este sistema de trabajo cuenta con otras ventajas como pueden ser los foros internos de cada concurso en donde cliente y diseñador pueden debatir las propuestas creadas para acercar sus distintos enfoques e intentar mejorarlas. En una agencia de publicidad en muchas ocasiones el diseñador que realiza el proyecto, no tiene contacto directo con el cliente, generalmente el encargado de hablar con el cliente es un comercial, director de arte o el jefe o gerente.

En awardesigns somos un equipo joven, estamos comprometidos con el futuro y la mejor forma de asegurar el resultado final es nuestra Política de Calidad y Satisfacción Garantizada por medio de la cual ofrecemos una inmejorable garantía tanto al diseñador como al cliente. Al cliente, le garantizamos un mínimo de diez propuestas de diferentes creativos, de no ser así, podrá exigir la devolución integra del importe abonado a la hora de crear el concurso. En cuanto a los diseñadores, awardesigns ofrece la posibilidad de mostrar sus trabajos mediante la herramienta del portfolio, y un pago siempre garantizado ya que el cliente paga a la hora de crear un concurso y ese dinero queda retenido en una cuenta de propiedad de awardesigns hasta que el cliente elije el ganador. Por lo tanto, el cliente obtiene un mínimo de calidad y propuestas aseguradas, el diseñador tiene asegurado el cobro por su trabajo realizado siempre que haya ganado el concurso.

Resumiendo, awardesigns ofrece multitud de propuestas y soluciones, la posibilidad de tener un trato directo diseñador-cliente, resultados de calidad y más económicos, cobro asegurado por parte del diseñador y la posibilidad de ingresar en una comunidad junto a otros usuarios con unas inquietudes-problemas similares a los tuyos.

Puedes visitar la plataforma en www.awardesigns.com

Semáforo.

Mike.

ejercicio libre - dibujo vector


collage gráficos vectoriales

foto original

coloreada


Illustrator 32. Banners de texto.

Illustrator Quick Banners

Paso 1: Crea un nuevo documento de Illustrator de 460 x 230 px.

Step 1

Paso 2: Crea un nuevo rectángulo de anchura 350 px y de altura 50 px.

Step 2

Paso 3: Pon el color de relleno en blanco y añade un contorno negro de 2 pt con vértices redondeados. Nos refereriremos a este rectángulo alargado como el cuerpo principal.

Step 3

New Rectangle

Paso 4: Asegúrate de que está desactivada la opción Cambiar escala de trazos y efectos en el menú principal del panel Transformar (SHIFT+F8)

Step 4

Paso 5: Selecciona tu nuevo rectángulo y cópialo (Edición > Copiar o CTRL+C). Pega dos nuevos rectángulos delante del primero (Edición > Pegar delante o CTRL+F)

Paso 6: Vete al panel Transformar y fija como punto de referencia el punto medio izquierdo. Después desactiva el enlace entre anchura y altura que restringe las proporciones.

Step 6 - Set Transform Reference Point

Step 6 - Constrain Width and Height Proportions Link

Paso 7: Selecciona el rectángulo más arriba en la pila de subcapas y cambia su anchura a 80 px en el panel Transformar. Nos referiremos a este rectángulo como cola izquierda.

Step 7

Paso 8: Selecciona el rectángulo del medio de la pila de subcapas y cambia su punto de referencia al punto medio derecho. Cambia su anchura a 80 px. Nos referiremos a este rectángulo como cola derecha.

Step 8

Paso 9: Selecciona la cola izquierda y muévela 40 px a la izquierda: Objeto > Transformar > Mover (SHIFT+CTRL+M)

Step 9

Paso 10: Selecciona la cola derecha y muévela 40 px hacia la derecha.

Step 10

Both Tails Moved

Paso 11: Selecciona ambas colas manteniendo pulsada la tecla SHIFT y haciendo clic en cada una con la herramienta de Selección.

Paso 12: Añade puntos de ancla extra a ambas colas para crear el corte picudo del extremo del banner (Objecto > Trazado > Añadir puntos de ancla)

Step 12

Paso 13: Con la herramienta de Selección Directa (A), es decir, la flecha blanca de la barra de herramientas, selecciona el ancla intermedia de la cola izquierda que acabas de añadir.

Paso 14: Mueve el punto de ancla seleccionado 25 px hacia la derecha (Objeto > Transformar> Mover o SHIFT+CTRL+M)

Step 14

Paso 15: Haz lo mismo en la cola derecha, moviendo el punto de ancla medio 25 px hacia la izquierda.

Step 15

Fixed Ends

Paso 16: Selecciona la cola izquierda y muévela hacia arriba 10 px.

Step 16

Paso 17: Selecciona la cola derecha y muévela hacia abajo 10 px.

Step 17

Offset Tails

Paso 18: Selecciona ambas colas y envíalas tras el cuerpo principal. (Objeto > Organizar > Enviar Detrás)

Step 18

Paso 19: Acerca el zoom a la cola izquierda y con la herramienta Pluma (P) dibuja la doblez o triángulo que une el cuerpo principal con la cola. Para asegurarte de que haces clic correctamente sobre los puntos de ancla, cambia la vista a Contornear (Vista> Contornear o CTRL+Y)

Step 19 - Outline Mode

Modo contornear

Step 19 - Click #1

Clic #1

Step 19 - Click #2

Clic #2

Step 19 - Click #3

Clic #3

Step 19 - Click #4

Clic #4

Step 19 - Preview Mode

Modo Previsualizar

Paso 20: Haz exactamente lo mismo en la cola derecha.

Step 20 - Outline Mode

Modo contornear

Step 20 - Preview Mode

Modo Previsualizar

Paso 21: cambia de nuevo al modo Previsualizar (CTRL + Y) Aleja el zoom para mostrar todo el banner.

Step 21

Paso 22: Selecciona cada pieza del banner y activa el efecto de distorsión de bandera (Objeto > Distorsión de envolvente > Crear con deformación)

Step 22

¡Hecho!… Puedes descargar el fichero de ejemplo aquí.

Done

Resultado final...después de algunos toques más de fantasía.

Illustrator Quick Banners

Extra: Descubre los efectos producidos por las distintas opciones de distorsión. Quizás unos se adapten mejor que otros al texto que quieres mostrar.

Extra