A mesa do mosaicista
Um construtor web para desktop: maquete de camadas, cinco técnicas de assentamento, paletas de materiais reais e arquivos para o ateliê. Funciona em navegador de desktop, janela de 1440 × 900 ou maior.
Janelas como uma bancada de trabalho
O espaço de trabalho é feito de janelas. Arraste uma janela pelo título, redimensione pela borda; um clique duplo no título a recolhe. As janelas se encaixam nas vizinhas e nas bordas.
- Windows ▾ — quais janelas mostrar, e Reset layout
- ? — um tour rápido pela área de trabalho
- Generate e Stop ficam no cabeçalho, ao lado do custo e do seu saldo
- Desfazer e refazer — ⌘Z e ⇧⌘Z, até 60 passos
Camadas, de cima para baixo
A janela Layers lista a moldura, as camadas do layout, o fundo, a tela e o rejunte. A ordem funciona como nos editores gráficos: o topo da lista fica por cima.
- + Text, + Emoji, + SVG, + Frame — adicionar uma camada
- Por camada: olho (mostrar/ocultar), altura em mm, cor da figura, cor dos furos, fileira de contorno do fundo, contorno da camada
- Estilo próprio da camada: outra paleta, técnica e tessela — por exemplo, uma incrustação de latão sobre fundo de esmalte
- Cores da figura: uma ou quatro
- Grout — cor do rejunte: branco, cinza-claro, cinza, cinza-escuro, preto ou a sua própria
- A linha selecionada decide o que Palette e Tile editam: The whole panel ou Layer: …
Texto e fontes
22 fontes com cirílico completo (licença livre OFL): Russo One, Oswald, Montserrat, Playfair Display, Lobster, PT Serif, Bitter, Podkova, Rubik Mono One, Yeseva One, Caveat, Marck Script, Bad Script, Neucha, Pacifico, Great Vibes, Amatic SC, Kurale, Comfortaa, Ruslan Display, Kelly Slab, Unbounded. A amostra “Мозаика Aa” é desenhada com os mesmos contornos que as tesselas vão seguir.
- Own font from a file (.ttf, .otf)… — até 25 MB; é convertida em contornos direto no navegador e nunca vai para o servidor
- A font installed on this computer… — no Chrome e no Edge, com busca
- Fontes manuscritas finas (Bad Script, Great Vibes) servem só para letras grandes
Emoji e seu próprio SVG
Um emoji é assentado como contorno (Noto Emoji); a tessela dá a cor. O popup oferece 12 sinais comuns e um campo para qualquer outro — cole da janela de emojis do sistema.
+ SVG — uma camada a partir de um vetor pronto: os contornos fechados do arquivo, até 400 KB. Os contornos internos (o miolo do “O”, do “A”) são transparentes por padrão, então o fundo passa por eles.
Moldura
Duas faixas ao redor do perímetro — externa e interna, 0–6 fileiras cada, cada uma com a sua cor e, se quiser, o seu próprio estilo. A moldura fica sempre acima do layout. O fundo pode contornar a moldura com uma fileira.
Fundo com padrão
How to tile the background: around the figures — as fileiras contornam as letras (andamento clássico), ou um padrão sobre todo o campo: rows, grid, circles, fan, scales. Os padrões aceitam tamanhos e rotação, e uma ou quatro cores. A grade do padrão é centralizada no painel, então continua dentro das letras.
Aparência das tesselas
A janela Tile reúne a técnica, o tamanho da tessela ou da peça, a junta e seis controles de aparência numa escala de 0 a 5:
- arredondamento dos cantos, curvatura das bordas, relevo da superfície (0 — brilhante, 5 — pedra rústica)
- contorno da tessela, sombra da tessela (luz do canto superior esquerdo), profundidade do rejunte
Depois da montagem, aparência e cores mudam sem recalcular — a folha é apenas redesenhada. Mude a maquete e o app avisa: “Layout changed — generate again”.
Dimensões e fita
Na barra lateral do Layout: uma cota em mm (dois cliques, salva com o projeto), uma trena para medir sem salvar e o tamanho da tela na pré-visualização. Os pontos se encaixam nos cantos e nos pontos médios; Shift os mantém na horizontal ou na vertical.
Print dimensions on the mosaic and in the file — as dimensões entram no SVG, PDF, PNG e JPG (nunca no Sketch).
Projetos e o arquivo .andamento
Save current — o projeto fica guardado neste navegador por 90 dias após o último salvamento. Os projetos ainda não vão para a conta andamento.app.
Para guardar ou compartilhar um projeto, exporte Project (.andamento): todas as configurações e camadas em um arquivo. Abra-o via My projects → From file.
Depois de uma atualização do motor, um projeto antigo pode ser assentado de forma um pouco diferente (melhor). Guarde o resultado exato como SVG ou PDF.
Como entrar no ANDAMENTO WEB
Conta
Entre ou cadastre-se no andamento.app — uma conta para os dois apps.
Assinatura PRO
O ANDAMENTO WEB vem com o PRO. Preços.
Abrir o WEB
No computador — web.andamento.app/lab.
Limites
O que o app aceita numa geração hoje.
| Parâmetro | Limite |
|---|---|
| Tela | 500–3000 mm por lado (até 9 m²) |
| Camadas na tela | 12 |
| Texto em todas as camadas | 200 caracteres |
| Altura da camada | 20–1000 mm |
| Tesselas por geração (estimativa) | até 80 000 |
| Moldura | 2 faixas de 0–6 fileiras |
| SVG | até 400 KB |
| Fonte própria | até 25 MB |
| Exportação raster | 2000, 4000 ou 6000 px no lado maior |
| Projetos no navegador | 90 dias desde o último salvamento |
Experimente no seu próprio painel
O ANDAMENTO WEB funciona em navegador de desktop com assinatura PRO. Para um esboço no celular, use o app — 10 créditos grátis no cadastro.