Archivos | Tutoriales RSS feed para esta sección

Tutorial en Illustrator para crear un set de tarjetas de presentación

Me han preguntado si al crear unas tarjetas de presentación en Illustrator se puede repetir a la hora de imprimir como en Corel Draw.
Bueno, en Illustrator es un poco más complicado que solo pedir una impresión repetida. Aquí muestro una forma de hacerlo, pero cada persona puede encontrar una forma más fácil y rápida.

En una hoja tamaño carta, primero creas un rectángulo con el tamaño de la tarjeta 3.5 x 2″ (9 x 5 cm), y el diseño que va en ella, debes estar bien seguro que el contenido no esté muy cerca de la orilla, para que no se corte, de 3 a 5mm son suficientes.
tarjetas de presentacion

Seleccionas el rectángulo exterior y vas a Filter>Create Cropmarks.
tarjetas de presentacion 2

Al crear las marcas de corte, vemos que se crean con el color de “Registration”, el cual se imprimirá en todos los negativos de los Pantones.
tarjetas de presentacion 3

Seleccionamos las marcas de corte que se muestran, con la herramienta de selección de grupo y las borramos:
tarjeta de presentacion 3

Seleccionamos con la misma herramienta todo, excepto las dos marcas de corte de la izquierda:
tarjetas de presentacion 4

De ahí vamos a Object>Transform>Move…
tarjetas de presentacion 5

Le damos el valor de lo ancho mas un poco más, porque en la parte de atrás de la tarjeta existe un color que cubre todo y requiere un poco de “sangría”. Unos 55mm está bien. Tenemos que darle al botón de Copiar para que se duplique del lado derecho:
tarjetas de presentacion 6

Luego con Shift + Alt en la PC o Shift + Option en la Mac, arrastramos las marcas que quedaron del lado izquierdo y se copiarán del otro lado:
tarjeta de presentacion 6

Ya que tenemos las dos tarjetas, las seleccionamos con las cuatro marcas de corte que se muestran:
tarjetas de presentacion 7

Nos vamos otra vez a Object>Transform>Move… y ahora le damos en la opción vertical un valor de -5.55 y Copiamos:
tarjeta de presentacion 7

Ya nada más, sin deseleccionar le damos otras dos veces a Object>Transform>Transform Again
O con el atajo Control + D en PC o Command + D en la Mac, :
tarjeta de presentacion 8

Así tendremos un set de 8 tarjetas en una hoja. Al final seleccionamos las líneas de corte de arriba y las arrastramos con Shift + Alt o Shift + Option, para duplicarlas en la parte de abajo:
tarjetas de presentacion 9

No se te olvide quitarle la línea de los rectángulos, solo te ayudó en el diseño, pero no se imprimirá. Desde ese set ya puedes cambiar la información de cada trabajador, así puedes determinar si una persona requiere más tarjetas, puedes tenerla repetida en esa hoja.

Con el mismo método obtenemos también la parte de atrás:
tarjeta de presentacion atras
Tal vez se sienta que son muchos pasos, pero en realidad cuando te acostumbras, lo haces en unos cuantos minutos.

Otra lista de recursos para Photoshop

Convertir una fotografía de color a Blanco y Negro con Photoshop CS3

Tutorial por Luis Alarcón.

convertirfoto de color a blanco y negro

La fotografía en blanco y negro, que por mucho tiempo fue el medio fotográfico más usado, quedó poco a poco en desuso al hacer su aparición la fotografía en ?Color? en la década del 30 del siglo pasado, dando paso a toda una revolución por el uso de la imagen. Kodak y Agfa, fueron los desarrolladores de esta maravilla.
Una vez pasada a mejor vida, la técnica de la fotografía en Blanco y negro acaparó adeptos en el mundo del arte como medio de expresión en donde la imagen monocromática cobra vida y expresa ese detalle o atmósfera que la fotografía a color a veces no captura, además es un excelente instrumento de documentación: es memoria y es visualización; es crónica, es reflejo de situaciones humanas y en ocasiones es poesía, luz , es mensaje expresivo e interpretativo.

Con la llegada de la fotografía digital se nos abre nuevas oportunidades para experimentar con la fotografía, Photoshop es un gran aliado para cambiar el aspecto de nuestras imágenes como por ejemplo quitarles el color y transformarla en esas románticas imágenes de antaño, la imagen blanco y negro no ha pasado de moda, por suerte Photoshop nos ayuda y nos ofrece seis formas distintas para transformar una imagen color en blanco y negro con su nueva versión CS3.

1 Ajuste Black & White
Bien por Adobe, por fin incluye una herramienta para hacer en forma directa el cambio de color a blanco y negro, además podemos trabajar los niveles de grises cambiando los distintos valores en combinaciones RGB y CMYK y por si esto fuera poco incluye una opción llamada ?Tinta? para virar nuestras fotografías a algún tono que seleccionemos, por defecto ya viene marcado el tono sepia.
Menú imagen > Ajustes > Blanco y Negro
Image>Adjustment> Black & White
ajuste

2 Convertir a blanco y negro con modo de color
Es la opción más simple y rápida. En el 3er menú del programa (Imagen) encuentras la opción ?Modo?, sólo tienes que seleccionar ?Escala de grises?.
Menú imagen > Modo > Escala de grises
Image>Mode> Grayscale
grayscale

3 Tono y saturación
Este ajuste que nos permite ademas mejorar o cambiar el tono de nuestra imagen nos ofrece la segunda opción para cambiar nuestra imagen. Para hacerlo solo debes mover el control de saturación hacia el lado izquierdo (desaturar) de esa forma poco a poco le quitamos la información de color.
Menú imagen > Ajustes > Tono y Saturación
Image>Adjustment> Hue/Saturation
tono y saturacion

Continue Reading →

Duotono en Photoshop CS3 y Duotono “falso” en InDesign o QuarkXpress

A petición de nuestro lector Gilberto Balderas les presento este tutorial para conocer el Duotono en Photoshop CS3 y el llamado Duotono falso que se ha utilizado por años, primero en PageMaker, luego en QuarkXpress y posteriormente en InDesign.

Para crear el Duotono falso en InDesign o QuarkXpress guardaremos la imagen de escala de grises (modo Grayscale) en formato TIFF. Esa es la forma para poderla colorear desde estos programas de maquetación.
En el caso del duotono creado desde Photoshop se guardará en formato EPS.

Joanne Gair dutono 1

Para uno en Photosop, a partir de una fotografía en escala de grises podemos obtener un duotono, tritono o cuadritono. Escogemos el modo de Duotono:
duotono 2

Dejamos el Black que viene por defecto, para que al llegar a InDesign o QuarkXpress sea el mismo que se encuentra en esos programas. Como segundo color escogeremos uno que nos produzca un tono cálido:
duotono 3

Lo más importante al crear un duotono en Photoshop es “saber” manipular las curvas del color, para que podamos escoger en donde queremos el tono del Pantone, en este caso el Negro lo queremos en las zonas oscuras, quitándolo de los tonos medios y claros que es donde estará el Pantone 102.
Aquí vemos la curva del Negro:
duotono 4

El Pantone 102 lo queremos en los tonos claros y medios, pero no en las zonas oscuras:
duotono 5

Para finalizar puedes hacer que la imagen tenga el tono que desees, manipulando las curvas, pero ten cuidado, porque esta herramienta es muy delicada y cualquier cambio repentino en la curva te creará un efecto no deseado, por ejemplo aquí yo me fui muy al amarillo, pero si así lo deseas lo puedes dejar así.
duotono 7

Guardaremos esta versión de la imagen como Photoshop EPS, para que se puedan exportar los Pantones:
duotono 8
Continue Reading →

2da. parte de Como utilizar los Colores en Diseño Web

Tutorial por Luis Alarcón

tarros de color
Continuación del tutorial de uso de colores en la web. En esta segunda entrega la idea es conocer cuales son las combinaciones de tonalidades más usadas y algunas sugerencias para utilizar en un proyecto web.

Cuando comienzas a diseñar una web debes definir que paleta de colores utilizaras de acuerdo a tu tipo de web, la pregunta siempre es que fondo me conviene y cuales serían los tonos que mejor combinan con el. Recuerda que los colores que utilices dirán mucho de tu web, si es seria, informal, confiable, creativa o divertida.

Paletas de colores más utilizadas:
Comienzo por mi web, utilicé una combinación de tonos fríos como el azul y gris para las zonas amplias y fondos con pequeños detalles en verde y rosado, por último todos los textos para su buena legibilidad y contraste sobre el fondo azul quedó en color blanco y algunos títulos resaltados en negro. Esta es la paleta de color de mi web.

Consideraciones generales
Si tenemos elegido o impuesto un logotipo, sus colores van a ser los que marquen la guía para toda la página, trabajando en las diferentes partes de la web con los degradados claros y oscuros de estos colores base. (aunque no necesariamente, he visto web en donde los colores del logotipo casi ni se utilizan).

De ser necesaria la introducción de otros colores (uno o dos), tendremos que elegir estos de forma que sean equilibrados con los del logotipo y trabajen juntos en buena armonía.

Recuerda también que probablemente tu web este destinada aun tipo de público especifico, esto se llama ?Segmentación? me refiero si los usuarios serán en su mayoría: niños, jóvenes o adultos. En este caso la idea es aplicar paleta de colores que resulten llamativas o representen cada segmento de edad.

Como último dato te recomiendo que trates de innovar y no ceñirte tanto a los colores que utilizan la mayoría de las web, la idea tampoco es crear página uniformadas, destácate por ser diferente e investigar más sobre el uso del color.

Como ejemplos, puedes considerar las siguientes paletas genéricas:

Paletas Informales
colores informalescolores informales 2

Paletas Formales
colores formalescolores formales 2

Paletas Modernas
colores modernoscolores modernos2

Paletas Tradicionales
colores tradicionalescolores tradicionales 2
Continue Reading →