Editor de Modelos — Guia do Utilizador

Guia completo para criar e editar modelos profissionais para photo booth no software Fotillo

← Voltar ao Editor

1. Visão geral

O Fotillo Template Editor é uma ferramenta gratuita, baseada no navegador, para criar modelos de photo booth compatíveis com o software de photo booth Fotillo. Não requer instalação — funciona diretamente no navegador. Crie o modelo de forma visual e depois exporte um pacote ZIP pronto a usar.

Arrastar e largar visual

Posicione fotos, etiquetas, gráficos e texto diretamente na área de trabalho com pré-visualização em tempo real.

13 formas de máscara

Círculo, coração, estrela, losango, hexágono, nuvem e mais — com escala ajustável.

Decoradores de fotografias

Sombras, molduras douradas/prateadas, efeito polaroid, bordas vintage, folhas e flores.

28 fontes premium

Fontes para casamento, elegantes, modernas e de sistema do Google Fonts (licença OFL).

Guias inteligentes

Linhas automáticas de alinhamento ao mover os elementos para a posição desejada.

13 idiomas

Interface totalmente traduzida com deteção automática do idioma do navegador.

Modo tira

Crie modelos em tira com duplicação automática e pré-visualização da linha de corte.

Exportação com um clique

ZIP com Collage.xml, ficheiros PNG, fontes e ficheiro do projeto — pronto para o Fotillo.

Fotillo Template Editor — interface principal com design de modelo para photo booth, mostrando a barra lateral esquerda, a área de trabalho e o painel de propriedades

2. Primeiros passos

Abra o editor no navegador. O ecrã inicial oferece três opções:

O editor deteta automaticamente o idioma do navegador e define a interface em conformidade. Pode alterar o idioma a qualquer momento usando o seletor de bandeiras.

Ecrã inicial do Fotillo Template Editor com logótipo do Fotillo, bandeiras de idioma e três botões de ação para novo projeto, importação e carregamento
Dica: O editor guarda o seu trabalho automaticamente a cada 2 segundos no armazenamento do navegador. Se fechar o navegador por engano, pode restaurar o projeto a partir do ecrã inicial.

3. Criar um novo projeto

Clique em Novo projeto para abrir o assistente. Configure o seu modelo passo a passo:

Nome do projeto

Introduza um nome descritivo para o modelo, por exemplo “Wedding-Gold-3photos”. Este nome será usado para a pasta ZIP exportada e para o ficheiro Collage.xml.

Seleção da impressora

O assistente tem quatro passos: impressora, formato de impressão, fotos e disposição, e por fim nome e fundo. Primeiro escolhe a família de impressora e o editor mostra apenas os formatos que essa impressora consegue mesmo produzir com o rolo colocado.

ImpressoraRoloO que sai de um rolo
Citizen CY / CY-02
DNP RX1 / RX1HS
10×15 cm15×10 · 10×15 · 2 × 15×5 (tiras) · 2 × 5×15 (tiras)
15×20 cm15×20 · 20×15 · 15×15 (desperdício 5 cm)
13×18 cm13×18 (não verificado) · 18×13 (não verificado) · 13×13 (desperdício 5 cm, não verificado) · 2 × 13×9 (2 por folha, não verificado) · 2 × 9×13 (2 por folha, não verificado)
Citizen CX-02
DNP DS620
10×15 cm15×10 · 10×15 · 2 × 15×5 (tiras) · 2 × 5×15 (tiras)
15×20 cm15×20 · 20×15 · 15×15 (desperdício 5 cm) · 15×11,5 (desperdício 9 cm) · 11,5×15 (desperdício 9 cm) · 2 × 15×10 (2 por folha) · 2 × 10×15 (2 por folha)
15×23 cm15×23 (não verificado) · 23×15 (não verificado) · 2 × 15×11,5 (2 por folha, não verificado) · 2 × 11,5×15 (2 por folha, não verificado)
13×18 cm13×18 (não verificado) · 18×13 (não verificado) · 13×13 (desperdício 5 cm, não verificado) · 2 × 13×9 (2 por folha, não verificado) · 2 × 9×13 (2 por folha, não verificado)
Citizen CZ-01
DNP QW410
10×15 cm10×15 · 15×10 · 10×11,5 (desperdício 4 cm) · 11,5×10 (desperdício 4 cm) · 10×10 (desperdício 5 cm) · 2 × 10×7,5 (2 por folha) · 2 × 7,5×10 (2 por folha) · 3 × 10×5 (tiras) · 3 × 5×10 (tiras)
11,5×20 cm11,5×20 (não verificado) · 20×11,5 (não verificado) · 11,5×15 (desperdício 5 cm, não verificado) · 15×11,5 (desperdício 5 cm, não verificado) · 11,5×11,5 (desperdício 9 cm, não verificado) · 11,5×10 (não verificado) · 10×11,5 (não verificado) · 2 × 11,5×10 (2 por folha, não verificado) · 2 × 10×11,5 (2 por folha, não verificado)

Os formatos estão agrupados por rolo, porque é o rolo que decide o que se pode imprimir. Cada cartão mostra o tamanho da prova, o tamanho em píxeis, as linhas de corte e o desperdício tracejado, se sobrar algum. Cada formato tem duas variantes, vertical e horizontal. O papel sai da impressora da mesma forma; muda apenas a orientação da imagem e das linhas de corte.

Tamanho próprio aceita quaisquer medidas em centímetros ou píxeis juntamente com a densidade. O editor diz logo que formato o programa Fotillo vai reconhecer e com quantos ppp. Impressora de escritório oferece A3, A4 e A5 para laser ou tinta; esse modelo normalmente não aparece numa cabine com impressora Citizen ou DNP.

Número de fotografias e layout

Selecione de 1 a 5 campos de fotografia. Para cada quantidade de fotografias, pode escolher entre vários esquemas predefinidos: lado a lado, empilhado, mosaico, grelha, layouts assimétricos ou composições inclinadas com ligeira rotação para um visual mais dinâmico em eventos.

Assistente de novo projeto do Fotillo Template Editor, mostrando seleção da impressora, grelha de resoluções, seletor do número de fotografias e modelos de layout

Fundo

Escolha entre uma cor sólida ou uma imagem de fundo. Ambas podem ser alteradas mais tarde no editor.

4. Interface do editor

O editor tem três áreas principais:

Barra lateral esquerda

Secções recolhíveis para todos os componentes do modelo: definições do projeto, fundo, fotografias, etiquetas, gráficos, código QR e validação. Cada secção expande-se para mostrar os controlos e listas de elementos correspondentes.

Barra lateral esquerda do Fotillo Template Editor com secções recolhíveis para definições do projeto, fundo, fotografias, etiquetas, gráficos e código QR

Área de trabalho

Espaço central onde pode ver e editar o seu modelo. Todos os elementos podem ser arrastados, redimensionados e rodados diretamente. A sobreposição escura semitransparente fora da área de trabalho mostra o limite da área imprimível.

Painel de propriedades à direita

Mostra as propriedades detalhadas do elemento atualmente selecionado. Clique em qualquer elemento na área de trabalho para ver a sua posição (X, Y), tamanho, rotação e definições específicas do tipo, como forma da máscara, decorador, fonte e cores.

Painel de propriedades à direita no Fotillo Template Editor, mostrando definições de fotografia com posição, tamanho, seletor de forma da máscara, controlos de escala da máscara e opções de decorador

Código QR

A secção «Código QR» define a posição (X, Y) e o tamanho do código QR no modelo.

Importante: O código QR é um elemento permanente e obrigatório de cada modelo — não pode ser removido nem desativado. É utilizado por funções do programa Fotillo (partilha de fotos e impressão do código QR na foto); um modelo sem ele causará um erro do programa. Defina apenas a sua posição e tamanho para que não cubra as fotos.

5. Trabalhar com fotografias

As fotografias são os elementos principais do seu modelo. Cada campo de fotografia mostra uma imagem de demonstração apenas para pré-visualização — na impressão final, o Fotillo substitui essas imagens pelas fotografias reais do cliente.

Número de foto (seqGroup): No painel direito de cada foto pode alterar o número de sequência. Vários espaços com o mesmo número mostram a mesma tomada — ex. 4 espaços numerados 1,2,1,2 significam 2 tomadas alternadas. Útil para fotos de identificação e impressões múltiplas.
Dica: Use as teclas de seta para mover os elementos selecionados 1 pixel de cada vez. Mantenha Shift premido para passos de 10 pixels — perfeito para alinhamento preciso.

6. Máscaras e formas das fotografias

Aplique uma máscara para recortar as fotografias numa forma específica. Selecione uma fotografia e depois escolha a forma da máscara no painel direito. O editor mostra uma pré-visualização com a imagem de demonstração recortada na forma escolhida, rodeada por uma borda dourada.

FormaDescrição
Nenhuma (3:2 completo)Fotografia retangular padrão — sem máscara aplicada
CírculoCírculo perfeito centrado na fotografia
QuadradoQuadrado centrado na fotografia
Retângulo verticalRetângulo vertical estreito
Retângulo horizontalRetângulo horizontal estreito
CoraçãoForma de coração — muito popular em casamentos
EstrelaEstrela de 5 pontas
LosangoQuadrado rodado / losango
HexágonoHexágono regular
ArcoParte superior arqueada e base reta — efeito de janela elegante
OvalElipse adaptada às proporções da fotografia
NuvemForma orgânica suave, semelhante a uma nuvem
Personalizada (a partir de ficheiro)Carregue a sua própria máscara PNG para formas exclusivas

Use os controlos deslizantes Escala X e Escala Y (intervalo 0,3–1,5) para esticar ou comprimir a forma da máscara. Assim pode criar ovais a partir de círculos, corações mais estreitos, estrelas mais largas e outras variações.

Fotillo Template Editor com fotografia usando máscara em forma de coração, mostrando pré-visualização com borda dourada e controlos de ajuste de escala
Dica: Ao exportar, o editor gera automaticamente ficheiros PNG Overlay e CutOut para cada fotografia com máscara. O Fotillo usa esses ficheiros para recortar as fotografias do cliente na mesma forma no momento da impressão.

7. Decoradores de fotografias

Adicione elementos visuais em torno das fotografias. Selecione uma fotografia e desça no painel direito para ver a grelha de decoradores. Clique em qualquer decorador para o aplicar imediatamente.

Cada campo de foto pode ter uma borda renderizada em Frame.png. Na secção "Borda da foto" do painel direito, ative o interruptor, escolha uma cor e defina a espessura com o controlo deslizante (1–40 px). A borda funciona com campos de foto rectangulares e com máscaras de forma — com uma máscara, o contorno segue a forma.

DecoradorEfeitoNotas
Sombra (inferior direita)Sombra subtil no lado direito e na margem inferiorÉ renderizada por baixo da fotografia, nunca a cobre
Sombra (à volta)Sombra suave em toda a volta da fotografiaFunciona com todas as formas de máscara
Moldura dourada / prateada / branca / pretaLinha fina de contorno coloridaSobrepõe-se ligeiramente à margem da fotografia (2px)
Dourado duploDuas linhas douradas com espaço decorativo entre elasEfeito elegante de moldura dupla
PolaroidMoldura branca com faixa inferior larga e sombraVisual clássico de fotografia instantânea
VintageBorda ornamental dupla com detalhes dourados nos cantosPerfeito para modelos elegantes de eventos
Papel rasgadoEfeito de papel envelhecido com margens irregulares rasgadasAspeto rústico e criativo
FolhasRamos de folhas naturais nos cantosUsa PNG personalizado de assets/leaf.png
FloresArranjos florais nos cantosUsa PNG personalizado de assets/flower.png
Nota: Decoradores do tipo moldura (dourado, prateado, polaroid, vintage, papel rasgado) só estão disponíveis para fotografias retangulares sem máscara. Quando se aplica uma forma de máscara, a grelha mostra apenas sombras, folhas e flores.
Grelha de seleção de decoradores no Fotillo Template Editor, mostrando opções de sombra, moldura, polaroid, vintage, papel rasgado, folhas e flores

8. Etiquetas (XML)

As etiquetas são campos de texto dinâmicos que o Fotillo processa no momento da impressão. O operador da cabine ou o cliente pode alterar o texto para cada evento sem editar o modelo. Pode adicionar até 4 etiquetas por modelo.

Tem de permanecer pelo menos uma etiqueta no modelo — sem ela o Fotillo não colocará texto na fotografia. Um projeto novo recebe automaticamente uma etiqueta; as restantes pode adicionar e eliminar livremente, mas ao tentar eliminar a última o editor mostra um aviso e mantém-na. Os textos visíveis no editor são apenas exemplos — os textos reais são introduzidos no Fotillo, no menu sob a tecla F3.

Tipos de etiqueta

Chave da etiquetaUtilização típica
Label_titleTítulo do evento — “Receção de Casamento”, “Festa de Aniversário”
Label_nameNome — “Anna & Thomas”, “Nome da Empresa”
Label_dateData — “15 de junho de 2026”
Label_hashtagHashtag, website ou nome de utilizador social — “#OurWedding”

Opções de formatação

Cada etiqueta oferece opções de formatação avançadas: família tipográfica (28 fontes), tamanho, estilo (normal/negrito/itálico), cor do texto, cor de fundo com opacidade ajustável (0–255), raio dos cantos e espaçamento interno. Todos estes parâmetros são guardados no Collage.xml e usados pelo Fotillo no momento da impressão.

Painel de propriedades de etiqueta no Fotillo Template Editor, mostrando campo de texto, seletor de fonte, opções de estilo, seletores de cor, controlo de opacidade do fundo e controlos de espaçamento interno
Dica: As etiquetas são exportadas para o Collage.xml — não ficam incorporadas na imagem do modelo. Isto significa que o texto pode ser alterado para cada evento no Fotillo sem ser necessário recriar o modelo no editor.
Nota: As etiquetas não são geradas automaticamente. Se o projeto não tiver etiquetas, a secção <Labels> ficará vazia.

9. Textos decorativos

Ao contrário das etiquetas XML, os textos decorativos são inseridos diretamente no Frame.png — tornam-se uma parte permanente da imagem do modelo. Use-os para branding fixo, marcas de água, avisos de copyright ou elementos de design que devem aparecer em todas as impressões exatamente como foram criados.

Os textos decorativos têm as mesmas opções de formatação das etiquetas, como fonte, tamanho, cor e fundo, mas sem integração XML. Pode adicioná-los na secção “Labels” da barra lateral esquerda, em “Decorative texts (Frame.png)”.

No painel direito, cada texto decorativo tem três botões de alinhamento: ⇤ Esquerda, ⇔ Centro e Direita ⇥. O alinhamento funciona dentro da largura do campo — ajuste-a para obter o resultado desejado. As etiquetas XML não têm esta opção.

Cada elemento na lista do painel lateral tem um botão (duplicar) ao lado do botão de remoção. A cópia aparece na mesma posição que o original, deslocada 30 pixels para a direita e para baixo, e é imediatamente selecionada. As fotos podem ser duplicadas quando há menos de 5. As etiquetas XML — quando há slots livres disponíveis (máx. 4). Os textos decorativos e as imagens podem ser duplicados sem limite.

10. Gráficos e logótipos

Carregue imagens PNG ou JPEG para adicionar logótipos, molduras decorativas, elementos de branding ou qualquer sobreposição gráfica ao seu modelo. Os gráficos são renderizados em Frame.png e aparecem em todas as impressões.

Fotillo Template Editor com logótipo da empresa adicionado como elemento gráfico e posicionado na área de trabalho do modelo

11. Fundo

Estão disponíveis dois modos de fundo:

O fundo do modelo agora tem três modos: Cor, Gradiente e Imagem. O modo Gradiente permite definir duas cores (inicial e final), um ângulo de direção (0–360°) e um tipo — linear ou radial. Uma pré-visualização em tempo real do gradiente aparece no painel lateral como uma faixa de cor. O gradiente é renderizado tanto na pré-visualização Collage.png como no Background.png exportado.

Quando a imagem de fundo está selecionada, o painel direito mostra quatro botões de ajuste rápido. Preencher — escala a imagem para cobrir toda a tela (pode cortar bordas, imagem centrada). Conter — escala para caber na tela preservando proporções (áreas vazias podem aparecer, imagem centrada). Esticar — ajusta às dimensões exatas da tela sem preservar proporções. Original — restaura o tamanho natural e define a posição em (0,0). Após qualquer modo pode ajustar manualmente X, Y, L, A.

Cor sólida

Escolha qualquer cor com o seletor de cor ou introduza um código hexadecimal. As escolhas mais comuns para modelos de photo booth são branco (#FFFFFF), preto (#000000) ou cores temáticas do evento.

Imagem de fundo

Carregue uma imagem PNG ou JPEG. O fundo é carregado na sua resolução original e pode ser posicionado, redimensionado e rodado na área de trabalho usando os controlos verdes. Use o botão “Reset (fit to canvas)” no painel direito para ajustar a imagem de modo a preencher toda a área do modelo. As imagens de fundo são exportadas como Background.png.

Fotillo Template Editor com imagem de fundo texturada escura, mostrando controlos verdes para ajustar posição e escala

12. Corte da folha

A impressora corta a toda a largura do rolo, por isso a mesma folha dá provas diferentes conforme o rolo: duas tiras 15×5 do rolo 10×15, três fotos 10×5 do rolo 10×15 na CZ-01, duas provas 15×10 da folha 15×20. Desenha sempre uma peça; as restantes o editor mostra como pré-visualização semitransparente e cria-as na exportação. O número de peças vai para o Collage.xml como PrintCuts.

Fotillo Template Editor no modo tira, mostrando linha de corte vermelha tracejada, fotografias originais na metade superior e pré-visualização duplicada na metade inferior

13. Guias inteligentes e grelha

Guias de alinhamento inteligentes

Ao arrastar qualquer elemento na área de trabalho, aparecem automaticamente linhas de alinhamento vermelhas tracejadas quando a margem ou o centro do elemento se alinham com os limites da área de trabalho, outros elementos ou o ponto central. Os elementos encaixam nessas guias com um limiar de 8 pixels para um posicionamento mais preciso.

Fotillo Template Editor a mostrar linhas vermelhas de alinhamento enquanto uma fotografia é arrastada para encaixar no centro da área de trabalho e na margem de outra fotografia

Sobreposição de grelha

Ative com o botão Grid na barra de ferramentas para mostrar três camadas de linhas-guia: linhas brancas a cada 100 pixels, uma cruz central vermelha tracejada, horizontal e vertical, e linhas azuis tracejadas da regra dos terços para composição fotográfica.

Área de trabalho do Fotillo Template Editor com sobreposição de grelha ativada, mostrando linhas de grelha de 100 pixels, cruz central e guias de composição da regra dos terços

14. Importar modelos existentes

Importe modelos criados anteriormente no Fotillo ou exportados a partir deste editor:

  1. Clique em Open existing no ecrã inicial
  2. Arraste e largue, ou clique para procurar, os ficheiros do modelo: Collage.xml e quaisquer ficheiros PNG, como Background.png, Frame.png, Overlay e CutOut
  3. O editor analisa o XML e reconstrói o modelo completo com todas as fotografias, etiquetas, máscaras e posições
  4. Nos modelos em tira, os elementos duplicados são automaticamente eliminados como duplicados — apenas a metade original é importada para edição
Janela de importação do Fotillo Template Editor com área para largar ficheiros, mostrando Collage.xml e ficheiros PNG carregados prontos para importação

15. Exportar modelos

Clique em Export ZIP na barra superior. O editor valida o projeto, mostra uma pré-visualização do XML gerado, lista todos os ficheiros incluídos e transfere um pacote ZIP pronto para carregar no Fotillo.

Exportar sem fotos: Possível para projetos como postais. O editor exibirá um diálogo de confirmação. O XML conterá <SequenceCount>0</SequenceCount> sem secção <Photos>.
Janela de exportação do Fotillo Template Editor, mostrando pré-visualização do Collage.xml, lista completa de ficheiros com marcas de verificação e botão Download ZIP

16. Conta e exportação assinada

O programa Fotillo verifica em cada modelo a assinatura digital. Um modelo sem assinatura abre e funciona, mas nas impressões aparece a palavra DEMO. A assinatura é atribuída pelo servidor, por isso a janela de exportação oferece dois botões.

Tipo de exportaçãoContaCustoImpressão no Fotillo
Exportação de testenão é necessáriagratuita, sem limitesmarca DEMO nas fotografias
Exportação assinadanecessária1 exportação do pacoteimpressão limpa

A exportação de teste serve para verificar o modelo no seu equipamento: disposição, margens e qualidade de impressão. Quando o modelo estiver pronto, faça a exportação assinada.

Como começar — cinco passos:

  1. Crie uma conta. Clique em Criar conta no menu superior e indique o seu e-mail e uma palavra-passe. A conta fica activa depois de clicar na ligação de confirmação que lhe enviamos.
  2. Copie o seu identificador de conta. Encontra-o no painel da conta. São dezasseis caracteres que ligam a compra à sua conta.
  3. Compre um pacote de exportações na loja e cole o seu identificador de conta na encomenda.
  4. Introduza o código de activação que receberá por e-mail no painel da conta. As exportações são somadas de imediato.
  5. Exporte com assinatura. Escolha o segundo botão na janela de exportação. O número de exportações restantes está sempre visível no ecrã inicial.
PacoteNúmero de exportações
70010
140020
280040
Voltar a transferir não custa nada: Os modelos assinados ficam na sua conta. Pode transferi-los as vezes que quiser gratuitamente e também abri-los para editar e criar um novo. Se exportar um projecto cujo conteúdo não mudou, recebe o pacote anterior e não paga outra vez.
Um código serve apenas para uma conta: O código de activação é gerado a partir do seu identificador de conta, pelo que não pode ser usado noutra. Ao comprar, verifique que cola o identificador correcto.
Verifique antes do evento: Um modelo da exportação de teste imprime a marca DEMO. Antes de um evento, certifique-se de que o modelo carregado no Fotillo provém de uma exportação assinada.

17. Atalhos de teclado

AtalhoAção
Ctrl+ZAnular (até 50 passos)
Ctrl+YRefazer
DeleteEliminar o elemento selecionado
EscapeDesselecionar tudo
+ / Aumentar / reduzir o zoom
0Ajustar a área de trabalho ao ecrã
Mover o elemento selecionado 1px
Shift + setasMover 10px
Roda do ratoZoom para a posição do cursor
Alt + arrastarDeslocar a área de trabalho

18. Idiomas

A interface do editor está disponível em 13 idiomas com deteção automática do navegador. Pode mudar o idioma no ecrã inicial usando os botões com bandeiras ou, dentro do editor, através do menu suspenso no canto superior direito. A sua preferência de idioma fica guardada entre sessões.

Idiomas suportados: Polski, English, Deutsch, Français, Español, Italiano, Hrvatski, Ελληνικά, Lietuvių, Português, Română, Slovenščina, Українська.

19. Estrutura dos ficheiros exportados

FicheiroFinalidade
Collage.xmlDefinição do modelo — posições das fotografias, tamanhos, etiquetas, definições QR
Collage.pngMiniatura quadrada 1080×1080 para o navegador de modelos do Fotillo
Background.pngImagem de fundo, apenas presente quando é usado o modo de fundo com imagem
Frame.pngSobreposição transparente com gráficos, textos decorativos e decoradores
Overlay*.pngMáscara branca com recorte transparente para cada fotografia com máscara
CutOut*.pngMáscara preta com forma transparente para cada fotografia com máscara
fonts/Ficheiros de fonte TTF usados pelas etiquetas XML, incluídos automaticamente
projekt.fotilloFicheiro do projeto do editor (JSON) — pode ser reaberto no editor para continuar a edição

20. Impressoras suportadas

O Fotillo Template Editor suporta todas as impressoras de sublimação térmica compatíveis com o software Fotillo. Os modelos são criados na resolução exata da impressora para garantir a melhor qualidade de impressão, em acabamento brilhante ou mate.