Texture

Sketch Texture senza cuciture

20 texture di superficie ripetibili (disegno a mano) per interfacce in modalità chiaro — carta bianco sporco, accento blu inchiostro. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • texture
  • senza cuciture
  • piastrellatura
  • materiale
  • tratto a mano
  • disegno a mano
  • disegnato a mano
  • schizzo
  • quaderno
  • interfaccia chiara
Foglio con 20 texture di superficie ripetibili (disegno a mano) della famiglia Sketch, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×3907la trasparenza è mostrata a scacchiera

Su questo pack

Sketch Texture senza cuciture è un set di 20 texture di superficie ripetibili disegnati nello stile disegno a mano, dove ogni bordo è campionato e spostato di poco, così nessuna linea è davvero dritta. 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.

Il tremolio è deterministico e non casuale: la stessa scatola trema allo stesso modo a ogni build, ed è questo a permetterle di vivere in un sistema di versionamento. L'ombreggiatura è a tratteggio incrociato, perché una sfumatura sotto una linea disegnata si legge come un filtro invece che come una mano.

Dentro quello stile, questa è la lettura Sketch: un'interfaccia in modalità chiaro su una palette carta bianco sporco con accenti blu inchiostro, costruita attorno a due cornici concentriche, pulsanti ad angoli retti da 132x46, barre a fasce divise in 10 segmenti e icone con contorno su una griglia da 32px. 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 Sketch, il che significa che questo kit e il kit di pannelli Sketch si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi da quaderno e da libro illustrato.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP2.9 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 readmeZIP2.9 MB Ottieni →
Muro di mattoni, mattonella senza cuciture, disegno a mano, SVG modificabileSVG51 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 Attribuzione 4.0 — Gratis per uso commerciale. Attribuzione obbligatoria. Termini completi · Cosa significa in pratica

Riga di credito da copiare
"Sketch Texture senza cuciture" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/3d/textures/sketch-textures