En este tutorial me gustaría mostrarles algunas técnicas sobre cómo crear un póster tipográfico perfecto para el cierre del verano. Editaremos una fuente prefabricada, ajustaremos un patrón prefabricado y usaremos técnicas rápidas y fáciles para convertir una ilustración simple en un hermoso póster..
Estaremos creando un estándar. 18 x 24 pulgadas póster. Comencemos creando una Nuevo documento en ese tamaño.
Al crear el documento, asegúrese de cambiar el Perfil del documento a Impresión y ajustar las unidades a Pulgadas y asegurar el Modo de color se establece en CMYK.
Dado que nuestro diseño de fondo va al borde del papel, este póster requiere un sangrado. El margen de sangrado añade un extra. 0.25in En los cuatro lados haciendo nuestro documento. 18.5 x 24.5in en general. Si este póster tuviera bordes blancos, no requeriría un margen de sangrado. Nuestro diseño general no se acercará demasiado al borde del papel, por lo que no tendremos que preocuparnos por un área de seguridad alrededor del interior del Artboard. Solo tenga en cuenta que si planea agregar detalles adicionales cerca de los bordes de la mesa de trabajo, sería mejor hacerlos al menos 0.25 pulgadas desde el borde.
Con el Artboard completo, vamos a crear nuestra paleta de colores con la que trabajaremos a lo largo de la pieza. Con el Herramienta Rectangular (M) Dibuja tres cuadrados uno al lado del otro dejando aproximadamente la misma cantidad de espacio entre ellos y rellénalos con los siguientes colores. Debido a que nuestra pieza de tipografía es temática de verano, pensé que elegiría tonos apagados indicativos del océano. Así que uno será una especie de espuma azul o verde, otro recordará el color de la arena y el último será un color de coral (o estrella de mar).
Con los tres cuadrados seleccionados ir a Objeto> Mezcla> Opciones de mezcla e ingrese la siguiente información. Luego visitar Objeto> Mezcla> Hacer Para crear la mezcla entre los objetos..
Ahora deberíamos tener siete colores armoniosos. que se mezclarán bien entre sí porque recogen colores. el uno del otro a través de la mezcla.
Ahora creamos la capa de fondo sobre la que se sentará nuestro texto. Comience moviendo nuestra mezcla hacia el lado de la mesa de trabajo para que no esté en nuestro camino. A continuación, seleccione la Herramienta Rectangular (M) y cree un rectángulo que tenga el mismo tamaño que el área de sangrado (contorno rojo alrededor de Artboard).
Ajuste el color de relleno al color arena medio que mezclamos anteriormente. Me pareció un poco demasiado oscuro para nuestro fondo, pero todavía me encanta lo que hizo para la combinación de los otros colores. así que dejaré la mezcla como es, pero aclararé este color para el fondo general.
Un color de fondo liso es agradable pero quiero darle un poco de textura adicional. Para ello, agregaremos un patrón personalizado a esta forma. Utilizaremos la misma técnica que le mostré en mi tutorial anterior titulado Crear un tipo plano de tendencia con un tema náutico en Adobe Illustrator en la sección 3, pasos del 1 al 4.
Comience navegando a la Muestras panelVentana> Muestras) y elija el botón en la parte superior derecha de ese panel que se ve como una flecha hacia abajo con líneas horizontales a su lado y seleccione Abrir Biblioteca Swatch> Patrones> Decorativos> Decorative_Classic. Desde esta ventana arrastre el "Olas suaves"para su Artboard evitando la forma rectangular que creó.
Haga doble clic en la agrupación de patrones y seleccione solo las líneas negras onduladas y cambie el color del trazo a blanco, luego arrastre la agrupación a su Muestras Panel para guardar la nueva muestra..
Con la forma de fondo seleccionada, puede hacer clic para agregar un nuevo relleno usando la Apariencia Panel y elige la nueva muestra de patrón que acabamos de crear. Entonces ajuste el Modo de fusión y Opacidad como se ve abajo.
Botón derecho del ratón en el objeto y elegir Transformar> Escala. Asegúrese de que solo la opción "Patrón" esté seleccionada y luego escale hasta 250% para que puedas verlo en nuestro objeto.
Para terminar, agreguemos un faux fade a este patrón. Crea otra capa de relleno en el Apariencia Panel y agregue un gradiente a él como se ve a continuación. Usaremos nuestro color de fondo plano, pero ajustaremos la opacidad del degradado para que el patrón se desvanezca en la parte inferior pero esté más oculto cerca de la parte superior.
Estaremos modificando una fuente prefabricada llamada "WhoopAss". Puedes descargarlo gratis desde Font Palace..
Con nuestra fuente seleccionada, vamos a escribir nuestra frase. Utilizaremos un clásico de Nat King Cole "Lazy Hazy Crazy Days of Summer" con la siguiente información seleccionada.
En este punto, normalmente utilizaríamos las funciones de kerning de Illustrator para ajustar el texto, pero como necesitamos alterar algunas de las formas de las letras de todas formas, haremos esto mientras que las letras son formas en lugar de texto. Con el tipo seleccionado botón derecho del ratón y elige Crear contornos. Tu puedes ahora Desagrupar (Comando + Mayús + G) las formas de las letras.
Cambiar a la Herramienta de selección (V) y ajustar los espacios entre las letras. No te preocupes por las palabras centradas en este momento. Una vez que tengamos las letras separadas correctamente podemos rectificar esto. Siéntase libre de ignorar el texto "de". Esto fue solo una ubicación para proporcionar el interlineado correcto que necesitaremos después de crear nuestro propio texto personalizado para esto..
Preste mucha atención a algunas de las formas de las letras. Si nota que la letra "Y" es un poco más alta que las otras letras. Usted querrá acortar esta carta para estar en línea con los demás. Tampoco quiero separar las letras demasiado separadas. Nuestro efecto final tendrá una calidad "pegajosa", por lo que queremos que las letras estén bastante cerca. Echa un vistazo a continuación para ver cómo he ajustado el mío..
Después de que tengas el espacio a tu gusto., Grupo (Comando + G) las letras juntas por palabra. Una vez agrupados visitamos el Alinear panelVentana> Alinear) y seleccione la Alineación horizontal botón para centrar correctamente las palabras a la página.
Como mencioné, no necesitaremos el texto "de", así que sigamos adelante y creamos el nuestro. Selecciona el Herramienta Elipse (L) y crea un círculo perfecto que sea 2.4433 x 2.4433in y centrarlo donde la palabra "de" solía ser.
Para este próximo paso, querrá acercarse al círculo para poder trabajar mejor. Habilitar el Herramienta Pluma (P) y utilizando algunos conocimientos de la escuela primaria, dibuje la palabra "de" en cursiva para que quepa dentro de este círculo. Siéntase libre de dejar que la letra "f" toque el borde del círculo. Queremos que esto se sienta fluido y redondeado, así que usaremos un borde grueso y bonito con un Peso del trazo de 15px y redondeado Gorra y Esquina.
Si tiene dificultades para dibujar las letras de manera directa, es posible que tenga mejor suerte al entender la palabra en general con Herramienta Pluma (P) luego cambiando a la Herramienta de selección directa (A) y ajuste fino de los puntos de anclaje individuales y manijas.
Con el camino que acabamos de dibujar seleccionado, visita. Objeto> Expandir para convertir el camino en una forma. Ahora seleccione la forma de círculo subrayado también y seleccione la Frente menos botón de la Pionero panel.
Desafortunadamente, esto nos dejará con varias formas agrupadas debido al bucle de la "f" y la "o". Para rectificar esto vamos a Objeto> Ruta compuesta> Hacer para que sea una forma.
¡Nos vemos bien hasta ahora! Vamos a añadir un poco de color al texto. Seleccione la primera palabra agrupando y usando la Herramienta de cuentagotas (I) haga clic en el color coral de la mezcla que hicimos anteriormente para nuestra paleta de colores.
Haga esto para las palabras restantes usando los colores restantes. de esa mezcla. Asegúrese de omitir el color 'arena' del medio, ya que estamos usando una variación de esto para nuestro fondo.
No sería verano sin esa sensación desagradable y pegajosa. Vamos a recrear esto ahora usando simples caminos y efectos..
Habilitar el Herramienta Pluma (P) y haga clic para crear líneas rectas aleatorias que conecten sus letras y palabras. Esto es lo que he hecho usando un 8px frontera ponderada.
Con tus golpes pegajosos seleccionados ir a Objeto> Expandir para crear formas rellenas en lugar de trazos trazados.
Ahora selecciona las palabras sin las hebras pegajosas y duplicalas.
Con las palabras duplicadas seleccionadas, seleccione las hebras pegajosas y luego Unir ellos. Ahora ve a Objeto> Ruta compuesta> Hacer para crear una sola forma unida.
Con la visita seleccionada de nueva creación. Efecto> Estilizar> Esquinas redondeadas e ingrese la siguiente información.
Con esta fusión parece que hemos perdido nuestros bonitos colores. Dado que se supone que las hebras adhesivas sugieren que las palabras están conectadas, utilicemos un degradado para los colores. fluir suavemente entre sí.
Cambiar a la Herramienta de gradiente (G) y haga clic en nuestra forma y luego ingrese nuestros colores. De la paleta que creamos anteriormente. La posición de las paradas no es particularmente importante, siempre y cuando la palabra en sí sea de un solo color y el cambio de color ocurra de una palabra a otra..
Estoy seguro de que has notado que debido al efecto de la esquina redondeada que aplicamos, el texto ha perdido parte de su detalle y se ve un poco descuidado. Esto es especialmente notable en el círculo de texto "of" y en algunas de las otras letras como la "L" y dentro de las "A" y "E's". Es por eso que duplicamos el texto antes de fusionarlos y crear el desorden pegajoso.
Acércate a tu pieza y habilita la Herramienta de selección directa (A) luego haga clic en las rutas del objeto adhesivo y ajústelas de modo que queden ocultas dentro de las formas de texto perfectas a continuación. Esto consume bastante tiempo, pero afortunadamente muchas de las palabras usan las mismas letras y formas, así que una vez que sepa qué hacer para una, debería poder aplicarla a las otras sin problemas. Puedes saltarte este paso si estás contento con el resultado, pero soy un poco perfeccionista y creo que son estos pequeños detalles los que realmente terminan la pieza..
Seleccione el objeto pegajoso y vaya a Objeto> Expandir Apariencia. Ahora seleccione la capa de texto perfecta a continuación también y Unir ellos asegurándose de Compuesto el camino que hicimos antes.
Sabrás que la ruta no está compuesta porque los bucles en la "f" tendrán un color diferente y se verán como un grupo en la Capas panel.
Con la nueva forma seleccionada, visite el Apariencia Panel y añadir una nueva capa de relleno. Rellena esto con nuestro patrón de onda suave alterado que creamos anteriormente. Ajuste el tamaño tal como lo hizo antes, luego cambie el modo de fusión y la opacidad como se describe a continuación.
¡El diseño de su póster está terminado y listo para ser enviado a la impresora! Asegúrese de limpiar cualquier capa o ruta no utilizada antes de enviar para imprimir y ya está todo listo. También puedes exportarlo a la web para compartir tu diseño con el mundo. Espero haber podido mostrarle cómo unos pocos ajustes y efectos simples pueden ayudar a crear una pieza de tipografía estelar..