Packs de interfaz

Cursores Sketch

12 cursores de ratón (dibujo a mano) para interfaces de tema claro — paleta papel blanco roto, acento azul tinta. SVG y PNG transparente en 1x/2x/4x.

  • ui
  • svg
  • png transparente
  • cursor
  • puntero
  • mira
  • ratón
  • trazo a mano
  • dibujo a mano
  • dibujado a mano
  • boceto
  • cuaderno
  • interfaz clara
Hoja con 12 cursores de ratón (dibujo a mano) de la familia Sketch, dispuestos sobre un damero de transparencia y con sus medidas en píxeles escritas debajo
vista previa 1600×739la transparencia se muestra como damero

Sobre este pack

Cursores Sketch es un conjunto de 12 cursores de ratón dibujados en estilo dibujo a mano, donde cada borde se muestrea y se desplaza un poco, así que ninguna línea es realmente recta. Contiene una flecha y una flecha con anillo de espera, una mano señaladora y un cursor de mover, una mira y un fijado de objetivo, cursores de ataque, hablar y saqueo, cursores de ocupado, bloqueado y texto, y un cursor de redimensionar.

Un juego que dibuja su propia interfaz y luego deja encima el cursor del sistema operativo tiene un agujero en mitad de la pantalla, y es justo la parte que el jugador mira constantemente. El cursor es además el único sprite sin control sobre su fondo: pasa por cielo, piedra, fuego e inventario en el mismo segundo.

El temblor es determinista y no aleatorio: la misma caja tiembla igual en cada build, y eso es lo que le permite vivir en control de versiones. El sombreado es rayado cruzado, porque un degradado bajo una línea dibujada se lee como un filtro en vez de como una mano.

Dentro de ese estilo, esta es la lectura de Sketch: una interfaz de tema claro sobre una paleta papel blanco roto con acentos en azul tinta, construida en torno a dos marcos concéntricos, botones de esquinas rectas de 132x46, barras en bandas divididas en 10 segmentos e iconos de contorno sobre una rejilla de 32px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

Cada cursor lleva un contorno del extremo opuesto de la paleta a su cuerpo, y eso es lo que lo mantiene legible sobre un fondo del que el kit no sabe nada: un cursor oscuro sobre una cueva oscura desaparece, y ningún estilo lo arregla. El punto activo va nombrado en el título de cada sprite en vez de dejarlo a la adivinación: la flecha pulsa en 0,0 y la mira en su centro, y un punto activo desviado tres píxeles es un juego donde el jugador falla lo que apuntó.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Sketch, lo que significa que este kit y el kit de paneles de Sketch encajan sin redimensionar ninguno. Encaja bien en juegos de cuaderno y de cuento ilustrado.

Descarga

Enlace directo · sin registro · sin página de espera
Descargar ZIP54 kB

Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readme

Archivos incluidos en este pack
ArchivoFormatoPesoDescarga
Conjunto completo — fuentes SVG, exportados PNG en 1x/2x/4x, licencia y readmeZIP54 kB Obtener →
Cursor de flecha, punto activo 0,0, SVG editableSVG409 B Obtener →

Cómo se usa

  1. Toma el punto activo del título del sprite al registrar el cursor: la flecha y la mano pulsan cerca de su punta, la mira y el objetivo en el centro.
  2. Usa el PNG de 32 px para un cursor por hardware y mantenlo en escalado entero; el sistema operativo compone el cursor por hardware y una escala fraccionaria es donde el contorno se ablanda.
  3. Cambia a los cursores de ataque, hablar y saqueo desde tu raycast de interacción en vez de teñir un solo cursor, porque lo que el jugador lee de un vistazo es la silueta y no el color.
  4. El cursor bloqueado es para una acción rechazada, no para un control desactivado: un botón desactivado ya lo dice con su propio sprite, y usar ambos a la vez lo dice dos veces.

Licencia

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica

Línea de crédito para copiar
"Cursores Sketch" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-cursors