Editor do Wix Studio: adicionar e personalizar efeitos de texto
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 um texto dinâmico no elemento.
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:
- Clique em Elementos
no lado esquerdo do editor. - Clique em Texto ou Decorativo.
- Clique em Efeitos de texto.
- Arraste o efeito de texto escolhido para a página.
- Escreva seu texto:
- Clique no elemento de efeito de texto.
- Clique em Alterar texto.
- Insira seu texto.
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:
- Selecione o elemento de efeito de texto.
- Clique no ícone Abrir inspetor
no canto superior direito do editor.
- 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.
- 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.
- 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.
- Torção do texto: ative a alavanca para fazer com que cada texto ou palavra sejam torcidos em direções diferentes. Você pode escolher o padrão e definir a rotação e/ou recuo (varia de acordo com o padrão).
- 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.
- 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.
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.
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:
- Selecione o elemento de efeito de texto.
- Clique no ícone Abrir inspetor no canto superior direito do editor.
- Clique em Texto em Design.
- 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).
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.
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
