Cómo crear una ilustración digital de una jirafa musical

En este tutorial, vamos a convertir una foto ordinaria de una jirafa en un fondo de pantalla de una jirafa que se va desvaneciendo en notas musicales. Este diseño se utilizó en mi participación en el Concurso de Fondos de Pantalla de AudioJungle y logró estar entre los veinte primeros. Esto me hizo pensar que algunas personas de Psdtuts+ podrían querer saber cómo hice este diseño. ¡Así que vamos a ver cómo!

Vista previa del resultado final

Antes de empezar, echemos un vistazo a la imagen que vamos a crear. Puedes tener una vista previa de la imagen final aquí abajo u obtener una versión más grande aquí.

Paso 1

En primer lugar, tenemos que reunir algunos recursos para este tutorial, como una imagen de una jirafa que puedes obtener en sxc.hu; aquí está el enlace para conseguir la imagen de la jirafa. También necesitamos algunos pinceles de notas musicales, los cuales pude encontrar en un sitio llamado Obsidian Dawn.

Ahora que ya tenemos estos recursos, vamos a empezar abriendo Photoshop. Crea un nuevo documento de 2000 pixeles de ancho por 1000 pixeles de alto y configura el color del fondo en negro.

Paso 2

Abre la imagen de la jirafa en Photoshop y agarra la Herramienta Pluma (P). Asegúrate de que la opción de Trazados está seleccionada, puesto que vamos a recortar la jirafa con la Herramienta Pluma, y con esa opción podemos obtener el mejor borde disponible. Haz un gran acercamiento a la imagen para poder captar hasta los elementos más finos de la jirafa (yo hice un acercamiento de unos 300x para conseguir un buen borde).

Ahora, es solo cuestión de ir alrededor de la jirafa, ignorando las sombras y la cola. Solo sigue todo el camino hasta que vuelvas al principio.

Paso 3

Una vez que hayas completado el trazado, haz clic derecho y debería aparecer un cuadro desplegable. Haz clic en "Hacer selección" y aparecerá un cuadro de diálogo en el que tienes que establecer el Radio de calado en 0 y presiona OK. La selección aparecerá como una línea punteada continua alrededor de la jirafa. Ahora ve a Edición > Cortar (Comando + X) y pega (Comando + V) a la jirafa en tu documento.

Si no tienes la Regla activada en tu página, puedes hacerlo de manera fácil presionando Comando + R. Después de haber ajustado la postura y el tamaño de la jirafa, cambia el nombre de esta capa a "Jirafa".

Paso 4

Ahora, solo con mirar a esta jirafa, parece que el color es poco plano; así que vamos a hacer que resalte un poco. Para ello, vamos a emplear la opción Curvas. Ve a Imagen > Ajustes > Curvas. Vas a notar una línea diagonal que va desde la esquina inferior izquierda hacia la esquina superior derecha, la cual representa el color actual de la jirafa.

Cuando hagas clic en la línea, verás que aparece un pequeño "nodo" sobre la línea, el cual puedes utilizar para cambiar los colores. Si arrastras este nodo hacia la derecha, verás que tu imagen se oscurece, pero si lo arrastras hacia la izquierda, esta se aclarará. Esta línea curva es una muy buena manera de ajustar el contraste de las fotos; además, es una herramienta importante que los fotógrafos emplean para obtener fantásticos colores blancos y negros, y colores más vivos.

Aunque esta es una gran herramienta, también puede ser bastante pesada en el sentido de que afecta a la imagen en gran medida, aplicando solo pequeños ajustes, así que ten cuidado con tus imágenes. El diagrama de abajo tiene los ajustes que he hecho, pero puedes aplicar los tuyos, si quieres obtener un efecto diferente. Una vez que hayas terminado de aplicar los efectos, presiona OK. Ahora, solo vamos a Enfocar un poco, así que dirígete a Filtro > Enfocar > Enfocar para conseguir un borde definido.

Paso 5

Ahora, es momento de empezar con el área de desvanecimiento. Vamos a conseguir esto, empleando principalmente la Herramienta Clonar (o Tampón de clonar) (S). Crea una nueva capa sobre la capa "Fondo" y cambia el nombre a "Clon1". Selecciona la Herramienta Clonar (asegúrate de estar en la capa "Jirafa" antes de definir tu Punto de clonación), y mantén la tecla Alt presionada mientras haces clic en la melena de la jirafa.

Ahora, regresa a tu capa "Clon1" y haz clic para empezar a clonar, comienza con un pincel pequeño y luego cambia a uno más grande de manera gradual. Es mejor que hagas un acercamiento de las zonas en las que vas a trabajar. Continúa hasta que consigas una gran área de clonación, la cual se convertirá en notas musicales, así como ves en la segunda imagen de abajo.

Paso 6

Para agregar un efecto, vamos a añadir contraste a diferentes áreas de la capa de clonación. Agarra la Herramienta Sobreexponer (O) y empieza a aplicar estos cambios: pasa la herramienta por zonas de la capa "Clon1" de manera aleatoria, crea algunas zonas pequeñas brillantes y también deja algunas zonas como están.

Paso 7

Haz lo mismo con la Herramienta Subexponer (O), trata de retocar las áreas que no aclaraste en el paso anterior. Yo también difuminé algunas zonas cuyos contrastes aumentaron demasiado por la Herramienta Desenfocar (R).

Paso 8

Ahora que hemos terminado de aplicar los efectos del área clonada, estamos listos para agregar una máscara de capa. Las máscaras de capa son muy prácticas porque preservan la capa en la que estás trabajando, cubriendo la capa en la "máscara" y permiten "ocultar" partes de esta.

De esta manera, si cometes algún error, puedes borrar, desactivar o solo rellenar la máscara con negro, para volver a hacer lo que desees. Así que ahora, vamos a probar una. Selecciona la capa "Clon1" y haz clic en el botón Añadir Máscara de capa. Verás que una miniatura aparece junto a la miniatura de la capa en la Paleta de Capas, esa es la máscara. En ese momento, esa máscara no está haciendo nada, pero cuando se rellena con color negro, usando Comando + Retroceso o la Herramienta Cubo de pintura (G), todo lo que está en la capa desaparecerá.

Paso 9

Si aún no has instalado los pinceles de notas musicales, aquí tienes algunos pasos que te ayudarán a hacerlo (en caso contrario, sáltate este paso):

1. Haz clic en la Herramienta Pincel (B).
2. Haz clic en la flecha desplegable de la barra de Opciones, ubicada en la parte superior.
3. Ahora, haz clic en la flecha con dirección a la derecha, la cual hará que aparezca otro cuadro desplegable, y dirígete a la opción Reemplazar pinceles.
4. Ahora, tus pinceles de notas musicales deberían aparecer ahí.

Haz clic en la Herramienta Pincel (B) y selecciona uno de tus pinceles de notas musicales (no escojas los pinceles de piano o de los grandes compases de música). Considera la posibilidad de emplear el pincel 316, por ejemplo. Abra la Paleta de pinceles e ingresa la configuración que ves en la imagen de abajo. Luego, en la capa enmascarada, establece el color de primer plano en blanco, y ahora, ya debes estar listo para empezar a pintar...

Paso 10

Ahora, debes tener cuidado al momento de pintar, ya que lo que queremos es que la capa de clonación se vea como si tuviera un montón de notas musicales grandes y pequeñas desvaneciéndose y haciéndose más pequeñas, hasta que queden solo unas pocas. Recuerda variar los pinceles, no te quedes en uno solo, intercámbialos y ajusta algunos parámetros, con el fin de conseguir un efecto diferente.

Disminuye gradualmente el tamaño de las notas a medida que te vas alejando de la jirafa; ve probando. Si quieres hacer más cambios en la capa original "Clon1", también puedes hacerlo. Para ello, haz clic derecho en la miniatura de la máscara y haz clic en la opción Desactivar máscara de capa, y luego, ingresa los cambios; esto hará que la máscara no se vea afectada por los mismos. Recuerda que, si te equivocas, puedes rellenar la capa de la máscara con color negro para volver a empezar.

Paso 11

Ahora esta imagen se ve bastante bien, pero aún hay algunos ajustes que podemos aplicar. Los bordes de la capa de clonación parecen requerir un poco más de trabajo. Me di cuenta de que hay algunos bordes afilados; por ende, vamos a crear una nueva capa con algunas notas más para poder deshacernos de ellos.

Crea una nueva capa sobre la capa "Clon1" y cambia el nombre a "Clon2". Agarra la Herramienta Clonar (S) nuevamente, haz clic en la capa "Clon1" y luego, define un punto de clonación (Alt + Clic en el área). Ahora, regresa a la capa "Clon2" y empieza a pintar.

Un consejo rápido, puede que sea inteligente, aplicar un poco de dispersión usando la Paleta de Pinceles con los mismos ajustes que empleamos anteriormente, pero esta vez, reduciendo la dispersión a alrededor de 320% y el espaciado al 180% o menos.

Paso 12

Ahora esto se ve mucho mejor, pero todavía hay un par de cosas que pienso que necesitan ajustes. El borde del cuello de la jirafa en el área de clonación se ve demasiado afilado, así que vamos a tener que arreglar eso. En la capa "Clon1", dirígete a Imagen > Ajustes > Tono/Saturación y ajusta los colores de las notas para que se mezclen un poco más con los colores de la jirafa

Sólo hay una cosa más por hacer. En la capa "jirafa", agarra la Herramienta Desenfocar (R) y simplemente pásala a lo largo del borde de la melena, con el fin de mezclarla un poco. Si quieres, puedes agarrar la Herramienta Dedo (R) y puedes pasarla un poco por el borde como yo lo he hecho. Por último, en la capa de la "jirafa", coge la Herramienta Sobreexponer y pásala a lo largo de la zona de la melena solo una vez para aclararla solo un poco.

Conclusión

Podemos aplicar estos efectos a casi cualquier imagen para obtener resultados fantásticos y para convertir tus fotos y trabajos de ilustración en postales. Puedes tener una vista previa de la imagen final abajo u obtener una versión más grande aquí.