() translation by (you can also view the original English article)
En este tutorial, te mostraré cómo crear una tarjeta decorativa con letras de mano con Adobe Photoshop usando formas vectoriales y pinceles de textura. Vamos a dibujar una tarjeta de San Valentín con un sabor mexicano, que incluye el texto que dice "Te Quiero Mucho" ("Te quiero mucho") y muchos adornos y decoraciones. ¡Empecemos!
1. Cómo preparar tu croquis
Paso 1
Las letras de estilo mexicano son muy decorativas, así que diviértase y agregue muchos detalles. Dibujé un boceto de la futura postal con lápiz y papel, hice la foto con mi teléfono inteligente y me la envié por correo electrónico. Puedes dibujar las letras por ti mismo o puedes descargar algunas fuentes impresionantes o efectos de texto. Como personaje principal, elijo un corazón de estilo mexicano con una cara de calavera mexicana.
Paso 2
En primer lugar, tenemos que preparar nuestro flujo de trabajo. Cree un nuevo documento (Comando-N) en Adobe Photoshop y configure el tamaño en 1800 px x 1500 px y la resolución en 144 px / pulgada. Puede cambiar el tamaño de su mesa de trabajo utilizando Imagen> Tamaño del lienzo.
Simplemente mueva su foto de boceto de su carpeta directamente a la mesa de trabajo y presione Entrar para colocarla. Para ajustar el tamaño de la ilustración, puede utilizar la Herramienta de transformación (Comando-T). Si desea cambiar el tamaño del lienzo, vaya a Imagen> Tamaño del lienzo o use la herramienta Recortar (C).
Paso 3
Para preparar el boceto para la coloración, uso Imagen> Ajustes> Tono / Saturación (Comando-U) y Niveles (Comando-L).
Paso 4
Si desea cambiar algo en su boceto (por ejemplo, he movido un poco las letras "Mucho"), puede usar la Herramienta Lazo (Q) y la Herramienta Transformar (T). Si desea agregar algunos detalles, puede dibujarlos directamente en su boceto con la herramienta Pincel (B) y borrar algo con la herramienta Borrar (E). ¡Puedes hacer lo que quieras!
Ahora podemos empezar el proceso de coloración. Establezca el modo de capa de su boceto en Multiplicar y establezca la Opacidad en 15-20%. Después de eso, agregue una nueva capa debajo de la capa de boceto. No te olvides de bloquear la posición de la capa.
Paso 5
Puede omitir este paso, pero siempre comienzo mi trabajo de color haciendo el esquema de color (consejo profesional: seleccione los tres colores principales y utilícelos y sus tintes al principio). El estilo mexicano es muy atrevido y tiene colores brillantes y cálidos. Elijo el rojo, una especie de amarillo y turquesa. En una nueva capa debajo de la capa de boceto, uso Pincel (B) e intento encontrar el esquema de color que más me guste. Siempre hago varias variantes. Es un proceso creativo, así que no dudes en pintar y rehacer algo.
Al final, seleccioné dos variantes que más me gustaron. Prefiero el segundo.
Guarde su trabajo (solo guardo la capa y dibujé mi variante final justo encima para ver el esquema de color durante todo el proceso).
2. Como Crear Formas de Vectores en Photoshop
Paso 1
Empecemos con el carácter del corazón. Cree una nueva capa debajo del boceto pero sobre el esquema de color y dibuje una forma de corazón con la herramienta Pluma (P).
Paso 2
En una nueva capa de arriba, dibuja la forma interna del corazón. Para facilitar el proceso de coloración, hago una copia de la capa del esquema de color, la hago más pequeña y la muevo con la Herramienta de transformación (T) para que pueda tomar los colores fácilmente con la Herramienta Cuentagotas (I). Además, establecí la Opacidad del esquema de coloración principal (el grande) en 70-80% y bloqueé la posición de la capa.
3. Agregando la textura y el volumen
Paso 1
La magia está comenzando ahora. Para las texturas y los valores, uso los pinceles oficiales de Photoshop Kyle T. Webster, pero puedes elegir cualquiera de los otros impresionantes conjuntos de pinceles disponibles. El detalle principal es que su conjunto de pinceles debe tener pinceles de textura y pinceles que imiten al carbón o cualquier otro material "vivo".
Crear una capa de clip por encima de la capa de corazón rojo:
- Mantenga presionada la tecla Alt, coloque el puntero sobre la línea que divide las dos capas en el panel Capas (el puntero cambia a dos círculos superpuestos) y, a continuación, haga clic en.
- En el panel Capas, seleccione la capa superior de un par de capas que desee agrupar y elija Capa> Crear máscara de recorte.
Uso el Pincel Oil Lush del juego de brochas Kyle. Puede elegir cualquier otro pincel para pintar o incluso usar el pincel estándar de Photoshop (solo configure la Opacidad de su pincel para suavizar los colores). Uso tintes claros y oscuros de la forma de corazón rojo para crear el efecto de volumen.
Consejo profesional: use Alt mientras pinta para tomar los colores circundantes para una transición de color suave.
Paso 2
Cree una nueva Capa de Clip para el corazón rojo, sobre la capa de volumen. Usando el pincel de textura (uso Aerógrafo - Granulado Opaco), cree una sombra con el color marrón oscuro. Establecer el modo de multiplicación para esta capa.
Utilice casi el mismo proceso para los aspectos más destacados. Cree una nueva capa de clip sobre la capa oscura, dibuje luces con el color rojo claro y su pincel de textura, y configure el Modo de pantalla para ello. Cambie la opacidad para que se vea más calmada y más natural (utilicé 50%).
Así que mi flujo de trabajo habitual para este tipo de imagen es:
- Crea la forma del vector.
- Crea volumen con los pinceles de pintura.
- Agrega texturas oscuras y claras con pinceles de textura y diferentes modos de capa.
- Agrega otros detalles si es necesario.
Paso 3
Use casi el mismo proceso que para la forma de corazón exterior amarillo; solo agregue un poco de ornamentación simple con el pincel opaco redondo Gouache. Puede usar cualquier otro pincel, y no olvide que puede cambiar el modo de fusión y la opacidad de su pincel en la configuración del pincel cerca del menú del pincel (o use F5 para abrir la Configuración avanzada del pincel).
Consejo profesional: use [ o ] para aumentar o disminuir el tamaño de su pincel.
Paso 4
Utilice el mismo proceso para el ojo y la boca. No te olvides de agregar una capa para la sombra (uso de nuevo el pincel de textura). Seleccione todas las capas del ojo y agrúpelas (Comando-G).
Copie (Comando-J) y mueva (V) el grupo de ojos. Ahora el corazón tiene dos ojos.
Paso 5
Continuar coloreando y añadiendo detalles. Haga la forma de la nariz con la herramienta Pluma y agregue algo de volumen con una capa de clip y un pincel. Para pintar los labios, use la herramienta Rotar (R) para ayudarlo a hacer bonitos trazos de pincel.
Termina la boca con la técnica familiar. Además, he añadido líneas de dientes en una nueva capa. Usé Tu nuevo entintador favorito del set de brochas Kyle. Cualquier otro pincel de tinta funcionará bien también. No olvides la sombra debajo de la boca.
Paso 6
Para agregar un poco de decoración, uso un color amarillo cálido y un pincel entintador (el mismo que para las líneas de los dientes). Crea una nueva Capa de Clip sobre la capa de corazón rojo y dibuja algunos ornamentos en ella. Además, me llamó la atención aquí. ¡La cara del corazón está lista!
Paso 7
Seleccione todas las capas del corazón y los grupos de capas (incluidos la boca, los ojos y la nariz) y agrúpelos (Comando-G). Organiza tus capas para que sea más fácil navegar. Si ha agrupado los objetos incorrectamente, puede desarmar el grupo (Comando-Shift-G).
Paso 8
Ahora es el momento de las alas del corazón. Dibuje dos alas grandes en la misma capa usando la herramienta Pluma (P).
En otra capa, dibuja las formas del ala interior. Puede editar su forma con la Herramienta de selección directa (A) y editar los puntos de anclaje. Asegúrese de que el puntero de la herramienta Selección directa sea blanco. Puedes cambiarlo en el panel de Herramientas.
Paso 9
Cree una nueva capa de textura sobre la capa de alas rojas y dibuje la sombra de las alas interiores con un pincel de textura y un color rojo oscuro. Establezca el modo de capa en Multiplicar y configure la Opacidad para que se vea agradable y natural. Yo uso 60% de opacidad.
Paso 10
Crea una nueva capa de Clip para la capa de alas rojas. Con el pincel entintador y el color rojo claro, dibuja las líneas de plumas. Puedes dibujar cualquier tipo de líneas, el objetivo es agregar algunas texturas y detalles. Dibujé líneas rectas simples. Establezca el modo en Pantalla y luego establezca una buena Opacidad (yo establezco 80%).
Paso 11
Para la forma de las alas interiores, creé dos capas de sombra oscura con el mismo pincel de textura. El primero es una capa de color naranja oscuro en el modo Multiplicar y 70% de opacidad. El segundo es una capa marrón, también con modo Multiplicar. Varias capas de sombra agregan un poco más de profundidad a la imagen.
En una nueva capa de Clip, agregue los resaltes con el pincel de textura y el color amarillo claro. El modo es pantalla. Borre los trazos de pincel innecesarios (si los hay) con la herramienta Borrar (E).
Paso 12
En otra capa de Clip, dibuje la decoración con el pincel entintador y bloquee la Opacidad de la capa. Con el pincel de textura, agregue algo de valor con el color más oscuro cerca de la cara del corazón. Agrupa todas las capas del ala, y ya está listo.
Paso 13
Decidí cambiar un poco mis planes y dibujar una corona en lo más alto de mi corazón. Usando la herramienta Pluma (P), dibujé varias formas de corona. Hice la capa de combinación de colores invisible para que el proceso de dibujo de formas sea más claro y más fácil. Simplemente haga clic en el icono del ojo en el panel Capas.
Paso 14
Usando la técnica familiar, agregue los valores para la corona. Utilice las capas oscuras en el modo Multiplicar con el pincel de textura y las capas de luz en el Modo de pantalla. Juega con la cantidad de capas y su opacidad.
Organiza las capas, y enhorabuena! Hemos terminado con el corazón y sus elementos.
4. Como Vectorizar y Colorear las Letras
Paso 1
Ahora es el momento de las cintas y las letras. Con la herramienta Pluma (P), dibuje la cinta. Yo uso el color turquesa. El esquema de color se vuelve a hacer invisible.
Paso 2
En una nueva capa, dibuje las letras con la herramienta Pluma (P). Para hacer formas superpuestas (como el espacio interior en Q), seleccione las dos formas con la Herramienta de selección directa (A) y seleccione Excluir formas superpuestas.
Use la flecha negra de la Herramienta de selección directa (A) si necesita mover algunas formas. Edite los puntos de anclaje utilizando la flecha blanca del mismo instrumento.
Paso 3
Como siempre, agregue algo de volumen con el pincel y algo de textura con el pincel de textura en diferentes capas, con Multiplicar para los tonos y Pantalla para los aspectos más destacados.
Paso 4
Usando la herramienta Pluma (P), agregue algunas líneas discontinuas como decoración. Rasterizo todas las capas de líneas discontinuas (haga clic con el botón derecho en Capa> Rasterizar) y las fusiono en una (seleccione todas las capas necesarias y Comando-E).
Paso 5
Crea una nueva capa de clip para nuestras letras. Lo coloré con el pincel: amarillo claro en la parte superior, y naranja y naranja oscuro en la parte inferior. Añade algún valor a nuestro signo.
Paso 6
Una vez más, añadir textura con el pincel de textura. Use una capa oscura para las sombras y una capa clara para los reflejos.
Paso 7
Ahora para el momento de la magia. Duplique la capa de letras (Comando-J) y colóquela debajo de la capa de letras. Haga clic en la nueva capa, coloréela de color turquesa oscuro y muévala hacia abajo y hacia la izquierda (V o simplemente use los botones de flecha del teclado). Ahora tenemos una sombra debajo de nuestras letras.
Paso 8
Cree una nueva capa debajo de la cinta y dibuje la parte interior de la cinta con la herramienta Pluma (P). Aquí, decidí cambiar el primer esquema de color y colorearlo en turquesa oscuro. En una nueva capa de clip, agregue algo de volumen con el pincel. Seleccione todas las capas de cinta y letras y agrúpelas (Comando-G).
Paso 9
Duplique (Comando-J) el grupo de la cinta y combine los elementos internos (Comando-E).
Mueva esta nueva capa debajo del grupo de la cinta superior y haga doble clic en la miniatura de la capa (o haga clic con el botón derecho> Opciones de fusión). Seleccione Superposición de color y establezca el color en marrón oscuro.
Mueva esta capa (V o flechas del teclado) y establezca el modo en Multiplicar. Ajusta la opacidad al 40-50%. Hemos terminado la cinta superior. Repita los pasos para la cinta inferior.
Paso 10
Tiempo para los detalles. Agrega nuevos detalles y dibuja algunos bordes.
5. Cómo agregar color al fondo
Paso 1
Es hora de los antecedentes. Cree una nueva capa debajo de todas las capas dibujadas, y coloréela con la herramienta Paint Bucket Tool (G). Asegúrese de que seleccionó la herramienta Bote de pintura en lugar de la herramienta Degradado.
Paso 2
Con la herramienta Pluma (P), cree las líneas de decoración y colóquelas en un tinte amarillo más oscuro.
Paso 3
Para crear el marco, dibuje la forma de marco y la forma de rectángulo grande (del mismo tamaño que la mesa de trabajo completa) en la misma capa. Selecciónelo con la Herramienta de selección directa (A) y elija Excluir formas superpuestas.
Paso 4
Seleccione cualquier pincel de textura (por ejemplo, de este conjunto) y agregue un poco de grano en el marco, creando una nueva capa de clip arriba.
Paso 5
Haga doble clic en la capa de marco para abrir las opciones de fusión y establecer el color de Sombra como marrón oscuro, 20-35% de opacidad, 90 grados de ángulo, Distancia 15 px, Tamaño 20 px y Ruido como 16%.
Paso 6
Tiempo para la decoración del marco. Con la herramienta Pluma (P), dibuja un corazón pequeño y un poco de fuego amarillo en capas separadas.
Duplica este objeto y muévelo a las cuatro esquinas.
Paso 7
Con la herramienta Pluma (P), dibuje líneas en los lados de nuestro marco. Grupo (G) todas las capas del marco.
Hemos terminado con la coloración principal. Aquí está nuestro resultado intermedio. ¡Vamos a terminarlo!
Paso 8
Seleccione las cintas y el grupo de capas del corazón y auméntelos un poco. La conveniencia de los gráficos de computadora es que podemos cambiar y mover objetos libremente.
6. Como Agregar Detalles Mas Pequenos
Paso 1
Trabajemos con los detalles. He añadido algunos puntos destacados en la nariz del corazón. Para seleccionar rápidamente la capa que necesita, use la herramienta Mover (V) y marque Selección automática> Capa en el panel superior.
Paso 2
Además, he agregado algo de ruido al fondo con diferentes pinceles de textura y ruido. Configúrelos en el modo Multiplicar y establezca la Opacidad en 5-15%.
Paso 3
Haga doble clic en el grupo principal de la capa del corazón y configure Sombra a un color marrón oscuro, Modo de multiplicación, Ángulo de 90 grados, Distancia de 6 px, Tamaño de 13 px y Ruido del 16%.
Paso 4
He decidido cambiar la sombra de la cinta a la misma que la del corazón. Puedes quedarte con el viejo. Seleccione el antiguo grupo de sombras y hágalo invisible (o simplemente elimínelo). Mantenga presionada la tecla Alt y mueva los efectos de capa del grupo de capas principal del corazón al grupo de capas de la cinta superior. Haz lo mismo con la cinta inferior.
Paso 5
¡Ahora podemos decorarlo tanto como queramos! Con el pincel entintador, he agregado algunas líneas internas para las letras. Puede utilizar la herramienta Rotar (R) para hacer que el dibujo sea más cómodo. No olvide que puede presionar Comando-Shift-Z para deshacer la acción.
Paso 6
Usando la herramienta Pluma (P), dibuja varias estrellas. En la capa de clip, realice varios trazos con el pincel de textura.
Paso 7
Aplica la sombra a la capa de forma de estrellas. Configure el color rojo oscuro, el modo Multiplicar, 50% de opacidad, 6 px de distancia, 10 px de tamaño, 16% de ruido.
7. Como Usar el Ajuste de Color
Crea una capa de ajuste de nuevos niveles bajo el fondo.
Mueva el control deslizante oscuro un poco para hacer los colores de fondo más audaces.
Agregue algunas gotas de color rojo oscuro y ornamentos geométricos debajo del marco con la herramienta Pluma (P).
¡Terminamos!
Este estilo decorativo te da mucha libertad, y puedes jugar fácilmente con colores y elementos decorativos. Puede utilizar este flujo de trabajo como base y crear sus propios diseños. Gracias por crear y experimentar conmigo. ¡Disfruta el proceso, y por favor comparte tu resultado!
Echa un vistazo a otros tutoriales increíbles con diseños de letras lindos paso a paso, así como excelentes tutoriales de dibujo de Photoshop con consejos de pinceles profesionales.
Letrado a manoCómo crear un póster de inauguración de la casa con letras a mano en Adobe Photoshop
Letrado a manoCómo diseñar una tarjeta de letras "Love" en Adobe Illustrator
PrimaveraCómo crear una tarjeta con letras florales decorativas de primavera en Adobe Illustrator
IlustracionCómo crear texturas de pelo y pelaje en Photoshop utilizando los juegos de brochas Kyle T Webster
