Efeito de texto 3D : torne seu tipo impactante

1. Introdução: Oi, meu nome é Shoe Bomb. Sou designer gráfico YouTuber em tempo parcial da Índia. Nesta aula, aprenderemos como criar efeitos de texto 3D. E se você conhece o básico do Photoshop, então, meu amigo, no lugar certo, não vamos apenas criar um texto 3D, mas explorar as diferentes maneiras de criá-lo. Então, para tornar esse processo o mais fácil possível, dividi essa aula em apenas quatro partes. Primeiro, usaremos uma técnica secreta para criar um efeito de texto de consulta com sombras. Em segundo lugar, criaremos um efeito de texto 3D realista com a ajuda de um objeto inteligente. Adicionaremos outra camada de 3D com a ajuda do efeito de traçado. E por último, dobre, onde aprenderemos a criar um efeito de texto 3D isométrico. Usaremos o Adobe Photoshop para toda a turma. Se você não tiver, tudo bem. Você pode obter um teste gratuito de 30 dias em adopt.com. Vamos começar. 2. Técnica secreta: criação de 3d com sombras: Nesta lição, usaremos uma técnica secreta para criar três textos com sombras. Então, vamos começar a aula. Para criar um efeito de texto 3D no Photoshop. Clique em Criar novo para criar um novo documento. Vamos dar a ele o nome de texto 3D. E estamos usando o tamanho personalizado em que o peso será 3.000 pixels e a altura será de 2.000 pixels. A resolução será de 72% do valor. Estão com boa aparência. Clique em Criar para criar o documento. Agora, primeiro criaremos um bom plano de fundo. Então, adicione uma camada de ajuste de gradiente. Clique no gradiente para editar. Expanda o grupo de azuis e selecione o primeiro gradiente. Ok, ok. Clique em OK, novamente. Vamos começar a digitar. Pegue a ferramenta de texto em que o tamanho será de 500 pontos. E eu estou usando esse novo normal. Você é livre para usá-lo comercialmente. O link para download será mencionado na descrição. Para a cor, usaremos lutar, clicar no centro e digitar texto 3D. Em seguida, pegue a ferramenta Mover e, para colocar esses textos no centro mantendo pressionada a tecla Control, selecione a camada de fundo. E clique no ícone central horizontal e vertical. Clique fora para desmarcar as camadas. Pressione Control Plus para ampliar. Agora clique com o botão direito na camada de texto. Abra as opções de mistura. Vamos arrastar o arquivo para a esquerda para obter uma melhor visualização. Primeiro, verifique a sombra projetada. Selecionado. Altere o modo de mesclagem de multiplicação para normal, altere a cor do modo de mesclagem de preto para raio claro. Clique em OK, defina a distância para pixels. O spread será zero, o tamanho será zero. Clique no ícone Adicionar sombra projetada para criar uma sombra projetada duplicada. Selecione a sombra projetada duplicada. Adicionaremos dois valores de distância sempre que criarmos uma duplicata de sombra projetada. Então, serão dois mais dois iguais a quatro. Em seguida, clique novamente no ícone Adicionar. Esse é o estilo principal que dá a sensação de texto 3D. Selecione a gota, a sombra, altere a distância 4-6. Repita o processo até obtermos o valor de dez. Portanto, haverá cinco cópias de sombras projetadas. Devido à distância dessas cópias, parece que está em formato 3D. Mas não se preocupe, não vamos expandi-lo para mais de cinco. Em vez disso, faremos algo mais interessante. Essa é a última cópia. Ataque. Está bem? Pressione Control Plus para ampliar. Agora, selecione a camada de texto e solte-a no ícone Grupo. Recolha o grupo. Clique com o botão direito no ícone do Grupo. Abra as opções de mesclagem e verifique a primeira sombra projetada. Agora, essa é a parte interessante. Ao alterar a distância de 2 a 10 pixels, expandimos o efeito de texto 3D. Portanto, as cinco cópias que criamos anteriormente agora estão duplicadas. Queda de Jacqueline, sombra, genes selecionados ou distância de 4 a 20 pixels. Então, cada vez adicionaremos uma sombra projetada e a distância será aumentada em dez pixels. Então, ao colocar o texto dentro do grupo, podemos realmente dobrar as sombras. Então, aqui também faremos o mesmo processo. Criaremos cinco sombras projetadas e, a cada vez, aumentaremos a distância dez pixels até obtermos 50 pixels. Então esse é o último. Esse efeito tem muitos benefícios. Mas, pessoalmente, eu realmente gosto da parte angular. Ao alterar o ângulo, você pode mudar essa extrusão 3D. Vamos definir o ângulo em que 21 coisas estão faltando nesse imposto. Você sabe o que é isso? Profundidade? Sim. Estou falando sobre sombras. Não é engraçado que tenhamos criado tantas sombras projetadas, mas não há uma única corda mas não há uma única corda que realmente forneça as sombras. Então, adicione outra sombra projetada. Selecionado. Mude sua cor para preto. Clique em OK. Aumente o tamanho em torno do pixel, aumente sua distância. Ou você pode ajustar manualmente essa distância. Vamos reduzir sua opacidade para 50%. E o ângulo será um e vinte. Isso parece perfeito. Hit, Ok, colapsou os efeitos. Agora você pode editar facilmente seu texto e colocar seu próprio texto aqui nos textos de acordo com o movimento e a ação. E se você quiser alterar a cor do texto, clique duas vezes no contexto e altere a cor do cabeçalho. Escolha qualquer cor que você quiser. Mas você pode ver que isso só mudará a cor da parte superior, mas não afetará a parte inferior da extrusão. Vamos cancelá-lo por enquanto. Para alterar totalmente a cor desse texto. Recolha-o. Selecione o grupo e arraste-o até o ícone Grupo. Recolha-o. E adicione uma camada de ajuste, saturação de matiz. Clique no botão do clipe para recortá-lo com o grupo para que não afete a cor do plano de fundo. Você pode ver isso aqui, está recortado. Agora, de volta às Propriedades. Verifique a cor. E você pode ver uma tonalidade vermelha nela. Mas é muito leve. Então, aumente a saturação e diminua a luminosidade. Aumente mais a saturação. Quando alteramos os valores de matiz, você pode alterá-los para qualquer cor que desejar. Se necessário, reajuste a saturação e a luminosidade. Vamos dar essa cor. Volte para o painel de camadas. Agora, mesmo se mudarmos o texto, cor permanecerá lá. Mas eu gostei da toupeira de colarinho branco. Oculte a camada de ajuste superior. E é assim que criamos um texto 3D. Mas esse efeito também tem sua própria limitação. Deixa eu te mostrar. Quando dimensionamos o texto, a extrusão se torna pequena. Quando diminuímos o tamanho do texto, a extrusão se torna grande, então não é constante. E a extrusão também é muito simples. Como se houvesse apenas uma cor. Ele precisa ter alguns tons de cor para parecer mais realista. No próximo capítulo, aprenderemos a maneira realista criar um efeito de texto 3D. Nos vemos na próxima aula. 3. Texto 3d realista: usando um objeto inteligente: Nesta lição, criaremos um efeito de textura realista com a ajuda de objetos inteligentes. Então, vamos começar com a lição. Crie um novo documento exatamente como antes. Seu tamanho será personalizado. Nomeie esse documento como texto 3D, que terá 3.000 pixels e a altura será de 2.000 pixels. poeira do valor será a mesma. Clique em Criar. Primeiro, criaremos um plano de fundo, adicionaremos uma camada de ajuste de gradiente. Clique no gradiente para editar, expandir o grupo de abuso e selecionar o segundo gradiente. Não precisamos mudar mais nada. Clique em OK? Esses valores também estão prontos para usar. Ataque. Ok, novamente, agora pegue a Ferramenta de Tipo e eu estou usando a fonte matter of break. Você pode baixá-lo facilmente. O link é fornecido na descrição. Faça com que seja regular. O tamanho será de 500 pontos, o alinhamento será centralizado e a cor será branca. Clique no centro e digite o texto T. Não é uma palavra, mas acho que soa bem. Pegue a ferramenta Mover e, enquanto mantém pressionada a tecla Control ou Command, selecione a camada de fundo e alinhe-a vertical e horizontalmente no centro. Clique fora para desmarcar as camadas. Para facilitar seu fluxo de trabalho. Usaremos teclas de atalho, como a barra de espaço branca. Você pode percorrer o quadro de arte. E enquanto segura z, você pode ampliar e diminuir o zoom. De tempos em tempos. Nós usaríamos esses atalhos para tornar seu fluxo de trabalho mais fácil. Então, vamos trabalhar para criar o texto 3D. Selecione a camada de texto, clique com o botão direito do mouse e converta em objeto inteligente para que possamos trabalhar de forma não destrutiva. Além disso, podemos alterar o texto a qualquer momento, clicando duas vezes nele. Esse é um dos recursos mais poderosos do Photoshop. Se você ainda estiver confuso, não se preocupe, literalmente aprenderei mais sobre isso. E arraste essa camada de textura até o ícone Nova camada para criar uma camada duplicada. zoom para ver claramente o resultado. E com a tecla de seta superior, mova-a para cima três vezes enquanto segura Alt, pressione uma vez a tecla de seta superior. Ele criará uma cópia duplicada, não soltará o botão alt e a moverá para cima pressionando duas vezes a tecla de seta superior. Então, seguiremos esse padrão criando oito cópias, movendo cada cópia duas vezes para criar o efeito 3D. Eu sei que agora você não consegue ver a diferença. Só me dê um momento. Você verá a diferença. Agora. Vamos diminuir o zoom segurando a tecla Shift, selecionar a cópia e a camada de textura inferior. Pressione Control ou Command G para criar um grupo de todas essas camadas. Renomeie essa camada como 3D, tocada. Eu o escondo e o revelo. Você pode ver a diferença. Para torná-lo mais proeminente. Expanda o grupo, selecione a camada superior. Clique com o botão direito Abra as opções de mesclagem. Sobreposição de cores do ícone, selecionada. Defina o modo de mesclagem para Multiplicar. A cor será preta e a opacidade será de 20 por cento. Em seguida, selecione a sobreposição de gradiente. Definir a Opacidade de 40% abordada sobre o valor será a mesma coisa. Clique em OK? Agora queremos copiar esse efeito em todas essas camadas. Para fazer isso, clique com o botão direito do mouse na camada e copie seu estilo de camada. Agora, enquanto segura a tecla Shift, selecione a camada inferior. Clique com o botão direito do mouse e cole o estilo de camada. Agora está parecendo 3D. Recolha o grupo. Renomeie a camada superior como superior. Para torná-lo mais realista, vamos adicionar sombra. Expanda o grupo. Role para baixo, selecione a camada inferior e pressione Control G para criar uma camada duplicada. Arraste a cópia para fora do grupo, recolha o grupo e renomeie essa camada como sombra. No momento, não queremos esses efeitos. Então, vamos esclarecer isso. Clique com o botão direito na camada e selecione Limpar estilo de camada. Clique com o botão direito nele novamente e abra as Opções de mesclagem. Clique em Drop Shadow. Selecionada, já foi adicionada a sombra e definiu a opacidade em 50 por cento. A distância será de 30 pixels, dispersão será zero e o tamanho será de 30 pixels. Acho que precisamos mudar o ângulo, definir seu ângulo para 120 graus. Agora está com boa aparência. Clique em OK, para obter um efeito mais bom, selecione a camada superior abra as opções de mesclagem. Selecione sombra projetada, defina a opacidade, 20%. Distância, 20 pixels, tamanho, dez pixels. Vamos reduzir sua opacidade em dez. Acerte, OK, e esse resultado parece muito melhor do que antes. Esse efeito já está completo agora, você pode editá-lo clicando duas vezes no objeto inteligente. Altere-o para qualquer texto que você quiser. Vamos digitar Hello. Pegue a ferramenta Move e certifique-se de colocá-la dentro da tela. Pressione Control S para salvá-lo e Control W para fechar o arquivo. O objeto inteligente já foi amputado aqui. Você pode criar um efeito como esse ou levá-lo para outro nível. Na próxima lição, adicionaremos outra camada de 3D com a ajuda dos efeitos do traçado. Nos vemos na próxima lição. 4. Camada adicional: crie 3d com efeito de curso: Bem-vindo de volta a outra lição sobre efeito de texto 3D. Até agora, aprendemos a criar um efeito de texto 3D, mas estamos passando para o próximo nível. Esse é o último resultado que obtemos. Vamos desfazer isso por enquanto e criar outra camada 3D logo abaixo dela. Para isso, selecione a camada de sombra e pressione Control J para duplicar a camada. Arraste essa cópia logo abaixo da camada de sombra. Clique com o botão direito e limpe o estilo da camada. Em seguida, abra as Opções de Mesclagem e inicie o traçado. Defina o tamanho de 30 pixels. A posição será do lado de fora. E para a cor, você pode escolher a cor que quiser. Vamos usar essa cor amarela. Clique em OK. Renomeie essa camada como traçado. Agora, esse tropo terá sua própria profundidade 3D. Amplie, pressione Control J para duplicar a camada, arraste-a abaixo da camada de traçado e renomeie-a como profundidade do traçado. Assim como criamos uma profundidade 3D para a camada de texto, também criaremos uma camada de toque para o traçado. Mas antes de fazer isso, vamos colocar uma certa distância entre a camada superior padrão e a camada de profundidade inferior. Com a tecla de seta para baixo, mova a camada e a distância entre elas será preenchida com camadas duplicadas. Acho que isso deve ter distâncias suficientes. Vamos começar a criar as cópias mantendo pressionada a tecla Alt. Pressione a tecla de seta para cima uma vez, solte o botão e pressione a tecla de seta para cima para repetir o processo até criar sete cópias. Agora, enquanto mantém pressionada a tecla Shift, selecione todos os traços que estão em camadas e pressione Control G para criar um grupo. Renomeie-o como profundidade real ou, para ser mais preciso, será profundidade de traçado 3D. o botão direito do mouse no grupo e abra as Opções de mesclagem. Selecione Sobreposição de cores. O modo de mesclagem será multiplicado. A cor será preta e opacidade, 20% de acerto. Está bem? Você pode ver que esse é o mesmo processo que fizemos com o efeito de texto. A única diferença é que adicionamos um traço colorido. Vamos adicionar a sombra, expandir o grupo. Selecione a camada inferior. Pressione Control J para duplicar a camada e arrastá-la fora do grupo. Recolha o grupo. Também os efeitos. Limpe seu estilo de camada e renomeie essa camada para traçar essa sombra. Abra suas opções de mistura. Selecione sombra projetada. Disse que a opacidade é de 40%. A distância será de 50 pixels. Tamanho 50 pixels. Adicione outra sombra projetada. Será que a opacidade será de 40 por cento. A distância será de 50. E tamanho 20 pixels. Clique em OK. Reduziu o efeito. E enquanto segura a tecla Shift, selecione o grupo e pressione Control G para criar um grupo. Renomeie-o como traçado 3D. agrupamento e a nomeação são importantes para qualquer arquivo. Caso contrário, será muito difícil para qualquer pessoa editar o arquivo enquanto segura a tecla Shift. Selecione o traçado e um grupo de traçados 3D e crie um grupo, chame-o de traçado. E crie também um grupo das camadas superiores, renomeie-o como texto 3D. Não precisamos da camada de fundo, então exclua, renomeie-a como Bg e converta-a em um grupo, nomeie-a como plano de fundo. E se você está se perguntando como mudar a cor do traço, deixe-me dar uma dica. Selecione o grupo de traçados e adicione uma camada de ajuste, saturação de matiz. Clique no ícone do clipe. Isso afetará apenas o grupo e mudará o valor da tonalidade para qualquer cor que você desejar. Vamos dar uma cor vermelha. Voltou para o painel de camadas e criou um grupo de traçado e a camada de efeito limita claramente o traçado. Você também pode dar cores diferentes ao grupo. É assim que criamos um efeito de dupla camada de texto 3D que pode ser editado para qualquer texto que você quiser. Obrigado por fazer esta lição. Na próxima lição, aprenderemos sobre texto isométrico. Isso está muito na moda no momento. Nos vemos na próxima lição. 5. Isométrico : criação de texto 3d em ângulo isométrico: Bem-vindo a outra lição para criar efeitos de texto 3D. Nesta lição, criaremos um efeito de texto isométrico 3D. Crie um novo documento. Nomeie-o como texto de crédito isométrico, que terá 3.000 pixels e a altura será de 2.000 pixels. O resto do valor será o mesmo. Clique em Criar. Primeiro, adicionaremos um plano de fundo, adicionaremos uma camada de ajuste de gradiente. Clique no gradiente para editar. Role para baixo e expanda o grupo Nuvem. Escolha o primeiro gradiente e clique em OK, duas vezes. Renomeie essa camada como BG. Exclua a camada de fundo porque já criamos o plano de fundo. Em seguida, pegue a ferramenta de texto. Estou usando mais negrito direto. O tamanho será de 500 pontos. Faça-o afiado. Alinhe-o no centro. Escolha a cor preta. Clique uma vez no centro e comece a digitar tendências. Selecione a ferramenta Mover e coloque-a no centro. Para criar o texto isométrico, precisamos primeiro de uma referência. Criaremos uma camada duplicada. Dê o nome de referência para visualização isométrica. Clique em OK. Olá, tradutor de domínio por enquanto. E pressione Control ou Command T para transformar. Nas opções de cabeçalho, defina a rotação -30. Valor de inclinação horizontal de apenas 30. Por causa do ângulo isométrico, clique em Take. Isso funcionará como referência. E agradaremos a tradução exatamente em cima dela. Primeiro, exiba-o e mude-o para uma cor diferente. Vamos usar a cor azul. Clique em OK. Clique com o botão direito na camada e converta-a em um objeto inteligente para que agora possamos trabalhar de forma não destrutiva. Além disso, podemos alterar o texto sempre que quisermos. Vamos ajustar esse texto de acordo com o texto de referência. Pressione Control ou Command T para transformar. Mantendo o Controle ou o Comando apenas nos pontos. Você pode dedicar seu tempo a esse processo. Acabou. O único objetivo aqui é apenas combinar o texto de referência. Se você não conseguir obter 100% de precisão, até 90% poderão fazer o trabalho. Depois de terminar, basta clicar em pegar o cabeçalho. Agora não queremos o arquivo de referência, então exclua-o. Renomeie essa camada como camada 3D de textos. Agora abra as opções de mesclagem. Adicione, Drop Shadow, defina o modo de mesclagem Multiply. A cor será preta, opacidade de cinco por cento, ângulo, 90 graus. Distância, só para espalhar zero. E tamanho dez pixels. Ok, ok. Acabamos de criar uma sombra clara. Agora você verá por que usamos essa sombra projetada. Criaremos várias cópias enquanto pressionamos Alt, pressione a tecla de seta para cima para criar uma cópia. Repita o processo até criarmos 41 cópias. Nas lições anteriores, usamos sobreposição de cores para mostrar a profundidade do texto 3D. Mas agora estamos usando o Drop Shadow. Selecione a 14ª camada. Role para baixo enquanto mantém pressionada a tecla Shift. Selecione a primeira cópia que criamos. Verifique se você não está selecionando a camada inferior. Arraste todas as camadas até o ícone Grupo para criar um grupo. Você nomeia esse grupo como camada de texto 3D. Em seguida, selecione a camada superior e renomeie-a como camada superior de textos. E essa camada funcionará como sombra. Esconda-o por enquanto e selecione a camada superior. Vamos adicionar um novo estilo de camada de doação. Então, limpe o estilo anterior. Abra as opções de mesclagem. Adicione sombra interna. Defina a opacidade de 60%. O modo de mesclagem será de esquiva colorida, a cor será branca. Ângulo de 90 graus. Distância, dois pixels, corridas zero e tamanho também dois pixels. Em seguida, adicione uma sobreposição de gradiente. O modo de mesclagem para sobrepor a opacidade de 100%. Estou usando gradiente preto e branco, ângulo de estilo linear de um a vinte. E valor de escala de 90%. Adicione Drop Shadow. A cor será preta. Defina o modo de mesclagem para multiplicar. Opacidade: ângulo de cinco por cento, 90 graus, distância de 20 pixels. Tamanho do pixel. A sombra parece muito clara. Vamos definir a opacidade em 20 por cento. Agora parece mais realista. Clique em OK? Reduza os efeitos. Selecione a camada de sombra e oculte-a. E claro que é Layer Style. Abra as Opções de mesclagem. Clique em Color Overlay. A cor será preta. Defina o modo de mesclagem para Normal. Opacidade, 100 por cento. Ataque. Ok. Em seguida, vá para o filtro. Desfoque. Desfoque de movimento. Defina o ângulo 90, distância 50 pixels. Clique em OK. Novamente, vá para Filter Blur. Mas desta vez, optaremos por causar desfoque. Defina o raio dez. Clique em OK. Enquanto pressiona a tecla Shift, selecione a camada superior e arraste todas as camadas e grupos para o grupo. Eu posso dar a ele o nome de texto 3D isométrico. Então, quase concluímos 70% do nosso trabalho. Mas se você estiver satisfeito com o resultado, que seja do jeito que está. Mas se você quiser dar uma aparência mais exclusiva, adicionaremos outra camada de traçado 3D logo abaixo dela. Para isso, duplicaremos o grupo. Dê um nome, traçado 3D. Clique em OK e arraste esse grupo logo abaixo do texto isométrico. Agora vamos criar o espaço entre o traço e a letra. Use uma tecla de seta para baixo e mova-a para baixo. E depende de você quanta distância você deseja adicionar. Expanda o grupo de AVC. Selecione a camada superior de textos e limpe seu estilo de camada. Mostre o grupo e a camada de sombra. Para ver o modo de efeito com clareza. Abra a opção de mesclagem da camada superior de textos. Adicione sobreposição de cores. Vamos dar a cor amarela. Copie o código de cores. Ataque. Ok. Em seguida, adicionaremos o traçado, alteraremos a cor branca e colaremos o código da cor aqui. Clique em OK. O tamanho 5-20 pixels. E a posição será do lado de fora. Apenas segure, o valor será o mesmo assim. Ataque. Está bem? Agora vamos copiar esse estilo de camada. Mostre o grupo expandido, selecione a primeira camada e cole o estilo da camada sobre ela. Mas precisamos colar o estilo em todas as camadas dentro do grupo. Selecione essa camada, role para baixo. Enquanto mantém pressionada a tecla Shift, selecione a camada inferior. Clique com o botão direito do mouse no estilo da camada Às vezes, leva tempo para mostrar o efeito e depois temos o efeito. Eu sei que parece plano. Vamos consertar isso. Role para cima e reduza o grupo. Abra as Opções de mesclagem. Sobreposição de cores, selecionada. Mude a cor de amarelo para preto. Clique em OK. Defina o modo de mesclagem para multiplicar. Opacidade de dez por cento. Ataque. Está bem? Agora isso está lindo. Se você quiser reduzir a parte externa desses textos, basta ir ao grupo. Role para baixo. Vamos excluir dez camadas da parte inferior. Portanto, depende de você quantas camadas você deseja excluir. Acho que precisamos excluir mais camadas da parte inferior. Agora parece mais equilibrado. Role para cima e reduza o grupo. Selecione a camada superior e abra suas opções de mesclagem. Eles podem soltar a sombra selecionada. Defina o modo de mesclagem para Multiplicar. A cor será preta. Ângulo de 20% de opacidade, 90 dias, 20 pixels, dispersão zero. Tamanho 40 pixels. Ataque. Ok. Vamos trabalhar com sombras. Mostre a camada de sombra. Efeitos selecionados e expandidos. Acho que todo o cenário parece ótimo. Vamos apenas mover a sombra um pouco cima e também reduzir o espaço entre o Stroke Group e o grupo fiscal. Isso parece muito mais um botão agora. Para tornar o modo de fundo presente, eles adicionarão uma camada de ajuste de gradiente. Escolha o gradiente preto e branco. Clique em OK. Defina o gradiente de estilo. As palavras do país. Aumente o valor da escala. Vamos definir isso para 50%. Bata, ok? Altere o modo de mesclagem para pan de cores. Defina sua opacidade em 70 por cento. Renomeie essa camada como fato, veja como ela está maravilhosa. Vamos tornar esse arquivo mais estruturado. Para tornar esse arquivo mais fácil de usar, expandiremos o grupo e criaremos uma camada duplicada da camada superior. Aqui está o estilo de camada. Defina a opacidade e o valor de preenchimento em zero por cento. Coloque-o por cima. Agora, essa camada será útil sempre que quisermos alterar o texto para qualquer texto que quisermos. E eu quero agradecer a todos vocês que estão assistindo isso. Espero que você tenha aprendido algo valioso nessas lições. E eu adoraria ver o resultado, como você criou seu próprio texto 3D.