Tutorial de ilustración digital

Si te dedicas a la ilustración o -simplemente- te interesa como afición, seguro que conoces a María Simavilla, más conocida como La niña polilla (más información).

Nosotros la seguimos desde hace tiempo, como buenos aficionados a esto que somos, y como podrás comprobar en entradas anteriores de este blog (El diario ilustrado de Paula Bonet, Recopilación de pósters originales de superhéroes o La creatividad de un genio (Pablo Bernasconi))

Captura de pantalla de la home de La niña polilla. Créditos de imagen: María Simavilla

Pues bien, los compañeros de la web CRITERION han colgado un tutorial sobre ilustración digital desde el boceto en papel hasta el trabajo final con Photoshop e Illustrator. Todo ello llevado a cabo por la niña polilla.

En este tutorial vais a poder aprender algunos trucos muy buenos que te servirán para transformar tus dibujos en verdaderas ilustraciones digitales.

Has de tener paciencia y practicar mucho con las herramientas que nos enseñan en este tutorial.

No vamos a reproducir el contenido del tutorial porque para eso os váis directamente a la web de CRITERION donde está alojado (haz click aquí).

Tan solo os dejamos unas cuantas imágenes para que se os abra el apetito y os lancéis como locos a ver este maravilloso tutorial.

Bocetos en papel, escaneados y abiertos en Photoshop

Bocetos en papel escaneados y abiertos en Photoshop. Créditos de las imágenes: CRITERION y María Simavilla

Comienza la "digitalización" del dibujo con Illustrator a partir del boceto.

Comienza la «digitalización» del dibujo con Illustrator a partir del boceto. Créditos de imagen: CRITERION y María Simavilla

Creación de la ilustración digital usando el boceto como modelo

Creación de la ilustración digital usando el boceto como modelo. Créditos de imágen: CRITERION y María Simavilla

Detalle de una de las partes de la lustración digital una vez finalizado el proceso

Detalle de una de las partes de la lustración digital una vez finalizado el proceso. Créditos de las imágenes: CRITERION y María Simavilla

Resultado final de la ilustración digital

Resultado final de la ilustración digital. Créditos de las imágenes: CRITERION y María Simavilla

Genial, ¿a que sí?

A nosotros nos ha encantado y esperamos que tu también lo disfrutes.

Si te apetece darle difusión a este post por las redes sociales, debajo tienes todos los botones necesarios, y si quieres dejar tus comentarios aquí…¡estaremos encantados!

Sed felices 😉

Misedades
Ilustración creativa y diseño ético y sostenible
Síguenos en Facebook y Twitter.
¿Quieres ver nuestros trabajos: web y shop?

Como crear con Photoshop un fondo con textura granulada y destello

Estoy seguro que muchas veces te has fijado que tanto en los trabajos de diseño como en sus propios blogs, algunos autores utilizan en las imágenes que ilustran sus posts una serie de fondos un tanto alejados de los tradicionales fondos lisos.
Algunos de estos, son fondos con una textura granulada, muy actual y atractiva. Además, seguramente observes que dicho fondo tiene un aspecto degradado que le da un toque diferente, como si estuviese iluminado. Así, como este:

Fondo granulado con degradado de color

Bien, esto se consigue de una forma muy sencilla con un par de herramientas de Photoshop.
Aquí voy a tratar de explicarlo,a modo de tutorial, lo más sencillo posible para que todos los que queráis podáis repetirlo en casa y utilizarlos en vuestras presentaciones.

1. El primer paso, una vez abierto Photoshop, consiste en crear un nuevo trabajo con la siguiente opción: File: New (Crtl+N) . El tamaño (Width/Height) dependerá de lo que vayáis a hacer. En cuanto a la resolución, yo os recomiendo que sea, al menos, de 150 pixels/inch. Una vez elegidos los parámetros que nos interesan, damos a OK.

Paso 1. Crear nuevo trabajo

Paso 2. Parámetros del nuevo trabajo

2. Seleccionamos el color del fondo pinchando dos veces en el icono del color de la barra de herramientas que encontrarás en el panel izquierdo. Elegimos el color y damos a OK.

Paso 3. Herramienta para seleccionar el color

Paso 4. Selección del color

3. Ahora seleccionamos la herramienta del bote de pintura para cubrir de color esta primera capa. Acercamos el bote al lienzo y hacemos click sobre éste.

Paso 5. Selección de la herramienta «Bote de pintura»

Paso 6. Vertemos la pintura sobre el lienzo

4. En este paso ya conseguimos la textura granulada. Para ello, desde el menú superior seleccionamos Filter: Noise: Add noise y después Ok.

Paso 7. Coseguimos la textura granulada con el filtro «Noise»

5. Ahora vamos a conseguir darle iluminación al fondo a través de un degradado, como si fuese un destello. Para ello (valga la «rebuznancia») nos vamos al panel de herramientas del lado derecho y abrimos la opción de las capas (Layers). Una vez ahí, creamos una nueva capa pinchando el icono situado junto al símbolo del cubo de la basura (en la parte inferior, derecha). Si os resulta más sencillo, se puede crear la nueva capa desde el panel de herramientas superior: Layer: New: Layer y damos ok

Paso 8. Creamos una nueva capa

6. Seleccionamos esta nueva capa pinchando sobre ella

Paso 9. Selección de la capa

7. Repetimos la operación de llenado de pintura de esta capa con el bote (y el mismo color), tal y como explicamos en el paso 3.

Paso 10. Rellenamos esta nueva capa con el bote de pintura

8. Ahora vamos a conseguir el efecto degradado (que le da un aspecto de destello) seleccionando esta capa (pinchando sobre ella). Con esta segunda capa seleccionada vamos al menú de herramientas principal (el superior) y pinchamos en Layer: Layer Style: Gradient Overlay

Paso 11. Creamos un gradiente a la segunda capa

9. Dentro de las opciones de «Gradient overlay», en principio, solamente hemos de modificar dos parámetros. Si queréis, podéis entreteneros jugando con las diferentes opciones que os permite Photoshop. Para un acabado como el de la imagen inicial, lo único que hay que modificar es el Style, que hay que seleccionar la opción «Radial«. Además, yo he seleccionado la opción «Reverse«, para obtener el acabado que más me convencía 😉

10. Después de dar a Ok, éste debería ser el aspecto que tendría vuestro trabajo:

Paso 13. Aspecto del trabajo en este punto del tutorial

11. Pero tranquilos, que esto no va a quedar así. Ahora, lo único que hay que hacer es modificar la opacidad de esta capa. Para ello, en el menú de la derecha, que deberíamos tener abierto, podremos ver las opciones de la capa. Una de esas opciones es la «Opacity» (que tendría que marcar 100%). Para un acabado como el de la imagen que os he puesto, he bajado la opacidad hasta el 20%. Esto ya lo dejo a vuestra elección 😉

Paso 14. Bajamos la opacidad de la capa

Si os ha gustado el post, o no os ha molado nada, si tenéis dudas o queréis dejar simplemente vuestra opinión, no dudéis en dejarnos vuestros comentarios. Y si le dais difusión por las redes sociales y entre vuestros amigos, pues mejor, jeje.

Sed Felices

@Misedades
#SigosSiendoUnNiño