Crie efeitos de texto totalmente editáveis no Inkscape 1. 3+

1. Introdução: Você já passou muito tempo criando um texto incrível para algo como um logotipo ou título de videogame? Só para perceber que provavelmente ficaria melhor com uma fonte diferente ou que você cometeu um erro ortográfico flagrante E agora você tem que começar do zero. Bem, no Ingscape, na verdade, temos a capacidade de criar efeitos de texto totalmente editáveis e personalizáveis qualquer momento desta aula, aprenderemos as técnicas especiais necessárias para fazer isso e as usaremos criando quatro efeitos de texto impressionantes. No final da aula, vou até mostrar alguns efeitos extras de bônus. Depois de aprender como é fácil criar esses efeitos de texto dinâmico, você nunca mais perderá seu tempo criando efeitos estáticos. 2. PROJETO DO CURSO : Seu projeto de classe. Você pode acompanhar um ou mais dos exemplos de vídeos de projetos desta aula ou usar os métodos que aprendemos para criar seus próprios efeitos de texto editáveis e encontrar ideias Gosto de fazer uma pesquisa de imagens no Google para efeitos de texto editáveis, o que tende a trazer muitos resultados do Photoshop Quando encontro uma imagem de que gosto, copio e colo em um documento do Inkscape e, em seguida, tento recriar o efeito Tudo bem, quando você terminar seu projeto, não se esqueça de enviá-lo, porque eu adoraria vê-lo. 3. Clonagem de objetos de texto: A chave para criar efeitos de texto editáveis no scape é usar vários clones de um objeto de texto e aplicar várias alterações e efeitos de aparência Isso ocorre porque, diferentemente uso de cópias ou duplicatas simples, os clones manterão coisas como o texto e os atributos da fonte do objeto de texto original Para ver isso em ação, vamos criar um objeto de texto simples. Os atributos de texto e fonte não importam no momento. Vou pegar a ferramenta seletora e aumentá-la um pouco. A propósito, as técnicas que usaremos nesta aula só funcionam na versão 1.3 e superior do Cape. Isso ocorre porque nas versões anteriores, os objetos de texto eram tratados de forma um pouco diferente Certifique-se de usar pelo menos a versão 1.3 correta do Inkscape. Agora vamos criar um clone do objeto de texto. que podemos fazer da maneira usual clicando com o botão direito do mouse e escolhendo clone Ou acessando o menu de edição. Depois, clique em clonar e escolha criar clone. Agora temos um clone do objeto de texto, que podemos mover até aqui Agora, se voltarmos para a ferramenta de texto, não temos a opção de alterar o texto dos clones. Mas se selecionarmos o objeto de texto original aqui embaixo, novamente podemos alterar seu texto e também alteraremos o texto dos clones. Isso também se aplica à alteração dos atributos da fonte. Obviamente, podemos criar vários clones do objeto de texto original Podemos fazer isso clonando diretamente o objeto de texto novamente ou podemos simplesmente duplicar clone clicando com o botão direito do mouse e escolhendo duplicar Agora temos dois clones do objeto de texto original, como podemos ver, se fizermos algumas modificações nele Agora, um problema com os clones normais é que eles também copiam os objetos originais, o preenchimento e a aparência do traçado Por exemplo, se alterarmos a cor de preenchimento do original, ela também mudará para os clones. Ao criar efeitos de texto editáveis, é provável que queiramos usar uma variedade de cores Isso não é muito bom para nós, mas, felizmente, conseguimos contornar o problema. Isso se deve ao fato de que os clones de um objeto de texto realmente usam o defeito pat original do clone O que nos permite controlar exatamente o que copiar do original. No entanto, se selecionarmos o clone e abrirmos o diálogo patifects, pelo menos na minha versão do scape, verdade não vemos o defeito pat clonoriginal e abrirmos o diálogo patifects, pelo menos na minha versão do scape, na verdade não vemos o defeito pat clonoriginal na lista aqui. Para ver isso, precisamos adicionar um patifect ao clone. Outro problema que podemos enfrentar é que os pacientes aparecem, não sendo exibidos para o Para corrigir isso, podemos criar uma forma aleatória. Devemos ser capazes de mostrar que os pacientes aparecem para isso. Agora podemos excluir a forma. Se selecionarmos o clone novamente, o patefect agora deve aparecer Tudo bem, agora vamos usar algo que não afete a aparência imediatamente, como offset aqui Agora podemos ver o efeito do caminho de deslocamento que acabamos de adicionar e o efeito do caminho original do clone Se expandirmos o clone original, ele nos fornecerá várias configurações para controlar o que copiar do original Por padrão, ele copia a forma do original junto com seus LPs, que são seus efeitos de caminho. Ele também copia certos atributos do original, incluindo seu estilo, seu traçado de recorte e sua máscara O que nos preocupa principalmente aqui é que ele copia o estilo que se refere à aparência de Phil e do traço Se não quisermos que o clone copie o estilo, podemos simplesmente destacar o estilo da palavra junto com a vírgula. Depois de excluí-lo, pressione Enter ou clique neste botão de seleção Marcar O estilo do clone agora não foi definido e podemos alterar livremente coisas como essa cor de preenchimento e cor do traçado Além disso, alterar a aparência do objeto de texto original não afeta mais o clone Porém, isso ainda afeta esse, já que esse clone ainda está copiando o estilo A alteração do texto original ou dos atributos da fonte, no entanto, ainda afetará os dois clones. No entanto, um problema que podemos encontrar é que, quando começarmos a adicionar efeitos de pat aos clones, eles podem não ser totalmente atualizados após alterarmos o texto original ou certos atributos da fonte Isso provavelmente é um bug e pode já ter sido corrigido se você estiver usando uma versão posterior do Inkscape que a minha Mas se não, para corrigir isso, tudo o que precisamos fazer é adicionar um caractere extra, como um espaço, ao final do objeto de texto que atualiza os clones corretamente, então não podemos excluir o caractere extra Nesta lição, aprendemos que podemos criar vários clones de um objeto de texto e que eles copiarão o texto original e os atributos da fonte Também aprendemos que os clones usam um efeito de caminho original do clone, que nos permite definir o que queremos que os clones Agora vamos usar esse conhecimento e começar a criar alguns efeitos de texto editáveis incríveis 4. Efeito 1: texto em grafite: Para o primeiro defeito, vamos criar um texto simples de grafite Para todos os projetos desta classe, usarei o tamanho padrão de quatro papéis para a página. Mas o tamanho exato das coisas não importa. Sinta-se à vontade para usar o tamanho de página que quiser ou você pode simplesmente se deslocar e não se preocupar com a página Aqui à direita, os diálogos que atualmente tenho abertos são os diálogos de distribuição alinhados O diálogo de camadas e objetos, o diálogo de Phil e traçado e o diálogo de efeitos de pat Não precisaremos de todos esses diálogos para todos os projetos Pensei em economizar algum tempo abrindo todos eles. Para encontrar e abrir cada um dos diálogos. Você pode usar esse menu suspenso aqui. Tudo bem, para esse efeito, importei essa imagem de uma parede de tijolos que vou usar como plano de fundo. Eu forneci a imagem como um recurso para download, caso você queira usar a mesma para acompanhar No entanto, você pode usar uma imagem diferente, se quiser, ou pode até mesmo criar um retângulo ou algo para o plano de fundo Ok, vamos querer bloquear essa camada para que não movamos ou alteremos acidentalmente o plano de fundo Vamos para o diálogo de camadas e objetos. E vamos clicar no ícone de cadeado ao lado da camada um. Criaremos todo o texto em uma camada acima dessa. Vamos clicar no botão de adição aqui. Certifique-se de que a corrente acima seja escolhida para a posição. Em seguida, clique no botão do anúncio. Tudo bem, agora estamos prontos para criar um objeto de texto. Vamos pegar a ferramenta de texto. Vamos criar um aqui embaixo. Por enquanto, vou aumentar um pouco o tamanho da fonte. Eu vou até a vitrine da Sedgwick Avenue. A tela da Sedgewick Avenue tem uma bela aparência de grafite. Também é uma fonte gratuita, assim como todas as outras fontes que usarei nesta aula. E você pode encontrar facilmente um link para ele fazendo uma pesquisa no Google. No entanto, você pode usar praticamente qualquer fonte que quiser para isso, ok? Para a cor do texto. Vou até o diálogo de preenchimento e traçado e coloco um preenchimento em lata. Agora vou dar um gradiente linear. Em seguida, vou pegar a parada transparente aqui, elevar o canal alfa até o fim e torná-lo magenta Tudo bem, agora eu quero que o gradiente seja vertical, então vou mover a primeira parada aqui para o topo do texto Em seguida, pegue a outra parada, mantenha pressionado o controle para ajustar o ângulo e coloque-o aqui Agora podemos mover o texto para o fundo e redimensioná-lo, se necessário Ok, em seguida, vamos criar um clone do objeto de texto Se já tivermos o diálogo do Patifis aberto. Podemos fazer isso facilmente clicando no botão clonar aqui Agora temos um clone em cima do original. Queremos compensar o clone. Vamos adicionar o caminho de deslocamento a ele. Mas antes de compensá-lo, também queremos poder torná-lo com uma cor diferente do objeto de texto original Como aprendemos anteriormente, podemos fazer isso expandindo aqui as configurações originais do clone, quais agora temos acesso Em seguida, na caixa de atributos, podemos destacar e excluir o estilo da palavra. Em seguida, clique no botão Checkmark ou pressione Enter. Agora podemos mudar sua cor. Isso será usado como uma borda ao redor do texto. Queremos que seja uma cor que se destaque bem no fundo. Para isso, vou usar branco. Tudo bem, agora com a ferramenta seletora ativa, vamos até aqui e colocar o clone abaixo do objeto de texto original Então, podemos pegar a ferramenta node e, se expandirmos as configurações do efeito do caminho de deslocamento, agora veremos essa alça circular laranja que nos permite deslocar o Tudo bem, isso já parece bastante decente, mas para dar uma aparência mais pintada, podemos tornar as bordas do texto um pouco mais ásperas Para fazer isso, criaremos outro clone do objeto de texto original e adicionaremos o efeito de caminho áspero a Vamos pegar o objeto de texto e clicar no botão clonar na caixa de diálogo do efeito de caminho Vamos adicionar aspereza a isso. Podemos brincar com as configurações aqui, se quisermos. Normalmente, basta clicar nesses botões de dados aqui, o que adiciona algumas pequenas variações ao efeito. Pode simplesmente mover esse clone para baixo. Uma etapa que fica entre o texto original e o outro clone Isso só faz com que possamos selecionar facilmente o original, se quisermos. Também podemos adicionar o efeito aproximado e de caminho ao clone da borda aqui Ok, e para realmente destacar o texto, podemos adicionar um pouco de sombra entre ele e o fundo. Então, vamos primeiro duplicar o clone inferior, indo até o menu de edição e escolhendo duplicar, ou usando o controle de atalho D. Isso também duplica todos os Por algum motivo, isso pode fazer o efeito rough and path fique totalmente louco, mas na verdade não precisamos dele para esse clone Vamos clicar no ícone da lixeira aqui ao lado do efeito áspero e caminho Agora vamos tornar o clone preto. Desfoque um pouco e diminua a soma da opacidade. Então, podemos movê-lo um pouco para a esquerda e enviá-lo abaixo de todos os outros objetos. Ok, o efeito acabou. Agora, se quisermos, podemos selecionar o objeto de texto original , pegar a ferramenta de texto e fazer algumas modificações, conforme aprendemos anteriormente. Se ele não atualizar todos os clones imediatamente, podemos adicionar um espaço extra Em seguida, exclua-o e podemos facilmente redimensionar, redimensionar e reposicionar tudo 5. Transformas repetidas e duplicadas: O tutorial. Para o segundo efeito, usaremos a função Ink Scapes, duplicate and transform para aplicar rapidamente uma transformação a várias duplicatas de um A função de duplicar e transformar, junto com sua companheira, a função de transformação reaplicada, foi introduzida na versão 1.3 do Inkscape. Cada dessas funções requer um atalho de teclado Infelizmente, os atalhos padrão não funcionam corretamente para todos, principalmente para usuários de Linux e Mac Mas veremos como corrigir isso daqui a pouco. Para usar as funções, primeiro transformamos um objeto girando-o, escalando-o, inclinando-o ou movendo-o Então, para a função de transformação reaplicada , repete a transformação no mesmo objeto Usamos o controle de atalho para duplicar e transformar, que se aplica à transformação em duplicatas do objeto Usamos o controle D. Agora, se essas duas funções já funcionarem para você, fique à vontade para pular o resto deste vídeo Caso contrário, mostrarei como podemos alterar os atalhos. Para fazer isso, primeiro precisamos abrir a caixa de diálogo de preferências para usar um Mac. Você pode fazer isso acessando o menu do Inkscape e escolhendo Preferências para o resto de nós Podemos ir até o menu Editar e escolher Preferências. Aqui, precisamos expandir as preferências da interface e escolher o teclado. Agora, na caixa de pesquisa na parte superior, se digitarmos reaplicar, veremos as funções de duplicar e transformar e as transformações reaplicadas junto com Se clicarmos duas vezes em um dos atalhos do teclado, os tipos mudarão para o novo acelerador Para alterar o atalho, tudo o que precisamos fazer é inserir uma nova combinação de teclas, como control one atualização pode levar alguns segundos e agora está mostrando o novo atalho de teclado para a outra função que podemos usar, por exemplo, o controle dois Agora podemos fechar, adicionar a caixa de diálogo de prefácios e experimentar os novos atalhos Tudo bem, agora estamos prontos para trabalhar no próximo defeito. 6. Efeito 2: texto retro: Para o segundo efeito, criaremos um texto em estilo retros E vou usar essa paleta de cores aqui principalmente para que você não seja forçado a assistir, a escolher as cores do diálogo de filosofia. Se você quiser usar as mesmas cores. Eu forneci a paleta de cores como uma imagem para download que você pode importar para o seu documento Também forneci os valores hexadecimais das cores, caso você prefira apenas digitá-las Mas é claro que você também pode usar as cores que quiser. Ok, para começar a criar o defeito de texto, vamos primeiro pegar a ferramenta retângulo e criar um retângulo para vamos primeiro pegar a ferramenta retângulo e criar um retângulo para o plano de fundo. Para a cor de preenchimento. Vou pegar a ferramenta Dropper e escolher essa cor laranja na paleta Tudo bem, agora vamos bloquear a camada de fundo acessando a caixa de diálogo de camadas e objetos e clicando no ícone de cadeado ao lado da camada um. Em seguida, vamos criar uma nova camada acima dessa clicando no botão de adição aqui, certificando-se de que a camada acima da atual seja escolhida para a posição e clicando em anúncio. Tudo bem, agora podemos pegar a ferramenta de texto e criar algum texto para a fonte Eu vou com Pacifico, que tem uma boa retrofilia para a cor do texto Vou usar a ferramenta Dropper para escolher a segunda cor aqui Agora vamos mover o texto para o plano de fundo. Ok, agora estamos prontos para criar um clone do objeto de texto Vamos até a caixa de diálogo do Patifect e clicar no botão clone Queremos poder mudar a cor do clone. Precisaremos modificar como configurações clonororiginais, caso ainda não tenhamos visto as configurações caso ainda não tenhamos visto Aqui, podemos mostrar a lista de pacientes e escolher o clonoriginal Tudo bem, agora podemos remover o atributo de estilo da cor. Eu vou usar esse azul escuro aqui. Tudo bem, agora podemos enviar o clone abaixo do texto original Então, podemos adicionar o efeito do caminho de deslocamento a ele. Pegue a ferramenta Node e desloque-a um pouco. Ok, agora vamos duplicar o clone. Então, vamos pegar a ferramenta selecionada e ampliar um pouco. Agora vamos também fazer da duplicata uma cor aleatória diferente de todos os outros objetos Veremos o porquê daqui a pouco Ok, agora vamos mover a duplicata levemente para baixo, para a direita Agora vamos usar a função duplicar e transformar para reaplicar esse pequeno movimento que acabamos fazer a muitas duplicatas dessa duplicata A função de duplicar e transformar por padrão, usa o controle de atalho D. Fazer isso cerca de dez a 15 vezes deve ser bom Ok, agora queremos colocar todas essas duplicatas abaixo do objeto de texto original e do primeiro Primeiro, precisamos selecionar todas as duplicatas porque elas são da mesma cor e não combinam com a cor de nenhum outro objeto Podemos selecionar todos clicando com o botão direito do mouse em um e, em seguida, selecionando a mesma cor de preenchimento. E agora podemos enviá-los para o fundo. Então, podemos torná-los da mesma cor do primeiro clone. Agora temos um belo efeito de três D. Porém, para que pareça ainda melhor, devemos pelo menos adicionar uma sombra para separar o texto do plano de fundo. Para fazer isso, usaremos uma duplicata do primeiro clone. Para selecioná-lo facilmente, podemos primeiro selecionar o objeto de texto original na parte superior, depois manter pressionada a tecla Out e clicar nele novamente. Agora temos o clone selecionado e podemos duplicá-lo. Vamos fazer essa soma de preto e menor opacidade. Agora vamos movê-lo para a direita de todos os outros clones enviá-lo para a parte inferior Se necessário, podemos reposicioná-lo usando as teclas de seta pressionando o botão Ao fazermos isso, vamos movê-lo em incrementos menores. A lata parece muito boa. Para um toque final, podemos adicionar uma pequena separação entre o objeto de texto original e o primeiro clone Para isso, vamos primeiro duplicar um dos clones. Novamente, vou apenas duplicar o clone de sombra que ainda selecionei E vou aumentar a opacidade até o fim. Não precisaremos da compensação para este. Assim, podemos acessar a caixa de diálogo de defeitos do caminho e remover o efeito do caminho de deslocamento Agora vou usar a ferramenta conta-gotas para torná-la dessa cor esbranquiçada Ok, agora vamos mover o clone para que fique um pouco à direita do objeto de texto original Em seguida, envie-o um degrau abaixo. Tudo bem, o efeito acabou, então agora podemos fazer algumas edições. 7. Efeito 3: texto ondulado: Em seguida, criaremos um texto ondulado para as cores. Vou usar essa paleta aqui, que forneci como imagem para download caso você queira usar as mesmas Tudo bem, vamos começar criando um retângulo para o plano de fundo Vou definir a cor do campo para a cor superior na paleta, Al. Agora, podemos pegar a ferramenta de alfinetes e desenhar um caminho ondulado no centro do retângulo Vamos colocá-lo na parte inferior do retângulo e fechá-lo. Vou usar a segunda cor na paleta para isso. Agora vamos gostar tanto do retângulo quanto do caminho ondulado. Em seguida, vá até o menu Caminho e escolha Fratura. Agora podemos deletar essa peça extra aqui embaixo. Na verdade, vou dar ao caminho ondulado um gradiente linear Vou selecionar a parada transparente aqui, aumentar totalmente a opacidade e torná-la um pouco mais escura Agora vou pegar a ferramenta de gradiente, mover a primeira parada aqui para cima e a outra para baixo É muito sutil, mas ficará melhor quando adicionarmos o texto. No momento, podemos bloquear a camada de fundo e criar outra camada acima dela. Posso simplesmente criar algum texto para a fonte? Queremos algo que tenha letras****. Eu vou para o Montserrat e vou mudar o estilo muito pesado. Também vou redimensioná-lo um pouco. Tudo bem, para a cor, vou usar a mesma cor ciano do fundo Então eu vou dar a ele um gradiente linear. Aumente a opacidade do batente transparente. Em seguida, pegue a ferramenta conta-gotas aqui embaixo e escolha a terceira cor na paleta E eu vou fazer a linha do gradiente vertical. Ok, em seguida, vamos criar um caminho ondulado na parte inferior do texto e usá-lo como um traçado de recorte para o Vamos pegar a ferramenta de alfinetes e desenhar um caminho ondulado aqui. Tudo bem, agora podemos selecionar tanto o objeto de texto quanto o caminho ondulado Em seguida, escreva, clique neles e escolha Definir clipe. Ok, e antes de colocarmos o texto em segundo plano, vamos até o diálogo da Patethcs e criaremos um Agora, como você pode ver, o clone também está sendo recortado. E isso porque, se mostrarmos as configurações originais do clone, um dos atributos que está copiando é o traçado de recorte do objeto original Podemos remover o caminho do clipe daqui. E também vamos remover o estilo para que possamos mudar a cor. Tudo bem, para a cor, eu vou com a amostra de cor número quatro Vamos colocá-lo abaixo do texto original. Tudo bem, em seguida, vamos duplicar o clone. Vamos adicionar a patética de deslocamento a ela e compensá-la um pouco. Vou mudar o tipo de junção aqui para roteado para que os cantos não fiquem tão nítidos Tudo bem, agora vamos dar a esse clone um gradiente linear. Em seguida, use a caixa de listagem de gradientes aqui para escolher o mesmo gradiente do texto original Agora podemos enviá-lo para o fundo. Em seguida, queremos ajustar a linha do gradiente para que ela corresponda ao gradiente do texto original Isso parece muito bom, exceto que você pode notar que algumas das cores brilhantes do primeiro clone estão aparecendo nas bordas Para corrigir isso, podemos inserir um pouco o primeiro clone. Para fazer isso, vamos adicionar o offset Patifect ao primeiro Em seguida, pegue a ferramenta Node e arraste a alça laranja para dentro. Lá vamos nós. No entanto, se também quisermos arredondar os cantos do primeiro clone, agora que o inserimos, mesmo que alteremos a junção para arredondá-lo, ele não arredonda os O que podemos fazer é adicionar o efeito de caminho dos cantos a ele. Em seguida, ajuste a configuração do raio de forma um pouco perfeita. Basta pegar o clone inferior novamente e duplicá-lo para obter a cor deste Eu vou com esse roxo escuro. Agora vamos enviá-lo para o final e começar um pouco mais. Agora podemos finalmente mover todos os textos para o plano de fundo. Para que o texto se destaque um pouco mais, podemos primeiro duplicar o clone inferior, torná-lo branco, enviá-lo para o final e começar mais Então, para uma sombra, podemos duplicar, novamente, fazer com que essa cor preta a desfoque um pouco e menos Em seguida, vamos movê-lo para um lado de todos os outros clones e enviá-lo para o fundo E é isso. Agora podemos selecionar o objeto de texto original, que lembre-se que é apenas essa parte ondulada, e podemos mudar algumas coisas Agora, uma coisa que você pode notar depois de alterar o texto é que um traçado de recorte pode estar um pouco errado Para corrigir isso, podemos selecionar o objeto de texto. Vá para a ferramenta Node, ative esse botão na barra de controles Isso mostra os nós do traçado de recorte, então agora podemos ajustá-lo e adicionar nós extras 8. Ligando clones: No momento, tenho um objeto de texto e tenho um clone dos objetos de texto Agora, digamos que eu queira distorcer a forma do clone, por exemplo, adicionando o efeito de caminho de vinculação para E agora vou duplicar o clone. Como você pode ver, ele também duplica as configurações do efeito bin path dos clones No entanto, se eu agora alterar a curva de compartimento do primeiro clone, isso não afetará a duplicata Isso ocorre porque a duplicata ainda está clonando o objeto de texto original, não o Agora, se eu quisesse, por exemplo, usar a duplicata para criar uma borda ao redor do clone, precisaria da duplicata para copiar automaticamente as configurações do efeito do caminho de compartimento do clone , caso eu queira alterar a curva posteriormente Para fazer isso, preciso vincular a duplicata ao clone e acho que isso funciona melhor do zero Vou excluir a duplicata. Remova também o efeito bin path do clone. Agora vou copiar o clone para a prancheta. Agora, eu dupliquei o clone novamente. Para vincular a duplicata ao clone, posso acessar as configurações originais do clone e clicar neste botão de link para o item Por algum motivo, isso o alinhará com o objeto de texto original, mas podemos movê-lo novamente. A duplicata agora é basicamente um clone desse clone. Se eu adicionar o efeito bin path ao primeiro clone, novamente, à medida que altero a curva, isso também afeta o outro clone O legal é que eu posso adicionar outros efeitos separados à duplicata, como talvez offset Agora eu posso mudar a cor dele, enviá-lo para o fundo e movê-lo para baixo do primeiro clone para criar uma borda Alterar a curva do primeiro clone ainda afetará o outro É claro que também podemos alterar os atributos da fonte do texto usando o objeto de texto original. Agora, a razão pela qual estamos mantendo o objeto de texto original aqui na terra de ninguém é que não somos capazes de dobrá-lo como fazemos com os clones. Colocá-lo em cima dos clones como temos feito até agora, não funcionará No entanto, se não gostarmos de ter o objeto visível aqui embaixo, podemos colocar sua opacidade em 0%. Ainda podemos selecionar o objeto de texto e modificá-lo, mas caso esqueçamos onde ele está, podemos pegar o primeiro clone E nas configurações originais do clone podemos clicar no botão selecionar o original 9. Efeito 4: texto em quadrinhos: O quarto e último efeito, criaremos um estilo de texto que você costuma ver usado para sons como boom e Pal em histórias em quadrinhos E eu vou usar essa paleta de cores aqui. Tudo bem, vamos começar criando um retângulo para o plano de fundo Vou fazer com que seja dessa cor vermelha. Vamos pegar uma ferramenta de estrela e polígono. Vamos criar uma estrela que tenha muitos cantos, como talvez 11. Vou ajustar um pouco o raio da base para evitar que ele se incline Estou mantendo o controle da cor. Vou escolher essa cor esbranquiçada aqui. Agora vou mover a estrela para o retângulo e ajustar o tamanho A. Ok? Agora vamos adicionar alguns arredondamentos apenas aos cantos internos da estrela Para fazer isso, podemos primeiro transformá-lo em um caminho indo até caminho objeto a caminho. Em seguida, podemos pegar a ferramenta Nota e clicar no botão Adicionar cantos LPE Para selecionar facilmente apenas os nós internos, podemos manter pressionada a tecla Alts, clicar e arrastar para fazer a seleção dos nós à mão livre Agora podemos usar essas alças circulares brancas para arredondar um pouco os cantos. Tudo bem, vamos finalizar isso fazendo mais uma vez que caminho de objeto a canal de caminho é duplicar esse objeto, torná-lo preto, descer um degrau e subir um pouco enquanto pressiona Shift e Control e subir um pouco enquanto pressiona Shift Se pudermos agrupar esses dois objetos caso queiramos fazer alguns ajustes neles. Certo, terminamos com o plano de fundo. Assim, podemos acessar o diálogo de camadas e objetos e bloquear a camada de fundo. Em seguida, adicione uma nova camada acima dela. Canal é criar um objeto de texto. A fonte, eu vou usar The Luckiest Guy, que é uma fonte gratuita que tem uma aparência de desenho animado Certo, vamos passar para o diálogo do Patifx agora e criar um clone E precisamos ser capazes de mudar o estilo do clone. Vamos colocar as configurações originais do Patifx do clone aqui e remover o estilo da palavra da caixa de atributos Agora, vamos mover o clone para o plano de fundo e redimensioná-lo se quisermos para o estilo Vamos dar a este um padrão de bolinhas. Para isso, vamos ao Phil and Stroke Dialogue e clique no botão Pattern Fill Vou escolher a categoria de meios-tons e ir para a primeira opção aqui. E podemos alterar algumas das configurações, se quisermos. Ok, agora vou clicar na amostra de cores aqui. Em seguida, clico no ícone do conta-gotas e escolho o mesmo vermelho do plano de fundo Ok, em seguida, vamos criar algumas duplicatas desse clone No entanto, também adicionaremos alguns efeitos extras de caminho, como deformação do envelope, ao clone E queremos que os efeitos sejam aplicados automaticamente às duplicatas Isso significa que precisaremos vincular as duplicatas ao clone primeiro, vamos copiar o clone na área de transferência depois E nas configurações clonororiginais duplicadas, vamos clicar no botão de link para o item Isso pode posicionar e redimensionar a duplicata para corresponder ao objeto de texto original Mas podemos corrigir isso desmarcando opção de transformações permitidas em suas configurações clonorginais Isso força a duplicata a copiar o tamanho e a posição do clone, que é o que queremos Tudo bem, agora vamos colocar a duplicata abaixo do clone. Vamos mudar sua cor. Eu vou primeiro usar esse amarelo aqui. Em seguida, darei um gradiente linear, farei com que a transparência pare totalmente opaca e mudarei a cor para a cor laranja na paleta Então eu vou fazer o gradiente vertical. Ok, e para que tudo isso pareça um pouco melhor, podemos fazer com que os pontos do clone comecem transparentes perto da parte superior e fiquem cada vez mais opacos Para fazer isso, podemos usar uma máscara de gradiente de preto para branco. Mas primeiro, se selecionarmos o clone e dermos uma olhada nas configurações originais do clone onde, por padrão, copiamos a máscara do objeto original, precisaremos removê-la Na verdade, não vamos lidar com o caminho do clipe, então podemos simplesmente remover tudo aqui. Tudo bem, agora vamos criar um retângulo cobrindo todo o clone. Vamos torná-lo preto. Agora vamos dar um gradiente linear. Em seguida, pegue o batente transparente, aumente totalmente a opacidade e coloque-a Então, vamos falar o gradiente vertical. Ok, agora para selecionar o retângulo e o clone que está abaixo dele, podemos manter pressionadas as teclas Shift e Alts e Agora podemos clicar com o botão direito do mouse e escolher Definir máscara. Agora, como você pode ver, isso também afeta a duplicata. Isso ocorre porque, se selecionarmos a duplicata, o que podemos fazer facilmente acessando a diálogo patifxs e clicando no pequeno caminho com o botão Clone Original LPE nas duplicatas, clone as configurações originais está copiando a máscara do clone o clone Podemos remover tudo isso. Agora, a duplicata não está mais sendo mascarada. Tudo bem, agora com a duplicata ainda selecionada, vamos duplicá-la Vamos fazer este preto e enviá-lo para o fundo. Agora vamos adicionar o efeito do caminho de deslocamento a ele e começar um Ok, vamos duplicar novamente. Vamos mover essa para baixo e para a esquerda de tudo. Mas não podemos movê-lo no momento, porque precisamos ativar a opção de transformações permitidas Está bem? Agora vamos movê-lo e enviá-lo para a segunda via mais uma vez Diminua um pouco a opacidade deste. Mova-o ainda mais para a esquerda e envie-o para baixo para criar uma sombra. Tudo bem, como mencionei anteriormente, vamos adicionar alguns patifects ao primeiro E como todas as duplicatas são, na verdade, clones do primeiro clone, qualquer alteração que fizermos nos primeiros clones e configurações de patifect também será aplicada às configurações de patifect também será aplicada Ok, então vamos pegar o primeiro clone aqui no topo. E vamos adicionar a deformação do envelope patifect a ela. Com isso, podemos clicar em um dos botões de edição na tela, como no lado direito, e usar essas alças para deformar o objeto Ok, e só por diversão, vamos adicionar o efeito bin path ao clone e fazer uma pequena curva Ok, o efeito está concluído, então podemos fazer algumas edições no objeto de texto original aqui embaixo. Tudo bem, então isso deve ser suficiente para esse efeito e para essa classe. Espero que tenha gostado e espero que o incentive a criar seus próprios incríveis efeitos de texto editáveis Obrigado por se juntar a mim. 10. Efeitos bônus: Um efeito de caminho interessante que podemos adicionar ao clone de um objeto de texto é o efeito de caminho de fatia com uma Se usarmos a ferramenta Node, obteremos a linha cortada que podemos ajustar Agora, se pegarmos a ferramenta seletora, podemos mover as duas partes separadamente. Também podemos dar a eles cores diferentes e até aplicar efeitos de caminho separados em cada parte. Se voltarmos às configurações do efeito de caminho fatiado, ainda podemos ajustar a linha fatiada Se adicionarmos o efeito de caminho lado a lado ao cone de um objeto de texto, podemos colocar o texto lado a lado de várias maneiras Se marcarmos a opção de dividir elementos, ela nos permitirá selecionar as cópias individuais, para que possamos alterar suas cores. Para o próximo efeito, podemos usar o objeto de texto diretamente sem lidar com clones. momento, tenho um objeto de texto e um caminho e vou copiar o objeto de texto na área de transferência Em seguida, vou pegar o caminho, adicionar o efeito padrão ao longo do caminho e clicar neste link para o botão Caminho e Área de Transferência Agora posso repetir o texto ao longo do caminho de várias maneiras. No momento, tenho um objeto de texto que tem um traçado e nenhum preenchimento em um fundo preto. Agora, digamos que eu queira criar um efeito de brilho neon. Para fazer isso, primeiro clonarei o objeto de texto e removerei o atributo de estilo de suas configurações clonororiginais Agora eu posso ir para a caixa de diálogo de preenchimento e traçado. Desative sua cor de preenchimento, dê a ele a mesma cor de traçado do objeto de texto original e torne-o um pouco mais grosso Agora eu posso desfocá-lo, diminuir sua opacidade e enviá-lo abaixo do Então eu posso duplicar o clone. Torne essa largura de um traço ainda mais espessa, desfoque-a ainda mais e diminua um pouco mais sua opacidade e, em seguida, envie-a para Isso funciona bem, mas se eu agora decidir alterar a cor do texto alterando a cor do traçado do objeto de texto original. Isso não afeta os clones porque eles não estão copiando o estilo dos objetos de texto Para corrigir isso, posso selecionar o clone superior segurando zero e clicando no objeto de texto Nessas configurações clonororiginais, posso adicionar a palavra stroke à caixa de propriedades CSS Agora, o clone está copiando o objeto de texto, cor do traçado. Depois, posso selecionar o outro clone segurando zero e clicando aqui novamente e fazendo com que ele também copie o objeto de texto, a cor do traço