No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Definiendo contornos

14/22
Recursos

Aportes 46

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Me gusta ponerle caritas a las cosas 😄

Hoy conocí la envidia el profesor tiene un Tamagotchi de collar xD

Diferente contorno para cada corazón, agregué un marco y apliqué un efecto.

“Fruthearts”

mis corazones uno es un pokeballheart jajaja

Definiendo contornos

Los contornos son una parte fundamental del pixel art, pero su fin no es solamente estético, ya que ayudan a jerarquizar distintos elementos. Usualmente, los sprites que tienen contornos se tienden a separar de los fondos y el usuario los puede identificar más fácilmente


Contornos en Aseprite

  • Edit / FX / OutlineShift + O
    • Outside → aplica contorno fuera la figura
    • Inside → aplica contorno fuera de la figura, pero se come una parte interna de la imagen

💡 si seleccionamos un área de la figura y aplicamos un outline y seleccionamos la opción Selected, solo se aplicará el control en la selección

💡 podemos bloquear una carpeta con imágenes, para que a esta no se le aplique el contorno

Reto Contorno

reto de contornos

Algunas etapas del corazón…

Aquí mi aporte!

Reto con contornon inside

Jugando un poco llegué a esto, me recordó un poco a los contenedores de corazon de un juego de zelda[]([url]

![](https://static.platzi.com/media/user_upload/image-7ccc3e30-4b1a-4e78-b85d-b1a5421cc0fc.jpg)

mis aportes no le puse contorno al astronauta porque no se veia bien.

Reto completado

mi trabajo

Como estoy usando Libresprite no tengo acceso a la función de líneas (y no sé cómo programarla yo mismo), por lo que decidí practicar los bordes manualmente. Hice diferentes intentos, aunque el rojo no me gustó mucho.

No le hice grandes modificaciones al reto porque quería aplicar cositas de clases pasadas.

  • Primero apliqué contorno, pero como soy necio apliqué 2 veces el contorno 😅 uno blanco y uno negro.
  • Segundo, como con el contorno blanco se veía chillón el corazón verde, usé el replace color de clases anteriores para ponerle un verde un poco más oscuro.
  • Tercero, le quise agregar un marco a cada cuadro, para eso usé la herramienta de simetría… Y ahí me di cuenta que los cuadros de abajo son más grandes que los de arriba, así que simetría 100% no había 😅, ya luego manualmente puse el contorno del marco donde era

Me gusto lo simple que quedo

Más o menos creo que está bien

Listo!

Reto aceptado

Les hice el outline como si el centro fuera una fuente de luz, no es que este descuadrado en cada corazon jajaja

Reto completado

![](https://static.platzi.com/media/user_upload/image-fe79fa18-0289-4d07-a3c0-3fe763e1802c.jpg)
Realice una indexación de colores primero y luego aplique el outline, me gusto el resultado :) ![](https://static.platzi.com/media/user_upload/image-febb15b0-e052-4589-a199-a49a2c7dce17.jpg)
![](https://static.platzi.com/media/user_upload/reto-2_494fbe15-006d-48de-ab33-1f06f9bcaad6-3c538514-4582-4034-b59a-a4b71e412548.jpg)
![](https://static.platzi.com/media/user_upload/image-b1860f1d-f2ec-4407-8f3b-1ae205706125.jpg)
![](https://static.platzi.com/media/user_upload/image-f17d4cf8-dd1f-4727-9ed8-6b7ffa8dd1a4.jpg)
![](https://static.platzi.com/media/user_upload/image-1cee957e-a095-41d8-b259-09ed9579c4f1.jpg)

Acá mi reto. Y descubrí que se pueden lograr cosas muy interesantes con outline

El mío,
me gusta ponerle sombreros y caras a los corazones me parecen bonitos

Reto con contorno extra:

ahí están los kokoras!