Transcripciones
1. Escanea y el arte de líneas de color en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo limpio y color escaneado line art en Adobe Photoshop. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. hoy estamos limpiando y coloreando arte de línea escaneada. Vamos a decir cómo extraer el arte de línea de un escaneo, así que dejamos el papel y simplemente nos quedamos con las líneas. Entonces vamos a ver cómo colorearlo para que
podamos colorear nuestro objeto cualquier color que nos guste. medida que avanzas, probablemente veas un prompt para un pulgar arriba para esta clase. Si disfrutas de la clase, por favor dale un pulgar arriba. Estos son realmente importantes para mí para hacer visibles los videos en Skillshare, así que de verdad aprecio a todos los que le dan un pulgar arriba. Si tienes alguna pregunta, solo publícalas en el área de la comunidad y
solo estoy muy contento de ayudarte con tus preguntas. Si estás listo, empecemos. Tengo un ritmo de arte rayado escaneado para que trabajes para que puedas seguir adelante.
2. Arte de línea de escaneado y color: parte 1: Para empezar con este proyecto de limpiar algún arte de línea escaneada y luego recolorearlo, si no tienes algo con lo que trabajar, te
voy a dar un enlace de descarga para esta página desde mi SketchBook y puedes simplemente ábrela en Photoshop. Si tienes line art propio o dibujo propio,
eres libre de usar eso. Ahora para empezar, estoy mirando este scooter porque este es el que vamos a extraer y colorear y no creo que esta línea aquí sea perfectamente horizontal. Entonces iré aquí a la herramienta Regla y sólo
voy a arrastrar la herramienta Regla a lo largo de esta línea en la imagen, la línea que creo que debe ser horizontal. Entonces en versiones posteriores de Photoshop, puedo hacer clic aquí para enderezar la capa. Si tienes una versión anterior de Photoshop y no lo tienes en la barra de herramientas, entonces irás a Imagen, Rotación de
imagen y selecciona Arbitraria. Photoshop ya habrá calculado en qué ángulo está esta línea, y está todo listo para que solo hagas clic en “Ok” y luego
enderezará la imagen a esa línea. Lo siguiente que queremos hacer es solo recortar el scooter. Queremos asegurarnos de que consigamos todo el scooter y no demasiado de nada más que no queremos. Ahora, puedo empezar con el borrador y empezar a borrar sobre los bits que no quiero de esta imagen. Tenemos el borrador seleccionado, vamos a ver de qué tipo tengo. Bueno, voy a elegir este cepillo de borde duro. No necesito ser particularmente ordenado aquí, pero voy a querer borrarlo a transparencia porque la idea de
este proceso de limpieza es sacar las líneas y dejar todo lo demás lejos de la imagen. Yo sólo voy a abrir la paleta de capas aquí y ver qué tenemos. Bueno, esta es una imagen JPEG y esta es una capa de fondo, no
puedo llegar a la transparencia desde una capa de fondo. Si trato de borrar desde aquí, se
puede ver que voy a borrar al color de fondo y si el color de fondo pasa a ser negro, entonces estaría borrando a negro. Lo que necesito hacer es convertir esta capa de fondo en una capa normal. Podemos hacer eso con tan solo hacer clic en este icono de candado y eso simplemente convertirá esto en una capa regular. Ahora, si eso no funciona en tu versión de Photoshop, solo tienes que levantar el icono del candado y arrástralo y soltarlo en la basura tiene el mismo efecto. Ahora cuando uso el borrador en esta imagen, se
puede ver que estamos borrando a la transparencia. Ese patrón de tablero de ajedrez nos está diciendo que esa capa ahora es transparente. Ahora bien, no queremos hacer demasiado trabajo con el borrador en esta etapa porque hay algunas herramientas que podemos usar que podemos trabajar mucho, mucho más rápido con. Yo sólo voy a acercar un poco aquí y una herramienta que voy a utilizar es la herramienta Varita mágica. Comparte una posición de barra de herramientas con la herramienta Selección rápida, pero realmente la herramienta Varita mágica hace un trabajo increíble con este arte de línea. Ahora, lo primero que hay que hacer con la herramienta Magic one es establecer la tolerancia. Voy a poner eso a unos 25. Eso establece un rango de color para los píxeles alrededor del área en la que estoy haciendo clic y así como la mayor parte del fondo de esta página es blanco, esto debería recoger la mayor parte de ella. También quiero anular la selección de contiguos. Si dejo seleccionado contiguo y si hago clic aquí, solo
voy a seleccionar los píxeles alrededor del scooter, y no voy a conseguir los píxeles que son blancos dentro del scooter así que voy a desactivar esta casilla de verificación. Ahora, solo voy a dar clic y esto habrá seleccionado la mayoría de los píxeles blancos alrededor de esta imagen. No los habrá conseguido a todos, pero habrá conseguido a la mayoría. Sólo voy a presionar “Eliminar” y eso los dejará enseguida. Entonces quiero anular la selección para poder elegir, “Seleccionar”, “Deseleccionar” o simplemente puedo pulsar Control o Comando + D. Para decir cómo vamos solo voy a localizar el nuevo icono de capa aquí y voy a Control o Comando, click sobre él para agregar una nueva capa debajo la capa de imagen actual y quiero llenar esto de blanco. Dado que el blanco es mi color de primer plano, puedo presionar Alt + retroceso, Opción + Eliminar en mi Mac para llenar esta capa de blanco. Ahora bien, no parece que hayamos progresado muy lejos porque así es más o menos la forma en que la imagen se veía antes. Pero es en dos capas separadas por lo que sabemos que las líneas negras están totalmente separadas al fondo blanco. Siempre que estoy limpiando line art así, me preocupa mucho asegurarme de que me deshaga de cualquier píxel extraviado. Voy a dar clic aquí en el icono de fx y elegir Stroke. Lo que voy a hacer es agregar un trazo rojo así que voy a asegurarme de que mi color esté establecido en rojo. Puede ser de cualquier color que te guste, pero quieres poder verlo realmente claramente y voy a ajustar mi tamaño a 304 píxeles. Voy a seleccionar afuera porque es importante que los trazos rodeen el píxel, puede que no lo veas si tienes, por ejemplo, dentro seleccionado y solo daré click, “Ok”. Ahora, parece que esta imagen ha desarrollado un caso de la varicela y cuáles son estos puntos,
son píxeles subyacentes en esta capa que no obtuvimos cuando hicimos clic con la herramienta Varita Mágica. Ahora vamos con la herramienta de borrador en esta capa, la capa que tiene el trabajo de línea en ella, y sólo voy a borrar estos puntos. Lo que realmente estoy haciendo es que estoy borrando un píxel de color aquí y en cuanto se vaya el píxel de color, entonces no tiene sentido que Photoshop ponga un trazo alrededor de algo que no está ahí. Voy a tener mucho cuidado mientras repaso esta imagen solo para asegurarme de que me deshaga de todos los puntos. Bueno, conforme van los puntos, sé que se está limpiando la imagen pero no quiero entrar por encima de las líneas porque no quiero que se vayan las líneas. Primer viaje a través de la imagen es con un borrador muy grande solo limpiando lo peor de estos puntos. Entonces entraré muy cerca así que voy a acercar la imagen usando la herramienta de zoom. Voy a asegurarme de que tengo mi borrador establecido en una cantidad muy pequeña. Ahora, sólo voy a limpiar, estas áreas ásperas por todas partes veo un bulto en el borde que es un píxel debajo. Yo sólo voy a dar la vuelta con mucho cuidado deshaciéndome de estos. Ahí hay un píxel. Digamos que estoy tratando de asegurarme de que mi borrador tenga aproximadamente el mismo tamaño los puntos para que sepa que si presiono el borrador sobre el punto del que me voy a deshacer, el píxel que está causando el problema en primer lugar. Ahora, esto me va a llevar un rato hacerlo así voy a dejar de hablar. Yo sólo voy a acelerar el video mientras limpio esta imagen. Si cometes un error ya que estás haciendo esto, solo tienes que pulsar Control + Alt + Z, Comando + Opción + Z en el Mac. Tan solo para deshacer el último trazo que hiciste puedes seguir adelante. Ahora, es muy importante que hagas esto con un borrador de bordes duros porque no quieres tener ningún emplumado alrededor de tu borrador. Por eso elegimos un pincel que tenía una dureza del 100 por ciento. Es inusual estar usando pinceles tan duros, pero para
ello, realmente hace un muy buen trabajo. Por supuesto, lo que queremos hacer cuando estamos limpiando nuestra alineación, particularmente si planeamos vender estos artículos, es que queremos asegurarnos de que si alguien pone esto en una página o incluso dónde agregarle
un trazo a su alrededor que no están va a conseguir esos pequeños puntitos que vimos cuando agregamos por primera vez el trazo. Queremos darles arte de línea limpia. Estoy bastante contento con el trabajo de limpieza que he hecho y todo lo que necesito hacer para deshacerme de este trazo rojo es simplemente arrastrar y soltar ese efecto sobre la papelera. Ahora, tengo mi arte de línea limpiada. Ya que se limpia line art ahora puedo seguir adelante y colorearlo. Pero si voy a guardar la imagen en la hora principal, necesito asegurarme de que la guarde en un formato que mantenga aquí esta capa transparente. Yo quiero guardarlo como archivo PSD. No lo guardes como el archivo JPEG original o de lo contrario lo vas a aplanar y tendrás que deshacerte del blanco de nuevo así que solo guárdalo como archivo PSD y ya estás listo para partir.
3. Arte de línea de escaneado y color: parte 2: Una vez que hayas aislado el line art en este scooter para que tengas el line art en una capa separada, puedes seguir adelante y colorearlo. Ahora antes de hacerlo, me preocupa un poco que algunas de las líneas negras en este scooter no sean tan negras como podrían ser. Voy a ajustarlos y voy a usar un ajuste de niveles. Escogeré Imagen, Ajuste, y luego Niveles. Ahora en el histograma aquí los oscuros están de
este lado del histograma y las luces están por aquí. Lo que vamos a hacer es arrastrar en este pequeño deslizador aquí solo un poco desde la izquierda. Eso va a oscurecer los píxeles más oscuros. Este medio ajusta los medios tonos, y lo vamos a arrastrar aquí hacia la derecha porque eso va a oscurecer los medios tonos. Si no estás seguro de qué manera arrastrarlo, solo intenta arrastrarlo en ambas direcciones y verás muy claramente que arrastrarlo hacia la izquierda no es buena idea. Si quieres que todo sea más oscuro, simplemente arrástralo hacia la derecha. No queremos hacer todos nuestros tonos totalmente negros, solo
queremos oscurecerlos. Haga clic en Ok. Ahora estamos listos para seguir adelante y colorear este scooter. Ahora cuando estoy coloreando así, todo lo que voy a hacer es asegurarme de que tengo todos los colores en una capa separada. Voy a dar click aquí en la capa más inferior y voy a añadir una capa. Esta va a ser mi turquesa oscura. Voy a usar eso para el propio cuerpo del scooter. Puedo hacer bastante fácil el trabajo de colorear este scooter si uso el arte de línea en sí,
se ve el line art se ha dibujado para que cada elemento aquí quede atrapado. Alrededor de cada área abierta, hay una línea negra sólida. Si utilizo la Herramienta Varita Mágica, puedo seleccionar estas áreas con solo hacer clic dentro de ellas. Va a hacer mucho más fácil mi trabajo. Ahora voy a asegurarme en este caso que Contiguous esté comprobado. Porque si hago clic aquí, quiero simplemente seleccionar los píxeles de esta zona,
no en todas partes de la imagen. Sólo voy a dar click en la zona que hay. Lo que está pasando cuando hacemos clic aquí con la Herramienta Varita Mágica es que en
realidad estamos haciendo clic y no hay píxeles en esta área. The Magic Wand Tool solo selecciona cada píxel que es igual a este. Bueno, todos estos son píxeles totalmente transparentes, por lo que photoshop seleccionándolos todos y se detiene cuando se encuentra con una línea sólida. Debido a que estas áreas están atrapadas, vamos a poder seleccionarlas realmente fácilmente. Ahora bien, la línea o la selección va a subir directamente a la línea negra, pero no va a repasar. Esto podría dejarme con un poco de brecha. Yo quiero ampliar esta selección apenas un poquito. Voy a elegir Seleccionar, Modificar, Ampliar. Voy a expandirme por tres píxeles y hacer clic en “Ok”. Ese mando lleva años en Photoshop así que lo
vas a tener en tu versión de Photoshop o lo que sea que estés usando. Ahora voy a ir a seleccionar la capa turquesa oscura porque ahí es donde voy a poner mi color. Ahora aproveché la oportunidad antes para preparar mis colores y aquí tengo estas pequeñas muestra de color. Voy a ir a seleccionar la herramienta Cuentagotas y basta con dar click en el color que quiero usar. Ahora porque el color es el color de primer plano, puedo presionar la opción Alt Retroceso Eliminar en el Mac, y llenaré esa selección con el color que he elegido. Cuando haya terminado de rellenar con el color, presionaré Control o Comando día a día seleccionar la selección. Seguiré adelante y añadiré otra capa. Esto va a ser turquesa claro. Voy a usar este color turquesa claro aquí para colorear múltiples elementos en mi scooter. Voy a volver a seleccionar el scooter. Voy a volver a la Varita Mágica. Voy a dar click en el primero de los elementos que voy a colorear. Ya que todos van a necesitar ser seleccionados y expandidos, puedo hacerlos todos a la vez. Voy a mantener presionada la tecla Mayús mientras hago clic en todas las demás áreas que quiero colorear del mismo color. Ahora tengo todas esas áreas seleccionadas. Ahora los voy a expandir. Seleccionar, Modificar, Expandir tres píxeles. Haga clic en “Ok”, asegúrese de ir y seleccionar mi capa turquesa claro, vaya a recoger mi cuentagotas, y seleccione el color. Ahora podrías estar seleccionando colores de tus muestreos con la misma facilidad. Los tengo en mis muestreos aquí. Simplemente me resulta un poco más fácil estar trabajando con ellos en la pantalla. Ahora que he ampliado mi selección, tengo mi color seleccionado, tengo el derecho seleccionado, voy Alt Retroceso opción Eliminar para llenar esas áreas y luego Controlar o Comando D para anular la selección. Voy a dejar de hablar ahora y acelerar el video ya que termine de colorear este scooter. Una vez que haya terminado de colorear este scooter, solo
hay otro cambio que quiero hacer a esta imagen. Si miro muy de cerca estas líneas oscuras, diré que hay un muy ligero haloing alrededor de los bordes. Eso se debe a que no necesariamente hemos recogido todos los píxeles más claros justo alrededor de los bordes de nuestras líneas más oscuras. Ahora para asegurarme de que estas líneas no sean más ligeras, no son haloides, solo
voy a mezclar esta capa con las capas de abajo en un modo de mezcla de oscurecimiento. Ahora hay un par de modos de mezcla de oscurecimiento que puedo usar, Oscurecer es uno de ellos, Multiplicar es el otro. Cualquiera de estos simplemente se asegurará de que cualquier píxel ligeramente más ligero en estos dibujos de línea se mezcle con los de abajo, y para que no veamos ningún efecto de haloing más ligero.
4. Arte de línea de escaneado y color: parte 3: Ahora que hemos ido adelante y coloreado nuestro scooter, ahí un par de cosas de las que quiero hablar aquí y una de ellas es cómo vas a salvar esto. Ahora, guardé esto como un archivo PSD que me permite mantener intactas
estas capas para poder volver en cualquier etapa y cambiar cualquiera de estos colores. Cuando estoy trabajando con cosas que tal vez voy a vender o
no estoy seguro exactamente de qué color realmente necesitan ser, siempre
guardaré un archivo como
archivo PSD para que pueda volver y recolorear fácilmente las cosas. He vuelto y he dicho, quiero volver a colorear este asiento. Voy a localizar la capa que tiene el asiento encima y esta es esta capa de aquí. Si Control o Comando, haga clic en la miniatura aquí, selecciono el contenido de la capa. Tengo extremos coincidentes alrededor del color rosa. Ahora todo lo que necesito hacer es ir y seleccionar un color para usar. Por ejemplo, voy a seleccionar el amarillo aquí y luego presionar la opción “Retroceso Alt” Eliminar en el Mac porque este es mi color de primer plano para reemplazar ese color en la imagen. Por supuesto, Control o Comando D para anular la selección. Ahora puede llegar un momento en el que quiero volver a colorear todo el objeto. Yo sólo voy a apagar mi panel de colores aquí arriba. Para volver a colorear todo el objeto, seleccionaría la capa superior, y luego añadiría una capa de ajuste, capa,
nueva capa de ajuste y podríamos usar saturación de matiz por ejemplo y hacer clic en “Ok”. Con la capa de ajuste de saturación de matiz, puedo ajustar todos los colores de la imagen relativos entre sí simplemente arrastrando el deslizador de tonalidad. Esto solo mueve todos los tonalidades alrededor la rueda de color y obtengo algunos efectos de color realmente interesantes al hacer justamente eso. Si encuentro una combinación de colores que me gusta, sólo
puedo cerrar ese diálogo. El bello de esto es que el ajuste de saturación de tonalidad es solo una capa de ajuste. En cualquier momento podemos encenderlo o desactivarlo simplemente haciendo clic en el icono de visibilidad de la capa aquí. Por supuesto, si esto fuera arte y si estuvieras listo para venderlo, entonces harías un par de cosas. Para mí, vendería mi arte como fondo transparente. Yo quiero que el fondo sea transparente y el arte sea
así y lo guardaría como un archivo ping, un archivo PNG. El formato de archivo ping es especial. Es como JPEG y por qué porque aplana la imagen a una sola capa. Pero a diferencia de JPEG, el fondo no es necesariamente blanco, puedes tener transparencia en un archivo ping. Esta imagen sería un scooter aplanado con toda la coloración y el arte de línea en una sola capa en la imagen. Pero el fondo aquí sería transparente. Eso permitiría a alguien recoger esta imagen y ponerla sobre un fondo de color y el scooter simplemente se sentaría ahí. No trae un borde blanco con él. Ping es un formato realmente bueno para guardar esa imagen en si quieres ponerla sobre un fondo coloreado o venderla como una pieza de arte, por ejemplo. Lo guardaré también como archivo PSD porque, claro, quiero poder volver a entrar y editarlo si es necesario. Si quiero ponerlo en la web, entonces sería formato JPEG. Pero claro, el JPEG es un formato con perdidas, por lo que va a ser revuelto un poco y va a llevar este fondo con él. Ahí tienes un proceso rápido para limpiar y colorear scan line art. Tu proyecto para esta clase es tomar el scooter que te he dado o cualquier otra pieza de arte de línea que tengas y hacer lo mismo con él. Limpia el escaneo y luego colorea el line art y luego lo publicas en el proyecto para que todos podamos ver los esquemas de color que se te ocurre. De verdad estoy deseando verlos. Por favor, si disfrutas de esta clase, dale un pulgar arriba. Esto es realmente importante. Los pulgares arriba realmente ayudan a los videos para poder ser vistos. De verdad, de verdad aprecio a todos los que dan un pulgar arriba a mis clases. Si tienes alguna pregunta, usa el panel de la comunidad para hacerlas y solo estoy muy contenta de ayudar donde pueda. Mi nombre es Helen Bradley. Muchas gracias por unirse a este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
