Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Hand Lettering
Design

 Cómo crear un diseño de letras de arte popular ruso a mano en Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)

Final product image
What You'll Be Creating

Crea una tarjeta ilustrada con letras hechas a mano con adornos tradicionales rusos y la palabra "Spasibo", que significa "Gracias". También incluiremos un patrón de flores típicas y una fuente cirílica antigua. ¡Vamos a crear nuestra tarjeta estilizada ahora mismo!

1. Cómo crear el boceto de las letras a mano.

Hoy, vamos a hacer algunas letras estilo eslavo con la palabra Спасибо (spasibo), que significa gracias. Para decorar la tarjeta, vamos a utilizar el tradicional ornamento floral ruso Хохлома (hohloma).  El cual fue creado en el siglo XVII para la decoración de vajillas de madera. No usaremos el adorno original, sino que le daremos ese estilo a las letras en Adobe Photoshop.

Lo más importante que debes recordar cuando dibujas letras estilizadas es hacer el estilo correcto para tus letras y encontrar una buena composición. Así que vamos a empezar con el boceto.

Paso 1

Para dibujar cualquier estilo de letra difícil, utilizo la misma técnica muy simple:

  1. Dibuja la forma principal de la letra con una línea.
  2. Agregar volumen y decoración (si la letra tiene algún elemento adicional).

Por ejemplo, para dibujar la letra C (en ruso suena como S), dibujé una línea curva y luego simplemente agregué el volumen. Además, puedes usar esta gran fuente de estilo eslavo o escribir letras por ti mismo. Para inspiración adicional, puedes leer un artículo de Wikipedia sobre el alfabeto cirílico temprano, con ejemplos de letras.

How to draw difficult letter shapes

Paso 2

Siempre dibujo mis bocetos con lápiz y papel, tomo una foto con mi teléfono inteligente y me la envío por correo electrónico. Puedes usar mi boceto o dibujar el tuyo. No olvides utilizar las lineas guía para hacer que tus letras sean más o menos rectas.

Hand lettering in Russian folk style sketch

Para dibujar el adorno Hohloma, puedes utilizar este set gráfico o crear tu propia decoración. Recuerda que los colores principales en Hohloma son rojo, dorado y negro, y el ornamento tiene muchos rizos florales.

Paso 3

Es hora de pasar a Photoshop. En primer lugar, tenemos que preparar nuestro flujo de trabajo.
Crea un nuevo documento (Ctrl+N) en Adobe Photoshop y configura el tamaño en 1800px x 1500px, Resolución 144 px/pulgada. Puedes cambiar el tamaño de tu mesa de trabajo posteriormente utilizando Imagen > Tamaño del lienzo.

Simplemente arrastra la foto  del  boceto desde tu carpeta, directamente hacia la mesa de trabajo y presiona Enter para colocarla. Para ajustar el tamaño de la ilustración, puedes utilizar la herramienta Transformar (Ctrl+T). Si deseas cambiar el tamaño del lienzo, ve a Imagen> Tamaño del lienzo, o usa la herramienta Cortar (C).

Paso 4

Para preparar el boceto para la coloración, uso Imagen> Ajustes> Tono / Saturación (Ctrl+U) y establezco la Saturación en -100 y Niveles (Ctrl-L) como se muestra a continuación.

Preparing the sketch in Adobe Photoshop Hand lettering in Russian folk style

Paso 5

Antes de comenzar, debes alinear el boceto. Ctrl+R para mostrar las reglas (o Ver> Reglas), haga clic en la regla superior y tire de la guía hasta la ubicación deseada (la parte superior de las letras). Repítelo con la línea de abajo. Para alinear tu boceto a las nuevas pautas, usa la Herramienta de transformar (Ctrl+T) y escala a la posición deseada. Consejo profesional: para mover solo una esquina de tu imagen, presione Ctrl y mueve la esquina.

Sketchs guidelines

Ahora podemos empezar el proceso de coloración. Establece el modo de capa del boceto en Multiplicar y coloca la Opacidad en 15-20%. Después de eso, agrega una nueva capa debajo de la capa de boceto. No te olvides de bloquear la posición de la capa.

Layers arrangement

¡Ahora podemos comenzar con el color!

2. Como colorear las letras

Paso 1

El adorno tradicional  Hohloma por lo general tiene un fondo oscuro y un dorado brillante y una decoración roja encima. Desbloquea la capa de fondo (simplemente haz clic en el ícono de candado cerca del nombre de la capa en el panel Capas) y colóreala con la herramienta Cubeta (G) con un color marrón muy oscuro (casi negro).  Asegúrate de elegir la herramienta Cubeta en lugar de la herramienta Degradado.

Creating the dark background for hand lettering in Russian folk style

Es difícil ver nuestro boceto en ese fondo oscuro. Para facilitar el dibujo, crea una nueva capa y rellénala con color blanco.  Lo utilizaremos para dibujar las formas principales. Después del dibujo, la esconderemos para nuestra conveniencia. Para ocultar la capa, simplemente haz clic en el icono de Ojo que esta cerca del nombre de la capa.

Hide the layer in Adobe Photoshop

Paso 2

Vamos a empezar con la primera letra. Crea la nueva capa debajo del boceto y dibuja la letra C con la herramienta Pluma (P) Si no sabes cómo usar la herramienta Pluma, consulta los excelentes tutoriales oficiales de Adobe sobre esa herramienta, y las formas. Envato Tuts + también tiene un tutorial de Photoshop Pen Tool muy simple y claro con GIF animados.

Como puedes ver, he añadido lineas guia adicionales. Colorea tus formas vectoriales a un color amarillo cálido.

Creating letters with Vector Shapes in Adobe Photoshop

Si necesitas orificios en tus formas, selecciona la forma principal y la forma del orificio utilizando la herramienta Selección directa (A) y selecciona Excluir formas superpuestas en el panel superior.

Overlapping Shapes in Adobe Photoshop

Para copiar la forma, usa la Herramienta de selección de trazado (A, la flecha negra), selecciona la forma que necesitas, manten presionadas las teclas Shift  y Alt y muévela. Usamos la flecha negra (Herramienta de selección de trazado) para seleccionar y mover formas y la flecha blanca (Herramienta de selección directa) para editar los puntos de anclaje.

Path Selection Tool and copying the shapes in Adobe Photoshop

Para agregar círculos decorativos, usa la herramienta Elipse (U) y dibuja varios círculos (mantén presionada la tecla Shift para hacer un círculo perfecto). Selecciona todas las capas de elipse y tu capa de letras (presiona la tecla Shift  y haz clic en el nombre de la capa en el panel Capas) y combínalas (Ctrl-E).

Decoration lettering with Ellipse Tool

Hemos terminado con la forma de nuestras letras, ¡felicidades!

Vector letters for Russian folk style lettering in Adobe Photoshop

Paso 3

¡Es hora de añadir texturas! Oculta (haz clic en el icono del Ojo) la capa blanca bg para ver el fondo oscuro original. Crea una capa recortada sobre la capa de letras:

  1. Manten presionada la tecla Alt, coloca el puntero sobre la línea que divide las dos capas en el panel Capas (el puntero cambia a dos círculos superpuestos) y luego haz clic.
  2. En el panel Capas, selecciona la capa superior de un par de capas que deseas agrupar y elije Capa > Crear máscara de recorte.
Adding texture to the vector lettering

Paso 4

Para agregar las texturas, elige el pincel de textura. Yo utilizo los pinceles oficiales de Photoshop Kyle T. Webster, pero puedes elegir cualquier otro conjunto de pinceles impresionantes. Para agregar una textura granulada, utilizo el pincel Rough Dry Fun Big! del set de Kyle T. Webster.

Pinta de amarillo claro la parte superior de tus letras y usa el naranja claro y más oscuro en la parte inferior para hacer la transición de color.

Color texture with texture brushes

Agrupa (Ctrl+G) las capas letras y  textura.

3. Creando los adornos

Paso 1

Mostrar (haz clic en el icono del ojo) la capa blanca bg. Usando la herramienta Pluma (P), dibuja los rizos. Tenemos dos capas separadas para rizos amarillos y rojos. Agregaremos las líneas finas, las bayas y los detalles más adelante.

Creating vector shapes for the ornament

Paso 2

Para dibujar líneas finas, he creado una nueva capa y he usado un pincel para dibujarlas. Usé Your New Favorite Inker del juego de brochas Kyle. Cualquier otro pincel de tinta funcionará bien también.  Si tienes una tableta de dibujo con sensibilidad de presión, puedes usar un pincel. No te olvides del mágico Ctrl+Z para deshacer cualquier error. Lo uso mucho cuando trabajo con líneas precisas.

Thin lines with inker brush in Adobe Photoshop

Si estás dibujando con un mouse de computadora, aquí hay otra variante. Selecciona un pincel redondo duro (o cualquier otro pincel estándar con 100% de dureza), configura el tamaño deseado en el panel superior y abre la Configuración del pincel (F5). Asegúrate de tu dinámica de formas > Control:  Presión de lápiz está activada.

Brush Settings Panel

Con la herramienta Pluma (P), dibuja la trayectoria de trazo deseada. Haz clic derecho en el trazo y selecciona la opción ruta de trazo.

Stroke path

Selecciona la Herramienta: Pincel y marca la casilla de verificación Simular presión.

Simulate pressure for the stroke

Simplemente elimina la ruta (o presiona Enter) y listo! Tenemos una bonita línea con simulación de presión. Juega con el tamaño del pincel para hacer el ancho de línea ideal.

Stroke Path in Adobe Photoshop

Continúa y dibuja todas las líneas finas amarillas y rojas. Este método es incluso más fácil que dibujar con un pincel.

Thin lines for Russian folk style lettering with Stroke Path tool

Paso 3

Con la Herramienta Elipse (U), dibuja bayas amarillas y rojas. Mantén presionada la tecla Shift para hacer el círculo perfecto y usa la Herramienta de movimiento (V) o la Herramienta de selección de ruta (A, la flecha negra). Combina (selecciona las capas manteniendo la tecla Shift y presiona Crtl+E) todas las bayas amarillas y rojas en capas separadas.

Berries for Russian Folk style lettering in Adobe Photoshop

Paso 4

Usa la Herramienta de forma personalizada (U), selecciona la forma de flor en el menú desplegable y dibújala en la nueva capa. Si no tienes esta forma, usa otra, o simplemente dibujas la flor con la herramienta Pluma (P).

Adding flower with custom shape tool

Yo fusioné (Ctrl+E) la flor y las capas amarillas para mi conveninencia.
Oculta la capa blanca bg y admira el resultado. ¡Se ve bien!

Russian folk style lettering in Adobe Photoshop

Paso 5

Con la herramienta Pluma (P) y la función ruta de trazo, agregaremos algunos valores a nuestros rizos dorados con un color amarillo claro en el nuevo amarillo. O simplemente puedes dibujar líneas con el pincel entintador.

Adding light volume lines for yellow shapes

Continúa agregando líneas amarillas claras en cada forma amarilla.

Finish adding light volume lines for yellow shapes

Paso 6

En la nueva capa, repite con líneas brillantes rojas para las formas rojas.

Red lvolume lines for Russian Folk style lettering in Adobe Photoshop

Si deseas cambiar el tinte de color, ve a Tono/Saturación (Ctrl+U) y cambia el parámetro de Saturación.

Hue Saturation Panel in Adobe Photoshop

Paso 7

Para agregar detalles a las bayas rojas grandes, agrega círculos amarillos en la parte superior con la herramienta Elipse (U) y líneas amarillas a los lados.

Adding details to the berries

Paso 8

Organizar nuestras capas. Combina todas las capas rojas (líneas delgadas, bayas y formas básicas, excepto la capa roja de líneas de volumen) y todas las capas amarillas (excepto las capas de decoración de bayas amarillas y de volumen). El panel de capas debe verse asi:

Layers arrangement in Adobe Photoshop

4. Cómo agregar volumen y textura

Paso 1

Es hora de agregar algunos bonitos detalles. Crea una nueva capa de recorte sobre la capa amarilla. Con un pincel de textura (uso el pincel Rough Dry Fun Big! De Kyle T. Webster, o puedes usar cualquier otro pincel de este set), agrega un poco de textura con un color naranja. Yo configuré el Modo Multiplicar y use el 50% de Opacidad para esta capa. Puedes aumentar o disminuir el tamaño del pincel con los [ y ] botones . Para borrar puntos no deseados, usa la herramienta Borrar (E).

Adding texture by texture brush in Adobe Photoshop

Paso 2

Crea una nueva capa de recorte y agrega un poco de textura ligera con un color amarillo claro. Configura  esta capa a Modo pantalla y 50% de opacidad.

Screen layer mode for texture layer

Paso 3

Repite los pasos con los colores rojos.

Textures by brush for red shapes layer of Russian folk style decorative ornament

Paso 4

Haz doble clic en el grupo de letras o presiona con el click  derecho en  la capa > Opciones de fusión.

Blending Option in Adobe Photoshop

Configura el modo de fusión de Sombra paralela en Multiplicar, color en Negro, Ángulo 90, Distancia 5 px, Tamaño 43 px y Ruido del 16%. Puedes jugar con los parámetros y cambiarlos hasta que tengas el aspecto que quieras.

Drop Shadow parameters in Blending Options panel in Adobe Photoshop

Selecciona todas las capas del ornamento mientras mantienes presionada la tecla Shift y Combínalas (Ctrl+E).

Merge layers in Adobe Photoshop

Haz clic en los Efectos debajo del grupo de letras y, mientras mantienes presionado Alt y sin soltar el mouse, arrástralo a la capa amarilla.  Acabas de copiar los efectos a otra capa. Además, puedes eliminar las capas blancas bg del boceto porque ya no las necesitamos.

Copying effects to another layer

¡Excelente trabajo! ¡Has terminado!

Con este sencillo método, puedes crear tarjetas de rotulación de diferentes estilos en Adobe Photoshop. Puedes utilizar este flujo de trabajo como base y crear tus propios diseños.  Gracias por crear y experimentar conmigo. ¡Disfruta el proceso y por favor comparte tu resultado!

result

¡Ve nuestros otros tutoriales y cursos asombrosos de letras paso a paso con consejos profesionales!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.