Sign In To Proceed 403s48

Don't have an ? 4h118

osu! to create your own !
wiki

Cómo hacer spinners correctamente centrados en las skins 323b52

How to make spinners symmetrical por ziin 5l2r4e

Esta guía probablemente sea difícil de entender para las personas con poca experiencia con GIMP/Photoshop. Esta guía asume que sabes cómo (y eres capaz de) activar/desactivar capas, así como encontrar algunas cosas por tu cuenta.

Cómo hacer spinners simétricos 3e2v5w

Cansa ver spinners tambaleantes. Por favor, si quieres hacer un spinner, asegúrate de que esté perfectamente centrado.

Primero abre tu editor de imágenes, en esta guía se usará GIMP, ya que es gratuito.

Crea un nuevo documento. La plantilla de la skin es de 666x666, y aunque es seguro sobrepasar ese límite, los spinners pueden causar mucho lag en ordenadores lentos, así que es mejor hacerlo por debajo de ese límite. Haz el documento 664x664, para que cuando terminemos, podamos rellenar los bordes con transparencia, lo que permite a osu! saber que puede suavizar el borde, en lugar de convertirlo en un borde recto.

Crear un nuevo documento 20172u

Imagen del tutorial 1Imagen del tutorial 1

Selecciona tu círculo 3as1z

Usa la herramienta elipse (el atajo es «e») y haz un círculo en todo el documento. Crea una nueva capa y rellénala con un color.

Imagen del tutorial 2Imagen del tutorial 2

Reduce la selección 1q311t

A continuación, reduce la selección seleccionando Seleccionar -> Encoger. Para círculos más precisos, basta con volver a dibujarlos con la herramienta elipse, ya que «encoger» solo sirve para uno o dos círculos.

Imagen del tutorial 3Imagen del tutorial 3

Aquí se eligen 15, pero puedes elegir la cantidad que quieras. Crea una nueva capa y rellena la selección más pequeña con un color diferente para que puedas verla.

El spinner 4t5u1

Repite el proceso también para el punto central, o cualquier otro círculo que desees. Yo elegí 300.

Imagen del tutorial 4Imagen del tutorial 4

Añadir una imagen al spinner 246v73

A continuación, puedes usar cada capa para hacer diseños, o poner tu imagen sobre ella seleccionando el canal alfa de esa capa

Imagen del tutorial 5Imagen del tutorial 5

Copiar la imagen 6g3h6e

Copia/pega la selección de la imagen que quieres copiar:

Imagen del tutorial 6Imagen del tutorial 6

Establecer el tamaño del lienzo e1q4u

Por último, puedes añadir un diseño en el centro o volver a colorear los bordes. Asegúrate de restablecer el tamaño del lienzo a 666x666 yendo a Imagen -> Tamaño del lienzo, y centra la imagen para que tengas un borde de 1 píxel alrededor de la imagen.

Imagen del tutorial 7Imagen del tutorial 7

Ahora deberías tener un spinner perfecto que no se tambalee cuando lo hagas girar.

Imagen del tutorial 8Imagen del tutorial 8

En esta guía no habrá información sobre cómo hacer bonitos los bordes, o darle profundidad, eso es algo totalmente diferente. Elegí una imagen y un proceso muy sencillos. Si quieres hacerlo, hay guías por todas partes, o probablemente ya sepas cómo hacerlo. Sin embargo, parece que la simetría se le ha escapado a la mayoría de los que hacen skins.

Cómo hacer que los fondos de los spinners coincidan con el fondo del beatmap 3bg5a

Si quieres que tu spinner tenga el mismo fondo que el mapa, puede ser difícil debido a un error en osu! introducido por un cambio en el juego que nunca se solucionó. En primer lugar, tenemos que hacer coincidir el fondo en el juego y no en el editor de beatmaps. El beatmap coloca los elementos del storyboard (fondo y vídeo) 5 píxeles más arriba en 1024x768 que el resto del mapa.

No te preocupes si el spinner se ve mal en el editor 3k4l18

Imagen del tutorial 9Imagen del tutorial 9

Cortar el fondo 64d1v

Primero, toma el fondo a 1024x768 y corta los 46 píxeles superiores y los 30 inferiores, con lo que obtendrás una imagen de 1024x692. La imagen de la plantilla es de 1023x692, pero esto no importa; el lado derecho es negro puro debido a la naturaleza de cómo funcionan los spinners.

Imagen del tutorial 10Imagen del tutorial 10

Usa la pestaña de canales para desactivar la edición del canal alfa vcm

Técnicamente, ya has terminado, pero si quieres hacer que el fondo se «rellene» con un medidor de fondo, entonces puedes usar el de la plantilla de la skin, o hacerlo tú mismo. Trae la plantilla del spinner-meter. Para recolorearlo, desactiva el canal alfa seleccionándolo, de modo que no modifiques en absoluto la transparencia. Luego usa el relleno de cubeta y llena toda el área con un color gris o el color que quieras.

Imagen del tutorial 11Imagen del tutorial 11

Copia/pega en una nueva capa, luego guarda tu medidor x3541

Una vez que tengas el color, selecciona todo el canal alfa de nuevo (clic derecho en el canal alfa -> canal a selección), copia y pega el fondo del spinner para que tengas algo que rellenar para tu medidor.

Imagen del tutorial 12Imagen del tutorial 12

Reduce la opacidad hasta que obtengas un color que te guste 4h4l54

Para añadir más detalle, puedes bajar la opacidad de la imagen negra.

Imagen del tutorial 13Imagen del tutorial 13

El fondo y el medidor totalmente completados 705v5t

Luego puedes ver cómo queda rellenado activando la capa antigua. Ten en cuenta que tiene un poco de contorno. Si quieres cambiar el tamaño de ese contorno, puedes usar la herramienta Seleccionar -> Agrandar o Encoger antes de copiar/pegar para que el spinner mida.

Imagen del tutorial 14Imagen del tutorial 14

Si haces esto, la transición del fondo al spinner será perfecta, y no tendrás el fondo desplazándose unos píxeles hacia arriba.