No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Definiendo contornos

14/22
Recursos

Aportes 45

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.

鈥淔ruthearts鈥

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]

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

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)

el michi

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!