Share
Lo que vas a crearEn este tutorial, te mostraré cómo usar Adobe Illustrator y la tableta Wacom Intuos Pro para diseñar e ilustrar un póster para un espectáculo de música folclórica y poesía..
Te llevaré a través de un par de técnicas interesantes y útiles; incluida la configuración de grupos de muestras, la configuración de pinceles sensibles a la presión que aprovechan las capacidades de la tableta, el estiramiento de las formas de las letras y el uso de los efectos de Adobe Illustrator para mejorar el grunge.
Me gusta dibujar algunas miniaturas aproximadas de ideas y diseños diferentes hasta que encuentre algo que funcione bien. Tengo una tableta Wacom Intuos Pro (tamaño medio) que uso para dibujar directamente en Illustrator.
Al utilizar una tableta, evita la necesidad de escanear en un boceto tradicional y puede aprovechar al máximo el poder de los diferentes tamaños de pincel y la sensibilidad a la presión de Illustrator. Es un gran ahorro de tiempo para mí.
Crear un nuevo documento (Archivo> Nuevo), y elige A3 como el tamaño del documento. Asegúrese de que el modo de color esté configurado en CMYK bajo la Avanzado sección.
Dado que agregaremos un fondo de color y queremos que el color se imprima hasta los bordes del póster, es importante que nuestro documento se desangre..
Dale a tu documento un sangrado de 5mm (o 1/8 de pulgada, El estándar habitual en los EE. UU.) en todas las direcciones..
Cree su nuevo documento con la configuración que se muestra arriba. No es absolutamente necesario, pero será más fácil seguirlo junto con este tutorial si configura su Espacio de trabajo a Pintura con Ventana> Espacio de trabajo> Pintura.
Ventana> Espacio de trabajo> Pintura Abra su documento de bosquejo, y dupdo (Comando-C) El croquis que quieras usar como base. Volver al documento del cartel y pegar (Comando-V) el boceto.
Dibujé todos mis bocetos un poco más pequeños que el póster final, y si hiciste lo mismo, simplemente escala tu boceto al tamaño correcto.
Seleccione su croquis, y cambie su Opacidad al 20%.
Ahora cierra Capa 1 yendo a la Capa panel y haciendo clic en el cuadrado vacío al lado del icono del ojo.
Rebautizar Capa 1 a "Bosquejo".
Hay un montón de maneras diferentes para elegir una paleta de colores. Personalmente, tiendo a elegir colores a medida que avanzo, pero a muchos diseñadores les gusta comenzar con un conjunto de muestras..
Antes de poder crear un grupo de muestras en el Muestras panel, necesitas tener objetos en tu Mesa de trabajo lleno de tus colores.
Los colores que usaré para el cartel son:
Accentsconagua
# a6d6e5# 42637a# ffe4b3# f48478# ffcd3b# f0492dPuedes crear un conjunto de cuadrados con el Herramienta rectangular (METRO), cada uno lleno de un color diferente.
Seleccione todos sus cuadrados de colores y haga clic en el icono de carpeta en la parte inferior de la Muestras panel para crear un nuevo Grupo de colores.
Golpear DE ACUERDO. Ahora tendrás una carpeta con tus nuevas muestras..
Queremos que el cartel esté oscuro, para que el fuego brillante tenga un buen contraste y salga de la página..
Crear un nuevo Capa llamado "Fondo"debajo de la skcapa de grabado.
Utilizando la Herramienta rectangular (METRO), arrastre un rectángulo para cubrir toda su Artboard. Asegúrate de que llegue a la línea roja de sangrado..
Con el rectángulo recién creado seleccionado, haga clic en el azul más oscuro de su grupo de muestras para aplicar esa muestra al rectángulo.
Bloquear la Capa de fondo.
Ahora estamos listos para comenzar a agregar el tipo. Crea una nueva capa y llámala "Tipo".
Tu Panel de capas debería verse así:
Selecciona el Tipo de herramienta (T), y elige una fuente. Queremos usar un buen condensado fuerte sans serif. Liga gótica encaja a la perfección.
Selecciona el tamaño de fuente a 280 puntos, y asegúrese de que el Párrafo se establece en Alinear al centro.
Hacer clic (no arrastre) en la mesa de trabajo en la parte inferior central del documento, y escriba su texto. En este punto, su documento debe verse algo como esto:
Para el texto secundario, necesitamos una fuente que no esté tan condensada como League Gothic, porque necesita llenar más espacio horizontal. Usaré Maven Pro Black.
Selecciona el tamaño de fuente a 50 puntos, asegurándose de que el Párrafo se establece en Alinear al centro.
Con el Tipo de herramienta (T), haga clic en la mesa de trabajo, esta vez debajo del texto que acaba de crear. Escriba su texto.
Ahora, haga clic en el azul Personaje enlace en la barra de herramientas, para que aparezca el Panel de configuración de caracteres:
Establece el seguimiento del texto secundario a 90, o hasta que se alinee con los bordes del texto primario.
Seleccione el texto que acaba de crear y elija otro de sus colores de muestra..
El cartel debe estar en esta etapa ahora:
Este sería un póster bastante ineficaz si no le dijera cuándo o dónde está el programa, por lo que debemos agregar la información de la fecha y el lugar. Usaremos un efecto de texto inclinado realmente genial que aprovecha la inclinación natural de las cursivas..
Con el Tipo de herramienta, establece tu fuente a League Gothic Italic. Selecciona el Párrafo a Alinear a la izquierda y restablecer el seguimiento a 0. Conjunto líder a 40 puntos, y dejar el tamaño de fuente en 50 puntos.
Escriba su texto y elija un color para él desde sus muestras.
Ahora, rote su nuevo texto hasta que las líneas verticales de las cursivas sean completamente rectas.
Dupdo (Comando-C) y Pegar en su lugar (Comando-Shift-V) el texto. Sostener cambio (esto bloquea el objeto a un solo eje de movimiento), y arrástrelo horizontalmente.
Seleccione los dos nuevos objetos de texto y muévalos al centro vertical del artículo.
Deberías tener algo como esto:
Haga doble clic en el segundo objeto de texto para editarlo. Ponga algunos espacios antes de la palabra superior para dejar espacio para otro objeto de texto que contiene "en el".
Copie (Comando-C) y Pegue en su lugar (Comando-Shift-V) el texto, y cambie el nuevo objeto de texto para que se lea "en la". Con su nuevo texto seleccionado, establezca el párrafo en Alinear a la derecha.
Escale su "en" y colóquelo en el espacio que creó anteriormente..
Ahora es un buen momento para ajustar el kerning y la ubicación del texto, antes de pasar a la ilustración del incendio..
Algunas áreas problemáticas que identifiqué fueron los espacios entre las letras A e Y en "Sábado", así como entre L e Y en "Julio".
Puedes ajustar el kerning usando el Panel de configuración de personajes.
Después de hacer algunos ajustes al kerning y la colocación, así es como debería verse su texto:
Usaré una tableta Wacom Intuos Pro Medium para ilustrar la fogata.
Puede completar esta sección del tutorial usando un mouse, pero una tableta Wacom acelerará seriamente su flujo de trabajo y hará su vida mucho más fácil.
Primero, debemos configurar algunos cepillos sensibles a la presión para poder aprovechar al máximo el control que nos da la tableta..
Crea una nueva capa y llámala "Campfire". También he escondido mi capa de boceto para aclarar el espacio de trabajo. Si te ayuda a mantener el boceto visible, hazlo.!
En el panel Pinceles, cree un nuevo pincel haciendo clic en Cepillo nuevo icono.
En el diálogo que aparece, selecciona Pincel caligráfico, y DE ACUERDO.
Se abrirá otro diálogo. Desde aquí, ajustaremos la configuración del pincel para utilizar diferentes tipos de entrada de la tableta para darnos más control sobre cómo aparece el trazo del pincel.
Hacer clic DE ACUERDO.
Ahora, necesitamos duplicar nuestro pincel. Haga clic en el nuevo pincel en el panel Pinceles y seleccione "Duplicar" en el menú desplegable del panel.
Haga doble clic en el pincel duplicado para que aparezca el Opciones de pincel dialoga de nuevo, y cambia el tamaño a 5 puntos, y el tamaño Variación a 3 puntos. Hacer clic DE ACUERDO.
Ahora tenemos dos pinceles, uno para trazos amplios y otro para detalles finos. Ambos cepillos son sensibles a la presión, por lo que cuanto más fuerte presione con el lápiz de la tableta, más gruesa será la línea. Los ajustes en Ángulo y Redondez significan que los cambios sutiles en la forma en que sostienes el lápiz en la tableta le darán un poco más de carácter a tus pinceladas.
El fuego tiene algunos niveles de color, que van desde el rojo frío al blanco cálido (ya veces el azul)..
Selecciona el Herramienta de pincel de burbujas (Shift-B), y haga clic en el mayor de los dos pinceles nuevos en el panel Pinceles.
En el Panel de color, selecciona el Fill a Ninguna, y el Carrera a un rojo intenso de tus muestras.
Comienza por dibujar el contorno del primer nivel de llama. Mantenga sus golpes sueltos. Los controles de pincel que configuramos anteriormente y el movimiento natural de tu mano le darán mucho carácter a tu ilustración.
Rellene la llama dibujando con la herramienta pincel de burbujas. Al llenar la llama de esta manera, te quedarás con un montón de pequeñas y bonitas imperfecciones..
Repita este proceso con cada nivel consecutivo de color de llama, pasando de rojo claro a amarillo claro / blanco.
Para ayudarlo a tener una idea de cómo acercarse con los pinceles sensibles a la presión y con una sensación de dibujados a mano, aquí hay un video a una velocidad 3x de mí ilustrando el fuego con una tableta Wacom Intuos Pro. He establecido las ExpressKeys en el lateral para asignar algunos de mis métodos abreviados de teclado más utilizados (como Deshacer).
Una vez que tu fuego está listo, debería verse algo como esto:
Cree una nueva capa y muévala debajo de la capa Campfire en el panel Capas. Nómbrelo como "madera". También sugeriría bloquear la capa de la fogata, de modo que si utiliza el extremo de borrador de la tableta, no borra nada del fuego..
En lugar de rellenar los troncos como hicimos con la llama, solo les daremos un contorno y algo de textura. Esto debería crear un gran contraste entre la llama y los troncos..
Usando la herramienta Pincel para manchas (Shift-B) nuevamente, seleccione nuestro pincel sensible a la presión más pequeño y extraiga los troncos con un amarillo pálido.
Ahora, tome nuestro amarillo ligeramente más oscuro y agregue algunos puntos destacados a lo largo de los registros. También he usado un azul claro para agregar un poco más de color y detalle..
Para ver el proceso completo de dibujo de los registros, mire este breve video (acelerado) de mí, ilustrándolos, y las sombras del siguiente paso, usando una tableta Wacom.
Cree una nueva capa debajo de la capa "Madera", y denomínela "Sombra". Bloquear la capa de madera.
Con la herramienta Pincel para manchas (Shift-B) y el pincel sensible a la presión más grande, dibuje unas sombras debajo de los troncos. No te preocupes demasiado por la sombra que se filtra en el interior de los troncos. Simplemente gire el lápiz de su tableta o use la herramienta Borrador (Shift-E) y borre cualquier parte de la sombra que no desee.
En esta etapa, su póster debe estar buscando algo como esto:
Queremos darle un poco de interés visual al tipo de nuestro póster, y ayudar a que el póster se junte mejor en conjunto. Para ello, vamos a estirar algunas de las letras..
Antes de poder editar el tipo, debemos convertirlo en un objeto vectorial completamente editable..
Bloquear su Sombra capa, y asegúrese de que su Hoguera y Madera las capas están bloqueadas. Desbloquear el Tipo capa.
Seleccione todo su tipo, y vaya a Tipo> Crear Contornos (Comando-Shift-O). Ahora podemos ajustar cada punto de anclaje de las letras individualmente..
Si recuerdas el boceto original de este póster, la palabra "Fireside" tenía sus letras extendidas para formar un triángulo invertido. Para asegurarnos de que todo esté alineado correctamente, trabajaremos desde el exterior de la palabra hacia adentro.
Tomando el Herramienta de selección directa (UNA), haga clic y arrastre para seleccionar los puntos de anclaje en la mitad superior de la "F".
Con esos puntos de anclaje aún seleccionados, mantenga Cambio, y arrastre para seleccionar la mitad superior de la "E".
Ahora, arrastre hacia arriba para mover todos los puntos de anclaje que ha seleccionado.
Por el momento, las letras se ven un poco desequilibradas. Necesitamos mover las barras del medio de la E y la F al centro de la forma de letra.
Todavía con el Herramienta de selección directa (UNA), haga clic y arrastre para seleccionar los puntos de anclaje en las barras centrales de la F. Sostener Cambio, y haz lo mismo con la E.
Ahora, arrastre los puntos de anclaje al centro de las letras.
Dado que la D tiene un borde curvo, necesitamos agregar algunos puntos de anclaje para asegurarnos de no terminar con una letra distorsionada.
Primero, seleccione el re con el Herramienta de selección directa (UNA). Luego, usando el Agregar herramienta de punto de anclaje (+), agregue cuatro nuevos puntos de anclaje a la curva de la D.
Ahora, seleccione la mitad superior de la I y D utilizando el mismo método que antes. Asegúrese de seleccionar solo los dos nuevos puntos de anclaje que creamos en la mitad superior de la D.
Arrastra los puntos hacia arriba para estirar las letras..
Al igual que con la D, nuestra R tiene un lado curvo que se distorsionará si intentamos estirarlo hacia arriba. Utilice el mismo método que usamos para agregar nuevos puntos de anclaje.
Agarre los puntos de anclaje de la mitad superior de la R y la I, y arrastre hacia arriba.
Tu tipo debería verse ahora como este:
El texto aún se ve un poco desconectado de la ilustración, por lo que vamos a agregar algunos bordes y adornos para animar el tipo.
Utilizando la Herramienta de segmento de línea (\), seleccione un amarillo brillante de sus muestras y configúrelo como el Color del trazo. Selecciona el Peso del trazo a 3 puntos.
Hacer clic y arrastrar, participación cambio para bloquear la línea en un solo eje, en la parte superior de su texto secundario.
Seleccione su nueva línea con el Herramienta de selección (V), y dupdo (Comando-C) y Pegar en su lugar (Comando-Shift-V). Ahora mantenga cambio mientras golpea el flecha hacia abajo en su teclado para mover la línea hacia abajo 10 unidades a la vez hasta que esté directamente debajo del texto secundario.
Ahora dibujaremos en algunas texturas y líneas ornamentales. Este es el tipo de cosa que es mucho más fácil cuando tienes muchos niveles de sensibilidad a la presión para trabajar en tu tableta. Cuando desee dibujar fácil y rápidamente muchas pequeñas piezas de textura, usar esa sensibilidad en lugar de cambiar el tamaño del pincel significa que su flujo de trabajo no se interrumpirá.
Crea una nueva capa, y nómbrela "Adornos".
Tome el más pequeño de nuestros pinceles sensibles a la presión y trace líneas en la parte superior e inferior de la fecha y coloque el texto. Comience la línea delgada en un extremo y presione con más fuerza mientras dibuja para hacerla más gruesa hacia el otro extremo..
He añadido en algunas cruces a cada lado de la fecha y el texto del lugar, así como un montón de pequeñas motas alrededor de la mitad inferior del cartel.
Sigue en este video para ver cómo dibujé las manchas y otros detalles:
Ahora que todos los elementos están en el póster, el diseño debe ser reconfigurado ligeramente para mantener todo armonioso y equilibrado.
Todo lo que he hecho es escalar mi fuego un poco y mover el texto primario y secundario hacia arriba, dando a todo un poco más espacio para respirar..
Seleccione el texto primario, y vaya a Efecto> Estilizar> Esquinas redondas. He puesto mi radio a 2.5mm.
Selecciona el texto secundario, y haz lo mismo. Esta vez, debido a que el texto es más pequeño, establezca el radio a un valor menor. he usado 1mm.
Esta es una gran manera de darle un carácter a tus vectores que de otra manera estarían limpios..
Desbloquea todas tus capas, excepto las Fondo y Bosquejo. Selecciona todo en el Mesa de trabajo (Comando-A), E ir a Efecto> Distorsionar Y Transformar> Roughen.
Los ajustes que he usado en el Poner áspero los diálogos son:
Experimente con diferentes configuraciones y vea qué funciona mejor para usted. Es útil marcar la casilla de vista previa para que pueda ver sus cambios en tiempo real.
Así es como debería verse nuestro póster ahora:
Para unir la composición, he añadido un borde oscuro grueso. Desbaste y redondeo el borde usando la misma técnica que usamos anteriormente.
Con eso, hemos terminado!
