header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Studio: adicionar e personalizar efeitos de texto

5 min
Neste artigo
  • Adicionar um efeito de texto
  • Fazer o design do efeito de texto
  • Formatar o texto
Use efeitos de texto para decorar o site do seu cliente com títulos e mensagens cativantes que chamam a atenção. Esses elementos totalmente personalizáveis permitem que você ajuste o efeito para ser tão ousado ou sutil quanto o design exigir. Escolha entre uma variedade de efeitos prontos e personalize o design para harmonizar com o restante da página.
Dica:
Se você estiver usando o CMS (sistema de gerenciamento de conteúdo), você pode conectar efeitos de texto ao conteúdo da sua coleção para mostrar texto dinâmico no elemento. 
GIF mostrando exemplos de diferentes efeitos de texto online em um site

Adicionar um efeito de texto

Explore nossa variedade de efeitos de texto criativos no painel Elementos. Cada efeito define um tom diferente e traz um toque único ao site do seu cliente. Esses efeitos são apenas o ponto de partida. Você pode refiná-los e personalizá-los para que combinem perfeitamente com o resto do site.

Para adicionar um efeito de texto:

  1. Clique em Elementos  no lado esquerdo do editor.
  2. Clique em Texto ou Decorativo
  3. Clique em Efeitos de texto.
  4. Arraste o efeito de texto escolhido para a página.
  5. Escreva seu texto:
    1. Clique no elemento de efeito de texto.
    2. Clique em Alterar texto.
    3. Insira seu texto. 
elemento de efeito de texto na tela no Editor do Wix Studio, ao lado do painel Alterar texto onde um texto personalizado foi inserido

Fazer o design do efeito de texto

Os efeitos de texto são totalmente personalizáveis, permitindo que você adapte o design de acordo com as necessidades e a visão do seu cliente. Cada efeito tem um conjunto exclusivo de configurações de design, disponíveis no painel Inspetor. Explore opções como cores, camadas e movimento para destacar seu efeito. 
Trabalhando com breakpoints:
As configurações de design atingem os breakpoints maiores, mas você pode personalizá-las nos breakpoints menores, se necessário. 

Para personalizar o design do efeito de texto:

  1. Selecione o elemento de efeito de texto.
  2. Clique no ícone Abrir inspetor  no canto superior direito do editor.
Uma captura de tela do painel Inspetor sendo aberto no Editor do Wix Studio.
  1. Dependendo do efeito de texto que você escolher, personalize as configurações disponíveis em Design:
    • Cor de preenchimento: escolha as cores que compõem o efeito. Dependendo do efeito específico, você pode selecionar uma única cor, várias cores ou aplicar um gradiente. 
    • Camadas: ajuste as camadas visuais para criar profundidade no design. Defina o número de camadas desejado, defina suas cores, altere o ângulo e o espaçamento entre elas para um efeito personalizado.
    • Canto: ajuste o ângulo para controlar como a luz e as sombras se estendem, criando uma aparência 3D nas bordas do texto. 
    • Faixa: ajuste o tamanho, o ângulo e a largura das faixas.
    • Movimento: ative a alavanca para adicionar um efeito de animação que aparece ao passar o mouse. Defina a velocidade usando o slider para deixar a animação mais rápida ou mais lenta. 
    • Máscara: altere a posição da máscara e o nível de desfoque para controlar quanto do texto é mostrado ou desfocado.
    • Brilho: aumente ou diminua o brilho ao redor do texto. 
    • Borda: defina a cor e a largura da borda para destacar o texto. 
    • Sombra: altere a cor, o ângulo, o desfoque e a distância da sombra.
      Observação: em alguns efeitos, a cor da sombra corresponde automaticamente às cores de preenchimento que você escolher. 
    • Texto: altere a fonte, o tamanho, as letras maiúsculas e minúsculas e muito mais. Saiba mais sobre as opções de formatação de texto na seção abaixo.
Efeito de texto selecionado na tela do Editor do Wix Studio, ao lado da seção Design no Inspetor.
Dica:
Você pode adicionar uma animação para deixar o efeito de texto ainda mais dinâmico. Clique na aba Animações e efeitos no painel Inspetor para adicionar qualquer uma das seguintes animações: entrada, hover, clique, rolagem, loop ou um efeito de mouse. 

Formatar o texto

Ajuste a fonte, o espaçamento, o alinhamento e outras configurações de formatação para garantir que seu design se adapte perfeitamente ao site do seu cliente.

Para ajustar a formatação do texto:

  1. Selecione o elemento de efeito de texto.
  2. Clique no ícone Abrir inspetor  no canto superior direito do editor.
Uma captura de tela do painel Inspetor sendo aberto no Editor do Wix Studio.
  1. Clique em Texto em Design.
  2. Ajuste as configurações de formatação disponíveis:
    • Anexe este elemento de texto a um estilo de tipografia. 
    • Altere a fonte e o tamanho da fonte. 
    • Ajuste o espaçamento horizontal e vertical de caracteres.
    • Deixe o texto em negrito ou itálico.
    • Alinhe o texto.
    • Altere o uso de letras maiúsculas e minúsculas (por exemplo: deixar o texto todo com letras minúsculas). 
Um elemento de efeitos de texto na tela ao lado do painel Inspetor, mostrando a seção de texto e as opções disponíveis
Dica de acessibilidade:
Se esse elemento de efeitos de texto for meramente decorativo, o que significa que ele não inclui informações importantes para leitores de tela, marque a caixa de seleção ao lado de Esse texto é apenas decorativo