viernes, 24 de septiembre de 2010

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

No hay comentarios:

Publicar un comentario