Texture

Mint Texture senza cuciture

20 texture di superficie ripetibili (piatto) per interfacce in modalità scuro — grigio bluastro, accento verde menta. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • texture
  • senza cuciture
  • piastrellatura
  • materiale
  • piatto
  • piatto
  • piatto
  • interfaccia scura
  • strategia
  • strumenti
Foglio con 20 texture di superficie ripetibili (piatto) della famiglia Mint, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×3907la trasparenza è mostrata a scacchiera

Su questo pack

Mint Texture senza cuciture è un set di 20 texture di superficie ripetibili disegnati nello stile piatto, dove non ci sono contorni né ombreggiature di alcun tipo. Contiene superfici di mattoni, pietra e piastrella, legno, tessuto e metallo, terra, erba e intonaco e una mappa di altezza abbinata per ogni superficie.

Queste sono superfici disegnate in vettoriale, non scansioni PBR fotografiche, e vale la pena dirlo chiaro: non passeranno per un materiale fotorealistico sotto una camera fisica. Servono per il lavoro stilizzato, gli sfondi 2D, i riempimenti d'interfaccia e tutto ciò che deve restare leggibile quando viene scalato o ricolorato — casi in cui una scansione fotografica è comunque lo strumento sbagliato.

La profondità viene solo da un'ombra morbida a strati — tre passate sovrapposte invece di un filtro di sfocatura, perché alcuni rasterizzatori SVG scalano male una sfocatura e il PNG a 4x esce come una sbavatura. Tutto il resto è un unico colore pieno.

Dentro quello stile, questa è la lettura Mint: un'interfaccia in modalità scuro su una palette grigio bluastro con accenti verde menta, costruita attorno a una fascia d'intestazione lungo la parte alta della cornice, pulsanti ad angoli retti da 120x36, barre a tacche divise in 12 segmenti e icone in bicromia su una griglia da 16px. Sono quelle misure a spiegare perché due famiglie possono condividere uno stile artistico senza essere intercambiabili: lo stile decide come si traccia un bordo, i numeri decidono a cosa serve l'interfaccia.

Ogni motivo che attraversa un bordo è ridisegnato sul bordo opposto, che è tutta la difficoltà di una texture ripetibile e la cosa che è facile sbagliare senza accorgersene. Ogni superficie arriva con una mappa di altezza in scala di grigi, così uno shader può ricavarne una mappa delle normali all'intensità che la scena richiede, invece di cuocerne una a un'intensità che non va bene a niente.

Ogni sprite arriva come SVG modificabile e come PNG trasparente a 1x, 2x e 4x, così puoi buttare i PNG dritti in un motore oppure aprire il vettoriale e cambiare un colore. Disegnato con le stesse misure del resto della famiglia Mint, il che significa che questo kit e il kit di pannelli Mint si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a interfacce minimali e mobile.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP1.2 MB

Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readme

File inclusi in questo pack
FileFormatoPesoDownload
Set completo — sorgenti SVG, esportazioni PNG a 1x/2x/4x, licenza e readmeZIP1.2 MB Ottieni →
Muro di mattoni, mattonella senza cuciture, piatto, SVG modificabileSVG8.2 kB Ottieni →

Come si usa

  1. Imposta il materiale perché si ripeta su entrambi gli assi alla dimensione sorgente; la mattonella è disegnata quadrata, quindi ciò che introduce una cucitura è una scala non uniforme, non il disegno.
  2. Passa il file -height in un nodo normal-from-height invece di usarlo direttamente come mappa delle normali — è un'elevazione in scala di grigi, non una normale RGB.
  3. Se ti serve una variante, ricolora con una tinta invece di modificare l'SVG; i toni sono scelti per sopravvivere a uno spostamento di tonalità senza che malta e grana spariscano.

Licenza

Creative Commons Zero 1.0 — Dominio pubblico. Nessuna attribuzione. Termini completi · Cosa significa in pratica