martes, 13 de diciembre de 2022

Dibujo Digital II con PhotoShop

Comenzamos escaneando nuestro dibujo original delineado a partir de grafito, sin sombras ni rellenos.
 
Abriremos nuestra imagen con Photoshop:




Le ajustaremos el brillo y el contraste para definir mejor la silueta y disimular la textura del papel. Para ello abrimos Imagen en el menú principal, seleccionamos ajustes, brillo/contraste; y adaptamos.






Pondremos el dibujo en tamaño A4 para poder manejarlo mejor, aunque esto disminuirá su resolución: menú principal, Imagen, tamaño de imagen; y seleccionamos A4.






Una vez hecho esto podemos empezar a trabajar nuestro dibujo digital. Crearemos las diferentes carpetas en las que se dividirá: Base, Fondo, Figura, Dibujo, Textura e Iluminación; y nuestra capa de Grafito, donde está el dibujo original.






Para quedarnos solamente con el grafito, seleccionamos toda la imagen (cmd + A) y la copiamos(cmd + C).
Creamos una pestaña en canales y añadimos un nuevo canal al que llamaremos grafito.
Seleccionamos cargar canal como selección y creamos una nueva capa donde pegaremos la selección (cmd + V).






Seleccionamos invertir y rellenamos masivamente ( cmd + retorno).
Creamos una nueva capa para la base y repetimos el proceso, el color de fondo será cálido y otra blanca, para que no nos afecte en las tonalidades del color a la hora de aplicarlas.

Crearemos diferentes capas para ir coloreando el dibujo, capa color que utilicemos será una capa distinta.
Y con nuestro Pincel y nuestra gama de color vamos rellenando la figura.







Creamos los pinceles que queramos utilizar, en mi caso usé los mismos que en el anterior ejercicio (véase Dibujo Digital I).
 




Para crear nuestra paleta de color utilizaremos KULER, estas tonalidades serán más tonos pastel y rosados.






Comenzamos por crear un fondo, insertamos una imagen acorde con el dibujo y le aplicamos desenfoque gaussiano, para crear un fondo con apariencia gaseosa, ajustándolo a nuestro gusto. 
En el Menú principal seleccionamos Filtro, Desenfoque y elegimos Desenfoque Gaussiano.





Coloreamos por capas, Para la figura utilizaremos los pinceles de tiza, pondremos la opacidad al 85% y el flujo al 70%, adaptando el pincel al tamaño que necesitemos.







Delineamos la figura con diferentes colores para enmarcar la silueta y que se distinga del fondo.
Repasaremos cada parte con los pinceles de grafito y utilizaremos una opacidad de 85% y un flujo de 85%, con una punta pequeña.





Para dar textura al dibujo, abriremos en otra pestaña una  imagen con la textura que estamos buscando y la movemos hasta nuestro dibujo hasta superponerla encima. La giramos 90º y utilizando cmd + T la movemos y ajustamos a nuestro dibujo.

En el apartado de luz intensa le bajamos la iluminación, y seleccionamos superponer.

En esta ocasión utilicé textura de papel arrugado.





Por último, le daremos más profundidad a la imagen.
Seleccionamos Edición en el menú principal, Rellenar, 50% gris, superponer.
En pincel general: circular difuso, con una opacidad del 20% y un flujo al 20%; con la punta del pincel a tamaño grande, vamos dando pinceladas por la parte externa del formato, de manera que quede efecto viñeta. 









Para iluminar la figura cambiaremos el pincel a blanco  y rodeamos la figura, con flujo a 15% y opacidad al 85%.




Creando así un juego de luces y sombras que le dará mayor protagonismo a la figura.

Y ya tendríamos nuestro dibujo listo.


Resultado Final







GRACIAS POR LEERME

ESPERO QUE TE HAYA SERVIDO DE AYUDA PARA EMPEZAR A CREAR Y EDITAR TUS PROPIOS DIBUJOS EN PHOTOSHOP.



jueves, 1 de diciembre de 2022

DIBUJO DIGITAL CON PHOTOSHOP

¿Qué es PhotoShop?


PhotoShop es programa de edición que trabaja con mapas de bits y cualquier formato de imagen, que nos va a permitir hacer montajes, modificar, retocar, editar  y crear cualquier tipo de material gráfico a través de sus herramientas.





En este post te enseñaremos a crear un dibujo gráfico a partir de una imagen escaneada, hacer tus propios pinceles y herramientas e importar tus propias gamas de color y mucho más.



Métodos abreviados de teclado


Para que nuestro trabajo sea más eficiente podemos utilizar los atajos del teclado:


  • Cmd N: Archivo Nuevo
  • Cmd O: Archivo abrir
  • Cmd W: Archivo Cerrar
  • Cmd Mayús W: Cerrar todo
  • Cmd S: Archivo Guardar
  • Cmd Mayús S: Archivo Guardar como…
  • Cmd Q: Archivo Salir
  • F12: Última versión guardada
  • Cmd A: Seleccionar todo:
  • Cmd C: Copiar
  • Cmd V: Pegar
  • Cmd Retorno: rellenar masivamente
  • Barra espaciadora: arrastrar 
  • Tecla F: tres estados de visualización
  • Ocultar herramientas: tabulador
  • Comando Z: deshacer lo último que has hecho
  • Comando 0: ajustar el tamaño del documento a la ventana de trabajo.
  • Tecla X: Conmuta
  • Alt click: salir de la máscara


Cómo crear pinceles y herramientas


Para personalizar nuestros proyectos podemos crear herramientas y pinceles con una gran variedad de texturas y formas según el resultado que deseemos obtener.

En este ejercicio crearemos 15 pinceles diferentes, dividiéndolos en tres grupos de 5 con las siguientes texturas: grafito, acuarela y tiza.


Proceso:


  • Escogemos una imagen con la textura que buscamos (arenosa, acuosa, etc.)




  • En el menú lateral de herramientas, seleccionamos "Varita Mágica"



  • En el menú superior, en Tamaño de Muestra, ponemos un promedio de 5x5, después clicamos en la imagen y veremos que se seleccionan algunas partes, que serán la textura de nuestro pincel.



  • Con la herramienta "Marco Elíptico" de forma circular, recortamos la parte de la imagen que queramos usar de pincel.


  • En el Menú principal seleccionamos Edición y Definir valor de pincel y guardamos nuestro pincel.

Añadimos nombre al pincel. Ej: "textura tiza"


  • Para no perder nuestros pinceles podemos crear una carpeta y exportarlos dentro, y cuando los quieras usar los puedes volver a importar.


  • Podemos abrir un nuevo archivo y probar la textura del pincel para ver si nos convence el resultado.




Mis pinceles:


Pinceles Tiza













Pinceles Acuarela

Pinceles Grafito











Herramientas:

Para crear herramientas tenemos que pulsar en la flecha al lado de la herramienta que estemos usando ya sea pincel, goma, etc. y creamos herramienta.



Nos saldrá este menú y pulsamos en No para guardar la herramienta.
Pulsaremos , para guardar como herramienta Pincel con color.

Añadimos título a nuestra herramienta


¡Listo!


Paletas de color


La paleta cromática es el conjunto de colores, con toda su variedad de tonalidades. Se utiliza para el diseño de una pieza gráfica, la decoración de un ambiente o la creación de una obra artística.


Crearemos nuestras propias paletas de color a través de Kuler, una aplicación que permite a los usuarios crear, explorar y guardar paletas de color consistentes en sets de cinco colores. Esta aplicación está disponible online y es posible descargar los archivos creados para poder cargarlos y usarlos en programas como PhotoShop. Los descargamos en formato ASE.

En este ejercicio crearemos 15 paletas compuestas por 5 colores: para el fondo, la figura y el contorno.

Al igual que los pinceles, podemos importar y exportar nuestras gamas.


Como puedes observar podemos crear una infinidad de paletas de colores.
 


Mis paletas de color




Dibujo digital


Una vez vistos los anteriores recursos podemos empezar a crear nuestro dibujo digital.


Empezaremos por escanear un dibujo original delineado a partir de grafito, sin sombras ni rellenos; al que le ajustaremos el brillo y el contraste para definir mejor la silueta y disimular la textura del papel.




Imagen inicial



Reducimos el tamaño de la imagen a un tamaño A4 (21 x 29,7 cm), esto nos permitirá trabajar con más rapidez al no tener tanta calidad de imagen. 

Para ello clicaremos en el Menú principal, situado en la parte superior izquierda de la pantalla; clicamos en Imagen y seleccionamos Tamaño de Imagen.








 

Introducimos la medida y automáticamente se ajustará de manera proporcional al tamaño de nuestro dibujo.




  • Seleccionamos toda la imagen (cmd + A) y la copiamos (cmd + C) 
  • creamos una pestaña en canales y creamos un nuevo canal al que llamaremos grafito
  • Seleccionamos cargar canal como selección y creamos una nueva capa donde pegaremos (cmd + V)

Menú Capas


  • Seleccionamos invertir y rellenamos ( cmd + retorno)
  • Creamos una nueva capa para la base y repetimos el proceso, el color de fondo será cálido y otra blanca, para que no nos afecte en las tonalidades del color a la hora de aplicarlas.



 


Iremos creando carpetas con sus respectivas capas a medida que vayamos realizando el dibujo: 



Empezamos a crear el fondo, utilizaremos un pincel con una punta grande y con textura de acuarela, pondremos un flujo de 15% y una opacidad entre 20% y 30% dando pequeños toques de color sobre la superficie. Crearemos una capa nueva y añadiremos en cada una el color que usemos.





Para conseguir un fondo con apariencia gaseosa, agruparemos todas las capas que haya dentro de la carpeta fondo, las seleccionamos utilizando cmd+ click.
Una vez seleccionadas, clicamos botón derecho y seleccionamos Convertir en Objeto Inteligente
Volvemos a clicar botón derecho y seleccionamos Rasterizar Capa
En el Menú principal seleccionamos Filtro, Desenfoque y elegimos Desenfoque Gaussiano y ajustamos hasta que quede la apariencia que deseamos.








Añadimos un aura alrededor del personaje para que ayude a destacarlo


Para la figura utilizaremos los pinceles de tiza e iremos coloreando con diferentes colores y capa por capa cada parte. En este caso pondremos la opacidad al 85% y el flujo al 70%, adaptando el pincel al tamaño que necesitemos.

Proceso de coloreado:










Para difuminar colores utilizaremos la herramienta Dedo

Continuaremos con el contorno de la figura, repasaremos cada parte con los pinceles de grafito y utilizaremos una opacidad de 85% y un flujo de 85%. 

Proceso:








Para añadir textura a la imagen creamos una carpeta de capas a la que insertamos las imágenes de las que queremos sacar las texturas; y las superpondremos sobre nuestro dibujo.
En el apartado de luz intensa le bajamos la intensidad.





Por último, le daremos más profundidad a la imagen, seleccionamos Edición en el menú principal, Rellenar, 50% gris, superponer, pincel general: circular difuso con una opacidad del 20% y un flujo al 20%; con la punta del pincel a tamaño grande, vamos dando pinceladas por la parte externa del formato, de manera que quede efecto viñeta
Para iluminar la figura cambiaremos el pincel a blanco  y rodeamos la figura, con flujo a 15% y opacidad al 85%.










Resultado Final





GRACIAS POR LEERME

ESPERO QUE TE HAYA SERVIDO DE AYUDA PARA EMPEZAR A CREAR Y EDITAR TUS PROPIOS DIBUJOS EN PHOTOSHOP.