Share
Este tutorial está inspirado en la famosa serie de carteles políticos de Sheppard Fairey para la campaña de Obama en los Estados Unidos. Te mostraremos cómo crear este estilo de diseño. Comenzaremos con las técnicas básicas de edición de imágenes en Adobe Photoshop para configurar nuestra guía de capas y luego saltaremos a Adobe Illustrator. No necesitas ningún equipo de lujo para hacer esto. Usé un ratón más viejo que todavía tiene la pelota de goma..
Nota del editor: Vectortuts + no respalda ninguna creencia política particular en la publicación de este tutorial. Más bien, este tutorial se centra en demostrar un flujo de trabajo para crear este interesante efecto estético.
Sugerencia: si está buscando un atajo, puede crear el efecto de póster de forma rápida y sencilla con la acción de posterización icónica avanzada. Solo tiene que elegir las opciones que desee, hacer clic para iniciar la acción de Photoshop y terminar con un resultado como este:
Efecto de posterización creado mediante la acción de posterización icónica avanzada.O puedes contratar a un ilustrador talentoso en Envato Studio para crear una ilustración vectorial única para ti.
Vector personalizado retrato en Envato StudioPor otra parte, si quieres pasar por todo el proceso, sigue leyendo para obtener instrucciones paso a paso..
Para este efecto, es mejor tener una imagen de estilo de retrato, preferiblemente de un sujeto que parezca estar pensando, o mirando hacia la distancia. Usé esta foto de iStockphoto.
Una vez que tengas tu imagen, necesitas Abierto en Photoshop y Cultivo apropiadamente La parte superior de la imagen debe recortarse hasta la parte superior de la cabeza del sujeto, y la parte inferior debe ser un poco más alta que la altura del pecho. El cultivo debe tener una relación de 2: 1..
Ahora necesitamos Posterizar la imagen. Ir Imagen> Ajustes> Posterizar. Un nivel apropiado de posterización para el look que buscamos es 5.
Ahora vamos a crear nuestras capas de guía para su uso en Illustrator. Comience duplicando su capa posterizada, y nombre a esta nueva capa "Guía de patrones". Luego ve a Imagen> Ajustes> Umbral. Vamos a deslizar nuestra Punto Hasta que obtengamos algo parecido a continuación. Lo queremos bastante oscuro, pero aún con una pequeña cantidad de detalles. Además, cuando se usa Límite, es mejor usar el Picos que ves.
Salvar esta capa recién creada como "patternguide.psd" o algo similar, ya que la necesitará para Illustrator.
Necesitamos repetir el Paso 4 y el Paso 5 tres veces más. Cada vez aplique un umbral inferior y guarde cada capa nueva. A continuación se muestran los ajustes que utilicé, nuevamente note los picos.
Antes de comenzar a delinear nuestras capas, necesitamos crear el patrón de línea azul horizontal. Para ello crea un nuevo Ilustrador documento. Dale un Altura y Anchura de 4px. Luego crea un rectángulo relleno con nuestro color azul claro (# 4F919F), y cubrir la mitad superior del lienzo..
Cubra la mitad inferior con un rectángulo relleno de beige. Entonces Seleccionar todo (Control + A), y arrastre esto a nuestro Muestras panel. Felicidades has hecho un patrón!
Ahora tenemos que guardar este conjunto Swatch para poder utilizarlo en nuestro póster que estamos a punto de hacer. En la esquina inferior izquierda de nuestra Muestras panel seleccionaremos Guardar muestras desde el Menú de la biblioteca de muestras. Nombra lo que quieras, usé "patrón". Ahora puede cerrar este documento, ya que no lo necesitaremos más..
Aquí está la paleta de colores que usaremos para este tutorial. Hay cuatro colores y un patrón. Usaremos una mezcla de colores beige y azul claro..
Ahora que hemos creado nuestras imágenes de referencia y nuestro patrón, es hora de crear una Nuevo documento en Ilustrador. Utilicé un tamaño de lienzo de 700 x 850 px.
Vamos a comenzar con nuestra capa de guía más oscura, esta será nuestra capa de patrón. Vamos a delinear la capa usando el Herramienta Pluma (P). Así que para empezar vamos a ir a Archivo> Lugar y seleccione nuestra primera capa de referencia en Illustrator. Si has estado siguiendo literalmente, este archivo para colocar se llama "patternguide.psd".
Detengámonos por un momento y discutamos el uso apropiado de la Herramienta Pluma (P) en ilustrador. Esta es un área en la que Illustrator supera a Photoshop, pero solo si lo usas correctamente.
Para cualquier curva básicamente tienes tres clics; dos son puntos de anclaje y el otro es su punto de curva. Coloca el punto de la curva en el punto más alto de la curva. Coloca los anclajes donde comienza y termina la curva..
Un clic es todo lo que se necesita cuando está creando una curva. Luego, puede cambiar los puntos de la curva a curvas después de haber completado toda la forma. Para convertirlos usa el Herramienta de selección directa (A) y haga clic en el Convertir los puntos de anclaje seleccionados a lisos icono.
Antes de que podamos delinear nuestra primera capa, necesitamos cargar nuestro patrón en el Biblioteca de muestras. Para ello selecciona Otra biblioteca desde el Biblioteca de muestras menú en el Muestras panel.
Bien, volvamos a delinear nuestra primera capa.. Crear nueva capa debajo del archivo que acaba de colocar en Illustrator. Esta capa mantendrá nuestro contorno. Lo colocamos a continuación porque es más fácil ver lo que estamos delineando de esa manera..
Ahora tomamos nuestro Herramienta Pluma (P), Dale un golpe de nulo, y un relleno de nuestro patrón. Luego comienza a delinear todas las áreas negras con el Herramienta Pluma (P). La clave es promediarlo, no seguir demasiado de cerca a la capa guía. Solo un esquema aproximado, y no se preocupe por nuestras curvas, ya que lo arreglaremos después de crear nuestro esquema.
Nota: Esta es la parte mas tediosa del proceso.
Puede que hayas notado que hay partes en el medio que son más ligeras que acabamos de ver con los contornos. Bueno, vamos a arreglar eso al describir a aquellos que usan el mismo proceso. Rellene esos con nuestro color beige, como se muestra a continuación. Haremos esto en una nueva capa justo encima de la capa de patrón. Después de que hayas hecho eso, deberías tener algo similar a lo siguiente.
Ahora suavizamos las formas que acabamos de crear. Queremos que la mayoría de nuestros puntos sean suaves, pero creo que se ve mejor si deja algunos como están. Ver el efecto a continuación de suavizar tanto el patrón como la capa beige.
Nota: Hice esta imagen fuera de orden y el patrón estaba mal, no te preocupes por la diferencia de color.
Ahora solo hacemos lo mismo para cada capa. Delineando de manera aproximada, luego resalte los aspectos más destacados con el color inmediatamente debajo y luego suavice nuestros contornos. La siguiente capa debe tener azul claro sólido, seguido de rojo y, finalmente, nuestro azul oscuro..
De acuerdo, deberías tener algo como lo siguiente. La parte tediosa ha terminado. Ahora para que se vea como un póster. Primero pondremos un rectángulo relleno de color beige debajo de todas estas capas, esto servirá como nuestro fondo.
Ahora tendremos que poner nuestras mitades roja y azul claro. Vamos a hacer esto justo encima de la capa del rectángulo beige. Utilizar el Herramienta Rectangular (M) colocar los dos rectángulos.
Nuestro cartel se ve bastante bien. Vamos a crear el espacio necesario para agregar el texto inspirador en la parte inferior. Probablemente tendrás que ampliar el área de tu lienzo. Para hacer esto ve a Archivo> Configuración de documento. yo añadí 300px en el mio.
Ahora extienda su rectángulo beige para que cubra la nueva longitud de su lienzo. Luego crea un nuevo rectángulo relleno con nuestro color azul oscuro. Debe ser un cuarto del tamaño del sujeto principal..
Es hora de añadir nuestra palabra inspiradora. Usaremos azul claro para el color de la fuente, y queremos cambiar la configuración del texto para que la palabra llene la mayor parte del rectángulo azul oscuro. Para cambiar el espaciado entre los caracteres, use la Personaje panel. Esto está disponible para nosotros cuando estamos usando el Herramienta de texto (T). Usé la fuente "Myriad Pro".
Casi terminado, necesitamos limpiar un poco nuestras fronteras. Primero, selecciona cada capa, pero tu capa beige. Luego crea un Grupo (Control + G). Entonces Verticalmente y Alinear horizontalmente ellos a la mesa de trabajo.
Ahora vamos a limpiar los bordes de nuestro cartel. Cubrir las capas que agrupamos en un rectángulo de cualquier color. Luego usa el Pionero panel, y seleccione Resta la forma del área.
¡Muy bien, hemos terminado! Nos las arreglamos para crear un efecto realmente impresionante sin necesidad de mucha habilidad artística. También aprendimos cómo usar la herramienta de la pluma de manera eficiente, y una buena manera de usar Photoshop e Illustrator en tándem. Este es mi primer tutorial, así que estoy seguro de que habrá preguntas. Siéntase libre de preguntar en los comentarios, y trataré de responder lo más rápido que pueda. Gracias!
Accentsconagua