Colorear webcomics: del arte lineal al color digital | Sarah Andersen | Skillshare

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Colorear webcomics: del arte lineal al color digital

teacher avatar Sarah Andersen, Webcomics Artist & Illustrator

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

8 lecciones (21min)
    • 1. Introducción y proyecto

      1:20
    • 2. Teoría del color

      2:21
    • 3. Cómo elegir una paleta

      3:37
    • 4. Cómo configurar las muestras

      2:11
    • 5. Cómo crear planos

      3:14
    • 6. Sombreado

      3:34
    • 7. Edición de color

      3:37
    • 8. Reflexiones finales

      1:05
  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

6141

Estudiantes

46

Proyectos

Acerca de esta clase

¡Agrega un toque de color a tu webcomic! Acompaña a Sarah Andersen (del webcomic de Tumblr Sarah's Scribbles) en una divertida clase de 20 minutos sobre cómo dar vida a un cómic a partir de una paleta de 4 colores.

¿Por qué el color? Bueno, el color es ideal para transmitir el estado de ánimo de tu cómic y te ayuda a establecer tu propio estilo característico. En esta clase, aprenderás a dominar esta habilidad, desde la selección de la paleta hasta los "pormenores" del coloreado digital. Las lecciones se centran en las muestras, los planos, el sombreado y mucho más.

Al terminar la clase, colorearás tu propio arte lineal o usarás plantillas descargables para practicar tus habilidades. Todo lo que necesitas es curiosidad y Photoshop. Esta clase corta está orientada a principiantes, pero los artistas de niveles intermedio y avanzado también disfrutarán al ver cómo un cómic divertido y peculiar cobra vida.

¿Quieres más webcomics? Mira la clase de Sarah, Cómo crear webcomics: de los bocetos al cómic final, y muchas más clases sobre webcomics en Skillshare.

Conoce a tu profesor(a)

Teacher Profile Image

Sarah Andersen

Webcomics Artist & Illustrator

Profesor(a)

Sarah Andersen is a 22 year old cartoonist and illustrator. She graduated from the Maryland Institute College of Art in 2014 and currently lives in Brooklyn. Her comics are semi-autobiographical and follow the adventures of herself, her friends, and her beloved pets.

Both Sarah's comics and illustrations have been acknowledged by the Society of Illustrators. The ongoing webcomic "Sarah's Scribbles" is currently syndicated on GoComics. She updates Saturdays and Wednesdays.

Due to a need to distinguish between her illustration and cartooning work, Sarah posts illustrative work separately. You can find that work here.

Contact: sarahseeandersen@gmail.com

Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. Introducción y proyecto: Hola otra vez a todos. Mi nombre es Sarah Anderson y tal vez me reconozcas de mi otra clase de Skillshare, creando cómics web desde bocetos hasta cómics finales. Soy dibujante e ilustrador y en esta clase, te estaré enseñando a crear un cómic de color digital. El color puede hacer que tu cómic se vea 10 veces mejor estableciendo un estado de ánimo y tono a tu pieza. Dado que el color tiene una gama tan amplia, las paletas únicas que elijas eventualmente pueden convertirse en una firma para tu trabajo. Tu tarea para esta clase va a ser presentar un cómic de color a la galería de proyectos. Usando alguna teoría básica del color, escogeremos una paleta de cuatro colores y te enseñaré cómo aplicar esos cuatro colores a un cómic en Photoshop. No sólo estarás aprendiendo a elegir colores, sino también los entesy outs de la coloración digital como configurar muestras, crear pisos, y sombrear. Para esta asignación, necesitarás una versión reciente de Photoshop, estoy usando Adobe Photoshop CC y estoy dibujando con una webcam en S4 Tablet. Además, para esta asignación, necesitarás tener listo line art sin color. Estaré brindando una versión descargable de mi line art. Pero claro, siéntete libre de hacer el tuyo propio. Empecemos con lo básico y adéntrate en alguna teoría del color. 2. Teoría del color: Muy bien, antes de entrar en seleccionar una paleta, vamos a repasar algunas reglas básicas de color. Esto podría parecer un poco complicado al principio, pero en realidad es bastante simple cuando lo descompongas y ayudará a hacer una paleta diez veces más fácil. Esta es tu rueda de color básica. Hay 12 tonalidades básicas de color. Los tonos son la familia de los 12 colores más puros y brillantes. La rueda de color se puede descomponer todo el camino hasta tus colores primarios, que son rojo, amarillo y azul. Los colores primarios son los tres colores que no se pueden crear a partir de ninguna otra combinación. Todos los demás colores provienen de mezclar estos de alguna manera. Ahí hay colores secundarios. El verde, el naranja y el morado se forman mezclando los colores primarios. Los colores terciarios como amarillo, naranja, azul, morado, etc. se forman mezclando un color primario y secundario. Ahora estamos de vuelta a los 12 tonos. Entonces, ¿qué significa esto de formar una paleta? Bueno, antes que nada, posicionamiento de un color en la rueda es realmente importante. Donde se encuentra un color en la rueda de color debe tener mucha influencia en la paleta general. Algunas fórmulas básicas para la armonía de color van de la siguiente manera. Colores análogos son cualquier color que esté uno al lado de una rueda de color. Tonos de amarillo y naranja, por ejemplo. Estos colores son tan similares que armonizarán naturalmente. Los colores de cortesía están directamente enfrente uno del otro, como el rojo y el verde. Estos crean el máximo contraste. Los colores de la tríada están igualmente posicionados y así se equilibran entre sí. También tienes otra opción que es de color monocromático. Esto requiere un poco más de explicación. Una paleta monocromática son todos los colores, tintes, tonos, y tonos de un solo tono. Un tinte es la mezcla de un color con blanco y un tono se mezcla con negro. Se mezcla un tono con gris. Por lo que una paleta monocromática se verá más así. Entonces, ¿cómo usas estas reglas de color para que tu cómic se vea genial? Te estaré mostrando en el siguiente video. 3. Cómo elegir una paleta: Puedes escoger fácilmente una paleta de cuatro colores con cualquiera de las reglas de color que acabo de mencionar. Estos son algunos ejemplos impresionantes de dibujantes e ilustradores que aplican reglas de armonía de color a su trabajo. Jillian Tamaki es un increíble ilustrador y dibujante. A menudo utiliza colores monocromáticos y análogos para simplificar su paleta y crear un estado de ánimo. Por ejemplo, este cómic sobre hacer pastel de espinacas utiliza colores análogo verde y amarillo. Muchas de sus otras piezas dependen de un color con varias variaciones monocromáticas. Esta impresionante tira de Grant Snider utiliza un conjunto de colores de cortesía. Los otros colores que utiliza son neutrales. Por lo que los colores de cortesía realmente hacen genial el cómic. Este brillante cómic de amapola de Agent 9 de Katie Skelly es un maravilloso ejemplo de un perfecto tacos de color triádico. Entonces ahora que has visto algunos ejemplos de la diversa gama de colores que puedes usar, es hora de ir a escoger el tuyo propio. Ahora voy a cambiar a Adobe Kuler para mostrarte algunas grandes combinaciones de colores. Este programa te permite seleccionar las reglas como análogas y complementarias, y escogerá una paleta para ti. Después puedes ajustarte como más te parezca. Esta es una gran manera de escoger paletas que definitivamente serán cohesivas. Mi favorito es complementario porque los colores pop tan bien. Una gran cosa a tratar es escoger dos colores de cortesía para usarlos juntos como en la opción compuesta. Kuler te da cinco colores, pero por el bien de nuestras asignaciones, recuerda seleccionar solo tus cuatro favoritos. Puedes guardar tus palés de Kuler e incluso descargarlos. Bueno, yo sólo estaba demostrando en el sitio web que es accesible para todos. También puedes conseguir Adobe Kuler como extensión en Photoshop CC, lo que facilita mantener tus paletas a mano. Hay otras formas de escoger paletas, por supuesto, y una forma es simplemente experimentar en Photoshop hasta que encuentres colores que se vean bien juntos, pero ten en cuenta esas reglas de color. Otro método es colorear caídas de piezas que te gustan. Si ves una imagen que tiene grandes colores, puedes traerla a Photoshop y simplificarla a sus colores básicos pixelándola. Para ello, ve a Filtrar, Pixelate, Mosaico y asegúrate de que las plazas sean grandes. Ahora tienes bloques de color básico y puedes usar la herramienta cuentagotas para elegir qué colores funcionan mejor para ti. No importa qué método utilices para elegir tu paleta, recuerda que los colores que escojas dirán mucho de tu cómic. Por ejemplo, si buscas crear algo serio y mal humor, los colores monocromáticos y el azul se verán hermosos, pero no necesariamente funcionarían para algo amapola y ánimo. Katie Skelly's, Agente 9 no tendría el mismo ponche si no usara fuertes colores triádicos. Los colores tienen fuertes conexiones con el estado de ánimo. Entonces piensa en qué colores asocias con qué emociones antes de finalizar tu paleta. Antes de pasar al siguiente video, voy a dar algunos consejos rápidos finales. Trata de evitar colores que sean demasiado puros. Esto significa colores que son demasiado directos y saturados. Los colores que tienen una variedad de tonos tienden a verse los más profesionales. Además, los colores más neutros como los tonos de piel y el pastoreo no afectarán demasiado a tu paleta. Entonces está bien si necesitas usarlos más tarde cuando estés coloreando. Una vez que sepas qué colores quieres incluir en tu paleta, puedes pasar al siguiente video donde te voy a mostrar cómo configurar muestras en Photoshop para que tus colores sean permanentemente accesibles. 4. Cómo configurar las muestras: Ahora vamos a armar muelas. Ya que estaremos guardando esta parte, comprueba que tus ajustes en Photoshop sean correctos. Asegúrate de tener tu imagen en modo RGB y de que tu imagen sea de alta resolución o al menos 300 píxeles por pulgada. Como puedes ver, he estado experimentando con paletas e hice un pequeño boceto para probar uno. Una vez que hayas seleccionado tus cuatro colores, deseas que tu paleta sea fácilmente accesible en Photoshop. Si has decidido conseguir Adobe Kuler como extensión, puedes usar eso como paleta. No obstante, aquí hay un método probado y verdadero que muchos dibujantes usan. En tu barra de color, selecciona “Muestres”, elimina todas tus muestra actuales pulsando todas y haciendo clic. No te preocupes, esto no es permanente. Ahora selecciona la herramienta Cuentagotas y selecciona tu primer color y toca “Añadir a Muestres”, nombra lo que quieras y haz esto por tus otros tres colores. Puede guardar esta paleta como un conjunto de muestra seleccionando el menú desplegable y guardando. Puedes volver a cargar tus muelas originales si lo deseas yendo al menú desplegable y seleccionando “Restablecer Muestres”. Puedes optar por agregar, lo que significa que los agregarás a tu nueva paleta o simplemente selecciona “Ok” para reemplazarlos. Si quieres volver a acceder a tu nueva paleta más adelante, ahora simplemente puedes ir al menú desplegable y añadir una vez más. Todo eso fue bastante sencillo, ¿verdad? Ahora tus colores son fácilmente accesibles en todo momento. Vamos a llegar a colorear en realidad. 5. Cómo crear planos: Ahora que tienes tu paleta accesible y en orden, te estaré mostrando una forma sencilla y efectiva de establecer color. Casi todos los ilustradores y dibujantes comienzan a colorear creando primero pisos. Estos son tus sencillos bloques básicos de color. Flats hace que la selección, edición y sombreado de colores individuales sea mucho más fácil después. Idealmente, deberías estar haciendo tu plano en una capa debajo de tu capa de trabajo de línea. Para esta parte, vamos a estar usando la herramienta de lápiz porque a diferencia de la herramienta de pincel, no tiene bordes suaves. Es más fácil trabajar de abajo hacia arriba. Simplemente puedes llenar tu color de fondo y primero seleccionando el área y luego presionando alt delete. Por el bien de la pulcritud y la sencillez, los bordes de cada color deben coincidir y todos tus pisos deben llenarse adecuadamente. Ahora, selecciona el tono que quieres usar a continuación y delinea delicadamente debajo del trabajo de línea. A partir de ahí llene y luego trabaje en capas de sus colores. Si bien este color de tono de piel no es técnicamente parte de mi paleta original, es lo suficientemente neutro que lo voy a usar porque es necesario. Como dije antes, pisos hacen mucho más fácil la edición. En realidad no estoy muy contento con el color azul porque creo que es un poco demasiado oscuro, así que voy a usar eso para mostrarte cómo puedes editar todo muy rápidamente. Si decides alterar un color, puedes usar la herramienta de selección de varita mágica y luego seleccionar el color con anti-alias y contiguo apagado. Desactivar el anti-alias significa que no tendrás bordes suaves, y desactivar contiguos significa que estarás seleccionando cada plano de un color determinado. Ahora puedes alterar todas las áreas de este solo color juntas como un todo. Si tienes tus pisos francamente, sombreado también debería ser bastante fácil. Te voy a mostrar cómo hacer eso en el siguiente video. 6. Sombreado: Antes de mostrarte cómo aplicar tu sombreado, aquí te dejamos un resumen básico. Ya que estamos sombreando un cómic y no una pieza altamente realista, probablemente deberías limitarte a un punto culminante y sombra para cada color. Por lo general, su color de resaltado debe estar menos saturado. Así que cójala desde la parte superior izquierda del recolector de color donde se mezcla con blanco. En las caricaturas, que no tiene por qué ser particularmente realista, tiendo a preferir sombras que estén más saturadas en color en lugar de mezcladas con negro. Para mí, esto hace que parezca un poco menos fangoso, pero depende de ti encontrar una sombra que funcione bien para tu propia pieza. Algo que recomiendo encarecidamente que no hagas es usar las herramientas de quemar y esquivar. Estas herramientas tienden a parecer en última instancia excesivamente digitales y voladas. Es mucho mejor usar tus propios ojos para escoger colores que funcionen mejor para tu pieza. Para aplicar tus colores de sombreado, selecciona uno de tus pisos con la herramienta de varita mágica. Esta vez, mantente encendido contiguo. Esto significa que tu selección estará confinada a los bordes de este color. Ahora, mientras tengas esa selección, crea otra capa. Elige tu color de sombreado y pinta sobre la zona que quieras sombreada. El pincel que escojas aquí realmente tendrá una gran influencia en cómo se ve tu sombreado. Me encanta usar grandes pinceles difusos para crear tonos claros pero los pinceles marrones duros se ven igual de buenos, sobre todo para los cómics. También me encanta encontrar un buen pincel texturizado para aplicar sombras con. El que estoy usando aquí es del mega pack de Kyle, que como puedes ver, tiene toneladas de opciones de pincel cool. Incluiré un enlace en la sección de recursos para descargarlo. Por el sombreado para mi pieza, voy a mantener lo más simple que pueda. Estoy usando un cepillo vago, difuso para bloquear y grandes tonos suaves de color, y un cepillo marrón duro para sombrear áreas más pequeñas. También voy a estar manteniendo al mínimo los reflejos. Como pueden ver, no estoy usando muchas técnicas de mezcla. Pero de nuevo, no tendría sentido tener complejo sombreado de gelatina rosa para una simple caricatura. Un toque final, si quieres mantener lindo tu cómic, añade unas mejillas rosadas. 7. Edición de color: Una vez que hayas terminado de colorear y sombrear, es posible que quieras hacer algunos ajustes menores. La edición final son mi colorante de producto favorito porque incluso pequeños cambios realmente pueden hacer que tu pieza pop. Photoshop tiene tantos grandes métodos de edición de color, y aquí te mostraré algunos de mis propios atajos. Las capas de ajuste son una gran manera de ajustar tu pieza, y como estarás haciendo estos ajustes en una nueva capa, no tienes que preocuparte por ningún cambio permanente. Simplemente ve a capa, nueva capa de ajuste para crear una o pulsa el nuevo botón de capa de ajuste. Hay toneladas de opciones para las que el ajuste se puede escoger, pero aquí hay dos de las más utilizadas. Si eres pieza le falta en el departamento de contraste, un rápido para amplificar tus sombras y reflejos es ajustando los niveles. El deslizador izquierdo controla las sombras, el deslizador derecho controla los reflejos, y el deslizador medio controla los tonos medios. Mira como mi imagen cambia en rango tonal. manera similar a la opción de niveles, la opción de curvas puede ayudarte a ajustar sombras, tonos medios y reflejos. Al arrastrar la curva hacia abajo se ampliarán las sombras y arrastrarla hacia arriba, se agregarán reflejos. Una cosa a probar en la sección de curva es hacer una curva en forma de S, que es un ajuste clásico que ayuda a aumentar el contraste. Cuanto más grande es la curva S, más grande es el efecto. Hay tantas más opciones de capa de ajuste incluyendo matiz y saturación. Puedes jugar hasta que encuentres algo que funcione para ti. A mí me gusta este efecto, pero siento que es demasiado fuerte. Si quieres minimizar un cierto efecto, solo baja la opacidad en la capa como lo estoy haciendo aquí. Cuando creas una nueva capa, puedes optar por alterar el modo de fusión. Lo que esto significa y términos excesivamente simplificados es que cambia la forma en que esta capa interactúa con otras capas. Aquí voy a rellenar una nueva capa con el color sepia y mostrarte lo que pasa. Los modos de fusión se dividen en grupos básicos, pero sólo voy a repasar los tres primeros. El primer apartado es la sección de oscurecimiento, y la más comúnmente utilizada aquí es multiplicar. Como se puede ver, toda la imagen se ha oscurecido con un lavado de sepia. ir a la siguiente sección, a la sección aligerada, voy a golpear “Lighten”, y como pueden ver, toda la imagen se ha aligerado con la lata sepia. Ahora voy a seleccionar “Superposición” de la sección de contraste, y ese contraste se ha ampliado en ese mismo tono sepia. Si algunos de los efectos son un poco demasiado, siempre se puede bajar la opacidad. Si bien uso sepia aquí solo para la demostración, puedes jugar con todo tipo de colores y modos de mezcla. Uno de mis favoritos es el rosa claro en los ajustes de luz suave. En ocasiones usaré más de una capa y compensaré el rosa con un color azul. Los modos de fusión son un poco impredecibles, por lo que los mejores resultados suelen venir de experimentar con colores, modos y opacidad hasta encontrar algo que funcione. Como pensamiento final, recuerda mantener todas tus ediciones en capas separadas para que puedas apagarlas si es necesario. Encuentro que a menudo paso demasiado tiempo editando porque es divertido, pero normalmente no necesitas tanto cambio. Sólo un retoque aquí dentro. He decidido no usar las alteraciones del modo de fusión y sólo voy a mantener el ajuste de tonalidad y saturación menor. 8. Reflexiones finales: Conocer tus ins y outs básicos de colorear puede mejorar enormemente tu cómic web. A pesar de que la mayoría de las tiras diarias tienden a ser en blanco y negro, portadas de libros, las pancartas y las tiras de edición especial suelen colorearse. Tener un palé bellamente diseñado agrega profesionalismo y carácter a tu tira general. Dado que el color es mucho más complicado que el trabajo en blanco y negro, puede que tome algún tiempo antes de que se sienta cómodo con él. No obstante, las paletas que elijas y el estado de ánimo que estableces con tus colores realmente pueden definir tu tira y hacerte destacar ante los demás. Si bien debes tener en cuenta esas reglas de la rueda de color, recuerda que lo que sea que se vea bien, se ve bien. El color no es una ciencia exacta. Si terminas de colorear tu cómic, es hora de subirlo a la galería de proyectos. Recuerda guardar una versión de Photoshop con todas tus capas para que puedas editar más adelante. Aplana tu imagen y sube una versión de baja resolución a la galería de proyectos. Enhorabuena por terminar tu cómic de color. Ojalá, te he ayudado a hacer que tu cómic web sea más brillante , más animado, y más tú.