Share
En este tutorial, crearemos elementos dibujados, usaremos pinceles de diseño, los traeremos a Photoshop y los fusionaremos en una composición de póster única que se siente hecha a mano, estilísticamente unificada y personalizada. Las técnicas aquí se centran en crear una ilustración artística original. Veamos cómo se creó este diseño de cartel..
Antes de comenzar, echemos un vistazo a la imagen que vamos a crear. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts + Plus. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.
Últimamente he pasado tiempo desarrollando un estilo y una técnica para mí, y me gustaría compartirlo contigo. Puedes ver todos los diseños en mi cartera de Behance. Aprenderemos cómo crear el primero, usando algunas técnicas artísticas y de Photoshop. Pero en lugar de animarte a reproducir mi trabajo, te insto a pulir tu talento personal y desarrollar la originalidad dentro de tu diseño..
El nombre del juego aquí es experimentación. Y para poder crear algo de este estilo, usted también necesita encontrar una manera de llegar allí con sus propios recursos. Entonces, use este tutorial como referencia para crear algo que lo represente a usted y a su estilo. Además, puede leer más sobre cómo crear originalidad en su trabajo de diseño e ilustración..
Lo primero que debes hacer es reconocer las tendencias actuales que admiras y que te inspiran. Marca todo y empieza a analizarlo. Puse mis ojos en garabatos, una forma divertida y emocionante de dibujar. Recomiendo el doodlage como un gran y divertido lugar para buscar inspiración en este campo. Para una revisión de Doodlage y una entrevista con los editores del sitio, consulte la publicación Inspiración - Doodlage. Una vez que supe lo que quería, busqué pinceles y corté cualquier fuente externa de inspiración cuando comencé a experimentar. Es posible que desee echar un vistazo a la publicación que muestra con qué otros miembros de Psdtuts + también están experimentando. También muestra algunos de mis garabatos más viejos..
Vamos a empezar a revisar cómo crear este póster "Dibujar". Luego, lo primero que haremos es planificar el tamaño, el contenido y los colores. Hice el mío para un póster de tamaño A3, que mide 420 mm por 297 mm, o 4961px x 3508 px, a 300 ppi. La ventaja de crearlo en un gran tamaño es la capacidad de adaptarlo luego a carteles de tamaño completo, ilustraciones de revistas, ropa de diseño como camisetas o contenido de diseño web. Sea cual sea el tamaño que elija, tenga en cuenta que daré instrucciones basadas en un lienzo A3 a 300 ppi.
El contenido girará en torno al tema del dibujo, utilizando varias técnicas: colorear el agua, garabatear y dibujar con tinta. Dibujaremos los garabatos con un marcador y papel regulares, y no se preocupe si sus habilidades de dibujo están fuera de práctica, le explicaré el proceso. La apariencia de la pluma de tinta se logra principalmente a través del color púrpura similar a la tinta y las salpicaduras de pintura.
Como esquema de color, comencé eligiendo un color de fondo neutro: e4c99f. El siguiente es el color púrpura más oscuro que puede agregar profundidad y contraste al diseño: 2d3043. El segundo color principal emergió del fondo: e49549. Entonces, ¿por qué dos tonos de naranja y púrpura? Bueno, generalmente necesitas un color oscuro que actúe como un ancla cromática. Elegí el púrpura simplemente porque se parece a la tinta. Hay muchos colores que puedes elegir con el púrpura, como el verde lima o el amarillo, pero quería algo que agregara calor..
Bueno, basta de charlar, ensuciémonos las manos! Crea tu lienzo en un tamaño A3 establecido en 300 dpi. Rellene el color de fondo con este color: e4c99f. He creado un diseño simple con líneas oscuras..
El primer elemento que crearemos es un cuaderno de bocetos. Será apenas perceptible y sólo sugerente. Para crearlo, necesitarás las dos cubiertas internas de este regalo gratuito de Bittbox. Use los números 3 y 10 en la lista de descargas. Después de colocarlo en Photoshop, vaya a Filtro> Extraer y pinte en consecuencia para cortarlo. Use un tamaño de pincel lo suficientemente grande como para preservar los hilos.
Después de extraerlo, presione Comando + T para transformarlo y desviarse a su nueva posición.
Haga doble clic en su capa para agregar un estilo de capa. Agrega una superposición de color y selecciona un tono de púrpura.
Duplique la capa (Comando + J) y muévala ligeramente para dar el grosor de la cubierta. Cambia su color al color de fondo..
Repita el mismo proceso con la segunda foto, excepto que cambie el color de la cubierta exterior a nuestra naranja.
Es hora de un poco de garabatos 101. A continuación se muestra una imagen de cómo creé los árboles. Mi consejo personal es comenzar dando pequeños pasos. Crea formas simplistas y observa qué características te gustan o no te gustan. Desde el principio, decidí que mis árboles deberían ser demasiado simples en la parte inferior, complejos en la parte superior, y que simplemente serían una ilustración, no una representación. Es una caricatura más de un árbol que un boceto real..
Así que adelante, toma un bolígrafo y un pedazo de papel. Utilicé un marcador Sharpie Ultra Fine Point, que funciona muy bien en el papel estándar de Xerox. No utilicé papel grueso, porque quería que los bordes de las líneas fueran suaves. Es posible que desee intentar hacer eso también. Una vez que haya creado sus árboles, escanéelos e insértelos en un proyecto de Photoshop separado.
Nota: Al dibujar, tenga en cuenta que los elementos deben tener un tamaño proporcionalmente equilibrado.
Coloque el nuevo árbol en la capa superior de su archivo y cree un fondo blanco una capa debajo. Una vez que tenga el árbol escaneado en una capa, duplíquelo (Comando + J) y configure el modo de fusión de la capa para que se multiplique. Eso lo oscurecerá.
Vaya a Seleccionar> Gama de colores y, en el menú desplegable, seleccione Sombras. Esto seleccionará solo el negro de la imagen..
Después de hacer la selección, haga clic derecho dentro del lienzo, mientras tiene la herramienta de marquesina activa, luego seleccione Hacer ruta de trabajo. Introduzca 1,5 píxeles en el siguiente menú. Menos píxeles le darán un resultado más áspero, y más suavizarán y enderezarán las líneas. Intenta encontrar un equilibrio, ya que demasiados píxeles harán que el arte sea demasiado geométrico..
Vaya a Capa> Nueva capa de relleno> Color sólido y complete la selección con nuestro color púrpura.
A menudo comencé a rastrear algo con la herramienta de la pluma pensando que estaba creando una forma, aunque en realidad estaba en modo ruta. En caso de que esto te suceda, hay una manera de salir de ella. Termine de rastrearlo y vaya a Capa> Nueva capa de relleno> Color sólido. Seleccione un color y tendrá una forma vectorial. Sin embargo, a veces, cuando intenta llenarlo, Photoshop llena el exterior y no el interior..
Para corregir esto, después de rastrearlo en modo ruta, haga clic con el botón derecho en el lienzo mientras selecciona la herramienta de marquesina y vaya a "Realizar selección". Notará que la selección está invertida. Así que solo presiona Comando + Shift + I para invertir la selección. Después de eso, conviértelo de nuevo en un camino y rellénalo..
Volvamos a nuestro árbol. Necesitamos crear su fondo. Todo lo que tenemos ahora es el esquema. Así que obtén la "Herramienta Pluma" y comienza a crear un fondo para ella. Debido al estilo, no sería demasiado cuidadoso en rastrearlo exactamente. Rellénelo con el color de fondo naranja pálido en su proyecto. Eso es.
Ahora que conoce la técnica, puede hacer otro árbol (o más) y algunas nubes. Juega un poco con el diseño, pero trata de no superponer elementos que no fueron dibujados juntos (tocándose entre sí en el dibujo real). Y evitar el desorden. Mantenga el diseño espaciado con suficiente espacio en blanco para darle espacio para respirar.
Nota: Mantener el ancho de los elementos similar. Amplíe o contraiga los elementos proporcionalmente y todos juntos, de lo contrario obtendrá diferentes tipos de grosor de línea. Quieres que todos tengan el mismo grosor de línea.
En este punto, añadiremos el texto. Descarga esta fuente: Rechazar. Escriba la letra "D" en su proyecto. Asegúrate de que esté en la capa superior (sobre todo). Debajo de esta capa, cree una nueva capa y rellene todo el lienzo con blanco.
Coloque las letras recién escritas en su diseño. Simula profundidad ampliando varias letras. Evite el emparejamiento simétrico agrupando letras en formato 2-2 o 3-3. Puse el mío en 2-1-1, lo que da una sensación más dinámica. Las inclinaciones leves son bienvenidas, pero no exageres, recuerda el hecho de que esta es una escena algo estacionaria, por lo que las letras deben parecer que están flotando. Para ver un arreglo de letras que simula un movimiento rápido, vea la cuarta versión en mi serie "Dibujo" de Behance, titulada "Color".
Vaya a la letra "D" y al comando + Clic en el icono de su capa para seleccionarlo con la herramienta Marquee. Después de hacerlo, vaya a Seleccionar> Modificar> Contrato. Ahora bien, esta es la parte difícil. Tenemos que obtener el grosor del contorno para que coincida con el grosor de las líneas de árboles y nubes. Contrate la selección pensando que la marquesina que está viendo será el grosor real del contorno. Contraté el mío por 10 píxeles, porque así fue como lo conseguí para que coincida con el árbol..
Haga clic con el botón derecho en el lienzo, mientras selecciona la herramienta Marquee, luego presione Crear ruta de trabajo y use 1,5 píxeles.
Hasta ahora, lo hemos vectorizado en la misma técnica que el árbol con un ajuste menor en el grosor. Es hora de hacer algo un poco diferente de nuevo. Use la herramienta Selección directa (A) para eliminar partes de la ruta recién creada que se asemejan a agujeros. Si lo desea, puede optar por dejar algunos en, como hice yo, pero elimine los agujeros pequeños.
Tan pronto como limpie la ruta, vaya a Capa> Nueva capa de relleno> Color sólido.
Tome la herramienta Pluma y trace el fondo de la letra. Además, cambie el color del contorno a naranja pálido y la forma de fondo recién trazada a púrpura. Esto le da un efecto más único, al ser invertido. Una vez más, sea intencionalmente inexacto, pero no exagere.
Repita el mismo proceso con cada letra, ajustando constantemente cuánto está contrayendo la selección de marquesina al grosor actual de los árboles y las nubes..
Ahora es el momento de divertirse con los pinceles de regalo de bittbox. Descarga estos conjuntos de pinceles: Acuarela, Acuarela II y Grungy Acuarela. Comience por agregar la acuarela de fondo. ¡Usa nuestro color púrpura y realiza un seguimiento de tu diseño! (Recuerde el paso 1).
Agrega un poco más de púrpura y comienza a agregar naranja..
Continúa agregando un poco de naranja e incluso algunos trazos de naranja más oscuro: c6592e.
Ahora vamos a añadir salpicaduras. Descarga este paquete, nuevamente de la maravillosa colección de regalos de Bittbox: Splatters. Comience creando la ilusión de que la tinta de las letras se salpica en el lienzo. Para agregar profundidad a la salpicadura, primero coloque una salpicadura normal en una capa. Duplíquelo para que tenga un color más fuerte y opacidad (sin embargo, muchas veces sea necesario). Luego, selecciona la primera capa que creaste y escálala.
Comience agregando la salpicadura creativamente. Mantenlos salpicando hacia el exterior..
Más salpicaduras, pero esta vez utilizando el color de fondo (naranja pálido) y desde el exterior hacia adentro..
¡Casi allí! La imagen aún necesita un poco más de profundidad. Seleccione el color púrpura que está usando como color de primer plano y vaya a Seleccionar> Rango de colores. Use fuzziness a su discreción o siga la cantidad de mi 120, y presione Entrar. Debes obtener una selección del morado en toda la imagen..
Haz una nueva capa y comienza a pintar ligeramente, con un tono más oscuro de púrpura: 1b1d30. Eso debería agregar el contraste y la profundidad necesarios..
Zoom, en busca de cualquier problema. Esté atento a las salpicaduras que caen fuera del área del lienzo y suavizan los acentos que son demasiado fuertes. Aquí hay un primer plano de la mía. (Esquina de la letra "D").
Bueno, hemos terminado! Con suerte, ha disfrutado de este tutorial y lo ha encontrado inspirador y útil. ¡Que tengas un gran día! Puede ver la imagen final a continuación o ver una versión más grande aquí.
Accentsconagua