Cómo colorear con Photoshop: desde el boceto hasta la ilustración coloreada

1. Vista previa de las clases: Hola a todos. Yo no soy animador de computadoras y artista freelance. Y en esta clase, te muestro cómo tomar un simple boceto en blanco y negro y transformarlo en una ilustración totalmente coloreada. Usar para beneficio de mi técnica es que no necesitas redibujar traza o vector ascendente. El dibujo original ha reunido una vista previa rápida de la clase. Echemos un vistazo. Bueno - , eso es más preciso de lo que me gustaría admitir. Esta es una clase simple y directa. Ofrece mucho para principiantes e incluso ilustradores tradicionales experimentados que buscan colorear su arte en la integridad de la línea y aprovechar la versatilidad de. Al final, los alumnos subirán su trabajo al proyecto de clase. O usarán un boceto original propio o uno que les he proporcionado. Un proyecto terminado incluye usar contornos de color, sombras y reflejos, entregando si estás listo para aprender una nueva habilidad. Eso es bueno. Comenzando 2. Preparación de imagen: comenzaremos por crear están dibujando y escaneándolo en la computadora. Para este tutorial, estoy usando un dibujo de una reunión de baile de perros. He proporcionado esta imagen junto con otras inspiradas en los videos anteriores. descripción del proyecto se adjuntan archivos de montaje. Si quieres dibujar el perro bailando por tu cuenta, subí un tutorial de dibujo en mi canal de YouTube. El enlace está en la descripción. Después de finalizar su diseño, utilice un escáner para capturar el dibujo e importarlo a su computadora. Asegúrese de alinear el papel a lo largo de los bordes apropiados para evitar cortar cualquier parte de su dibujo. El ajuste del escáner a configurar ya sea en color o piel gris, pero lo dejo configurado en color para saltarse un paso. Foto de Mi escáner tiene una superficie de vidrio bastante pequeña, lo que suelo limitar el tamaño de mi papel a 8.5 por 11 que es una hoja de papel tamaño carta regular . El aspecto más importante para garantizar un escaneo de calidad es establecer la resolución en 300 DP I o puntos por pulgada. Esto te permitirá una imagen más grande sin una notable pérdida de calidad y es suficiente para enviar imágenes para imprimir con una resolución 300 DP I. El escaneo tardará un poco más de lo habitual. He acelerado la Barra de Progreso para este ejemplo con la imagen de archivo ahora escanea Guardar archivo Goto abierto. Localiza tu carpeta de imágenes. Seleccione su imagen y haga clic en Abrir en una sola capa se creará en el panel de capas. Aparece un pequeño candado junto a la capa para desbloquear la imagen. Haga doble clic en la capa y presione OK. Esto tendrá que hacerse en cualquier momento. A nuevas imágenes abiertas por primera vez, Renombró la capa haciendo doble clic en el cuadro de texto indican que es la imagen original intacta. Estaremos haciendo muchos cambios en el dibujo, por lo que es una buena idea mantenerse organizados. Temprano. El escaneo recogió todas mis manchas y errores de lápiz, y puedo revelar algunos yendo a ajustes de imagen, brillo y contraste. Arrastra los deslizadores hacia abajo y verás que tenemos algo de limpieza hasta hacer antes de colorear hit way. No necesitas la imagen más oscura para limpiarla. Selecciona la herramienta lazo recorre cuidadosamente tu personaje u objeto no necesitas acercarte mucho al arte de línea una vez que la selección esté completa, invertida seleccionando el control de turno I en el teclado. Ahora todo alrededor del exterior del perro está seleccionado. Agarra tu herramienta de borrador y comienza a limpiar en la selección o pulsa borrar en el teclado de Seleccionar con Control D, como en perro en el teclado, o ve a seleccionar D Seleccionar en la barra de menús. Era una goma de borrar de bordes suaves y acercarte un poco a los bordes del dibujo de línea. O puedes usar una herramienta de pincel para pintar blanco puro en cualquier lugar. El dibujo está demasiado sucio. Al limpiar el dibujo, puedes ver que uso un navegador para moverme rápidamente alrededor de mi dibujo y acercar o alejar. Esta es una de mis herramientas favoritas y photoshop entre dinero. Si cometes un error, siempre puedes ir a editar, deshacer o seleccionar todo el control Z del teclado para deshacer al limpiar tu dibujo. El objetivo es deshacerte de cualquier marca que vaya a estar distrayendo al espectador, pero quieres tener cuidado de no deshacerte de ninguna línea que muestre la energía de tu dibujo o limpiarlo demasiado, a menos que ese sea tu objetivo final. De acuerdo, una vez que estés contento con la limpieza, guarda tu tienda de fotos. Archivado en una carpeta fácil de localizar, probablemente en la misma carpeta que tu dibujo original. Nómbralo apropiadamente y haga clic en Aceptar antes de pasar al siguiente paso. Si escaneaste tu dibujo en escala de grises, puedes decirle a Photoshopped que quieres trabajar con color yendo al modo de imagen. RGB Color o CME como tú trabajarás un RGB si tu trabajo se verá principalmente en una pantalla de computadora y trabajarás y lo verás como un si vas a mandar tu entrenamiento para imprimir antes de pasar a la siguiente fase del proyecto, yo quieren repasar rápidamente el concepto de capas sobre cómo usarlas. Imagina que cada capa es un pedazo de papel o una hoja clara de ácido Tate que se apilan uno encima de otro. La capa más cercana al público se coloca en la parte superior de la pila, igual que se puede reorganizar el orden de las hojas de papel. Puede reorganizar las capas arrastrándolas por encima o por debajo de otras capas. Al tener elementos de un dibujo en diferentes capas, como un fondo, un objeto de tierra media e imagen de primer plano, puede realizar ajustes puntera una capa sin afectar a las otras capas. A continuación, transferiremos tu dibujo a una nueva capa que preservará todos los detalles pero eliminará el fondo completo, permitiendo una imagen totalmente personalizable. 3. Dibujo de transferencia: ahora que hemos limpiado nuestro dibujo principal deshaciéndonos de cualquier marca blanca o innecesaria que no queremos, estamos listos para transferir nuestra imagen a una capa vacía, clara, el concepto de transferir tu dedo del dibujo a nu capa clara. Es similar a transferir la imagen de una moneda frotando grafito sobre una hoja de papel limpia . Si frotas el lápiz demasiadas veces sobre la moneda, la imagen se llenará de grafito y se oscurecerá demasiado. Lo mismo es cierto. Al transferir una imagen en una tienda de fotos, te guiaré por los siguientes pasos para asegurarte de que la transferencia vaya sin problemas con tu dibujo ahora limpio, ve al panel de capas y crea una nueva capa vacía y nombra contornos limpios. Crear otra capa vacía en su nombre color de fondo. BG es la abreviatura de fondo. Haga clic y arrastre la capa debajo de su capa de contornos limpios con su capa de fondo Seleccionada. Utiliza el libro de pintura una herramienta para llenar la capa con un color sólido. En este punto del proceso, recomiendo un color blanco o gris. Ahora los contornos limpios aparecerán sobre el fondo. Ahora tenemos toda la capa configurada correctamente. Ocultar el fondo haciendo clic en el I y seleccionar la capa de contornos limpios. Ya que es donde estaremos transfiriendo la imagen, hay dos pestañas más junto a la pestaña de capas una es canales y la otra es PATH estará usando los canales tab toe. Aislar las líneas del lápiz del fondo del papel. Si estás en modo RGB, verás cuatro opciones en el cuadro del canal y verás cinco opciones. Si estás en C M. Y. Vino en cualquiera de los escenarios. Haremos clic en control o comando en el teclado y pincharemos en la primera opción RGB o CME. Al igual que el control de golpe. RGB. Deberías ver una selección de marquesina alrededor de la imagen, que a mí me parece poco final de marcha. En realidad tenemos todo excepto la línea seleccionada. Por lo que para voltear esta elección o control de turno de golpe invertido, selecciono tu herramienta de pincel y me aseguro de que sea un pincel sólido sin borde de pluma a su alrededor . Elige un color más oscuro en tus muestras. Asegúrate de que la capa de contornos vacía y limpia esté seleccionada actualmente y activa la capa de fondo. Amplía tu pincel y desliza por la imagen sin unq mirando tu boca, te recomiendo uno o dos deslizamientos sólidos. Remolque. Evita inundar la selección, lo que hará que la imagen oscurezca igual que en la moneda. Ejemplo. Si apagamos la capa de fondo y la original Scan Lear, se puede ver que la capa de contornos limpios tiene un fondo transparente mientras se conservan las marcas de lápiz originales. Esta es la clave para crear imágenes limpias que posteriormente pueden ser manipuladas o ajustadas de todos modos. Te puedes imaginar con el fondo ahora transparente, podemos añadir una nueva capa debajo de los contornos y pintar sin afectar ni borrar las líneas . Los garabatos de color son solo, por ejemplo, así que los eliminaré. Yo quiero mostrarte lo que va a pasar si no invierte la selección al transferir. Entonces después del control, hacer clic en la capa RGB y crear una capa para la transferencia de imagen. Cuando pasé el ratón por la pantalla, todo excepto las líneas se llena. Y si bien eso puede tener alguna aplicación práctica, no es lo que necesitamos para este proyecto. Adelante y borremos ese ejemplo, está bien, ya terminamos de transferir el dibujo a una capa limpia con un fondo transparente. Esto nos lleva al siguiente paso, que es agregar bloques sólidos de color debajo del dibujo 4. Colores básicos: Ahora estamos listos para empezar a dar vida a nuestra ilustración con color. Lo primero que quiero hacer es cambiar el color de fondo principal de blanco a un gran color. Este es un truco que aprendí del Animador Aaron, por favor. Explica que el fondo gris nos permite ver los colores blanco y negro con mayor precisión que si tuvieras un fondo blanco puro o negro con el fondo ahora lleno . Crea una capa totalmente nueva. Utilizarás esta capa para el área del dibujo. Vas a estar colorando primero. En este ejemplo, quiero colorear el cuerpo principal. Asegúrese de nombrar adecuadamente las capas para mantenerse organizadas Al seleccionar un color. Normalmente voy a las muestreas y escojo un color base que sea similar a lo que tengo en mente. Y luego me paso al selector de color y encuentro, también. En la selección para el golden retriever, escojo un color base de amarillo, y ajusté un poco más cerca dedo del pie naranja o marrón. Ya que solo estamos bloqueando los colores base en, seleccione un pincel sólido sin una pluma alrededor de los bordes y mantenga la opacidad y relleno a 100 contornos limpios La capa no se verá afectada siempre y cuando esté por encima de la capa de imagen en color y no actualmente seleccionado. Puedes empezar a colorear igual que no lo harías un libro para colorear solo en esta ocasión no tienes que preocuparte por salir de las líneas. Dado que los colores y las líneas son elementos separados, siempre se puede utilizar la herramienta de borrador para limpiar cualquier error. Al usar la goma de borrar, recomiendo usar un cepillo sólido sin una pluma alrededor del borde. Encontrarás que las capas son tu amigo y Photoshopped, y mientras todo esté organizado, harán un largo camino para que tu ilustración sea limpia y fácil de ajustar con el cuerpo principal . Ahora coloreado hacer una nueva capa por encima de ella para cualquier parte que esté viendo por encima de la para. En este caso, estoy pintando el hago la selección de color y ajustada hasta que estés satisfecho. No creo una nueva capa para la gente porque me siento cómodo trabajando en la misma capa . Pero si fuera a añadir más detalle, como un patrón en el iris y reflexiones, sería beneficioso separarlo una vez más del blanco del ojo al trabajar con las capas. Cuanto más cerca esté un objeto del espectador, más alto estará en la pila de capas. Yo está por encima del para, y si lo arrastras detrás de la capa principal del cuerpo, se cubrirá para la boca. Me gusta trabajar en múltiples capas con el interior de la boca separado de los dientes y la lengua guía fácil para determinar cuándo crear una nueva capa es mantener las Áreas ahí requieren colores muy diferentes separados unos de otros. El arco en realidad se colocará detrás del color principal del cuerpo mientras que la persona que llama se coloca arriba . El para falda tiene tres capas principales, y empiezo a colorear la más baja sin preocuparme por afectar a las dos superiores. Ya verás que una vez que llene la segunda y la primera capas que ocultan cualquier rebasamiento. Debí haber creado una capa separada para el borde de cada falda. Ya que no lo hice, tendré que tener más cuidado cuando llegue a la fase de sombra y destaque del proyecto. En este punto electo, se aprende viendo como yo lleno el resto de los colores. La paciencia es importante a la hora de crear arte, así que no te frustres Si cometes un error, recuerda Old Control Z es tu amigo. Además, aprendes más rápido cometiendo errores. Dicho eso, sigo aprendiendo algo nuevo todos los días. A continuación haremos estallar tu dibujo con sombras y reflejos. 5. sombras y resaltado: con nuestros colores base establecidos, podríamos empezar a agregar sombras, reflejos y texturas. Empecemos. A medida que te preparas para agregar tus reflejos y sombras, podría beneficiarte crear un recordatorio visual de dónde viene la luz. Puedes crear una nueva capa vacía para los reflejos, pero voy a trabajar directamente sobre los colores base. Seleccione la capa principal del cuerpo y seleccione los píxeles transparentes de bloqueo. Pero esto te permitirá pintar Onley encima de lo que ya se ha pintado en esa capa específica. Eso significa que con la cerradura encendida, solo afectaré el amarillo para en la capa principal del cuerpo. Ahora puedes seleccionar cualquier estilo de pincel que quieras. Pero si eres nuevo en photoshop, recomiendo el cepillo de bordes suaves con pluma, y también te recomiendo bajar la opacidad a alrededor de 40 o 30%. Muestra tu color principal con la herramienta cuentagotas. Verás que el color cambia en el cuadro de color de primer plano. Agarra el color y selecciona una versión más brillante del mismo. A medida que pinto, verás que el pincel puede correr por el borde sin derramar pintura sobre el fondo u otras capas. Si apago el bloqueo de transparencia, verás que el color ahora es libre para ir donde quiera. Construye tu color lentamente y no te preocupes por ser demasiado preciso en este punto. Si escondo el Lear Línea Limpia, verás cómo se ven nuestros colores principales. Es un visual bastante cool, y si decides experimentar, intenta hacer una imagen sin ningún contornos. Es un proceso que quiero probar yo mismo. Escondí los contornos para muestrear una referencia limpia del color principal. Voy a ajustarlo y crear mi sombra. Una vez más. Piensa en la fuente de la luz y su dirección. Otra opción para crear sombras y reflejos es utilizar las herramientas de esquivar y quemar. Burn Tool hace justo lo que su nombre sugiere. Hace que el color se vea más oscuro o quemado. Pero también es una herramienta que uso con moderación porque me gusta tener más control sobre la capa final . Dodge Tool hace lo contrario, y Brian es tu color para arriba. Una vez más. El botón de deshacer es tu amigo, y lo uso mucho. A veces me gusta alejarme para ver cómo se mezclan los colores y ver si la imagen es un todo está trabajando con los reflejos, y sombras añadidas, puedes experimentar con otros pinceles para agregar textura a los colores. Otra forma de agregar sombras a la imagen es creando una nueva capa vacía y configurando el bote de mezcla para que se multiplique. En este ejemplo, elegí un enfriador, más frío. No hay cerradura en la capa, así que traté de quedarme en las líneas. - En última instancia , no me gustó el look así que no verás el azul en la pieza final. - Una vez que estés contento con tus reflejos, sombras y texturas guarda el archivo. Ya estamos listos para pasar a la siguiente fase, que realmente mostrará la calidad de tu dibujo y lo empujará a un nivel visual completamente nuevo . 6. Contornos de color: ATTN. Este punto, vamos a poner la cereza encima de nuestro dibujo coloreando en sus contornos con nuestro dibujo. Seleccione la capa de contornos limpios y seleccione la transparencia de bloqueo, pero relojes. Cambiamos rápidamente el color del contorno antes de avanzar más. Crea una carpeta para agrupar todas las capas de color juntas. Esto nos ayudará a evitar el desorden y a mantener todo organizado. Seleccione la primera capa. Mantén pulsado el botón Mayús de tu teclado y no te sueltes. Desplácese hacia abajo hasta la última capa de color y haga clic. Ahora todas tus capas de color están seleccionadas. Deja ir el turno para hacer clic arrastrar y soltar las capas en tu grupo de carpetas. Haga clic en el triángulo pequeño para cerrar la carpeta. Volviendo a la capa de contornos. Seleccione un color para el dibujo. Me gusta llenar el contorno por completo con el color más dominante y luego comenzar a colorear las áreas individuales encima del mismo. Dado que los componentes individuales están en una capa, tendrás que ser más preciso en tu coloración. Pero el proceso de hacer correcciones es relativamente fácil. Simplemente pinta sobre tus errores. - Si encuentras una línea o marca que deseas correr, asegúrate de seleccionar el bloqueo de transparencia, o simplemente coloreará la línea. El mismo es el color de fondo de tu conjunto. Rara. Sé que cuando termines, no olvides guardar tus archivos. En la siguiente lección, les muestro cómo agregar más dibujos y elementos a su archivo. 7. Insertar nuevos dibujos: Bueno, ahora ya sabes crear un personaje en la tienda de fotos. Pero, ¿y si quieres agregar a alguien más u otro objeto al dibujo? Eso es lo que cubriremos en este siguiente apartado. Echemos un vistazo a dónde estábamos y cómo los pequeños ajustes que hemos realizado han afectado la calidad de nuestra ilustración. Bastante guay, ¿verdad? Digamos que queremos agregar otro elemento o dibujar dedo del pie nuestro proyecto. Vaya al archivo abierto, seleccione el archivo que desee y haga clic en Abrir. Aparecerá una nueva pestaña en la parte superior de la fototienda junto a tu primer dibujo. Usa la herramienta de movimiento haciendo clic en la imagen y manteniendo pulsado el ratón mientras arrastras la imagen a tu primera pestaña de proyecto en la parte superior arrastre y no sueltes el botón izquierdo del ratón hasta que veas un signo más junto al movimiento a ahora las imágenes lanzadas entre tus capas, igual que en el inicio de este tutorial llamado la Capa. Quiero mantener el dibujo del perro completamente separado del pantalón así que haré una carpeta maestra para todos los elementos de dibujo del perro. El lienzo ahora es demasiado pequeño para ambas imágenes. Esto se puede cambiar yendo a ojos de campus de imagen. Hay unos estándares de medidas, pero estoy usando pulgadas. El cuadro con flechas te permite determinar dónde se colocarán tus dibujos originales. Una vez que el lienzo se abra y se expanda, quiero que mis dibujos se queden en el lado medio derecho, tendrás que rellenar la capa de fondo con la herramienta de cubo de pintura que es bastante fácil de hacer . Mueve tu nuevo dibujo a la posición y prepara el documento para un contorno limpio. Oculta tu primer dibujo para evitar seleccionar sus píxeles al transferir la imagen. - Si quieres hacer un ajuste a tu imagen, selecciona la capa goto editar, transformar y verás algunas opciones. En este caso, quiero escalar el perro y hacerlo un poco más pequeño para encajar con el resto de la imagen, haga clic en imagen, shift en el teclado y arrastre la imagen para que se baje hacia abajo. A pesar de que color el panda, notarás que no uso blanco o negro puro y trato de mantener los colores de cortesía . - Su dibujo panda tiene muchas marcas de lápiz extra y errores, por lo que se requería una limpieza. Pero el borrador De acuerdo, ahora que tenemos más elementos en el mismo proyecto, podemos guardar el archivo 8. Elementos adicionales: qué Si quieres agregar un elemento, haz primero un objeto fotografiado. Abra el archivo y desbloquee para su edición haciendo doble clic en la capa él. De acuerdo, me gusta duplicar las imágenes haciendo clic derecho y seleccionando jugador duplicado. Nombralo para que sepamos que es una copia. De esa manera, si me meto realmente mal en la capa editada, tendré el original intacto para volver a caer antes de mover la imagen al proyecto de dibujo. Quiero crear un fondo transparente. Photo shop tiene una herramienta de varita mágica que es buena para seleccionar grandes trozos de colores similares pero no se debe confiar en para un verde más detallado con tus elementos de fondo. Seleccionado golpe Eliminar en el teclado para darte una ventaja en la limpieza de la imagen, puedes usar la herramienta de borrador para limpiar más el dibujo. Pero como se trata de un objeto en bloque, estaré usando el polígono un último uso. Sabrás cuando se complete la selección. Cuando aparece un círculo junto al último se desplaza el control por dedo del pie. Invertir la selección que elimina en el teclado. El objeto ahora está limpio y libre para moverse. Dragon dejarlo caer en el proyecto apropiado en hacer los ajustes necesarios. En este caso, quiero el dedo del pie de cristal. Tener una transparencia, así que tendré que realizar la cirugía seleccionando el vidrio, cortándolo y pegándolo en su propia capa. Desafortunadamente, pega lejos de la posición original. Todo esto tiene que retroceder, pero la capa de vidrio seleccionada puedo ajustar la opacidad por separado cuando estoy contento con el resultado se fusionará con dos elementos y guardará el archivo. Nuestro siguiente paso es agregar una imagen de fondo. 9. Agregar una imagen de fondo: ahora para completar nuestra ilustración. Añadamos una imagen de fondo cuando abras tu imagen de fondo, creará una nueva pestaña en la parte superior de la página. Haga clic en arrastrar y soltar su imagen en el archivo original. Mueve la nueva capa detrás de tus elementos dibujados. No reorganizado al deseo de tu corazón. El beneficio de usar foto shopped para tus ilustraciones es que es extremadamente versátil y permite tantas variaciones y ajustes de tu trabajo. Puedes escalar tu imagen es hacia arriba o hacia abajo con horizontal o verticalmente. Solo brillo y color de contraste. Aplica efectos como desenfocarse y usa la biblioteca de pinceles para diferentes texturas. - A continuación , repasaremos el proyecto de clase para solidificar tus nuevas habilidades. 10. Acabado: todo en este momento es el momento de que te diviertas creando tu propio proyecto y compartiéndolo en la Galería de Proyectos de Skill Share, te reto a crear una ilustración totalmente coloreada ya sea a partir de tu propia ilustración de la piel o de las imágenes adjuntas que yo proporcioné. Siéntase libre de modificar mis dibujos o combinarlos con sus propios diseños para el proyecto. La ilustración completada incluye cinco elementos. En primer lugar es al menos un dibujo de un personaje o no. El segundo elemento es un color de relleno plano. Tercero es agregar reflejos y sombras para contornos de color. Cinco a una imagen de fondo como reto añadido. Ilustración de usuario. Presentar una narrativa en una sola imagen. Cuando hayas terminado, recuerda publicar tu imagen final junto con cualquier dibujo de producción en la galería de Proyecto de Skill Share . También, les exhorto a mostrar apoyo a sus compañeros artistas dejando comentarios y críticas constructivas en la galería del proyecto. Espero con ansias ver lo que se te ocurre, y espero que hayas encontrado valor en este tutorial. Puedes conectarte conmigo a través de Instagram o Twitter y tener un canal de YouTube con sencillos tutoriales de dibujo. Si necesitas algo de inspiración para el proyecto. Gracias por mirar, a todos. Espero que lo pasaras bien y aprendas una habilidad o dos. Recuerda, Sigue creando. Nos vemos pronto.