Hacer humanos con Humaaans: ¡una forma divertida de hacer ilustraciones de personas para usar en cualquier lugar!

1. Introducción a la creación de imágenes humanas con Humaaans: Hola y bienvenidos a hacer humanos con humaaans. Yo soy Helen Bradley y doy más de 200 clases aquí en Skillshare con más de 80 mil inscripciones en total. También soy un admirador autoconfesado de las cosas cool y este curso se trata de cosas realmente geniales. Estoy tan emocionado de presentarles esto. Es de vanguardia y es tan divertido. En resumen, esta clase es la respuesta para hacer imágenes impresionantes de personas si no puedes dibujar, o si simplemente no tienes tiempo para hacer los diseños tú mismo. Diseñado para ti por Pablo Stanley, humaaans deletreados con tres A's son un conjunto de elementos, cabezas , cuerpos y piernas que puedes mezclar y combinar para hacer un diseño humano completo. Piénsalo como un juego de mezcla y partido para adultos. Los diseños son gratuitos y tienen licencia para uso personal y comercial. Ahora Pablo Stanley diseñó humaaans, pero hizo solo las formas, no la herramienta que utilizas para realmente hacer algo con ellas. Por lo que necesitas no solo tus humaaans, sino que también necesitas algún software para utilizarlos realmente. En este curso, te ayudaré a armar las piezas. Literalmente, te mostraré cómo obtener acceso al software gratuito InVision Studio y cómo descargar y usar los humaaans diseñados dentro InVision Studio para hacer ilustraciones de personas. Porque en este momento InVision Studio aún no está disponible para el PC Windows, solo está disponible para el Mac, también te mostraré una herramienta ordenada basada en navegador desarrollada para permitirte acceder a gran parte de la funcionalidad de los diseños de humaaans para crear ilustraciones de personas desde un navegador en un PC o un Mac. Entonces, independientemente de tu computadora, al final de este curso, estarás diseñando tus propios humaaans y usándolos en tus propios proyectos. Si estás listo, te sugiero que no perdamos más tiempo y dirígete a humaaans dot com y empecemos. 2. Qué son los humaaans: Ahora mismo espero que estés realmente emocionada de las posibilidades de esta clase. Ahora los elementos de fundación que vamos a utilizar son de un sitio web llamado humaaans, y tiene tres A's en él. Esta es una página web que muestra los elementos humaaans que puedes descargar y usar, y además te da algunas ideas sobre cómo va a funcionar todo el proceso, y qué puedes hacer con ellos. Solo vamos a desplazarnos hacia abajo por esta página y verás que hay un montón de pequeñas remezclas aquí que podremos crearnos en tan solo un minuto. Este es un pequeño adelanto de los elementos humaaan utilizados con InVision Studio. Ahora, InVision Studio solo está disponible para el Mac en este momento, pero estará disponible para la PC en algún momento en el futuro. Te voy a mostrar cómo puedes configurarlo todo en InVision Studio, y te voy a mostrar cómo puedes usar cierta porción de InVision Studio para trabajar realmente con estas formas. Si utilizas un Mac, sin duda querrás ver esa parte de este curso y más tarde cuando esté disponible para Windows, eso también te será de gran ayuda. Entonces podemos echar un vistazo y decir del tipo de cosas que se pueden hacer con estos personajes. También puedes agregar escenas, así que vamos a echar un vistazo a las escenas que están disponibles, algunas de las cuales estarán disponibles para los usuarios de Windows, todas las cuales estarán disponibles para los usuarios de Mac. Estos son algunos ejemplos de los elementos. Aquí abajo puedes ir a buscar la biblioteca, así que cuando hagas clic en este enlace, te van a llevar a una ubicación de Dropbox. Ahora los humaaans se pueden utilizar con la aplicación de boceto. No voy a estar cubriendo eso en este video, pero si sí usas sketch, seguirías adelante y descargarías boceto de humaaans para tener acceso a todos los personajes y a todos los elementos que vas a usar. Ahora si estás en un Mac o si para cuando veas este video, el producto InVision Studio está disponible para la PC, entonces vas a descargar humaaans studio. Yo solo voy a dar click en eso, ahora te llevarán a un enlace y solo harás click para descargarlo. No es un archivo grande en particular y es un archivo.studio, por lo que solo quieres asegurarte de que puedes localizarlo en tu carpeta de descargas una vez que se haya descargado. Ahora en un video posterior, voy a mostrar cómo puedes configurar InVision Studio y obtener acceso al archivo, ahora mismo lo que solo tienes que hacer es descargarlo. Ahora, si estás en un Mac, también vas a ir a invisionapp.com, y vas a hacer clic aquí para obtener InVision Studio. Es una aplicación gratuita y necesitas descargarla, e instalarla en tu Mac. Ahora cuando haces clic para descargarlo, hay algunas instrucciones realmente básicas y muy sencillas para instalar, es muy sencillo de hacer. Lo que tienes que hacer es conseguir InVision Studio en tu Mac y también necesitas instalarlo. Pero no te preocupes por el hecho de que no obtendrás acceso a los humaaans, porque yo mismo te lo voy a mostrar. Si estás en un PC todavía vas a ir a conseguir InVision Studio gratis para siempre. Porque lo que quieres hacer, es que quieres registrarte, saber sobre cuándo está disponible InVision Studio para Windows, vendrás aquí y pincharás y pondrás tu dirección de correo electrónico, que InVision te alerte cuando la herramienta Windows está disponible y puedes descargarla y utilizarla. Por lo que quieres hacer eso a pesar de que estás en una máquina Windows y aún no está disponible. Si estás en una máquina Windows, entonces el siguiente video te va a mostrar un sitio en línea donde podrás obtener acceso a bastantes elementos humaaans y armar a tus propios personajes. Tiene ciertas limitaciones, pero vamos a pasar por esas. También puedes usar eso por supuesto si estás en un Mac, pero solo creo que InVision Studio es una opción mucho mejor para los usuarios de Mac. Para los usuarios de Windows, no tienes opción, bien usas Sketch, que no estoy cubriendo en este video o utilizas esta herramienta en línea, y probablemente por simplicidad, la herramienta en línea es un buen lugar para empezar. 3. Uso de Humaaans en un navegador: Echemos un vistazo ahora a la interfaz web. Ahora, la interfaz web es la única manera en que vas a poder usar estas ilustraciones en una máquina Windows porque al momento de grabar este video InVision Studio no estaba disponible para Windows. Está disponible para los Macs. Entonces en el Mac, tienes dos opciones. Puedes usar InVision studio, o puedes usar esta aplicación en una máquina Windows. Esto es todo lo que puedes usar. Ahora bien, esta herramienta, bueno es agradable y práctico. Gracias a la persona que desarrolló eso. Esta no es la organización humaans que se ha desarrollado es alguien más que ha venido a armar una interfaz para permitirnos crear estas ilustraciones utilizando los diseños humaanos. El instrumento en sí sí tiene algunas limitaciones. Las limitaciones son estas; primer lugar, no se puede girar las cosas, por lo que no se podrá sacar el zapato este pie y reemplazarlo por un estilo diferente de zapato, pues mientras este zapato iría sobre este pie aquí, no va a ir en este pie aquí a menos que esté girado y no se pueda girar. Por lo que no puedes cambiarte los zapatos, por ejemplo, mover gente o donde el zapato no es plano al suelo. Otra cosa que no puedes hacer es no puedes volver a colorear esto no hay opción de re-color. No puedes voltear a estos personajes, por lo que tienes a tu personaje mirando en la dirección opuesta. Hay muchas cosas que puedes hacer, por ejemplo en InVision studio que no puedes hacer en esta aplicación. Pero podrías terminar tu diseño y llevarlo a otra aplicación y hacer al menos algunos de esos cambios. Veamos cómo vamos a usar esta herramienta. Entendiendo que es relativamente rudimentario. Bueno, todo el mundo tiene, o cada cuerpo tiene tres lugares que tiene cabeza, tiene un cuerpo y tiene lo que se llama fondo. Si los conoces como cabeza, cuerpo y fondo, eso lo va a hacer mucho más fácil a la hora juntar estas ilustraciones. Simplemente voy a recargar esta página porque quiero mi forma original. Si queremos reemplazar la cabeza, vamos a buscar una cabeza. Ahora, aquí están todos estos objetos, pero si quieres un inicio rápido para encontrar una cabeza, sólo vas a escribir aquí, cabeza. Esto filtra las formas para mostrar sólo las cabezas. Podríamos reemplazar esta cabeza por esta cabeza. Lo que harás es solo dar click en la “Forma” y se inserta en la esquina superior aquí y luego podrás moverla. Ahora se puede ver que esta persona es mucho más pequeña que la cabeza, así que sólo vamos a bajar el tamaño de la cabeza. Ahora bien, creo que esta cabeza era un poco pequeña para mi gusto, así que podría optar por mantener la cabeza un poco más grande y mover esta cabeza fuera del camino. Simplemente coloquemos esta cabeza en posición. Ahora, puede que ya veas un problema y es que la cabeza está encima de la ropa. Bueno, podemos poner la cabeza debajo de la ropa apuntando a la cabeza y dar click aquí en este ícono que se mueve atrás. Ahora, me encontré con que a veces eso no siempre es exitoso, así que tal vez tengas que venir a la propia chaqueta y mover la chaqueta al frente. En lugar de mover una cabeza atrás, mover una chaqueta al frente podría ser la mejor alternativa, y luego simplemente puedes colocar la cabeza en posición. A continuación, vamos a echar un vistazo a reemplazar una chaqueta y manos y para eso, buscamos cuerpo. Aquí nuestras opciones de cuerpo, hay de todo, desde sudaderas hasta abrigos. Ahí hay un vientre embarazada. Hay todo tipo de cosas que puedes usar. Voy a usar esta gabardina, así que haz click sobre ella para insertarla en el documento. Ya puedes ver ahora es un poco más pequeño de lo que necesita ser. Alejemos al otro cuerpo. Pongamos este cuerpo en su lugar. De nuevo, puedes dimensionarlo para que se adapte, y luego deshacerte del cuerpo que no quieres. Vamos a buscar un conjunto de pantalones que vamos a usar. Voy a teclear en fondo, porque eso nos va a dar los fondos si quieres. Tenemos unas piernas sentadas que podemos usar. Ahora, pueden estar sentados en algo o creo que incluso podría haber una silla de ruedas en este conjunto de objetos, ciertamente hay en el set original de humanos, que podrías poner a tu personaje en una silla de ruedas. Voy por estos pantalones aquí, así que voy a dar click sobre ellos para seleccionarlos, dimensionarlos un poco. Probablemente los moveré a la posición aquí y solo los probaré contra el fondo original para asegurarme de que sean más o menos del tamaño correcto. Deshazte del original y pon esto en su lugar. De nuevo, vamos a tener que asegurarnos de que vaya por debajo de todo y no por encima. El modo más fácil podría ser tomar la chaqueta en sí y ponerla en la parte delantera. Eso se ve bastante bien aquí. Pero como dije en InVision Studio, realidad podríamos volver a colorear estos si quisiéramos, no podemos hacer eso aquí. Una vez que construyes a tu persona, hay algunos objetos de escena que puedes usar. Si tecleas en escena, podrás ver qué objetos de escena hay, y estos son una especie de objetos domésticos. Ahora de nuevo, hay mucho más disponible en el conjunto original, pero este es un subconjunto que podemos usar. Vamos a ponerle unos muebles a su alrededor. Ahora los muebles van a aparecer frente a ella, de nuevo, podríamos querer moverlo atrás. Si eso no funciona, quizá necesitemos llevar las piernas delante de él. Sólo ten en cuenta que, eso puede ser un poco complicado. Hay algunas plantas y cosas que puedes usar también. Una vez que hayas creado a tu humano, estás listo para salvarlo. Ahora tengo dos opciones aquí, JPEG o PNG. JPEG siempre va a tener un fondo, así que va a tener un fondo blanco. Eso lo va a hacer complicado si quieres tomar a este humano y ponerlos en una escena, por ejemplo, porque tendrías que quitar el fondo blanco. Si quieres poner a este humano encima de algo así como un fondo de color o en una escena, entonces PNG va a ser tu mejor opción, porque PNG es un fondo transparente. Simplemente haga clic en “Guardar PNG” por ejemplo, y obtendrá su imagen guardada. Ahora sólo se llaman Humaans y luego aplican un nuevo número porque he hecho bastantes ahí. Esta es hasta cuatro para la imagen PNG, vamos y solo haga doble clic en ella. Esta es la imagen PNG abierta en el Visor de fotos de Windows. Eso será accesible para mi uso en otra aplicación en otro momento. Incluso con sus limitaciones, esta sigue siendo una herramienta útil para usar si eres usuario de Windows, eso es lo que vas a usar. Si eres usuario de Mac, probablemente optaría por InVision studio, pero esto también está disponible para ti en cualquier momento. 4. Humaaans en InVision Studio parte 1: En estos próximos videos, vamos a estar buscando usar los diseños de humanos dentro de InVision Studio. Entonces estoy asumiendo que ya has descargado e instalado el programa pero antes de que empecemos, aquí hay una proviso. InVision Studio no fue construido para cómo estamos a punto de usarlo. InVision Studio es una herramienta de diseño de pantalla para desarrollar prototipos de aplicaciones y productos digitales, por lo que en un nivel es total exagero en lo que a nosotros concierne. Pero tenemos un archivo de estudio lleno de nuestros humanos y la forma en que funciona el estudio en términos de administrar activos de diseño como nuestras partes del cuerpo humano, nos hace fácil crear aquí a nuestros humanos. Entonces usar studio para este propósito es bastante fácil pero solo vas a estar aprendiendo una pequeña parte de studio ya que trabajamos a través de esto. Ahora en cuanto a cuánto tiempo va a tomar esto, nunca había usado el estudio antes y unas horas de investigación y jugar alrededor me dieron un buen mango en él para estar seguro de que puedo enseñarte a usarlo para que te vayas a beneficiar de todos los errores que cometí en el camino y tu curva de aprendizaje va a ser mucho, mucho más rápida que la mía. Entonces en este momento esta app es muy, muy nueva y nuestros requisitos para usarla son tan específicos que no hay mucha información por ahí para aprender estudio para nuestros propósitos. Entonces esto va a ser un hiper divertido, sugiero que te abroches los cinturones de seguridad y vamos a ir. Entonces tengo estudio ya abierto aquí y he descargado el archivo de estudio así que lo primero que vamos a hacer en esta pantalla de apertura es dar click aquí en “Abrir archivo Studio o Sketch” y luego vas a tu carpeta de descargas y localiza tu estudio humano descarga y basta con hacer clic en abrir. Entonces vamos a echar un vistazo rápido a lo que tenemos aquí. Si haces clic aquí en “Muestras” para que estés en el área de muestras, verás que tienes toda una serie de lo que se llaman tableros de arte, ahora eso es terminología familiar de, por ejemplo, Photoshop e Illustrator. Ahora en estos tableros de arte hay series completas de estos personajes humanos así que lo hizo el diseñador fue que hicieron un video para introducir a los humanos al mundo, si quieres, y lo montaron todo dentro de estudio. Por lo que nos acaban de dar estos elementos para que podamos decir cómo podría ir todo junto y este es un precio realmente bueno para aprender un poco sobre estudio. Entonces echemos un vistazo y digamos lo que tenemos. La parte funcional del estudio se basa en páginas, por lo que tenemos toda una serie de páginas aquí. Tenemos las páginas de muestras y tenemos una sombra de pegatinas y la sombra de pegatinas es solo todos los elementos que hay en este pack. Ahora si quieres dimensionar algo, obviamente tienes aquí un Zoom, así que puedes dar click en él y vamos a elegir, en este caso Zoom para que la hoja de pegatinas encaje en la pantalla y la hoja de pegatinas sea solo un tablero de arte. Si vamos a muestras, entonces tenemos toda una serie de tablero de arte así que si elegimos aquí “Zoom to Fit ", sólo vamos a guardar todos los tableros de arte dentro del área de trabajo. Ahora si quieres decir un tablero de arte en particular, lo que vas a hacer es seleccionar en ese tablero de arte. Ahora estos tableros de arte tienen una especie de panel de la parte superior por lo que quieres asegurarte de que al seleccionarlos estás seleccionando el tablero de arte real sí así que aquí está el tablero de arte básico seleccionado. Voy a dar clic aquí y elegir, “Zoom a la selección” y lo que eso hace es que trae a la altura este tablero de arte humano básico a tamaño completo para que pudiéramos trabajar en ello por ejemplo. Cuando quieras volver a decir todo, solo tienes que hacer clic aquí en “Zoom para encajar” y luego verás toda esta página de muestras. Entonces estamos viendo páginas, dos páginas aquí. Uno solo tiene un tablero de arte, las muestras tienen todo un montón de tableros de arte y sabemos cómo acercar y alejar. Ahora bien, sugiero que en este punto antes de que hagas algo con estos elementos que los guardes, entonces lo que voy a hacer es ir y salvarlos. Entonces elegiré “Archivo” y luego “Guardar como”. Voy a poner esto en mi carpeta de documentos porque ese sería un lugar útil para encontrarlo, y voy a llamar a estos helen's. Entonces esto va a ser indistinguible e identificable como mío y también significa que no he sobrescrito el archivo de estudio original así que si de verdad lo estropeé, realmente no importa porque siempre puedo volver al original para que puedas ver en la parte superior de la pantalla aquí que estamos trabajando en la colección helen's y eso es realmente importante. Ahora vamos a hacer un poco de preparación y un poco de limpieza en esta etapa porque lo que te voy a sugerir es que una vez que hayas echado un poco de un vistazo a estos diseños, que te deshagas de todo excepto uno de estos tableros de arte y solo estoy eligiendo básico como el tablero de arte que vamos a conservar. Todos los demás se van a retrasar porque en realidad no los necesitamos, solo necesitamos saber usar a estos humanos para crear nuestros propios elementos. Pero antes de hacer eso, quiero guardar colores porque estos son algunos colores de piel que podemos usar para recolorear, por ejemplo, manos y caras de nuestros personajes. Entonces lo que voy a hacer es hacerlo lo que se llama objetos de biblioteca para que siempre pudiéramos acceder más adelante así que adelante y seleccionar colores y aquí arriba dirás, yo elemento de seis lados y dice crear componentes. Entonces hago clic en eso y sólo vamos a llamar a estos colores. Vas a dejar todo configurado tal como está y solo tienes que hacer click hecho y eso crea estos colores como un componente que solo hace que sea un poco más fácil para nosotros encontrarlos y usarlos más adelante. Cuando hayas terminado, solo puedes hacer clic aquí para volver a las muestras. Entonces ahora podemos seguir adelante y eliminar los tableros de arte que no necesitamos así que aquí está el tablero de arte de introducción y acabas de seleccionar y pulsar “Eliminar”. Selecciona el tablero de arte de elementos separados y elimínalo y solo tienes que pasar y eliminar todo esto. Codificando colores porque ahora tenemos colores guardados permanentemente en nuestra biblioteca. Si tienes problemas para seleccionar estos aquí, siempre puedes seleccionarlos en el último panel por aquí solo haciendo clic en el nombre seleccionará ese tablero de arte entero y obviamente tenemos el mismo tablero de arte de plantas así que esto es todo aquí y solo presiona “Eliminar”. Eso nos deja con solo básico y así en este punto seguiría adelante y guardaría esto de nuevo porque éste en realidad va a ser nuestro expediente de trabajo a partir de ahora. Por lo que sólo elegiré Archivo y luego guardaré porque ya le he dado un nombre. Ahora para acercar a lo básico, nuevo vamos a seleccionarlo y elegir de esta lista desplegable “Zoom a la selección” para que podamos salvar a los humanos básicos. Ahora podemos decir que aquí hay algunos elementos de texto, no los necesitamos para que solo los eliminemos. Tenemos dos humanos, tenemos un humano embarazada aquí y un humano sentado y tenemos un rectángulo sentado aquí. Tampoco necesitamos eso, yo me desharía de eso. Hay un gotcha en este punto y eso es no ir ampliando las cosas. Yo sólo voy a agrandar este y mostrarte lo que puede pasar. Cosas como el pelo ahora ha estallado lejos de la cabeza y la chaqueta ya no se ajusta correctamente y nuestro personaje está en realidad bien por encima del asiento así que es mejor no cambiar el tamaño de estos elementos, ahora si necesitas deshacer las cosas porque se trata de una aplicación descargada, no estamos trabajando desde internet puedes presionar “Command Z” para deshacer las cosas. Ahora, voy a quitar a este humano porque tampoco lo quiero, sólo me voy a centrar en un humano y vamos a hacer nuestro trabajo con este humano. Entonces, podemos mover a este humano por ahí solo seleccionándolos y simplemente moverlos por ahí. Ahora también podemos voltearlos en la otra dirección y esto es algo que no podíamos hacer en esa app online si mirabas esa app online, y puedes rotarlos o voltearlos aquí usando este icono flip horizontal para que el humano sea ahora se volteó horizontalmente. Ahora si queremos echar un vistazo a las partes del cuerpo que están en uso aquí volveremos a cruzar este panel de capas, muy reminiscentes de Photoshop o Illustrator y aquí está el cuerpo embarazada y puedes encenderlo o apagarlo por tan solo haciendo clic en el icono del globo ocular. Tenemos el fondo aquí, que es uno de jeans pitillo y tenemos una cabeza al frente. Ahora, otra vez diferente a la aplicación en línea es que estos realidad están todos formados por otras pequeñas piezas por ejemplo, esta persona tiene pelo y así hay un elemento capilar entero aquí. También está el elemento de cabeza y así puedes seleccionarlo y girar la cabeza de y hay un elemento de pelo hacia atrás también. Por lo que estamos consiguiendo acceso a todo un conjunto de elementos en capas para que no pudiéramos entrar en la aplicación en línea, y la belleza de esto es que estos pueden ser recoloreados por ejemplo. Entonces podemos ver aquí que se llenan para el cabello es negro y si queremos recolorear el cabello, es muy fácil de hacer con solo hacer doble clic aquí obviamente tienes el cabello seleccionado, haces doble clic en el relleno y eliges otro color a usar así que les voy a dar pelo naranja. Ahora hay tres pasos en el cabello, hay este ritmo aquí, y también hay otro ritmo en el cabello así que necesitaríamos recolorearlos a ambos pero fácilmente podemos darle a la persona un conjunto de cabello diferente. Ahora también podemos cambiar las cosas así que por ejemplo, si queremos darles un cuerpo diferente se dirigirá al cuerpo aquí y por aquí en el área de la biblioteca de documentos se puede ver que estamos usando cuerpo embarazada. Bueno, aquí podemos bajar una lista y empezar a escribir la palabra cuerpo porque eso luego se filtra para que sólo podamos ver en esta lista los elementos corporales reales que podemos seleccionar. Voy a presionar una vez la tecla de tabulación y eso me mueve hacia abajo a la lista y ahora puedo usar el caso de flecha abajo para simplemente rodar por las opciones que tenemos para la ropa este personaje. Entonces estas son todas las partes del cuerpo que tenemos pero se ve que ya usar studio para hacer a estos humanos es mucho más fácil porque podemos ver las partes del cuerpo en posición y así podemos decir, bueno adivina, eso nos gustaría o no queremos y así hace que sea sólo un poco más fácil seleccionarlos. Entonces le voy a dar a ésta la gabardina y luego sólo tienes que hacer clic de distancia y la gabardina está en posición que se le ha agregado al cuerpo y por supuesto, la gabardina de cuerpo por igual la cabeza tiene todo un montón de elementos que pueden ser ajustados y siendo recoloreados por ejemplo. Entonces vamos a reemplazar otra parte del cuerpo aquí, vamos a coger la cabeza así que sólo voy a cerrar la gabardina del cuerpo. Voy a seleccionar la cabeza y por aquí en el área de la biblioteca de documentos podemos decir que hemos elegido cabeza frente Afro. Bueno, voy a escribir en cabeza para filtrar cuáles son nuestras opciones, presiona la tecla de tabulación y luego solo rodaré por las opciones de cabeza que tenemos. Entonces hay muchas opciones de cabeza de esa manera puede elegir desde aquí así que solo voy a ir y seleccionar una de ellas, creo que esta es la que voy a usar, haga clic de distancia y la nueva cabeza está en su lugar. Regresa y selecciona a nuestra persona, vamos a echar un vistazo a las opciones de abajo aquí, en este momento están usando una especie de shorts así que vamos a cruzar por aquí, abrir el panel, teclear abajo para filtrar sólo las opciones de abajo, presiona la tecla de tabulación, y luego empieza a rodar por las opciones que tenemos y puedes decir aquí en estudio que cuando conseguimos una pierna doblada, entonces también estamos consiguiendo que la persona se sienta en algo. Entonces están trayendo consigo cosas como una silla de ruedas o un cubo en el que están sentados. Por supuesto, podríamos reemplazar los zapatos más adelante pero ahora mismo sólo nos vamos a conformar con un humano que camina o tal vez un humano que corre no, me gustan los vaqueros pitillo así que vamos a agarrar esos. Entonces de nuevo, soy como la aplicación en línea aquí realmente podemos cambiar los zapatos, por lo que sería posible que nos cambiáramos de zapatos. Podemos filtrar hasta donde los zapatos y podemos ir aquí a la biblioteca de documentos y empezar escribir accesorios y ahora mismo no estoy seguro de qué zapato estamos usando pero vamos a ver. Podríamos elegir una zapatilla plana simple o una zapatilla y necesitamos hacer eso para ambos zapatos porque a menos que salgas por la mañana con diferentes zapatos puestos, querrías tener los mismos zapatos en el pie. Nuevamente, los zapatos pueden ser recolored solo tienes que entrar al área de zapatos de accesorios, abrir el zapato, ir y apuntar al zapato y luego podrías llenar el zapato con un color diferente, por ejemplo. Ahora vamos a entrar en mucho de esto con más detalle en el siguiente video pero esa es la introducción básica a lo que vamos a estar haciendo en estudio. 5. Humaaans en InVision Studio parte 2: En este video, vamos a ir un poco más profundo en cuanto recolorear elementos dentro del estudio. Voy a levantar, seleccionar a mi persona aquí y voy a la gabardina de cuerpo, va a abrir los paneles aquí porque la gabardina tiene algunos colores diferentes en ella. Para empezar, tiene este panel frontal, pero también tiene una manga. Entonces si quiero cambiar el color del pelaje, voy a tener que hacer dos piezas del mismo. Entonces aquí está el frente del abrigo. Vendré aquí a los rellenos y voy a elegir un color diferente para nuestra verdad, esta naranja de aquí. Por lo que ahora parte del código está recolored, pero tendré que ir a conseguir esta manga para que el abrigo se vea correcto. Aquí está en el brazo trasero. Tenemos que asegurarnos de que tenemos seleccionada la pasta adecuada, que nosotros mismos tenemos aquí. Voy a dar click en el color. Voy a seleccionar de nuevo la naranja. Pero probablemente notaste antes que el brazo trasero aquí es un poco más oscuro que el abrigo, pero aún así voy a empezar con este color de abrigo porque entonces voy a arrastrar un poco hacia abajo para conseguir una versión un poco más oscura de este color. Entonces esto va a ser un tono de ese color y se va a quedar perfecto para el brazo trasero. Ahora notarás que cuando traes una parte superior o una parte inferior o una cabeza, vienen con colores de piel. Por lo que tal vez quieras ajustar el color de la piel. Aquí está la piel y es la piel para ambos brazos. Ahora donde sea posible. Déjenme cerrar estos. Ahora donde sea posible quieres seleccionar la piel y no los brazos individuales, porque no quieres colorear los brazos diferentes colores. Entonces siempre ve por la capa más alta posible en las capas apiladas cuando vayas a llenarlo, porque dirás que el brazo tiene que llenarse y así como este brazo se tiene que llenar, pero la piel tiene un relleno y si quieres que todo se vea correcto, entonces vas a tener que cambiar el color de la piel por siempre elementos a la vez. Pero no se puede hacer la cara al mismo tiempo y las piernas porque no están en este mismo grupo. Por lo que tendrás que arreglar qué color de piel vas a usar y luego usarlo de manera consistente a lo largo de esta ilustración y eso nos trae de vuelta a esos colores que guardamos un poco antes. Déjame simplemente alejarme de esto. Subamos aquí a lo que se llama las bibliotecas. Por lo que haremos click en las bibliotecas e iremos a Biblioteca de Documentos y voy a arriba Colores. Porque lo que hicimos un poco antes fue que la cintura tamaño los colores como biblioteca utilizable. Ahora bien, no estoy muy seguro de por qué el zapato está apareciendo aquí. Tengo toda la confianza si arrastramos el zapato al documento. De hecho, vamos a conseguir nuestro conjunto completo de colores. Entonces lo que son las bibliotecas de documentos es solo una forma de almacenar cosas que quieres usar una y otra vez. Ahora una vez que tengas tus colores en el documento, vamos a dar click aquí para volver a nuestra área de trabajo. Estamos trabajando en Muestras, estábamos trabajando en este tablero de arte Básico. Entonces ahora tenemos nuestros colores. Podemos probar estos colores para tiempos de piel. Eso lo vamos a hacer empezando con la piel en los brazos. Voy a dar clic aquí en el color de piel usado actualmente y dirás que aquí hay un cuentagotas. Entonces voy a hacer clic para escoger un color de la pantalla y voy a pasar el cursor sobre el color de piel más claro que tengo aquí. Ahora se aplica a esos brazos. Ahora si quiero hacerlo más fácilmente accesible en un minuto así no tengo que seguir regresando y probándolo. Puedo agregar eso como un color global, así que solo voy a dar clic en este signo más y este ahora es un color global. Entonces déjame solo hacer clic de distancia. Ahora irá a la cara y necesitamos ubicar la cara en la zona de césped frontal de cabeza. Aquí está la cabeza. Obviamente, la cabeza tiene un color y el cuello tiene el mismo color que se le aplica. Pero si seleccionamos la cabeza, entonces vamos a cambiar tanto el cuello como la cabeza de una vez. Tan solo tiene sentido hacer la menor cantidad de trabajo que necesite. Con la cabeza seleccionada, hagamos click en los rellenos y pinchemos inmediatamente aquí abajo porque hemos guardado el color de piel que vamos a usar. Ahora haríamos algo similar si las piernas se mostraran en realidad. En esta, las piernas no se muestran, así que no hemos mirado aquí, probablemente no. Bueno, sí tenemos piernas, pero las piernas son en realidad los pantalones, no la piel de la pierna si te gusta. Ahora en cualquier etapa, si quieres mover el tablero de arte, solo puedes sostener la barra espaciadora y solo puedes arrastrar por el fueraborda para que puedas ver las áreas que quieres decir. También puedes rotar estas partes del cuerpo. Entonces abramos a nuestro humano aquí en el último panel. Seleccionemos la tarjeta de trinchera. Si queremos que un humano se incline un poco hacia adelante, podemos rotarlos. Entonces hay una opción de rotación aquí arriba y podemos inclinarlos un poco hacia adelante para que en realidad se vean como, por ejemplo, se están moviendo un poco. Por lo que una vez que el cuerpo ha sido movido, podemos ir a ubicar la cabeza y luego podemos mover la cabeza. Ahora solo estoy empujando al otro lado con el teclado usando las teclas de flecha izquierda y derecha. Entonces quiero inclinar la cabeza por lo que me aseguraré de que la cabeza esté seleccionada. Tiene las asas a su alrededor y luego lo rotaré y solo estoy usando la tecla de flecha arriba ahí. Una vez que lo haya girado, puede entonces volver atrás y seleccionarlo de nuevo y simplemente empujarlo a su posición. Se puede girar la cabeza, el cuerpo, y también la parte inferior. Cada uno de ellos es individualmente capaz de ser rotado. También puedes rotar los pequeños elementos dentro del cuerpo, por ejemplo. Entonces vamos a la gabardina del cuerpo y se va a cerrar esto. Probablemente quieras asegurarte de que cierres estos paneles porque puede ser realmente difícil navegar por estos paneles si tienes mucho abierto. Lo que voy a hacer es ir a la piel y voy a ir a uno de los brazos. Voy a este brazo aquí. Ahora este brazo también se puede girar porque es un elemento dentro del diseño. Puedo rotarlo para que tal vez un punto arriba un poco más. Una vez que lo he girado, por supuesto necesitaré ir y moverlo para que esté un poco detrás del esclavo. Entonces sí tienes la oportunidad de mover un poco elementos alrededor, ¿ deberías desear hacerlo? Por lo que podrías agregar un poco de movimiento quizás incluso ajustando un poco la foto. Vayamos al fondo aquí. Vayamos y localicemos esto atrás adelante, que en realidad es un zapato. Aquí está el segundo zapato, ese es éste de aquí, entonces sólo podemos rotarlo un poco. Entonces tal vez parece que está a punto de dar un paso. 6. Humaaans en InVision Studio parte 3: Ahora abordemos el problema de agregar otro humano a nuestro diseño, voy a quitar los colores por ahora, así que sólo los seleccionaré y presionaré “Eliminar”. Voy a sacar a mi humano de la biblioteca de documentos. Pasaremos por aquí a la biblioteca de documentos y llegarás a los humanos. Tienes un ser humano sentado y tienes una posición humana. Eso es realmente todo lo que necesitas porque son el punto de partida para cualquiera de tus diseños. Si quieres un humano sentado, solo tienes que seleccionar al humano sentado y simplemente arrastrarlo a tu tablero de arte y luego ir y seguir trabajando con ellos. Por supuesto, vas a volver al área de capas donde está tu borde artístico y donde realmente puedes hacer cambios a tu humano. Es así como agregas nuevos humanos y por supuesto, si quieres que éste se enfrente a la dirección opuesta, solo los seleccionas y simplemente los volteas. Si los quieres boca abajo, eso también es posible. Ahora, tal vez ustedes vieron cuando miramos por primera vez a estos humanos que también son escenas y las escenas también están disponibles a través de la biblioteca de documentos. Volvamos a la biblioteca de documentos y escribamos escena. Aquí hay escenas, tenemos una escena en casa, tenemos una escena de planta, tenemos una pizarra blanca, y tenemos un marco de cable. Voy a elegir la escena local. Nuevamente selecciónela aquí y luego simplemente arrástrala a la imagen, luego regrese a su tablero de arte tipo de capas vista de su documento. Ahora, echemos un vistazo y veamos qué está pasando aquí. Este es nuestro tablero de arte básico. Tiene una escena en la parte superior. Entonces como humanos sentados y después el pie humano. Lo que obviamente está pasando es que estos están en capas. El paisaje está frente a estas personas. Si queremos ajustar la estratificación, lo podemos hacer de una de varias maneras para poder seleccionar el mismo home y control click en esta capa, y luego podemos moverla de esa manera eligiendo, por ejemplo, mover hacia atrás. Entonces la escena se moverá detrás de nuestros personajes. Ahora, déjame deshacer eso. También es posible recoger esta escena y volver a posicionarla. Se puede ver probablemente justo debajo de donde está mi ratón que hay un círculo y una línea y así eso pondría la escena en esta posición. Ahora es un poco complicado moverlo de esta manera. Es posible, pero solo tienes que tener tu ingenio sobre ti y estar preparado para perseverar un par de veces si no funciona la primera vez. Entonces siempre puedes llevar a este humano aquí y moverlo hacia arriba si eso hace que sea un poco más fácil tenerlo funcionando para que puedas arrastrarlo o puedes usar el menú. Nuevamente, el menú es accesible manteniendo presionada la tecla de control mientras haces clic en esa capa. Dentro de la escena, obviamente todo es editable, así que solo abramos nuestra escena. Tenemos una maceta ahí, tenemos unas suculentas. Bueno, aquí está esta planta en realidad esta planta entera. Vamos a agarrar esta planta y vamos a moverla. Ahora, voy a iniciarlo con sólo presionar la tecla Mayús y la tecla de flecha izquierda, eso lo mueve un poco más rápido y un poco más preciso que tratar de arrastrar todo conmigo. Vayamos a la planta y estas son las suculentas de arriba aquí. Cada una de estas hojas dentro de lo suculento va a ser coloreada. Si quisieras, podrías ajustar el color de lo suculento. No tendrás un solo color para ello porque en realidad está conformado por todas estas hojas. Si quisiéramos agregar una hoja de color ligeramente diferente en, digamos que esta hoja se está muriendo. Vamos a buscar los rellenos y vamos a darle una especie de color amarillo mientras hay una hoja amarilla. Las suculentas o las lámparas y el reloj y todo son tan movibles como lo son las personas, y también se pueden recolorear fácilmente. Ahora otra cosa que puedes hacer es una vez que creas un personaje, puedes guardar ese personaje. Podrías hacerte como humano. Podrías configurar a tu humano con el color de cabello que quieres usar, el color de piel de la ropa, los zapatos, y la postura que quieres usar. Entonces puedes salvar a tu humano como tú. Digamos que este humano soy yo, en realidad voy a hacer el mío más adelante porque tengo el pelo rojo y ella no, pero digamos que ese es mi humano. Entonces subiría aquí a esta misma opción Crear Componente y dar click en ella. Voy a llamar a esto yo o puedes nombrarlo como quieras. Ahora, realmente no necesito entrar en el maestro de componentes, así que solo voy a apagar eso ahora mismo, pero voy a hacer click hecho. Esto significa que en el futuro puedo recuperar este mismo personaje exacto muy fácilmente. Yo lo hago yendo a la biblioteca de documentos. Entro aquí y me escribo, y aquí estoy, y sólo lo arrastraré al documento. Tenemos accesible un diseño que hemos creado en cualquier momento que queremos usarlo y es aún más editable a partir de ahí. Ahora la forma en que funcionan esos diseños es que el maestro, si vas a Editar Maestro, puedes hacer click en eso y hacer cambios en el diseño maestro. Y lo que eso hace es que cambie el diseño maestro en cualquier lugar en el que esté en uso. Si cambiamos este diseño maestro y hubiéramos dicho esta persona dos veces en el tablero de arte, entonces los cambios fluirían a través de esa segunda versión de la persona. Puedes desvincularlos si quieres. Podrías seleccionar en esto y sabemos que este es el yo humano que sacamos de la biblioteca de documentos. Sabemos que si editamos el maestro. Esta va a cambiar y cualquier otra instancia de ese humano va a cambiar. Pero si pasamos por este elemento en la capa aquí y controlamos click sobre él, entonces podemos desprender el componente y desconectarlo significa que ya no es un maestro. Se puede ver que cuando hacemos clic en él, ya no tenemos esa opción de editar el maestro porque ya no es un maestro. Es totalmente editable y cambiante. No va a impactar a ningún otro humano en tu tablero de arte. 7. Humaaans en InVision Studio parte 4: Una vez que realmente hemos creado a nuestros humanos dentro de estudio imaginado, la pregunta se convierte en, ¿cómo los vamos a sacar de aquí? Bueno, si quiero exportar todo el tablero de arte, seleccionaré lo básico. Eso es seleccionar el tablero de arte y por aquí hay una opción de exportación. Podemos seleccionar el tamaño que queremos exportarlo, ya sea el tamaño actual o podemos ampliarlo ¿deberíamos desear hacerlo? Voy a hacerlo el doble del tamaño normal. Podemos elegir el formato. Podemos usar JPEG, que nos va a dar un fondo lleno. El fondo detrás de todos estos objetos va a ser blanco. Si elegimos Ping, entonces los propios objetos van a estar sobre un fondo transparente. Vamos a conseguir todos estos objetos, pero donde está el blanco, vamos a tener transparencia, y esa es probablemente la opción preferida. También puedes usar SVG, que es un formato de gráficos vectoriales escalable. A partir de ahí podrías llevar estos objetos a Illustrator. El problema es que el formato no está siendo perfectamente leído por Illustrated. Te voy a enseñar eso en un minuto. Si realmente necesitas hacer cosas con estos objetos en ilustrado en, estás preparado para hacer un poco de trabajo en Illustrator, luego usa SVG. De lo contrario, si tienes aquí una ilustración y solo quieres empezar a trabajar con ella, por ejemplo, en Photo shop o solo quieres ponerla en la web de inmediato, después ping o JPEG, o vas a ser tu ideal opciones. Voy a elegir ping. Habiendo hecho eso, solo voy a dar clic aquí para exportar esa imagen. Voy a elegir un básico veces dos entrantes ping en mi escritorio. Voy a dar clic en Exportar. Ahora si queremos a estos dos humanos, pero no queremos la escena, podrías pensar que seleccionarías tanto al humano sentado como puede ser humano dejar la escena sin seleccionar y luego guardar eso. Pero verás aquí que en realidad no estás consiguiendo esa opción. Cuando hagas eso, vas a necesitar hacer una exportación más compleja. No te va a dar a estos dos humanos en un solo documento. En cambio, lo que sugiero que hagas es apagar la visibilidad de la escena y luego volver al básico y luego ir a guardarla. Voy a exportar dos básicos, solo voy a renombrar esto con un dos al final para que no sobrescriba el primero que exporté y haga clic en exportar, y eso exportará esos dos humanos. El escenario sigue ahí, simplemente no es visible. Ahora si solo quieres exportarte, por ejemplo, si quisiera solo exportarme, entonces seleccionaría eso y puedo ir a exportarme como una imagen que solo tiene esa selección de humanos en ella. Para cualquiera de esas, puedes elegir el tamaño, puedes elegir el formato de archivo, y luego, ya sabes cómo seleccionar qué es lo que realmente quieres exportar. Volteemos rápidamente ahora para ilustrar dónde tengo abierto uno de estos archivos SVG y así es aquí donde exporté sólo los dos humanos. Se puede ver que lo que ha pasado en este caso es que las cabezas han desaparecido. Pero se podría hacer algo al respecto porque se trata de formas vectoriales, se puede hacer clic en la cabeza. Estoy usando la herramienta de selección de grupos aquí para hacer eso. En cuanto haga clic solo en la cabeza, presionaré la letra V para obtener la herramienta de selección y luego solo puedo moverla a su posición. Es posible que necesites tener un poco de conjeturas en cuanto a dónde realmente fue. Es posible que tengas que referirte a la imagen original para determinar exactamente dónde debería estar esa cabeza, y por supuesto, también necesitaríamos hacerlo a esta cabeza.Te sugiero que utilices la herramienta de selección de grupos aquí para seleccionar la cabeza, presione la letra V para obtener la herramienta de selección, y luego simplemente mueva la cabeza a su posición. Entonces puedes usar las teclas de flecha solo para finalizar su posicionamiento. Dirá que ciertos elementos sí se rompen cuando se guardan como un archivo SVG y se importan a Illustrator. En la imagen donde guardé la escena entonces dirás que el paisaje se ha roto todo. No es muy estable en el formato de archivo SVG. Sus cabezas lo harían, como dije, es suficiente para moverse, pero el paisaje está bastante arruinado en este formato. En este caso, realmente probablemente querrías sacar tu ping o tu versión JPEG, al menos del fondo para que pudieras dejar caer a tus humanos sobre él. Pero solo quería que dijeras cómo funcionaría eso si decidieras usar el formato de archivo SVG. Ahora en cuanto a las otras imágenes que exportamos, aquí está la versión de mí que se exportaron. No ves el destino con mucha claridad, pero eso es por el fondo en esta ventana de vista previa. Estarán bien dentro de otra aplicación. Aquí están las dos personas, los dos humanos que exportamos, y aquí están los humanos con el centro. puede ver que son muy estables en este formato de archivo ping y van a estar estables obviamente como JPEG también. Es así como sacas a tus humanos de Envision studio para que puedas usarlos en otra aplicación. 8. Recoloración de imágenes Humaaans en Photoshop de Pt 1: Antes de terminar con estas imágenes de humanos, quiero hablar de volver a colorearlas. Ahora hay un par de opciones y una de ellas es si estás en un Mac, entonces te sugiero encarecidamente si quieres volver a colorear los diseños que usas InVision Studio, porque simplemente es mucho más fácil, y los resultados son realmente buenos. En un Mac, mi recomendación es usar el estudio de InVision y hacer todo tu recoloración ahí. Si estás en un PC, y si en el momento que estás viendo este estudio de InVision aún no está disponible para un PC, entonces esto es lo que te sugiero; creas tu humano y lo descargas o lo exportas como una imagen de Ping, ya que yo he hecho aquí. Las imágenes de ping tienen fondos transparentes, así que eso es lo que es esta pequeña cuadrícula. Me está diciendo que el fondo es transparente. Ahora es bastante fácil para mí agregar una nueva capa a este documento dentro de Photoshop y llenarlo de blanco. Vamos a encender estos colores, vamos a la herramienta de cubo de pintura y llenemos el fondo de blanco. Esto es lo que se vería si fuera un JPEG como un ping estás obteniendo transparencia y siempre puedes rellenar el fondo con una capa de blanco. Pero la diferencia es que cuando tienes una imagen de Ping, no vas a tener que hacer una buena selección alrededor de ninguno de estos bordes porque el fondo es transparente de todos modos. Por lo que te vas a ahorrar mucho tiempo y esfuerzo si estás trabajando con una versión de ping. Entonces haz eso antes de empezar. Te voy a mostrar una forma rápida y fácil de volver a colorear y te voy a mostrar lo que percibo como algunos temas y si esos temas te conciernen, entonces te voy a mostrar una posible solución. Entonces vamos por la versión rápida y fácil. Con la capa seleccionada la capa superior y puedes tener esta capa de fondo activada o desactivada, no importa. Irás a “Capa, “nueva capa de ajuste” y luego a “saturación de matiz” y haz clic en “ok”. Ahora queremos limitar esta saturación de matiz a la capa inmediatamente inferior. Por lo que sólo vamos a dar clic en esta opción para que si tienes otro fondo detrás de esto, no lo vas a volver a colorear. Ahora para la opción de re-colorear, quiero volver a colorear la chaqueta y así necesito escoger el tipo de colores que hay en una chaqueta. Yo estoy desgarrado entre cyans y blues así que vayamos por el azul y veamos qué pasa. Entonces cuando selecciono blues, voy a mover este slider por ahí, de hecho, estoy cambiando el suéter aquí y los zapatos, así que parece que son azules, pero la chaqueta en sí no es azul. Entonces yo sólo voy a cero eso de vuelta fuera otra vez. Si pruebo cyans, puede o no conseguir ahí los colores correctos. Bueno, sí, todo está en la zona de cian. Entonces, solo ajustémoslo a una especie de verde porque el verde y el tipo de naranjas amarillentas están tan cerca uno del otro. No estamos viendo mucho flecos alrededor de los bordes donde se cruzan el verde y el naranja. Entonces este es un resultado bastante bueno aquí, solo voy a acercar y se puede ver que la re-coloración es bastante parejo en todo el camino. No estamos viendo muchos flecos, hay un poquito aquí, pero no me preocuparía de eso en absoluto. Dicho esto, vamos por un color diferente en la chaqueta. Entonces voy a ir por un morado y voy a subir un poco la saturación. Ahora vamos a ver qué está pasando aquí. Aquí puedes decir que hay algunos flecos alrededor de los bordes de la chaqueta. No estamos recogiendo todo el cian que originalmente estaba en la chaqueta y re-coloreándolo. Entonces estamos consiguiendo este tipo de área mixta alrededor del borde y está apareciendo en la versión de tamaño completo. Entonces cuando miramos la imagen, puedo ver un patrón distinto por aquí y si no estás contento con eso, entonces eso podría ser un problema. Ahora potencialmente, podrías intentar ampliar estas áreas pero encontré que eso no ha tenido realmente el resultado que yo quiero. No soy capaz de deshacerme de estas áreas simplemente ampliando la porción de la imagen que se ve afectada por esta re-coloración. Aquí también nos hemos metido alrededor de las manos y lo vamos a tener en la línea del cuello. Ahí hay un poco de flecos de color. Entonces si estás eligiendo colores para los que estás sacando ese fleco, y si eso te preocupa, entonces tengo una solución alterna pero solo echemos un vistazo a un par de recolores antes de que salgamos de aquí. Por lo que en primer lugar hemos logrado volver a colorear la chaqueta. Si queremos volver a colorear los pantalones, veamos cómo haríamos eso. Seleccionaremos este “laboratorio de ajuste de saturación de tono” más alto porque queremos poner nuestro cambio de color sobre la parte superior de esa nueva saturación de matiz de Capa de Ajuste, haga clic en “ok”. Otra vez vas a hacer clic en este icono aquí porque quieres asegurarte de que esté recortado a esta capa para que cualquier re-coloración no afecte nada que puedas tener en la capa de fondo. Ahora mismo, sólo tengo blanco pero esto podría ser un patrón y no quieres estar re-coloreando por ejemplo, partes cian o naranjas de un patrón que está detrás del sujeto. Entonces vámonos. Aquí, sólo voy a hacer doble clic otra vez. Esta vez los pantalones son una especie de naranja amarillenta. Entonces veamos qué tenemos en el camino de los canales donde tenemos un canal amarillo. Yo sólo voy a ajustar ese canal amarillo y voy a recoger un color que quiero usar para los pantalones. Voy a hacerlos tal vez una especie de rosa opaco. Ahora podrías ver ya que la piel de las manos y la cara también ha sido recoloreada. Nos va a costar deshacernos de eso porque eso está en el tipo de zona naranja y aunque haga clic en el “cuentagotas menos” aquí, no soy capaz de quitarlo del efecto. Entonces solo voy a ignorar eso por el momento y simplemente cerrar esto porque tengo los colores que quiero. Volvamos a la imagen misma. Vayamos a la capa que contiene al humano original. Voy a dar clic aquí en la “herramienta de varita mágica”. Pondré la tolerancia a algo así como unos 20. Eso va a estar bien. Pero no quiero selector contiguo, así que quieres desactivar contiguo. Eso significa que al hacer clic en el tono de piel, vas a seleccionar todos los tonos de piel en la imagen. Bueno, todos menos éste de aquí abajo, que al parecer es de un color ligeramente diferente. Por lo que solo estoy turno dando click en él para agregarlo. Entonces ahora nos han seleccionado las manos, la piel en las piernas que está mostrando aquí y la cara y lo que queremos hacer es que queremos quitarla de este ajuste de saturación de tonalidad. Está bien en el ajuste de saturación de tonalidad anterior no se está afectando aquí las manos no están cambiando color cuando encendemos y apagamos la saturación de tonalidad porque no es cian y los colores de la piel no cian, pero sí no es el tono naranja y por eso cuando recoloreamos los pantalones también estamos re-coloreando la cara. Pero ahora tenemos esta piel seleccionada. Entonces vamos a apuntar a la máscara aquí, solo esta Máscara de Capa. asegura de que tenga un pequeño borde a su alrededor. Asegúrate de que el negro sea tu color. Entonces si no lo es, solo puedes hacer click aquí para que blanco y el negro sean tus colores de primer plano y de fondo luego Haz clic aquí para que el negro sea tu color de primer plano y lo que vas a hacer es mantener pulsado “Alt” en la PC y presionar el” retroceso” en un Mac que es opción y 'eliminar' y estás creando una máscara de capa que tiene negro en las áreas donde está la piel. Voy a presionar “Control D” en un PC, “Command D” en un Mac y ahora cuando encienda y apague esta capa de ajuste, deberías ver ninguna diferencia de color en la piel porque se ha quitado de este efecto. Entonces como dije, si estás de acuerdo con el ligero flecos alrededor de los bordes aquí, entonces puedes llamar bueno a eso. Si no te parece bien ese flecos alrededor de los bordes, entonces tenemos que encontrar una forma un poco mejor de hacer esta recoloración y eso es arriba en el siguiente video. 9. Recoloración de imágenes Humaaans en Photoshop de Pt 2: Entonces si la cantidad de flecos en la recoloración anterior que hicimos te preocupa. Echemos un vistazo y veamos cómo podrías ser un poco más preciso. Si tienes una capa de fondo disponible en este momento solo apágalo para que podamos enfocarnos en la capa que solo tiene al humano en ella. Vamos a ver la chamarra en primer lugar. Voy a la herramienta Varita Mágica aquí. Nuevamente tolerancia de 20. Voy a desseleccionar contiguo causa quiero seleccionar todo lo que es la chaqueta. Voy a dar clic aquí para agregarle o simplemente podría mantener presionada la tecla Mayús ya que agrego estos otros elementos cian a esta selección de chaquetas. Puedo cambiar por aquí a la herramienta izquierda porque solo quiero arrastrar y añadir estos botones también porque son parte de la chaqueta. Entonces, esencialmente, quiero que los extremos marchantes estén por todos los bordes de la chaqueta. Ahora este es el área que queremos recolorear pero ya sabemos que nos vamos a encontrar algunos temas si solo tratamos de recolorearla tal como está. Por lo que la nueva herramienta Seleccionar y Máscara en Photoshop nos va a ayudar. Si estás trabajando en una versión anterior de Photoshop, digamos CS6, vas a tener una herramienta de refinar Edge. Va a funcionar de manera bastante similar. Voy a elegir seleccionar y luego seleccionar y enmascarar, pero eso también está disponible aquí desde la barra de control, seleccionar y enmascarar. Ahora por el momento, veamos qué tenemos aquí. Yo lo tengo seleccionado para estar sobre blanco. Cuando lo selecciono para estar sobre blancos así que estoy diciendo la selección contra un fondo blanco. Aquí se puede ver muy claramente que este es el área problemática. Tenemos un área problemática por la parte delantera de la chaqueta y tenemos algunos problemas ocurriendo por aquí. También puedes echarle un vistazo sobre negro. Quizás quieras echar un vistazo al blanco y negro. Hay todo tipo de formas de mirar esta selección que acabas de hacer pero hagas lo que hagas, quieres empezar a ver dónde están ocurriendo los problemas. Ahora tienes unos pinceles aquí. Este pincel aquí es útil porque se suma al área seleccionada. Entonces lo que yo haría en este punto es que si estás viendo algún flecos alrededor de los bordes de la chaqueta, iría y usaría este pincel. Es solo de uso en los bordes donde realmente te estás intersecando con esta transparencia. Por lo que podrías usarlo aquí abajo por ejemplo. No quieres usarlo en ningún lugar te vas a intersectar con ninguna parte de la imagen. Creo que tengo mi pincel un poco demasiado pequeño. Eso fue un pensamiento deseoso. Por lo que solo puedes correr por los bordes aquí si crees que alguna parte de esta chaqueta no ha sido una buena selección. Entonces si estás viendo algún problema con él, puedes hacerlo. También puedes subir la opacidad. Entonces lo que estamos diciendo es que queremos que se sume toda esta área extra. Eso está bien porque en este momento sólo estamos pintando a lo largo de los bordes que en realidad están chocando contra un área transparente pero en cuanto lleguemos a una zona que va a impactar los pantalones debajo, el pantalones debajo, no queremos estar usando este cepillo para nada o eso va a ser un desastre. Entonces ahí está tu primera opción. Ahora para estas áreas donde realmente nos estamos cruzando entre la chaqueta y la ropa o la piel, necesitamos algo un poco diferente y esta es la herramienta que necesitamos. Esta es la herramienta que va a refinar el filo para nosotros. Tiene que ser un poco más pequeño aunque quieres que sea del tamaño donde puedas bajar y cepillar sobre esta zona. Cuando te molestas en lo que le estás diciendo a Photoshop es “Me gustaría que le echaras otra mirada a esto porque no creo que hayas hecho un muy buen trabajo aquí. Podría por favor ir y hacer un mejor trabajo de ello”. Entonces estoy haciendo esa selección abajo donde la chaqueta se cruza con este jersey debajo porque queremos un buen filo ahí. También lo voy a hacer a través de donde se cruzan la piel y la chaqueta. Voy a ver ese problema aquí en las mangas. Por lo que también le voy a pedir a Photoshop que vuelva a mirar esa zona y otra vez por aquí. Vuelve a mirarlo por favor haz una mejor selección. Si crees que hay un problema alrededor de la chaqueta, entonces puedes hacerlo aquí también. Sólo tienes que correr tu pincel por aquí. No quieres correr por algo que está bien. Entonces si algo está bien, realmente no tiene sentido pedirle a Photoshop que lo vuelva a mirar pero donde no está bien, entonces es de preocupación. Entonces ahora estoy más feliz con el resultado que tengo. He superado el problema con las mangas y el brazo y el problema alrededor de la línea del cuello aquí. Tengo una mejor intersección entre mi selección y el suéter debajo. Entonces lo que voy a hacer es bajar a la configuración de salida. Voy a elegir salida dos, nueva capa con máscara de capa. Puede o no obtener algún valor al seleccionar colores descontaminados. Eso se puede probar. No voy a hacer eso. Yo sólo voy por mi nueva capa con máscara de capa y voy a dar click Ok. Ahora lo que eso hace, es que me da una nueva capa que en ella solo está la selección de chamarras. El estrato debajo es el humano original. Por lo que esta es capa aquí solo implica una chaqueta. Veamos qué pasa cuando lo recoloreamos. Nueva capa de ajuste irá a la saturación de matiz. Click Ok, vamos a asegurarnos de que la capa de ajuste de capa solo afecte a esta capa aquí no a toda la imagen debajo. Vamos a buscar un color. Ahora esta vez no tenemos que escoger un canal. Ya puedes ver aquí solo estoy trabajando en el canal maestro porque todo lo que estamos afectando es la capa debajo. Entonces no tenemos que decir que esto es azul o cian o lo que sea. Podemos simplemente ir arrastrando esto hasta que encontremos el color que queremos. Entonces puedes ajustar la saturación y la ligereza por ejemplo. Creo que obtienes un resultado ligeramente mejor usando esta técnica. Todavía no es perfecto, pero es mejor. Si querías recolorear los pantalones entonces volverás a esta capa original. Apagaría todo por ahora, y haría una selección de los pantalones. Basta con hacer click en él con el mágico de una herramienta shift click. Asegúrate de que lo tienes todo seleccionado. Entonces vas a hacer clic en seleccionar y enmascarar. Quieres asegurarte de que las intersecciones que quieres estar realmente apretadas sean apretadas. Por lo que no van a ser buenos alrededor de las piernas. Ya podemos estimar que esto va a ser un área problemática por lo que voy a conseguir que Photoshop vuelva a mirar esa zona. Otra vez por aquí, echa un vistazo a donde eso se cruza. Definitivamente puedes sumar estas áreas porque sabes que se están molestando contra un área de transparencia. Ahora para que mi pincel vaya, solo estoy dando click una vez y luego me estoy desplazando haciendo click en ese pinceles en línea recta. Sobre esta zona donde se está cruzando con la propia chaqueta, quizá queramos que Photoshop vuelva a echar un vistazo a esta selección. Por lo que sólo vamos a cepillar por esa zona, recordando que aquí estamos mirando una selección para los pantalones. Por lo que sólo nos preocupa dónde los bits anaranjados o se cruzan con la transparencia. En cuyo caso vamos a utilizar este pincel aquí o cruzarnos con otra área de color, en cuyo caso vamos a utilizar este pincel de borde refinado donde estamos pidiendo a Photoshop que tenga una mejor mirada a la selección. Entonces bajamos aquí, nueva capa con máscara de capa, click Ok. Ahora tenemos una capa aquí que solo son los pantalones anaranjados. Volvamos a encender todo lo demás para que podamos tener una idea de nuestra imagen. Vayamos a la capa de pantalones anaranjados. Nueva Saturación de tono de capa de ajuste. Nuevamente porque vamos a estar limitando esto solo a la capa de abajo, solo podemos seleccionar el canal maestro y ajustar los colores a medida. Entonces voy a ir por azul aguamarina aquí. Cuando estoy contento con eso, sólo puedo cerrar este panel. Ahora cuando estás mirando el resultado final, puedes obtener algo de kilometraje al tomar el laboratorio que solo tiene los pantalones encima y moverlo todo el camino arriba por encima de la capa que tiene la chaqueta encima. Por lo que revertir esas dos capas puede darte un mejor resultado. Puede que no, pero ciertamente vale la pena mirarlo. Terreno aquí tengo una ventaja definida, pero no está ni cerca de tan malo como el borde que he tenido anteriormente. He estado contento con los resultados que tengo desde que he estado usando select y mask para solo asegurarme de que los bordes sean buenos. Entonces con los resultados que estaba obteniendo apenas usando la capa de ajuste de saturación de matiz pero realmente depende de para qué quieras usar estos. Si estos van a ser bastante pequeños en la web, entonces no necesitas ser finicky con cómo se ven. Si vas a estar imprimiéndolos en un tamaño más grande entonces, sí probablemente querrás preocuparte por cómo estás haciendo tus selecciones y re-coloreándolas. Por supuesto todos esperamos que muy pronto Envision Studio esté disponible para Windows porque eso resolvería todos estos problemas y estaríamos haciendo toda nuestra re-coloración en Envision Studio y no en Photoshop. 10. Proyecto y wrapup: Ahora que hemos terminado la parte de video learning de este curso, es hora de que vayas y hagas algunas ilustraciones de humanos tú mismo. Si estás en una máquina Windows, probablemente necesitarás en esta etapa utilizar el servicio en línea para crear tus humanos. Si estás en un Mac, te sugiero encarecidamente que busques usar la aplicación InVision Studio, hagas algunas ilustraciones que puedes usar y descargarlas. Si estás en un camino di entonces te sugiero que también mires las opciones para re colorear a esos humanos en tu aplicación de elección y si tienes acceso a Photoshop, entonces esa es una opción realmente buena. Publica una imagen de algunos de los humanos que has creado como tu proyecto de clase. Lo que te podría gustar hacer es crear un humano que seas tú, así que intenta crear un humano que se parezca a ti. Ahora como estabas viendo los videos en este curso, habrás visto un prompt que preguntó si recomendarías esta clase a otros, por favor, si disfrutaste de la clase y aprenderías de ella, completarías la revisión de la clase? Estas revisiones realmente ayudan a otros alumnos a ver que esta es la clase de la que podrían disfrutar y aprender. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas y miro y respondo a todos tus proyectos de clase. Ahora si ves el enlace Seguir en la pantalla, haz clic en él para estar al día de mis nuevas clases a medida que se liberan. Hasta la próxima vez, muchas gracias por unirte a mí para esta clase de haberes compartido y esperaré verte pronto en una próxima clase.