Dibuje una ilustración tipográfica inspirada en el grabado en madera en Photoshop

Lo que vas a crear
Este tutorial se publicó originalmente en diciembre de 2010 como tutorial de Tuts + Premium. Ahora está disponible de forma gratuita para ver. Aunque este tutorial no utiliza la última versión de Adobe Photoshop, sus técnicas y procesos siguen siendo relevantes.

Un método popular para dibujar ilustraciones imprimibles en pantalla es uno inspirado en la ilustración de grabado en madera. Si bien este método generalmente está hecho de impresión solo en negro, vamos a crear un tratamiento tipográfico de arte lineal de cuatro colores..

Ya sea que seas un ilustrador experimentado o no, este tutorial te enseñará un método sistemático para dibujar gráficos de arte de línea ricos y convincentes desde cero..

¿Necesita una solución más rápida? Explore nuestra increíble selección de estilos de capa de Adobe Photoshop en GraphicRiver para crear sus propios efectos de texto increíbles. O solicite la ayuda de un profesional de Envato Studio para que lo ayude con todas sus necesidades de tipografía personalizada..


1. Cómo configurar su documento y cepillo

Lo primero que debe hacer es calibrar su documento y la configuración del pincel. Estoy trabajando en una muy grande. Formato de Póster A2, pero reduciéndose a una A3 funciona bien tambien En un momento, vamos a vectorizar todo a través de la función de trazo de línea de Illustrator, por lo que cualquier cosa por encima del formato de póster A3 funcionará. Sin embargo, si no tiene Illustrator y decide crear todo en Photoshop, piense en el tamaño final antes de comenzar. Ya que estamos dibujando todo desde cero y no necesitaremos imágenes de alta resolución, el cielo es el límite. O bien, la potencia de la CPU más bien. Luego crea un pincel, usando la configuración que se encuentra a continuación.

Además, permítame decir lo obvio al decirle que va a necesitar una tableta. Este es un trabajo simple de tableta sin embargo; una tableta más básica con opciones simples de presión de lápiz será suficiente.



2. Cómo dibujar la palabra 'materia'

Paso 1

Vamos a esbozar las letras de la palabra materia en primer lugar. los Forma, Peso y Rotación es algo que probablemente cambiará en el tiempo, así que asegúrese de crear cada letra en una capa separada.



Paso 2

Dado que la palabra se texturizará más tarde con hojas, es bueno mantener la forma simple. Fluido, pero simple cuando sea posible. Creé la 'a' como unaelipse, luego lo vincula al resto de la palabra.



Paso 3

Mientras hace un seguimiento de la curvatura de la palabra, dibuje el resto.



Etapa 4

Cree la parte superior 'a' como el corchete de la primera letra 't'.



Paso 5

Luego vincula la tercera palabra al final. Puedes encontrarte cambiando estas letras para parecerse a la corona de un árbol.



3. Cómo dibujar las hojas

Paso 1

Ahora vamos a la parte más complicada y laboriosa. Dibujar las hojas no es muy complicado, pero consume mucho tiempo. Lo he desglosado sistemáticamente para que sea más fácil hacerlo. Recomiendo hacerlo de esta manera, ya que ayudará a crear un resultado final uniforme. Lo último que desea es crear varios patrones en todo el follaje..

Comience por alinear las hojas en una capa separada con blanco y Cepillo de 25 px (si está trabajando en un A2 formato).



Paso 2

De ahora en adelante, cada acción que realices debe estar en una capa separada. Mi archivo final tiene cerca de 300 capas, que en realidad no son muchas para este tipo de trabajo. Más vale prevenir que curar.

Mantener el Tamaño del pincel, Hacer una capa diferente y contornear toda la sección con un contorno negro.



Paso 3

Ahora vamos a Llenar Las hojas con sombra. En lugar de hacer esto claramente, vamos a agregar un poco de iluminación dinámica. Para ver cómo imaginar la proyección de luces y sombras, vea el siguiente paso. En primer lugar, déjame explicarte cómo ejecutar un suave Gradiente sobre las hojas.


Crear una transición suave de la oscuridad a la luz es cuestión de usar estos tres tipos de hojas. Mientras intentas mantener una transición suave en general, agrega algunas instancias aleatorias para hacerla más realista.


Etapa 4

Para crear la hoja oscura, sigue estos tres pasos. Primero, dibuje el icono de la hoja, luego redondee la parte superior y dibuje la línea media en la parte inferior. En tercer lugar, cambiar el Color de primer plano a blanco y dibuje dos trazos sobre el área especificada (fig. 2). Su resultado final debe ser como el higo. 3.



Paso 5

Usa esta técnica para completar dinámicamente la primera letra. Imagina tu fuente de luz como en la esquina superior derecha y crea los tres tipos de hojas como en la imagen de abajo.




Paso 6

Repita esta técnica de dibujar las líneas de las hojas, contornos y rellenos en las siguientes letras.



Paso 7

Llevar a cabo la técnica sobre las letras restantes..



Paso 8

Como el lado derecho está más expuesto a la fuente de luz, traté de mantenerlo generalmente más ligero..



Paso 9

Tu resultado final debe ser similar a esta imagen.



4. Cómo dibujar el árbol

El siguiente paso es dibujar el resto del árbol. Comience con las ramas. Intente evitar que queden planos haciendo que algunos pasen, a través y detrás del texto. He resaltado algunos con cian para facilitar la localización.





5. Cómo dibujar las palabras 'Vida y muerte'

Paso 1

Ahora podemos llegar al resto de las palabras. Empieza a trazar la palabra 'vida'..



Paso 2

Intente mantener las letras simples, pero recuerde que siempre puede editarlas manteniendo todo en una capa separada.



Paso 3

Termina esta palabra expandiendo la 'e' al final del árbol.



Etapa 4

Si se baja lo suficiente, el signo "ampersand" puede leerse entre las palabras "vida" y "muerte". Dibujarlo de manera similar.



Paso 5

Transición de la parte inferior del símbolo en una letra 'd'.



Paso 6

Comience a rastrear la sección central de la palabra 'muerte' mientras mantiene un seguimiento de la curvatura una vez más.



Paso 7

Termina la palabra dibujando las letras finales..



6. Cómo crear la textura de la corteza

Paso 1

Es hora de comenzar con la textura de la corteza. Esto es una cosa difícil, y Zoom Dentro y fuera, mientras que el dibujo es muy recomendable. No te dejes llevar por el dibujo de líneas inútiles. Es fácil dejarse llevar y perder consistencia visual sobre todas las letras.

La forma más fácil de comenzar es trazar sus puntos destacados con un 50 px línea.



Paso 2

Para iniciar la textura de la corteza, cree unas pocas líneas negras dispersas en el resalte de peso. Mantenga un registro de la orientación de la letra en todo momento (siga la dirección de los bucles) pero agregue un poco de variedad.




Paso 3

Después del paso anterior, tendrás bordes blancos agudos por todas partes. Mientras usa el blanco como color de primer plano, dibuje sobre esos bordes afilados para crear un patrón de línea ondulada.



Etapa 4

A partir de ahora, seguirá alternando entre blanco y negro para suavizar los bordes afilados, mientras dibuja líneas onduladas. prensa 're' para restablecer los colores a blanco y negro y 'X' alternar entre los dos.



Paso 5

Reproducir exactamente Los últimos pasos sobre todas las partes resaltadas en blanco. Recuerda no estirar demasiado este patrón dentro de la letra..



Paso 6

A medida que se adentra en la palabra, dibuje los resaltados primero con una Cepillo de 50 px, luego continuar con los detalles con una Cepillo de 25 px.



Paso 7

Recuerde realizar un seguimiento de la fuente de luz en todo momento y dibujar el punto en la "i". Esto luego se convertirá en una manzana..





Paso 8

Los contornos blancos que dibujas también crean profundidad. Por ejemplo, puede decidir qué parte de una letra aparece en la parte superior o detrás de una letra..



Paso 9

Termina esta parte con las letras finales. Agregue ramas rotas en los extremos y como soporte para la 't'.



Por ahora, tu imagen debería verse como algo así..



Paso 10

Aplicar esta técnica al árbol. Dado que el árbol tiene la forma real del árbol, la textura parece más real.



Paso 11

A continuación, necesitamos agregar más detalles a la textura. Lo hacemos no solo agregando líneas más finas y cortas (en círculo), sino también reduciendo el tamaño de la línea. Tamaño del pincel a 10-15 px). Afina la mayor parte de los extremos de las líneas blancas y negras existentes.



Paso 12

Cree líneas nuevas y más definidas, pero también modifique las existentes cuyos extremos son demasiado redondos.



Paso 13

Repite este proceso en el resto de las letras y el árbol..



Tu resultado final debería ser algo como esto..



7. Cómo vivir el rastro en Illustrator

Paso 1

La siguiente parte es opcional, pero recomendada. Una forma rápida de limpiar la ilustración es Rastro vivo en Ilustrador. Dupdo una versión de fusión de su archivo (Comando-Opción-C) y péguelo un nuevo archivo de Illustrator. La configuración del documento realmente no importa.



Paso 2

Ir Objeto> Seguimiento en vivo> Opciones de seguimiento. Use los siguientes ajustes, o acomódelos a su propia ilustración.



Paso 3

Una vez finalizada la imagen. Seguimiento en vivo, Expandirlo (Objeto> Expandir).



Etapa 4

Toma el Herramienta de selección directa (A - flecha blanca) y deselecciona todo. Haga clic en una parte blanca, luego seleccione el resto de las formas blancas en la ilustración (Seleccionar> Mismo> Color de relleno).



Paso 5

Borrar todo blanco, agarra el Herramienta de flecha (V) y haga clic en el objeto restante. Dupdo eso.



Paso 6

Pegar la imagen en un nuevo Cartel A2 (o cualquier formato que desee). Recomiendo mantenerlo a Objeto inteligente.



8. Cómo agregar color

Paso 1

Como el objeto solo tiene contornos negros, colorearlo es tan simple como dibujar debajo. Para cada letra, crea una Nueva Layer debajo del contorno Objeto inteligente capa.

En teoría, dibujar el follaje es simple, pero requiere un patrón aleatorio pero uniforme. Agarrar un Cepillo y comienza las hojas verdes con este color: # 2bb778.



Paso 2

Repita este patrón en todas las letras del follaje, y la manzana.



Paso 3

Los siguientes dos colores del follaje son brillantes (# ffd600) y mostaza (# b58e55) amarillo. Asegúrate de dejar las hojas blancas también..

Use el mismo tono amarillo mostaza que los tonos medios para las ramas. Los he colocado encima de los contornos en la primera imagen solo para mostrar su ubicación.




Etapa 4

Por último, cambiar el color del contorno por Doble clic en la capa Agrega un Superposición de color Efecto y elige este color: # 483135.



Imagen final

¡Eso es! Siguiendo este tutorial, deberías hacerlo en aproximadamente 7 horas, o menos si tienes más experiencia. Si nunca has hecho esto antes, esto puede llevar decenas de horas. Si te apasiona entrar en el arte lineal, ciertamente espero que este tutorial sea un buen punto de partida, o al menos te convenza de que es una habilidad alcanzable. A pesar de mis propias inseguridades, pruebas y tribulaciones, puedo asegurarles que lo es. Ahora haz algo impresionante.

Estilos de capas de Photoshop de GraphicRiver

¿Te encanta crear ilustraciones tipográficas pero tienes poco tiempo? Luego, explore nuestra increíble selección de estilos de capas de Photoshop en GraphicRiver para crear sorprendentes efectos de texto con solo unos pocos clics. Y echa un vistazo a uno de nuestros favoritos a continuación!

Varios efectos de texto Vol.3 - Estilos de madera

Transforme sus citas o encabezados favoritos con este impresionante paquete de estilos de capas de madera. Este paquete presenta cinco estilos de Photoshop de alta calidad con diferentes texturas de madera que puedes elegir. Haz que tus diseños se destaquen con solo hacer clic en un botón!