Tipografía dinámica de acuarela empotrada en Photoshop

En este tutorial, te mostraré cómo mezclar elementos vectoriales y efectos de acuarela con texto para crear un diseño impresionante. Es un proceso rápido que depende en gran medida de una buena elección de imágenes y colores.

Vista previa de la imagen final

Before we get started, let's take a look at the image we'll be creating. As always, the layered Photoshop file is available via  Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts+ Plus. Puedes ver la vista previa de la imagen final a continuación o ver una versión más grande aquí. Fabio tiene otro gran tutorial de efectos de acuarela en photoshop en la página web así que puedes querer revisarlo también.

Paso 1

El primer paso aquí es en realidad el primer paso en todos mis proyectos. Busco imágenes de referencia basadas en mi boceto. Este proceso de investigación y planificación está entrelazado. Me permite examinar varios elementos y planificar la dirección que debo seguir. Por supuesto, puedo cambiar la dirección durante la creación, ya que este proceso es fluido. Así que encontré varias imágenes con efectos que me gustaban mucho y que quería aplicar a un diseño (imágenes: 1, 2, 4 y 5). Luego puse algunas ideas sobre el papel (imagen 3), añadí mi propia dirección y desarrollé mi concepto.

Paso 2

Crea un nuevo documento en Photoshop, he utilizado un tamaño de fondo de pantalla de 1920 píxeles por 1200 píxeles.

Paso 3

Descarga las texturas Bleeding Dragon Oldpapers, y coloca el papel 2.jpg en tu documento.

Paso 4

Ahora vamos a utilizar algunos pinceles, en este caso el fantástico conjunto de pinceles de acuarela de Bitbox. Anímate a descargar estos pinceles de acuarela. Bitbox también tiene otros pinceles de acuarela increíbles, así que no dudes en probar otros.

Así pues, seleccionemos la herramienta Pincel (B) y el azul para el color. Crea una nueva capa, luego con un solo clic de pintura coloca algo de pintura en la capa.

Paso 5

Crea una nueva capa, selecciona un pincel diferente y utiliza el rojo para el color. Una vez más, pinta la capa. También puedes probar diferentes modos de fusión, en este caso utilicé el Normal pero también puedes probar con Multiplicar.

Paso 6

Crea más capas y pinta cada capa con diferentes colores. Usa amarillos y verdes y diferentes modos de mezcla también. Intenta reproducir la imagen de abajo.

Paso 7

Agrupa todas las capas con pinceles de acuarela y duplica el grupo. Puedes ocultar uno. Con la otra capa ve a Capa > Fusionar Grupo. Cambia la escala de la capa y hazla más grande, como en la imagen de abajo. A continuación, ve a Filtro > Desenfoque > Desenfoque gaussiano, y utiliza 250 para el valor. Ahora cambia el Modo de Mezcla a Multiplicar.

Paso 8

Ve a Capa > Máscara de capa > Revelar todo. Selecciona un pincel redondo grande y cambia la dureza a 0%. Elige el blanco como color y pinta sobre la máscara de capa para ocultar algunas zonas de la capa. Sobre todo en el centro.

Paso 9

Escribe el texto que quieras, para el tipo de letra he utilizado una fuente P22 llamada Constructivista. Puedes utilizar la que más te guste. Sólo asegúrate de que sea realmente atrevido. Además, coloqué algunos pájaros que obtuve del Arsenal de GoMedia (Set 5). El pack se llama Bandada de pájaros, pero seguro que hay pinceles con pájaros así que puedes buscar en la web.

La idea principal aquí es hacer que los pájaros vengan del texto. Por eso los he colocado sobre la S y un poco sobre la T.

Paso 10 

De nuevo, vamos a utilizar ese grupo de capas pintadas con los pinceles de acuarela que escondimos en el Paso 6. En primer lugar, utilice una versión grande, como en la siguiente imagen. Cambie el nombre del grupo a "Acuarela grande" y cambie el Modo de fusión a Multiplicar.

Paso 11

Duplica el grupo varias veces. Cambia el Modo de Fusión a Multiplicar para cada copia. A continuación, selecciona todas las nuevas copias y combínalas en una única capa. Sólo tienes que ir a Capa > Combinar capas. A continuación, cambia el Modo de fusión a Luz suave, cambia el nombre de la capa a "Acuarela pequeña" y agrúpala con el grupo "Acuarela grande". Cambia el nombre de este nuevo grupo a "Acuarela".

Paso 12

Aquí vamos a añadir más elementos a nuestro diseño. Utiliza unos pinceles y pinta sobre algunas letras (1-6). He utilizado algunos pinceles de Brusheezy: 1, 2, 3, 4. Asegúrate de pintar en negro y con pinceles pequeños.

Paso 13

Combina las capas con el texto, los pájaros y los pinceles con las salpicaduras y otros detalles. Ve a la paleta de capas, mantén pulsada la tecla Comando y haz clic en la miniatura de la capa que acabas de fusionar. Eso creará una selección de marco, como en la imagen de abajo. Ahora selecciona el grupo "Acuarela" y ve a Capa > Máscara de capa > Revelar selección.

Paso 14

Duplica el grupo que acabamos de utilizar en el paso anterior y ve a Capa > Fusionar grupo. Esta capa tiene que estar debajo del grupo "Acuarela". A continuación, ve a Capa > Estilo de capa > Opciones de fusión. Cambia la Opacidad de Relleno a 0%. Selecciona Sombra interior y cambia el Modo de fusión a Multiplicar. Utiliza el 75% para la Opacidad, 5 píxeles para la Distancia y el Tamaño, 130º para el Ángulo, y Retraer a 0.

Paso 15

Aquí he utilizado una imagen de un diseño floral lineal de iStockphoto. Colócalo en tu diseño y cambia el Modo de Fusión a Multiplicar. Esta capa tiene que ir debajo de las capas de acuarela. Duplica la capa dos veces. Gíralos y colócalos detrás de la D,, P y S. Utiliza la imagen de abajo como referencia.

Paso 16

Vamos a añadir más elementos vectoriales, he utilizado otra imagen de iStockphoto, esta vez de elementos florales. Coloca la nueva imagen en el diseño y repite lo mismo que en el paso anterior. Esta vez vamos a utilizar sólo dos copias.

Conclusión 

Ahora puedes añadir tu logotipo o algún texto para terminar el diseño. La idea de este tutorial es mostrar cómo crear un diseño a partir de múltiples imágenes de referencia, un simple boceto y tu propio ingenio. El uso de vectores e imágenes de sitios de stock permite crear resultados rápidos y atractivos con pasos relativamente sencillos. Puedes ver la imagen final a continuación o ver una versión más grande aquí.