Texture

Inkwell Texture senza cuciture

20 texture di superficie ripetibili (cel-shading) per interfacce in modalità chiaro — manifesto piatto, accento rosso di segnale. SVG e PNG trasparente a 1x/2x/4x.

  • ui
  • svg
  • png trasparente
  • texture
  • senza cuciture
  • piastrellatura
  • materiale
  • celshading
  • cel-shading
  • fumetto
  • cartoon
  • spesso
  • interfaccia chiara
Foglio con 20 texture di superficie ripetibili (cel-shading) della famiglia Inkwell, disposti su una scacchiera di trasparenza con le misure in pixel scritte sotto
anteprima 1600×3907la trasparenza è mostrata a scacchiera

Su questo pack

Inkwell Texture senza cuciture è un set di 20 texture di superficie ripetibili disegnati nello stile cel-shading, dove un contorno spesso d'inchiostro avvolge due toni piatti divisi da un terminatore diagonale duro. 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.

L'ombra è un'unica forma a bordo duro senza alcuna caduta — la proprietà che definisce il cel shading e la cosa che una sfumatura non può mai imitare. Il contorno usa il tono più scuro della palette e non il tono di bordo, altrimenti si legge come una spessa cornice grigia invece che come inchiostro.

Dentro quello stile, questa è la lettura Inkwell: un'interfaccia in modalità chiaro su una palette manifesto piatto con accenti rosso di segnale, costruita attorno a una cornice a bordo singolo, pulsanti ad angoli retti da 152x52, barre a fasce divise in 5 segmenti e icone piene su una griglia da 24px. 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 Inkwell, il che significa che questo kit e il kit di pannelli Inkwell si allineano senza che nessuno dei due venga ridimensionato. Si adatta bene a giochi cel-shading e con render toon.

Download

Link diretto · senza registrazione · senza pagina d'attesa
Scarica ZIP1.4 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.4 MB Ottieni →
Muro di mattoni, mattonella senza cuciture, cel-shading, SVG modificabileSVG28 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
"Inkwell Texture senza cuciture" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/3d/textures/inkwell-textures