Pixel Perfect: dominar el arte de Pixel Art 101

1. Introduccion: Hola, mi nombre es y cosas y Asara, ingeniero, artista de Toronto, Canadá e innecesario crear videos sobre el proceso creativo y la inversión. Parte del viaje de mi artista fue tropezar con tantos géneros diferentes. Y últimamente he estado sumergiéndome profundamente en el pixel art. Llevo más de 17 años haciendo arte digital y generado miles y miles de imágenes. Desde hacer imágenes estáticas hasta crear una animación completa para ayudarte a contar tu historia de una manera más visual. Y en este curso, voy a repasar mi experiencia y llevarte paso a paso sobre cómo crear tus propias imágenes. Paso uno, vamos a pasar por todas mis influencias y lo que me impulsa a crear pixel art a diario. Paso dos, vamos a repasar las herramientas y todo lo que necesitas para crear de principio a fin. Paso tres, vamos a pasar por tamaños de personajes. Paso cuatro, nos sumergiremos la teoría de líneas y cómo hacer pop pixel art. Paso cinco, configurar su software para que esté listo para píxeles. Paso seis, vamos a pasar por creación de personajes y por todo lo que voy a pasar de principio a fin. Paso siete, va a pasar por el fondo y hacer que todo esté atado. Paso ocho, imagen exportada y disfrute. Espero que hayan disfrutado este curso tanto como yo disfruté haciéndolo. Si tienes alguna duda, solo contacta conmigo o déjame un comentario a continuación. Tengo mi youtube y Twitter conectados a este perfil, y me encantaría conectarme contigo. 2. Herramientas utilizadas: En este módulo, vamos a pasar por algunas de las herramientas que se utilizan para crear pixel art. Y antes que nada, si tienes un ratón, prácticamente estás listo para ir. Pero si quisieras llevarlo un paso más allá, recomiendo que te compres una tableta o un stylus. Realmente te ayudará con algunas de esas líneas que intentas crear y meterte en el ritmo de ser artista. Así que personalmente usé despierto en tableta mediana. Prácticamente cualquier tableta mediana funcionará, que es como ocho por seis. Y es, creo que este es un tamaño realmente bueno para comenzar. Cualquier cosa más pequeña es muy pequeña. ¿Algo grande? Simplemente se vuelve demasiado vago, en mi opinión. No importa qué iteración de la misma. Sigo usando mis mayores, pero solo me gusta cómo se ve el nuevo diseño, sobre todo ahora es Bluetooth, así que es inalámbrico y puedes bajar muchas cosas con él sin cables colgando alrededor. A continuación, hablemos del software. Entonces hay tantos softwares por ahí este momento que pueden ayudarte a crear el pixel art. Yo personalmente uso a ahora mismo, que es Photoshop y pixel. Entonces, repasemos algunos de los pros y los contras de usar píxeles. Entonces uno de los mayores pro del pixel es que es asequible y es muy, muy pequeño y ligero. Este programa está hecho específicamente para crear pixel art, y tiene una manera realmente intuitiva de animar tu arte. Otro PRO que tiene unas paletas de colores muy intuitivas y la forma en que puedes seguir adelante y seleccionar entre luz y sombras. Creo que es superior a todo lo que he visto en la industria. Ahora pasemos por algunas de las desventajas. Una de las cosas me he dado cuenta que a pesar de que tiene un sistema de capas, es muy rezagado. Una vez que pasas por encima como diez capas, se vuelve muy lento. Y en base a mi flujo de trabajo, tengo por lo general tengo como mucho más que eso para uno de mis proyectos que tenía casi 200 capas porque tenía como ideas diferentes, boca diferente, las camisas. Y traté de hacer eso con pixel que descubrí que simplemente no se comporta tan bien como Photoshop. Al punto que cada vez que intento presionar un atajo diferente, simplemente no se registra y se convierte en una molestia. Y una segunda cosa es como que no tienen actualizaciones regularmente. Actualmente es, yo diría en el limbo que es viable. Pero todos los bichos que encontramos en este momento, no están siendo trabajados. Y todos sé cuándo se empezó a trabajar allí en el futuro, aunque lo recomendaría, porque si lo comparas con Photoshop, por ejemplo, todavía necesitas hacer una cuota mensual. Esta es una tarifa única y obtienes mucho con lo que trabajar. Y es un muy buen punto de entrada para cualquiera que quiera probar pixel art. Ahora pasemos por Photoshop. Una de las cosas es por qué me gusta Photoshop y es un poco sesgado porque llevo 17 años usando Photoshop. Entonces básicamente una de las cosas es como si ya conoces un idioma de programa o si ya te sientes cómodo con la herramienta, no tiene sentido cambiar porque es solo que ya tienes tu flujo de trabajo. Entonces ese es probablemente uno de mis pros para mí es que ya conozco la herramienta, sé dónde están los atajos y simplemente acelera tanto mi flujo de trabajo que no necesito volver a verificar nada, simplemente entra naturalmente. Una segunda cosa es que el sistema de capas es muy bueno. No se queda rezagado. Todo fluye de forma natural. Y tienen unos pinceles extensos que si decidiste salir del pixel, puedes usarlo para cualquier otra cosa. Entonces por eso básicamente estoy usando Photoshop porque un lado de pixel, lo uso para todos mis otros proyectos que para fotografía, para arte digital. Y solo, funciona para mi flujo de trabajo. Y simplemente abre muchas puertas. Y lo tercero es que la forma en que manejas el efecto es tan poderosa. Y lo cuarto, hay muchos tutoriales en línea para Photoshop. Prácticamente ha existido desde siempre. Cada pregunta probablemente ha sido respondida por alguien. Entonces ahora pasemos por algunas de las desventajas. Creo que Photoshop es muy caro, solo por tener una cuota mensual para seguir usando el programa. Es solo que creo que es demasiado para mucha gente. Pero si te lo puedes permitir y es algo que usas de forma regular. Nos va a abrir muchas puertas. Y el tercer software es un Sprite. Yo personalmente no lo he usado, pero he visto a mucha gente recomendarlo para mí. Entonces, si eso es algo que has usado y solo quieres intentar convertirme, avísame en los comentarios. Definitivamente estoy abierto a probarlo en algún momento de este año. Entonces cruzaron los dedos. Y ahora que hemos pasado por algunos de los pros y los contras, sigamos adelante y configuremos Photoshop para pixel. 3. Influencias: Así que quería pasar por algunas de mis influencias son mis videojuegos favoritos por ahí. El primero es Hyper Light Drifter. Encuentro que Hyper Light Drifter es como uno de los mejores juegos a los que he jugado. De la dirección de arte a la mecánica del juego. Todo fluye de una manera muy hermosa. Y una cosa que notaste su estilo es que realmente no usan ningún contorno y tus dibujos líneas muy rectas y solo usan contornos para detalles muy específicos como este, por ejemplo, donde realmente necesitas ir e interactuar. Digamos, por ejemplo, éste. Todo es tan agudo y diagonal y atrae tu ojo hacia el centro. Y esa es sólo una de sus cosas brillantes. Están diseñados, se ve muy bien, y funciona muy bien. El siguiente es Scott Pilgrim. Entonces Scott Pilgrim es un cómic y también una película. Así que crearon un juego hace unos años, y me parece muy bueno un estilo. Honestamente, se ve increíble. Pero tienden a usar muchas líneas más nítidas y tienen como un contorno, como un contorno oscuro detrás de todo. Se ve muy bien. Es decir, se puede decir si hay tantos personajes ahí. Hay una etapa. Hay un pequeño detalle que te dice que esto en realidad ha hecho de madera. Todo se ve muy bien para el juego, pesar de que se ve un poco ocupado por el contorno. Pero cuando juegas el juego, todo fluye muy bien y el personaje destaca mucho. La próxima vez que quiero cubrir se entra en el calabozo. Y este es un tirador de arriba hacia abajo que es un poco como un color más oscuro con un poco de supervivencia. Entonces me parece que este también tiene un tono muy oscuro. Compárelo con el Scott Pilgrim, por ejemplo y todo parece un poco contrastado y no usan muchos contornos. Puedes ver aquí que el contorno es sólo para el personaje. Es muy, muy simple, pero simplemente funciona muy bien. Y por último, uno de mis favoritos es el metal slug, y este es simplemente increíble de ver. Utilizan todos los píxeles posibles en la pantalla para asegurarse de que te gusta su experiencia. Que aunque mires el fondo, hay mucho tramado para mostrarte que este es mucho más oscuro que aquí. En sus oídos. Muchas texturas. Ves tantas texturas y las han usado como si probablemente tuvieran un gran equipo trabajando en esto. Pero han tenido éxito porque hasta las texturas en las rocas se ven fenomenales. Y este es el santo grial de cómo debería verse el pixel art. Aquí se nota que tienen unos contornos muy nítidos para cada uno de los personajes, la oscuridad para asegurarse de que hay un contraste entre uno y otro. Y también se aseguran de enfatizar los colores. Por lo que utilizan colores muy brillantes y vibrantes. Y hay tanto cuidado al detalle, hasta las hojas y todo lo demás. Entonces estos son mis cuatro mejores juegos de píxeles favoritos de todos los tiempos. Y tengo curiosidad por saber sobre el tuyo. 4. Tamaño de personaje: En este módulo, vamos a querer repasar algunos de los pixel art y cómo los artistas toman una decisión sobre cuál es el tamaño que necesitan para su juego. Vamos a repasar algunos ejemplos de diferentes sprites para diferentes juegos. Y vamos a tratar de pasar por algunas de sus decisiones sobre por qué eligieron ese tamaño. Comparado con, digamos que pueden ir más grandes. Y puedes ver como cuanto más pequeños sean los tamaños de sprites, menos detalle puedes poner, cuanto más alto, puedes obtener muchas texturas diferentes. Y solo puedes volverte loco con lo grande que puedes. Entonces por ejemplo estos están en 64, esto es en 32, esto es 16, 24. Solo vamos a acercarnos a Mario Brothers y veamos qué está pasando aquí. Básicamente, Mario Brothers es de 16 por 16 personaje. Y entonces se puede ver que tenían mucho detalle, pero hecho con un estilo muy minimalista, es decir, que pueden decir de inmediato que esta es una cara, esta es una yo, esa es la boca e incluso tienen botones para su atuendo. Así que prácticamente usaron todos los bienes raíces que tienen para asegurarse de que obtienes toda esta información. Entonces, digamos por ejemplo, si decidiste quitarte el bigote, realmente no puedes decir dónde comienza el mouse. Y esa es básicamente la belleza de cómo los diseñadores y artistas toman decisiones. Entonces para esto, decidieron agregarle un bigote para decirle al jugador que, oh, por cierto, esto es una boca y este será el ojo. Y básicamente lo que estoy tratando de decir es como a veces menos es más con pixel art. Y guardas muchos de los detalles hasta la imaginación del jugador moviéndose para hacer un hombre. Lo mismo aquí, sin embargo, le dan un poco más de píxeles. Entonces este es como ocho píxeles más. Pero una cosa que quieres ver es que en realidad usan 13 píxeles para la cara. Y cuatro aquí usan siete píxeles para la cara. Por lo que le dieron mucho más. Querían enfatizar mucho más en los ojos. Por eso le dieron a los ojos casi cuatro píxeles para jugar en comparación con Mario, que sólo tiene dos píxeles. Entonces todo depende de tu decisión. Y ves como en realidad no pusieron demasiado detalle excepto solo una línea que separa el torso de las piernas. De igual manera, si decidiste mezclarlo todo, funcionará, pero simplemente, no se ve tan bien. Entonces eso es algo que tienen que hacer los diseñadores es tener que separar. Se nota que esto es una oreja, este es el centro. Y cuando se mueven de izquierda a derecha, se puede llegar a ver que ese personaje en realidad se mueve. Se llega a ver en Hyper Light Drifter. También hicieron un diseño muy minimalista donde se llega a ver que ese es el sombrero, estos son los ojos. Y básicamente usan como 11 pixeles para la cabeza. Y si quisieras comparar aquí, usaron 13 píxeles. Entonces es muy, muy similar. Mudarse a Mega Man en el Gameboy Advance. Puedes ver que hay muchos detalles y estás tratando de poner mucha textura ahí dentro. Y con lo que puedes ver cada vez que te mueves hacia arriba en los píxeles, hay mucho más trabajo y mucho más detalle. Y obviamente va a ser mucho más para animar. Entonces, si estás haciendo animación para esto, tienes que asegurarte de que todas las animaciones coincidan. Lo mismo con eso. Y es que, realmente se sale de control una vez que decides subir más alto. Pero una cosa a notar es que la mayoría de los diseños que mantienen todo similar. Entonces, para Mega Man, un 12 píxeles aquí dentro, también lo mantuvieron muy cerca, que es como 13 píxeles. Y entonces aquí también la mantuvieron alrededor 13 píxeles, por lo que es muy similar. Y luego le agregaron el pelo. Y básicamente los artistas intentan mantener todo consistente. Entonces esto es de 13 píxeles. Y entonces si vas de aquí para allá, entonces 13 píxeles de aquí para aquí son como 13 píxeles. Entonces es muy, muy similar en todos los ámbitos. Básicamente los Mega Man no han cambiado mucho desde la época de Nintendo. Y usan todos estos píxeles extra para darle un poco más de detalle, haciendo más alto, y darte una profundidad de campo básicamente a partir de sus personajes, puedes ver que tienen sombra aquí y mucho más detalle en el brazo y las piernas. Similitud aquí. Empezaron a hacer algo de sombreado. Y básicamente habrá algo que es muy común. En cuanto subes, llegas a jugar con el sombreado y tienes, yo diría más espacio para sombreados moviéndose al lado del 64. Y ahora puedes ver diferentes diseños. Entonces por ejemplo en Scott Pilgrim, dan mucho inmueble para los ojos, lo que querían que fuera muy prominente. Así que en realidad le dan una ceja. Entonces mira eso es un siete pixeles, mucho más. Entonces hay alrededor de siete píxeles con los que quieren jugar. Y de manera similar aquí dentro. Entonces quisieron darle mucho más a la cabeza que solo se basen en los diseños. Pero también se puede ver la diferencia en el sombreado. Sólo depende de los artistas otra vez. Entonces quisieron mantener todo limpio para enfatizar que esto es, este es el personaje, ¿verdad? Con mi personaje, solo quería asegurarme de que tengo mucho más bienes raíces con los que trabajar, especialmente con la bata y la capa y el pulpo literal aquí dentro. Entonces, ¿cómo toman los artistas una decisión sobre cuál es el tamaño de píxel de su hoja de cálculo y qué tan lejos quieren empujar los gráficos Bueno, solo demos un paso atrás y echemos un vistazo a la progresión de las consolas y veamos cómo eso influyó en que el artista estaba haciendo sus juegos. ejemplo, si estás viendo la Super Nintendo, Super Nintendo estaba básicamente a 56 por 240. Y eso sería como la pantalla. Entonces tiene sentido para ellos tener un personaje hace grande, o tal vez tan grande para jugar. Así de grande, este personaje podría seguir funcionando, pero es solo mucho más detalle para empujar en ese pequeño tamaño de píxel. Si quieres que entre entre el diez al 64, lo cual fue un gran golpe en eso. Prácticamente casi triplicó tu tamaño de píxel. Ahora puedes ver el 3D y en realidad puedes empujarlo hasta 64 si quisieras. Y a partir de ahí, prácticamente el pixel art y los juegos de píxeles han tenido la ventaja porque puedes escalar tu diseño como mejor te parezca porque no lo estás, ya no estás restringido al tamaño de píxel decimal de la pantalla. Si quisiéramos mirar por ejemplo a la PS2, estamos viendo como 12, 80 por 1024. Y luego, por último, básicamente estamos viendo lo moderno actual hasta que PS5 P es para, están prácticamente de nuevo para k Y apenas se puede ver a los personajes aquí porque es muy, muy pequeño en comparación con los juegos modernos. Pero con el escalamiento, puedes escalar cualquier personaje a lo que quieras. Y es, es algo que mayoría de los motores de juego pueden acomodar. Ahora. Es realmente, tienes todo esto. Yo diría, parques infantiles y elección estilística. Sin embargo quieres crear tu personaje donde mejor te parezca. Y creo que eso también es un poco liberador porque no solo estás limitado por el tamaño de pantalla de tu consola, ahora estás limitado por la habilidad y cuánto tiempo quieres hundirte. Entonces digamos por ejemplo con Mario y hacer un hombre, puedes crear como una animación caminando con solo cuatro fotogramas. No hace falta empujar tanto el límite porque no hay mucho detalle con el que jugemos. Sin embargo, cuando miras a la babosa metálica y Mega Man forma el Gameboy Advance, tal vez necesites como tal vez ocho porque hay tantos detalles con los que ir y se verá un poco discordante. Si la animación es muy lenta. Esto también significa el doble de trabajo porque ahora estás duplicando los píxeles. Entonces tienes que dibujar mucho más de lo que quieres. Básicamente con eso, obtienes mucho, digamos que si querías hacer una agachada, ahora tienes la opción porque tienes, puedes ver muchas más piernas si quieres que haga, el salto, puede darle un poco más de animación. Entonces este abre otro campo donde puedes ir un poco chiflado con tus animaciones, pero además es muchas veces sinc. Y cuando miras 64 y superiores, es más o menos como un campo abierto de cómo quieres hacer con tu animación. Y se sale realmente de control cuando tienes varios personajes en la pantalla, digamos por ejemplo cuatro, Scott Pilgrim, tienen muchas animaciones diferentes para atacar, patear, hacer movimientos especiales, y todo eso. Y realmente se le sale de control. Entonces tienes que dedicar mucho tiempo y mucho cuidado por ti, el personaje, porque puedes hacer tanto con eso. Ahora que tienes las opciones de incluso tener ojos. Para que puedas mover los ojos alrededor si quisieras. Querías hacer una animación ociosa, entonces él está levantando la vista y cerrando los ojos. Puedes ir con eso, pero aquí dentro, no tienes que hacer eso. Obviamente. Simplemente puedes crear algo simple. Solo di como, Bien, entonces ahora cerró los ojos en Blink. Así que tomemos, por ejemplo si quería crear algo aquí. Así que quería hacer como una animación parpadeante. Ahora está como parpadear, ¿verdad? Pero eso es solo la belleza de tener algo que es muy pequeño para trabajar en comparación con tener esto, que es mucho más complicado. Pero lo es, al final del día. Es una elección estilística y puedes hacer lo que mejor te parezca con tu proyecto. 5. Configuración de Photoshop: Entonces vamos a seguir adelante e iniciar un nuevo archivo en Photoshop. Archivo de Prensa y Nuevo. Y vamos a crear 180 píxeles por 80 píxeles. Crear. Y puedes presionar aquí para hacer zoom o Prezi. Y tú puedes seguir adelante y ya estamos listos para ir. Si quisieras alejar el zoom, puedes seguir adelante y presionar aquí o presionar Alt y presionar con el botón del mouse para alejar el zoom. Lo primero que quieres cubrir es cómo usar el sistema de capas. Entonces la capa está básicamente en la esquina derecha. Y puedes crear una capa presionando ese botón. Ahora digamos que si quisieras dibujar algo en esa capa, está ahí. Y luego puedes hacer clic en esa visibilidad para activarla y desactivarla. Entonces, permítanme mostrar un ejemplo de por qué o cómo podemos usar esto de tantas maneras diferentes. Entonces digamos que tengo dos capas diferentes, que es la capa uno y la capa dos. Y voy a crear otra capa y llamarla capa tres. Y voy a convertirlo en un azul. Entonces tengo la capa uno, rojo ahí también es amarillo y hay tres es azul. Entonces, si arrastré la capa tres hacia abajo a la capa dos, se puede ver que la capa dos está por encima de la azul. Y si pongo este todo el camino abajo a uno, eso va a estar detrás de la capa de pan. Así que pongámoslo aquí. Por ejemplo, si lo arrastro todo el camino hacia arriba, ahora está aquí arriba. Similitud, si hago lo mismo con la capa uno y si la arrastro hasta arriba, va a estar encima de ambas capas. Y así es como puedes hacer efectos realmente geniales si tienes muchos objetos diferentes. Y es algo que vas a usar muy a menudo, pero esto es algo que siempre te vendrá bien si quieres que haga algo un poco más avanzado. O si estás experimentando con wearables, por ejemplo, si tienes diferentes capas para diferentes personajes y tienes algunos personajes , diría, diferentes ojos y boca diferente, gafas de sol, etc. siempre puedes mover esas capas para crear efectos muy diferentes. Digamos por ejemplo si estás dibujando un personaje, quieres hacer, digamos la piel como capa inferior. Y luego quieres colocarlo con cierre para que puedas agregar los pantalones, agregar la camisa, luego agregar los accesorios, las gafas, etc, luego el vello facial, todo ese tipo de cosas. Así que siempre puede agregar eso en tantas capas diferentes y cambiarlo alrededor. Primero, quería cubrir las cosas muy básicas de Photoshop. Fuera de la caja. No es amigable con píxeles, por lo que hay que habilitar el formato de píxeles en Photoshop. Digamos por ejemplo cuando inicias Photoshop y comienzas a usar la herramienta de pincel y comiences a dibujar, no importa lo que hagas, incluso si vas a la talla uno, si acercas, vas a notar que las líneas no están realmente pixeladas. Es disuadir mucho no es agudo. Una forma de hacerlo pixelado es a Fuego en la herramienta de pincel, haga clic con el botón derecho y seleccione la herramienta de lápiz. La herramienta lápiz habilitará los bordes muy afilados de la forma de píxeles. De igual manera, la herramienta de borrador va a ser la misma. Entonces quieres que vaya en el modo pincel de la goma de borrar, pero haciendo clic aquí o pulsando E y entrar en el modo y seleccionando lápiz. Ahora cuando borres, se va a comportar muy similar a tu modo lápiz. A continuación, digamos por ejemplo que querías dibujar una línea recta. Lo que normalmente haces es solo presionar el botón y arrastrar. Pero hay una mejor manera. Simplemente seleccione su punto inicial, presione Mayús, vaya a su punto final y haga clic nuevamente. Y si quieres seguir presionando Mayús, puedes crear como muchos objetos diferentes usando esta técnica. Si, digamos, si quisiera hacer un triángulo, solo puedo hacer clic una vez, presionar Mayús y volver a hacer clic. Mantenga presionada la tecla Shift. Haga clic una vez más. Mantenga presionada la tecla Shift y cierre su objeto. Esa es una de las formas más rápidas de dibujar una línea en Photoshop y de manera similar en cualquier otro programa. La siguiente herramienta es la herramienta Pintar. El cubo de pintura está por aquí, o presionando G. Y solo puedes rellenar los colores. Digamos que quieres que llene un color diferente. Así que vamos a entrar aquí. Y puedes llenar esos colores. Hay que tener cuidado porque la herramienta de pintura no quiere comportarse muy bien. Si tienes, digamos por ejemplo estás dibujando tu objeto y olvidaste rellenarlo. Digamos que tienes un píxel Eso no cerró tu objeto. Si vas a la herramienta de pintura e intentas rellenar, ésta llenará toda la página porque prácticamente tienes una fuga. Entonces hay que cerrar eso. Vuelve a tu herramienta de pintura. Funcionará. Perfecto. Simplemente borremos todo. A continuación, quería cubrir algo sobre la opacidad. Entonces solo hay que decir que estás dibujando una línea y querías hacer otra línea pero con diferente opacidad. Entonces aquí puedes seguir adelante y cambiar la opacidad de la línea. Entonces solo decir si lo hacemos al 50%, si dibujas otra línea va a ser del 50%. Eso quiere decir que esta línea es casi transparente. Entonces si dibujas eso, solo di si creo una capa debajo y tengo un color diferente, voy a volver a configurar al 100%. Si haces zoom, puedes ver que esta línea está actuando como una línea transparente. De igual manera, se puede hacer eso con la herramienta de goma de borrar. Si borras, solo lo vuelves a poner en uno. Entonces un atajo para cambiar el tamaño es presionando aquí o presionando el botón derecho. Hacer clic derecho va a traer esto como un atajo y podrás cambiar el tamaño de tu pincel. Y funciona tanto con la goma de borrar como con la herramienta de lápiz. Digamos que si querías borrar algo con la goma de borrar y si está establecida al 100%, vas a hacer precisamente eso. Pero si lo configuras, digamos 50 por ciento e intenta borrar esta línea. Actuarás exactamente como esperas que sea. Y si presionas 50, 50, 50, puedes seguir quitando. Puede crear un efecto realmente genial. Siguiente que quería cubrir esto es dibujar un objeto muy rápido. Una de las herramientas muy importantes se llama la Herramienta Marco Rectangular. Este permite seleccionar un rectángulo y cortar partes de los objetos. Y haciendo eso necesitas a Chris, controlar y arrastrar. Y eso te permitirá sacar algunas partes. Entonces solo diremos si quieres que se corte esto a la mitad. Para que pueda hacer clic y arrastrar. Control de retención. Y crédito. Lo mismo aquí. Mantenga el control y corte. Y puedo crear tantos mosaicos diferentes. Con esta técnica. También puedes usar la herramienta de Lazo. Puede presionar Control y arrastrar otro acceso directo si desea que se mueva alrededor de un objeto dentro de una capa. Así que digamos por ejemplo, yo. Tener estas capas. Entonces son 123 y capa cuatro. Y solo quiero que se mueva la capa 11 manera es ser, solo puedo ir a usar la herramienta de selección y luego hacer clic en el control y moverla. O simplemente puedo presionar el botón de Control y moverlo. No necesito usar esta herramienta. Puedo estar usando cualquier herramienta. Y esto era solo un atajo universal para mover un objeto sobre la capa. Entonces, si solo quería mover la capa tres, presione Control, muévala ahí para controlar el movimiento. Si quieres que se mueva por el Lienzo, presiona Espacio. Y puedes arrastrar. Estas son prácticamente el 99% de las herramientas que utilizo para dibujar mi pixel art. Y vamos a estar usándolas para crear nuestros propios personajes en el siguiente módulo. 6. Teoría de línea: Una de las primeras cosas que es muy importante es cómo dibujas tus líneas para el pixel art. Uno de los métodos utilizados llamó el método pixel-perfect. Lo que significa es que tienes que limpiar todos tus píxeles para eliminar cualquier ruido. Déjame mostrarte un ejemplo. Entonces, por ejemplo estoy tratando de trazar esta línea. Ya ves como es una chamarita aquí y allá abajo. Esto inconsistente, hace que las líneas se vean muy mal al alejar el zoom. Entonces, vamos a mostrarte un ejemplo. Voy a dibujar uno así. Así que voy a hacer como casi como un techo de la casa. Entonces hagámoslo de esta manera. Voy a hacer uno que sea pixel perfecto para mostrarte cómo se vería normalmente . ¿Bien? Entonces aquí vamos. Entonces podemos ver desde aquí que esto se ve muy atractivo y éste se ve un poco apagado. Y es por eso que pixel-perfect es muy popular entre prácticamente el 99% de los artistas de píxeles. Porque a veces quieres hacer esto, pero es una elección muy estilística. Aquí tienes un ejemplo de cómo puedes dibujar curvas dentro del método pixel-perfect. Entonces todos estos son ángulos de 90 grados y tienen diferentes tipos de curvas. Intentaremos mantener el píxel perfecto, muy, muy limpio. Entonces, por ejemplo, si estás tratando de dibujar un círculo, normalmente puedes hacer esto. Simplemente se ve muy, muy raro. Entonces lo mejor, la mejor manera de hacerlo es dibujar un rectángulo. Sólo para seguir adelante y limpiarlo a su alrededor para darle un poco de curvas. Entonces algo como esto sería el comienzo para crear un círculo. De igual manera, si quisieras dibujar una línea inclinada, es la misma técnica. Entonces, digamos que si querías hacer un ángulo de 45 grados, haces uno en cada diagonal. Si quieres que haga algo que sea un poco más de 45 grados, digamos 30 grados. Te gusta si quieres que haga algo que sea un poco más como un diez, sí, como tres o cuatro y así sucesivamente. Esta técnica puede parecer un poco problemática. pero confía en mí, cuando empieces a dibujar, saldrá naturalmente y hará que tus fotos se vean mucho mejor. Aquí hay más ejemplos de cómo puedes usarlos para rectángulo, por ejemplo, así es como se vería si quieres que haga pequeñas curvas diferentes en un rectángulo, por ejemplo 7. Creación de personajes: Bien, entonces este módulo por el que vamos a pasar en la creación de personajes y solo vamos a ir y comenzar un nuevo proyecto. Así que entra en lienzo y vamos a hacer 18180. Y ahora, lo primero que siempre hago es cambiar el color de fondo porque el blanco es muy, simplemente es demasiado para mí. Así que suelo ir algo que es un poco blanquecino. Entonces básicamente solo creo, voy con el cubo de pintura y luego escojo algo y me voy. Ahora, quiero asegurarme de que mi personaje sea de 64 por 64 píxeles. Entonces voy a entrar en el rectángulo y empezar a dibujar. Si notas que no se muestra en píxeles, necesitamos entrar en el menú Editar. Preferencias. Unidades ahí. Asegúrese de que su unidad en la regla esté establecida en píxeles. Presiona Bien. Y ahora puedes tener, todo nos mostrará píxeles. Así que digamos por ejemplo solo quería éste, que es que ya he sacado de antes. ¿Puedes ir de aquí arriba? Sólo asegúrate de que sólo voy 64 por 64. Y quiero agregar un trazo negro y configurarlo en un píxel. Entonces básicamente esto me mostrará los límites donde quiero que esté mi personaje. Y quiero asegurarme de que mi personaje esté centrado. Entonces lo que voy a hacer es sincronizar el rectángulo, mantener pulsado Control y arrastrar. Y ves que controlan el centro. Entonces ahora quiero asegurarme de que quiero mostrar las guías. Entonces voy a hacer una guía y presionar 50 por ciento vertical. Y voy a ir otra vez, otro chico Desde la Vista, Guías y luego Nueva Guía luego hacer 50% horizontal. Y ahora sé dónde está mi, sólo puedo darle un codazo. Esto me va a mostrar exactamente. Eso es 50%. Ahora sólo podemos volver a la vista con claridad. Y sólo vamos a mantener esto como referencia por ahora. Lo segundo es que queremos asegurarnos de que dibujamos nuestro personaje dentro de esos límites. Y una, la mejor manera de explorar la creación de personajes es dibujando siluetas. Las siluetas te darán una clara, diré como flujo claro de cómo quieres que sea tu personaje. Entonces por ejemplo, si quisieras dibujar, solo haz una, deberías ir a píxeles y comenzar a dibujar. Así que voy a dibujar muchas siluetas diferentes hasta que encuentre algo que tenga sentido para donde lo quiero. Me inclino más hacia la creación como un monstruo. Pero a veces como tu primero, tu primer dibujo no siempre es el mejor, así que solo puedes seguir mejorando. Entonces tal vez pueda dibujar algo que esté un poco relajado. Bien. Algo así tal vez. Bien. Caso. Es solo exagerar un poco el movimiento. Sostener una espada. Sostener otra espada. Bien. Creo que algo como esto podríamos trabajar, así que solo necesitas limpiar esas líneas. ¿Bien? Así que vamos a limpiar esto. Después vuelvo a cambiar a un píxel. Entonces, a veces cuando trabajas tanto tiempo en una imagen, te va a quedar bien, pero en la actualidad no lo es. Entonces, una de las mejores formas de engañarnos es ir a Imagen y luego ir a Imagen y luego ir a Rotación de Imagen, Voltear Canvas Horizontalmente. Y de esa manera puedes voltearlo. Y luego tengo una perspectiva nueva y fresca de inmediato donde solo puedes echarle un vistazo. Yo estaba como, Oh, no vi esto antes. Simplemente puedes seguir adelante y empezar a limpiarlo y ver como me acabo de dar cuenta de esto. Todo el asunto está retrocediendo. Entonces quiero moverme, hacerlo, hacer que se vea así. Al igual que en estos dos de aquí. A lo mejor es solo el cuello lo que hay que mover. Así que vamos a hacer eso. Aquí vamos. Creo que esto se ve mucho mejor. Ahora que ya lo he hecho, empecemos a trabajar en la propia imagen. O más bien empezar a trabajar en el diseño. Y quiero ir con colores más cálidos. Entonces, por ejemplo, vamos con el rojo. Bien. Entonces voy a ir con tintes de guerrero rojo. Y eso fue un poco exagerado que mi, mis dos colores complementarios son el verde y el cian. A menos que quieras hacer como, completamente complementario así. Pero me gusta un poco ir un poquito y conseguirme, voy a dejar más espacio con diferentes colores. Entonces vamos a ir con este color para el inicio. Sólo voy a ponerlo aquí y conseguirme algunos de esos colores complementarios con los que trabajar. No tienen que ser exactos. Pero al menos necesitas saber cuáles son tus tonos con los que estás trabajando para que puedas jugar alrededor de cuatro. Como sea que mejor te parezca. Creo que este color es demasiado, pero mientras esté en, dentro de las sombras, estarás bien. Entonces ahora vamos a comenzar con la creación de una nueva capa. Y quiero mantener este Nick como maestro y simplemente jugar con cómo quería que se viera esto. Esta es una de las partes más duras, es escoger tus colores es muy crucial porque establece el tono para toda la pieza. ¿Quieres que esté oscuro? Quiero que sea brillante. Algo se va a llevar por toda la pieza. Tómate tu tiempo con él, diviértete y no te preocupes demasiado porque todo esto podría cambiarse prácticamente como una capa completa. Puedes cambiarlo cuando quieras. Entonces, como que quiero asegurarme de que esto tenga una especie de lectura y no necesitamos ir y simplemente mantenerlo así. Esto es hacerlo así. Ya es demasiado brillante para que podamos ver, podemos jugar con esto más tarde. ¿Por qué? Cuando establecimos un personaje un poco más. Ahora quiero trabajar en el fondo. 8. Agrega fondo: Inicio. Quiero conseguir algo un poco azulado. Entonces solo voy a seguir adelante con eso y cambiarlo a azulado. Y vuelve a hacerlo. Ir un poco azulado. Te voy a mostrar una muy buena manera de agregar sombras. Entonces esta es una forma de agregar sombras para dibujar, lo cual es realmente ineficiente porque puedes repasarlo o simplemente puedes crear una nueva capa y luego simplemente va, solo di dos por ejemplo y solo para dibujar lo tuyo, entonces puedes simplemente cambiarlo a colores más oscuros. Así que siempre se mezclará con tu, tu foto. Y ves todos estos pixeles, ellos los llaman los pixeles huérfanos. Si vives en, hace que la imagen parezca muy ruidosa. Así que asegúrate de quitar esos pixeles de tu, de tu dibujo siempre que puedas verlo. Si quisiera hacer algo contrasta con esto, yo volvería con estos colores, ¿verdad? Entonces si hago algo que es azulado y lo hago aparecer en el portal de atrás. Así que vamos a jugar con eso. Bien. Entonces esto podría ser un portal. Ahora que esta zona no se ve muy interesante. Así que vamos a volver sobre todo ahora. Ahora sólo estamos fusionando todo juntos. Entonces es todo en uno. Y esta es la luz y la sombra. Ahora tenemos los antecedentes separados. ¿Eso siente que esto podría hacerse un poco mejor? Entonces lo que quiero hacer es, ¿y si hacemos algo así? ¿Ahora mismo? Yo tengo, en vez de tener esta zona. Entonces, ¿esto puede tener algo como esto? Y ahora dirigí tu ojo directamente a esta cosa. Entonces algo así. Tiene que asegurarse de que estas líneas sean consistentes y que todo fluya. Obviamente, no puede ser perfecto todo el tiempo, pero haz tu mejor esfuerzo para limpiar algunos de estos. Inconsistencias como ésta. Intento hacer algo aquí. Sólo limpia mi forma de pensar. Aquí hay algunos para asegurarme de que tengo. Entonces este es el personaje final, ¿ verdad? Y esta es la luz. Solo quita esto porque aquí no hay nada. Y lo último es si simplemente nos quitamos todo. Entonces ahora tenemos el personaje, tenemos la luz, y tenemos el fondo, ¿verdad? Entonces todo tipo de cosas se junta. Puedes dedicar mucho más tiempo a intentar poner muchos más detalles. Digamos por ejemplo si quisieras ir y solo dar, dale un poco más de detalles a aquí. Entonces esto se verá un poco más como un atuendo. Y algunos de estos efectos como realmente van un largo camino. Entonces solo quieres refinar algo de esto porque dicen que tienes la luz que viene de atrás. Por lo general es hacer algo como esto. ¿Bien? Entonces quieres hacer algo así. Y te vamos a mostrar cómo iba a quedar antes y después. En realidad se supone que esto es todo así. Entonces solo arreglan eso. Si estamos mirando la luz, esa fuente de luz. Así que vamos a tratar de darle algún tipo de fijo esa luz ligeramente. El siguiente paso vamos a pasar por cómo exportar tu imagen fuera de Photoshop. 9. Exportación: Ahora el paso final es exportar la imagen y guardarla. Te voy a mostrar un par de formas en las que puedes guardar tu foto. En primer lugar, puedes guardarlo como PSD. Entonces vamos a llamar a esto es de metal. Y esto se guarda como PSD. Básicamente esto guardará todo con todas las capas, toda la agrupación, y todo lo demás. El siguiente paso es guardarlo como PNG. Así podemos ir a Archivo y Exportar, Exportar Como. Y a partir de aquí, puedes configurar tu escalado. Entonces digamos que si solo era el original, está a los 180, 180 y básicamente es demasiado pequeño. Entonces, digamos que si quería hacerlo al 500%, entonces será de 900 por 900. Tienes que asegurarte de que el remuestreo esté configurado como vecino más cercano. De lo contrario, si lo configuras, como dicen por cúbico o cualquier otra cosa, todo se verá muy borroso. Por lo que tenerlo como vecino más cercano se asegurará de que conserve su nitidez y nitidez. Y es simplemente la configuración perfecta para exportar pixel art. Ahora, puedes simplemente exportarlo a tu carpeta. Haga clic en Guardar. Ahora cuando lo abres, todo se ve muy filoso y bueno para ir. 10. Outro: Si llegaste hasta aquí, enhorabuena, has terminado con éxito un curso de píxeles. Ahora es el momento de usar todo lo que aprendiste y usarlos para crear tu propio pixel art. Si tienes alguna duda, puedes contactarme en cualquiera de mis redes sociales o puedes suscribirte a mi newsletter para estar al día de todo lo que estoy haciendo. Me avisarían con cualquier nuevo curso en el que se estuviera trabajando. Gracias de nuevo por sintonizar y nos vemos en la siguiente. 11. Otro ejemplo con narración: Así que empecé un Canvas de 18180 y quería que los personajes fueran de 64 píxeles por 64. Empiezo, siempre empiezo haciendo como siluetas. Pero para éste, quería experimentar un poco y decir que no quiero que haga algo que se parezca a un cartel. Así que yendo con eso, quería tener algo que fuera de carácter muy fuerte mirando directamente a la cámara y haciendo un Heracles. Pero eso era algo con lo que quería ir. Y también quiero experimentar en un poquito con como unos colores más ricos. Así que quería ponerme magenta muy rico. Ahora, solo jugar con como quiero que sea mi vida siempre puede voltear la lona como lo hemos hecho en el módulo anterior. Y te ayudará a tomar mejores decisiones. En por esta parte, ¿quién está mirando? Y si solo quisiera crear un primer plano del personaje de fondo solo para parecerme a ese póster del que estaba hablando. Pero como puedes verlas más adelante y eso fue un poco desguazado. Pero siempre es bueno mantener todo en Canvas y experimentar porque muchas veces está bien no saber qué estás haciendo ahora o simplemente pasando por el personaje, quería pulir ese aspecto un poco, asegurándome de saber dónde están los ojos, dónde están las caderas y todo eso. Y quería jugar con el atuendo y el disfraz. Entonces mi primer pensamiento fue, bueno, esto se parece más a una capa. Así que quería apoyarme más en eso. Y yo quería hacer algo que hiciera que pareciera clave Cyberpunk más relatable. Entonces renuncié a ese pequeño núcleo en el centro por este cofre. Ahora solo estamos limpiando las encuestas de personajes. Todavía no estoy muy contento con eso, pero eso es, solo viene con el proceso solo voy a mantener, seguir agregando una mejora. Ahora solo estoy agregando un poco más de detalle a la capa y quería jugar con, diría como el material. Entonces eso es más como una malla. Pasando al tipo quería hacer algo muy sencillo. Y se ve bien. A continuación están los colores. Entonces como tenemos un magenta, cuando miramos la rueda de colores, vamos a jugar prácticamente con como verdes. Que este es un color complementario. Entonces lo puse en algunos colores arriba arriba como referencia. Y fuimos a jugar con eso. Yo quería que el pastel se destacara. Entonces agregando eso en y siguiendo la teoría de líneas, queríamos mantener todo consistente. Entonces es un poco fluye bien con el ojo. Una de las mejores prácticas que me funciona es bloquear formas. Así puedo bloquear toda una forma y puedo ver algo que es diferente. Ahora me doy cuenta, bueno, sí, eso se ve exactamente como una capa y Iowa, puedo agregar las manos. Siguiente. Trabajé en la iluminación, así que quería tener una luz de fondo. Cuarto momento ahí. Yo estaba como, bien, así que sólo voy a mantener esa consistencia con el color. Así que quería mantener todo tipo de magenta muy profundo. Una cosa también con el frente es que quiero que lo haga, pensaría en agregar detalles, pero no quería que se lo quitara al personaje. Y de esa manera solo agregué algunas líneas para darle al espectador un poco de imaginación que oye, esto es una roca y al hacer eso, te quita un poco el ojo de la parte inferior y lo lleva de vuelta al personaje. Entonces todas estas líneas están liderando. El siguiente es el telón de fondo. Entonces la luna de sangre es algo de lo que soy un gran fan. Y creo que funciona bien con cómo queríamos que viniera la luz, porque la luz viene de delante, de atrás. Y también le dará un muy buen énfasis al propio personaje. Entonces ahora que agregamos la luna en el telón de fondo. Entonces lo siguiente es tratar de arreglar la luz y conseguir ese K2. Sólo pop un poco más. Pero solo agregué un poco más verdes y delineé todo con el color magenta. A continuación, quería trabajar en el pulpo. Si parecía que estaba mirando a la cámara, quería que todo mirara directamente a la cámara. Y al hacer eso ahora, quería como que me dieran muchas más líneas de liderazgo hacia el centro. Así que trabajé en algunas nubes más. Y estas nubes van a llevar tu ojo de nuevo al punto focal. Y mantuvo todos los colores muy cohesivos. Así que en cuanto te acercas a la cámara, los colores son más brillantes y a medida que Sue se va, van un poco más de tono a la baja. Entonces lo es. Es más oscuro, pierden saturación. A continuación también hay más líneas. Entonces pensé que la luna estaría como verse muy aburrida. Agregar más líneas para conducir hacia eso, el personaje héroe, también útil descomposición. Por último, quería trabajar en el fondo real, la caja del cielo. Entonces pensé que este tipo de pulpo podría verse un poco diferente. Quería que se pareciera más a Astro. Entonces pensé, bueno, ¿por qué no hago un contorno alrededor del pulpo también y veo cómo se vería eso? Y de hecho me gustó mucho ese look. Sin embargo, la forma del pulpo era algo así como que era solo para redondear para mí. Así que quería hacer algo que fuera un poco más blocky y que se pareciera así, un look más retro. Así que solo jugaba con tantas variaciones diferentes de la misma. Mira cuál se ve mejor. Y es solo, a mí, en realidad, me gustan todos, pero me octava con la que se ve un poco puntiaguda porque parece casi una nave espacial. Y por último pensé, bueno, vamos a expandir todo el lienzo en lugar de que parezca que estás mirando a través de una cueva. Así que solo quita eso. Y solo estaba experimentando bastante con cómo quería que se viera el fondo. E inicialmente quería añadir un poco más para hacerlo más Astro, pero simplemente no fluyó bien con el, con la composición es simplemente parece tan aleatorio. Acabo de quitar todo eso y volví a pensar, si hago algo más con líneas principales, como crear un aligeramiento fue pensé que se vería realmente genial, casi como haces de energía. Entonces empecé a añadir esos. Y puedes simplemente poner cualquier color por ahora. Y con Photoshop, podrás ajustar los colores más tarde. Y eso es exactamente lo que es. Yo sólo quería bloquear mis formas. Asegúrate de que si la composición funciona, pueda jugar con los colores y divertirme con ella. Entonces inicialmente, estamos pensando ¿y si hago naranja, amarillento? Pensé que esto se ve muy bien. Parecen más como un póster de efectos. Y ese fue el look final. Por último, solo queremos pulir la imagen. asegura de que tengo todo en el centro y arregle un poco esa pierna y la mano se ve muy bien. Entonces esto es todo.