Mockup de Tecido
Uma repetição é só uma imagem até estar no tecido. Isto é o tecido.
Largue uma imagem sem costura — um tartan da ferramenta de tartan chega com o seu próprio sett e tamanho físico, uma repetição do gerador de padrões ou um ladrilho de meio-tom chega como píxeis — e é renderizada como pano tecido num de quatro cenas escritas. As peças são geradas a partir de painéis planos em centímetros, tal como se corta uma peça real, por isso a repetição que introduz é a repetição no tecido, o sentido do fio é uma rotação do painel no plano, e alinhar uma costura é alinhar dois painéis antes de serem unidos. A manta sobre a cadeira é assentada por um simulador de tecido sob gravidade, com as pregas, a autocolisão e a bainha que daí resultam; o kilt e a camisa são construídos pela sua própria construção. Cada tecido tem uma tecelagem — uma sarja 2/2 por defeito, a diagonal com que o tartan é fotografado — derivada à escala do fio que a repetição e o peso implicam, um lustro onde a lã o tem em vez de brilho, e uma bainha com espessura real.
Duas camadas de controlos. A primeira tem seis elementos, mais um por cena: tamanho da repetição, sentido do fio, peso do tecido, uma luz com nome, um fundo, e o modo de pregas no kilt ou o alinhamento de costuras na camisa. O Peso do tecido move a queda e a profundidade da tecelagem em conjunto, porque são um único facto físico. Controlos completos abre a profundidade por baixo — estrutura da tecelagem, rigidez da urdidura e da trama, lustro e rugosidade, a luz principal e o preenchimento, a lente — onde cada valor é o que o controlo simples implica multiplicado pelo seu próprio ajuste, por isso mover o controlo simples continua a mover tudo e nada do que definir é alguma vez substituído. As exportações saem do mesmo render: um PNG até quatro vezes o tamanho do palco, uma rotação 360° em GIF que fecha exatamente com uma única paleta em todo o ciclo, um MP4 ou WebM, e um ficheiro HTML interativo que orbita ao arrastar, abre a partir de uma pasta e nada pede à rede.
Quatro cenas, escritas e não importadas
Uma manta de poltrona assentada por um simulador de tecido determinístico, um kilt num manequim de alfaiate, uma camisa com botões, uma amostra plana — cada uma gerada a partir de painéis em centímetros, para que o tamanho do padrão seja honesto.
Pregueado ao sett, ou à risca
As costas do kilt podem mostrar o sett completo ao longo das pregas, ou centrar uma risca escolhida em cada prega, para que as costas se leiam de forma diferente da frente — o detalhe que um olhar escocês procura primeiro.
Tecido que se lê como tecido
Um normal de tecelagem e uma sombra de fio derivados da estrutura escolhida, ruído de fibra, um lustro de lã em vez de um brilho plástico, e uma bainha com espessura — os detalhes que a maioria dos mockups não capta.
Um loop que fecha, um ficheiro que se basta a si próprio
As rotações 360° em GIF e vídeo fecham no fotograma anterior ao início, quantizadas uma só vez para toda a volta; a exportação em HTML interativo leva tudo o que precisa e nunca contacta a rede.
Como usar
- Traga um padrão Largue um PNG, JPEG ou SVG sem costura no palco, cole um, ou envie um tartan para aqui a partir da ferramenta de tartan. Um tartan de exemplo fica na cadeira enquanto escolhe.
- Escolha uma cena e um tecido Cadeira, kilt, camisa ou amostra na barra superior. Defina a repetição em centímetros e o peso do tecido; no kilt escolha o modo de pregas, na camisa se as costuras alinham.
- Ilumine e gire Quatro luzes com nome e quatro fundos. Arraste para orbitar, use a roda para aproximar, faça duplo clique para ajustar; Controlos completos abre a lente, a luz principal e o material quando precisar deles.
- Exporte Um PNG a 1×, 2× ou 4×; um loop GIF; uma rotação 360° em MP4 ou WebM, ou uma brisa na cadeira; um ficheiro HTML interativo com o seu trecho de iframe. Guarde o projeto na sua conta para manter a queda exatamente igual.
FAQ
Que imagem posso trazer?
Um ladrilho em PNG, JPEG ou SVG. Um ficheiro que conheça o seu tamanho físico — um PNG com um bloco de densidade, um SVG com uma largura em polegadas ou centímetros — preenche a repetição por si; qualquer outro abre com a repetição que definir. Um ficheiro cujas bordas não coincidem é renderizado de qualquer forma, e a barra de estado avisa disso.
A queda é sempre igual, sempre que abro um projeto?
Sim. O simulador é determinístico numa seed que o projeto guarda, e a sua aritmética evita qualquer cálculo cujo último dígito varie entre browsers, por isso uma manta guardada reabre exatamente com a mesma queda. Redrapear gera uma nova seed quando quiser uma queda diferente.
Porque há duas camadas de controlos?
A maioria das pessoas quer um bom render em dois cliques; algumas querem todos os botões. A camada simples basta para a primeira, e Controlos completos abre a segunda sem que as duas se atropelem: cada valor profundo é a implicação do controlo simples multiplicada pelo seu ajuste, por isso o controlo simples continua a funcionar e o seu ajuste continua válido.
Que tamanho tem o ficheiro HTML interativo?
Cerca de um megabyte: o motor 3D é a maior parte, a peça e uma cópia reduzida do seu ladrilho são o resto. A ferramenta mostra o tamanho antes de o guardar. Abre a partir de um ficheiro em disco, funciona offline, e respeita o pedido de movimento reduzido de um visitante.
Mais ferramentas
Gerador de padrões tartan
Crie tartans e xadrezes, do rapport ao arquivo pronto para tecelagem.
Gerador de Padrões de Logótipo
Transforme seu logotipo em uma estampa de marca contínua.
Seamless Pattern Studio
Desenhe uma estampa contínua com uma caneta sensível à pressão.
Mockup de Autocolante Holográfico
Veja sua arte em um adesivo holográfico interativo.
3D Mockup Studio
Aplique arte pronta para impressão em um mockup 3D de embalagem.
Business Card Studio
Mock up a business card with real foil and emboss.