LogoDocumentação do Add Text to Image
LogoDocumentação do Add Text to Image
Página inicialDocumentationGuia do Usuário

Guia do Usuário

Guia completo para começar rapidamente

Guia do Usuário

Bem-vindo ao nosso editor de texto para imagens online! Este guia vai apresentar todos os recursos para ajudá-lo a criar imagens incríveis rapidamente.

Etapa 1: Fazer Upload da Sua Imagem

Como Fazer Upload?

Ao abrir o site, você verá uma área de upload. Existem duas maneiras de fazer upload da sua imagem:

Método 1: Clique para Fazer Upload

  1. Clique no botão "Selecionar Arquivo" no centro
  2. Escolha sua imagem na caixa de diálogo de arquivo
  3. Suporta formatos JPG, PNG, WebP
  4. Tamanho máximo do arquivo: 10MB

Método 2: Arrastar e Soltar

  1. Arraste sua imagem de uma pasta para a área de upload
  2. Solte para fazer o upload

Se sua imagem exceder 5MB, o sistema irá automaticamente otimizá-la e comprimi-la para garantir uma edição suave.

Experimente Imagens de Exemplo

Se você não tiver uma imagem em mãos, clique em um destes exemplos:

  • Paisagem : Perfeito para marcas d'água em fotografia de paisagem
  • Retrato : Ideal para fotos de documento ou trabalhos de retrato
  • Aniversário : Ótimo para cartões de felicitações de aniversário

Etapa 2: Adicionar e Editar Texto

Após o upload da sua imagem, você pode começar a adicionar texto!

Adicionar Texto Normal

  1. Clique no botão "Adicionar Texto" na barra de ferramentas superior
  2. O texto padrão aparecerá no centro da sua imagem
  3. Clique duas vezes no texto para editar seu conteúdo
  4. Arraste para movê-lo
  5. Arraste os cantos para redimensionar

Adicionar Carimbo de Data/Hora

  1. Clique no botão "Carimbo de Data/Hora"
  2. O sistema adicionará automaticamente a data e hora atuais
  3. O formato de hora se ajusta com base no seu idioma
  4. Você pode mover, redimensionar e editar como texto normal

O recurso de carimbo de data/hora é perfeito para adicionar datas de captura às fotos ou criar imagens comemorativas datadas!


Etapa 3: Personalizar Estilos de Texto

Quando você seleciona um texto, um painel de propriedades aparece à direita (no modo tela cheia). Aqui você encontrará opções ricas de estilização de texto:

Configurações de Fonte

Escolher uma Fonte

  • Fontes do Sistema: Inclui Arial, Times New Roman e outras fontes comuns
  • Google Fonts: Centenas de fontes lindas organizadas por categoria:
    • Fontes chinesas: Para conteúdo em chinês
    • Fontes inglesas: Incluindo estilos elegantes, modernos e manuscritos
    • Fontes especiais: Fontes artísticas e decorativas

Ajustar Tamanho da Fonte

  • Arraste o controle deslizante para ajustar o tamanho (12-200 pixels)
  • Números maiores significam texto maior

Formatação de Texto

Três botões de formatação para estilizar texto rapidamente:

  • Negrito : Fazer o texto se destacar
  • Itálico : Adicionar elegância
  • Sublinhado : Enfatizar conteúdo importante

Clique nos botões para ativar ou desativar os efeitos. Você pode combinar vários formatos!

Configurações de Cor

Cor do Texto

  1. Clique no seletor de cores para escolher sua cor favorita
  2. Ou insira um código de cor no campo abaixo
  3. Visualize as alterações em tempo real

Configurações de Contorno

  • Largura do Contorno: Arraste o controle deslizante para ajustar a espessura do contorno (0-20 pixels)
  • Cor do Contorno: Escolha a cor do contorno
  • Os contornos ajudam o texto a se destacar em qualquer fundo!

Dica Profissional: Texto branco + contorno preto é a combinação clássica que funciona em qualquer imagem!

Efeito de Sombra

Adicionar sombras cria profundidade e dimensão:

  1. Clique no botão "Ativar" ao lado de "Sombra"
  2. Ajuste os parâmetros da sombra:
    • Desfoque: Quão suave a sombra aparece
    • Deslocamento X: Mover a sombra para a esquerda ou direita
    • Deslocamento Y: Mover a sombra para cima ou para baixo

Rotação e Opacidade

Girar Texto

  • Arraste o controle deslizante de rotação (0-360°)
  • Ou use botões rápidos: 0°, 45°, 90°, 180°, 270°
  • Perfeito para etiquetas anguladas e marcas d'água diagonais

Ajustar Opacidade

  • Arraste o controle deslizante de opacidade (0-100%)
  • Ou use botões rápidos: 25%, 50%, 75%, 100%
  • Valores menores tornam o texto mais transparente
  • Ideal para efeitos sutis de marca d'água

Efeitos Avançados de Texto

Espaçamento entre Caracteres

  • Ajustar a distância entre caracteres
  • Valores positivos: Espalhar letras
  • Valores negativos: Aproximar letras

Altura da Linha

  • Ajustar o espaçamento entre linhas de texto
  • Perfeito para otimizar layouts de várias linhas

Efeito de Texto Vazado

  1. Clique em "Ativar" ao lado de "Texto Vazado"
  2. O centro do texto fica transparente, mantendo apenas o contorno
  3. Cria efeitos artísticos únicos!

Etapa 4: Ladrilhamento de Texto (Recurso de Marca d'Água)

Este é um dos nossos recursos mais poderosos! Repita o texto em toda a sua imagem para criar marcas d'água profissionais.

Como Ativar o Ladrilhamento?

  1. Selecione o texto que deseja ladrilhar
  2. Encontre "Configurações de Repetição" no painel de propriedades
  3. Clique no botão "Ativar"

Três Modos de Ladrilhamento

Modo Único

  • Mostra apenas uma instância de texto
  • Para edição de texto normal

Modo Grade

  • Organiza o texto em linhas e colunas
  • Controle preciso sobre:
    • Colunas: Número de instâncias horizontais
    • Linhas: Número de instâncias verticais
    • Espaçamento Horizontal: Distância entre esquerda e direita
    • Espaçamento Vertical: Distância entre cima e baixo

Modo Compacto

  • O texto preenche toda a imagem densamente
  • Ajuste apenas o "Espaçamento do Ladrilho":
    • 0x: Texto completamente adjacente
    • 0.5x: Espaçamento leve
    • 1x: Espaçamento padrão
    • 2x: Arranjo esparso

Configurações Recomendadas:

  • Marca d'água de direitos autorais: Use modo Compacto, espaçamento 0.5-1x, opacidade 30-50%
  • Efeito decorativo: Use modo Grade, 3×3 ou 4×4, opacidade 70-100%

Controle de Layout

Recortar na Tela

  • Ativado: Mostrar apenas texto dentro dos limites da imagem
  • Desativado: Permitir que o texto se estenda além das bordas

Ajustar Todo o Texto na Imagem

  • Clique no botão "Ajuste Automático"
  • O sistema calcula automaticamente linhas, colunas e espaçamento ideais
  • Garante que todo o texto apareça na imagem

Recursos da Barra de Ferramentas Explicados

A barra de ferramentas superior contém todos os botões de operação principais:

Controles de Zoom

  • Ampliar : Clique para aumentar a tela (até 400%)
  • Reduzir : Clique para diminuir a tela (até 25%)
  • Exibição de Porcentagem: Mostra o nível de zoom atual, clique para redefinir para 100%

Perfeito para visualizar detalhes ou uma prévia geral!

Desfazer e Refazer

  • Desfazer : Retornar à operação anterior
  • Refazer : Restaurar a operação que você acabou de desfazer

Salvamos cada etapa, então sinta-se livre para experimentar!

Redefinir

  • Clique no botão redefinir para limpar todas as edições
  • Retorna ao estado logo após o upload
  • O sistema pedirá confirmação para evitar erros

Modo Tela Cheia

Entrar em Tela Cheia

  • Clique no botão "Entrar em Tela Cheia"
  • Ou pressione a tecla F no seu teclado

Vantagens da Tela Cheia:

  • Área de edição maior para trabalhar mais facilmente
  • Painel de camadas à esquerda
  • Painel de propriedades de texto à direita
  • Informações da imagem no canto inferior direito

Sair da Tela Cheia

  • Clique no botão "Sair da Tela Cheia"
  • Ou pressione a tecla F novamente

Gerenciamento de Camadas (Modo Tela Cheia)

No modo tela cheia, o painel de camadas à esquerda gerencia todo o seu texto:

Lista de Camadas

  • Mostra todo o texto que você adicionou
  • Cada camada exibe uma prévia do conteúdo do texto
  • Clique em uma camada para selecionar o texto correspondente

Botões de Ação de Camada

Cada camada tem três botões de ação:

Mostrar/Ocultar

  • Clique no ícone de olho para ocultar o texto
  • Texto oculto não aparecerá na imagem final exportada
  • Clique novamente para mostrar

Bloquear/Desbloquear

  • Clique no ícone de cadeado para bloquear o texto
  • Texto bloqueado não pode ser movido ou editado
  • Evita alterações acidentais em conteúdo importante

Excluir

  • Clique no ícone de lixeira para excluir o texto
  • O sistema pedirá confirmação
  • Você pode restaurar texto excluído usando desfazer

Informações da Imagem

Modo Padrão

No modo padrão, o lado direito mostra informações detalhadas da imagem:

  • Nome do Arquivo: Nome da sua imagem enviada
  • Tamanho do Arquivo: Tamanho do arquivo de imagem
  • Tipo de Arquivo: JPG, PNG ou WebP
  • Dimensões: Largura e altura em pixels
  • Proporção: Proporção da imagem

Modo Tela Cheia

No modo tela cheia, as informações da imagem flutuam no canto inferior direito com um efeito de vidro fosco, não obstruindo sua área de edição.


Exportar Sua Imagem

Quando terminar a edição, clique no botão "Exportar" para baixar seu trabalho:

  1. Clique no botão "Exportar" na barra de ferramentas superior
  2. Na caixa de diálogo, escolha as opções de exportação:
    • Formato do arquivo (PNG, JPG, WebP)
    • Qualidade da imagem
    • Nome do arquivo
  3. Clique no botão "Baixar"
  4. A imagem é salva automaticamente na sua pasta de downloads

Guia de Seleção de Formato:

  • PNG: Para fundos transparentes ou máxima qualidade
  • JPG: Menor tamanho de arquivo, ótimo para mídias sociais
  • WebP: Qualidade e tamanho equilibrados, ideal para uso na web

Função de Compartilhamento

Clique no botão "Compartilhar" para compartilhar rapidamente seu trabalho:

  • Copiar link para compartilhar com amigos
  • Compartilhar em mídias sociais
  • Incorporar no seu site

Perguntas Frequentes

Por que minha fonte não está mudando?

As Google Fonts precisam de tempo para carregar. Por favor, aguarde alguns segundos e a fonte será aplicada automaticamente.

Como criar marcas d'água transparentes?

  1. Adicionar texto
  2. Definir opacidade para 30-50%
  3. Ativar ladrilhamento
  4. Escolher modo Compacto

Meu texto está coberto pela imagem, o que devo fazer?

Use o painel de camadas para ajustar a ordem das camadas, ou adicione contorno e sombra para melhorar a visibilidade.

Posso editar vários textos de uma vez?

Sim! Selecione diferentes camadas no painel de camadas para alternar objetos de edição.

Como salvar meu progresso de edição?

Nosso recurso de histórico de edição salva automaticamente cada etapa. Use os botões desfazer/refazer para navegar pelo histórico.


Atalhos de Teclado

  • Tecla F: Alternar modo tela cheia
  • Ctrl/Cmd + Z: Desfazer
  • Ctrl/Cmd + Y: Refazer
  • Delete: Excluir texto selecionado

Dicas Profissionais

  1. Marca d'Água Profissional: Texto branco + contorno preto + 30% opacidade + ladrilhamento compacto
  2. Destacar Texto Importante: Fonte grande + negrito + efeito de sombra
  3. Criar Atmosfera: Experimente diferentes categorias de fontes como manuscrito ou artístico
  4. Etiquetas Anguladas: Use rotação de 45° + efeito de contorno
  5. Marca d'Água em Lote: Use o recurso de ajuste automático "Ajustar Todo o Texto na Imagem"

Agora você dominou todos os recursos—comece a criar suas imagens lindas!

Documentation

Welcome to the documentation

Índice

Guia do Usuário
Etapa 1: Fazer Upload da Sua Imagem
Como Fazer Upload?
Experimente Imagens de Exemplo
Etapa 2: Adicionar e Editar Texto
Adicionar Texto Normal
Adicionar Carimbo de Data/Hora
Etapa 3: Personalizar Estilos de Texto
Configurações de Fonte
Formatação de Texto
Configurações de Cor
Efeito de Sombra
Rotação e Opacidade
Efeitos Avançados de Texto
Etapa 4: Ladrilhamento de Texto (Recurso de Marca d'Água)
Como Ativar o Ladrilhamento?
Três Modos de Ladrilhamento
Controle de Layout
Recursos da Barra de Ferramentas Explicados
Controles de Zoom
Desfazer e Refazer
Redefinir
Modo Tela Cheia
Gerenciamento de Camadas (Modo Tela Cheia)
Lista de Camadas
Botões de Ação de Camada
Informações da Imagem
Modo Padrão
Modo Tela Cheia
Exportar Sua Imagem
Função de Compartilhamento
Perguntas Frequentes
Por que minha fonte não está mudando?
Como criar marcas d'água transparentes?
Meu texto está coberto pela imagem, o que devo fazer?
Posso editar vários textos de uma vez?
Como salvar meu progresso de edição?
Atalhos de Teclado
Dicas Profissionais