Três efeitos de texto criativos que desenvolvem habilidades versáteis no Photoshop: um curso de Graphic Design for Lunch™

1. Introdução a 3 efeitos de texto do Photoshop: Olá, sou Helen Bradley. Bem-vindo a esta aula de compartilhamento de habilidades. Estou criando três efeitos de texto muito interessantes e muito diferentes no Adobe Photoshop Eu escolhi esses efeitos de texto porque cada um deles usa um conjunto muito diferente de habilidades importantes do Photoshop Usá-los como texto é apenas uma introdução. Depois de ver como eles funcionam, haverá habilidades para adicionar ao seu kit de ferramentas do Photoshop, prontas para você usá-las em todos os tipos de projetos do Photoshop no futuro Vou ensinar cada um desses efeitos passo a passo para que você possa acompanhar. E seu projeto é criar um ou mais deles e publicar seu trabalho na seção de projetos de classe. Realmente espero que você goste desta aula tanto quanto eu gostei de prepará-la para você. 2. Efeito de texto inverso de cor: O primeiro dos nossos efeitos de texto é esse tipo de efeito de texto de cor inversa ou inversa Tudo aqui é totalmente editável. Para começar, vou criar um arquivo totalmente novo, então clique em Novo arquivo. A minha é de 1920 por 1080. O seu pode ser do tamanho que você quiser. Queremos exibir a paleta de camadas, então pressione a tecla Função sete ou vá para Janela e Camadas Vamos adicionar uma nova camada. Clique no sinal de adição aqui. Temos preto como nossa cor de primeiro plano. Vamos para a ferramenta retângulo e vamos definir essas três opções para pixels Isso é muito importante. Em seguida, basta arrastar um retângulo sobre a metade inferior do documento, e ele será preenchido automaticamente com essa cor preta Vamos fazer disso um objeto inteligente. Então, se estiver selecionado, vá para filtro e, em seguida, converta para filtros inteligentes e clique em OK. E então, para transformá-las em ondas, vamos filtrar, distorcer e depois ondular Agora, com o filtro de onda, você só quer obter algo parecido com isso, que é uma onda senoidal Estou usando o número de geradores, um, porque só quero que pareça muito simples assim O comprimento da onda é uma distância entre as ondas para que você possa fazer mais ou menos dependendo do comprimento da onda. Você quer que esses valores de comprimento de onda aqui sejam praticamente os mesmos Se você arrastar um, provavelmente arrastará os dois. A amplitude é o tamanho da onda, então você só quer definir isso para um valor que faça sentido para você. Acho que um valor relativamente pequeno funcionará para mim. Acho que quero que meu comprimento de onda seja um pouco maior. Então, quando você tiver algo de que goste, basta clicar em OK. Agora, isso é totalmente editável clicando na opção de onda aqui, você pode alterar essas configurações Acho que isso é melhor para mim. Vou adicionar meu texto agora, então vou para a ferramenta de texto. Estou usando uma fonte chamada anagrama NF e sei que ela precisa ter cerca de 48 pixels Você pode experimentar o que faz sentido para você em seu documento. Agora, contraintuitivamente, você quer digitar em branco, então você quer ter certeza de que essa pequena caixa aqui em cima Caso contrário, não vai funcionar. Vou clicar aqui e colocar meu tipo aqui simplesmente porque será mais fácil ver por cima do preto. Então, vou clicar e digitar meu tipo. A fonte ficou presa. O tamanho do tipo não tem, então deixe-me fazer com que seja 48. Agora eu posso posicionar meu tipo onde eu quero que ele esteja. E, como você pode ver, o branco está se perdendo no fundo, mas o branco que cobre o preto é altamente visível. Para fazer o efeito de texto inverso com essa camada de texto selecionada, vamos escolher um dos dois modos de mesclagem Não importa qual deles você usa. Pode ser diferença ou exclusão. Eles terão exatamente o mesmo efeito. Então, agora esse efeito pode ser alterado no sentido de que você pode, como você viu, editar sua estrutura de onda, mas também pode mover esse objeto de texto e alterar o tipo, o tipo de letra, o tamanho da fonte, as palavras, o que quiser E, finalmente, para adicionar o efeito de cor, vamos clicar na camada de texto e garantir que temos cores diferentes aqui. Então, vou clicar nesse ícone. Então, eu tenho preto e branco. Isso tornará as coisas um pouco mais fáceis de ver. Vá para a camada Nova camada de ajuste. Vamos até aqui para ver o mapa de gradientes. O mapa de gradiente é uma forma de aplicar cores a um documento com base no que está no documento Se eu simplesmente inverter esse gradiente específico, você verá que as cores estão invertidas porque essa cor aqui branca está sendo aplicada ao que antes era preto, e essa cor aqui está sendo aplicada ao que antes era Bem, queremos algo um pouco diferente. Então, vamos clicar no gradiente e eu vou definir minhas paradas aqui Eu quero que essa parada seja azul. Realmente não importa, como você viu, qual parada é , porque é muito fácil mudá-la. Clique neste e torne-o amarelo. Vou clicar em OK. E então, se eu quiser, posso clicar no botão de desfazer o reverso, para que eu possa reverter o gradiente , caso eu tenha entendido as cores da maneira errada Agora, esse efeito é totalmente editável. As ondas são editáveis. O texto é editável, o mapa de gradientes é Tudo pode ser mudado. 3. Mesclar texto em uma foto: O próximo efeito de texto é bem simples. É muito divertido de fazer. E o que isso envolve é esconder esse texto por trás de alguns dos elementos da imagem. Nesse caso, estamos escondendo o texto atrás das árvores. Vamos começar abrindo nossa imagem, e eu tive uma aberta recentemente, então vou pegar esta aqui. Vou adicionar meus tipos. Vou acessar a ferramenta de digitação aqui. Vou clicar no documento. Estou trabalhando com o tipo branco aqui. E a fonte que estou usando se chama MelgaTargular. Configurei em 400 pontos não será grande o suficiente agora. Então, vamos clicar aqui e eu estou digitando meu texto. Agora, as imagens que estou usando para esse efeito específico são todas do unsplash.com e vou fornecer links para Então, estou apenas colocando meu texto aproximadamente onde eu quero que ele esteja no documento. Esse é um efeito totalmente editável, então podemos movê-lo mais tarde Vou para Window e depois LAS porque eu quero ter meu painel AS visível. Vou clicar nos meus tipos vou até o ícone FX Vou clicar nele e vou escolher as opções de mistura. A opção de mesclagem que estamos usando é chamada Blend If. Você pode ver aqui em cima. As opções de mesclagem de estilos estão selecionadas e estamos usando o Blend If E o que isso nos permite fazer é dizer ao Photoshop que, se a camada subjacente for mais escura do que a camada atual, queremos começar a ocultá-la Então, o que vamos fazer é arrastar esse controle deslizante para cima. E como você pode ver, enquanto eu o arrasto, estamos começando a mastigar esse texto aqui Agora, posso dividir esse pequeno slide aqui mantendo pressionada a tecla lk em uma opção de PC em um Mac, e eu só quero dividi-lo em dois porque isso tornará a área de transição um pouco mais suave E tudo o que estou procurando é uma configuração aqui que esconda as partes dessa fonte aqui que estão nas árvores, basicamente. Depois de conseguir o que quero, vou clicar em OK. E agora, se movermos o tipo, você verá que ele realmente desaparece nas árvores Novamente, isso é totalmente editável. Então, eu não gosto dessa letra maiúscula T aqui, então vou pegá-la e torná-la minúscula, acho que fica muito melhor Mas a fonte pode ser alterada, o tipo pode ser alterado, o tamanho da fonte pode ser alterado. A posição da fonte pode ser alterada. E, claro, você pode reeditar essa mistura se, ao clicar neste ícone aqui, você verá que ela tem um pequeno ícone engraçado. Ao clicar duas vezes nisso, você realmente abrirá essa área de estilos de camada novamente e poderá ajustar essa configuração Agora, há uma ressalva com esse efeito ele nem sempre funcionará Então, vamos dar uma olhada em alguns exemplos e vou te dizer por que escolhi essas imagens e como vou trabalhar com elas. Essa é a primeira das imagens. O que eu escolhi aqui foi uma imagem que tinha alguma área escura e o primeiro plano e alguma área clara no Isso é ideal para essa situação. Se eu estivesse usando isso, provavelmente recortaria a imagem. Acho que é demais, mas isso é totalmente editável, então eu poderia levar o texto para outro lugar, mas você pode ver aqui que o céu está começando a corroer a letra Portanto, você só quer ter muito cuidado com a imagem que escolher, e um bom contraste entre o primeiro plano e um bom contraste entre e o plano de fundo realmente ajuda Também estamos vendo uma pequena fratura no tipo. Não se preocupe, mas se você gostou, talvez queira ter mais cuidado com a imagem escolhida. E então este, Desert Sunset, está funcionando muito bem. Novamente, eu provavelmente recortaria essa imagem. Eu gosto mais desse tipo de área no meio do que das áreas de borda. Acho que vai funcionar um pouco melhor dessa forma. Então, quando você estiver procurando imagens para baixar no unsplash.com, procure esse contraste realmente nítido entre o plano de fundo e o primeiro plano, oferecendo algo em que você possa pendurar seu chapéu para que essa combinação de processos funcione para você 4. Crie interesse com estilos de camada: Para esse efeito de texto, vamos criá-lo usando uma série de estilos. Então, vou começar com um novo arquivo, 1920 por dez, 80. Para mim, o seu pode ser do tamanho que você quiser. Vou preencher meu plano de fundo com apenas uma cor com a qual eu possa trabalhar. Eu vou para a ferramenta de texto. Vamos até o painel Layers. Vou adicionar uma nova camada aqui e vou digitar meu texto. Vou usar a fonte Blackjack e vou fazer com que o tamanho da fonte 110, que eu sei que funciona para este documento em particular Para obter esse efeito, vamos usar estilos. Então, com a camada de texto selecionada, vou para o ícone FX. E vou clicar aqui na sobreposição de padrões. Agora, eu já localizei os padrões antigos que foram enviados com o Photoshop O que eu fiz foi acessar Janela e depois padrões, e aqui no menu suspenso, escolhi padrões legados e Isso me permitiu voltar aos padrões antigos que foram fornecidos com as versões anteriores do Photoshop E o padrão que estou usando é um das superfícies Artis. Portanto, você deve encontrar um grupo chamado superfícies Artis se quiser usar esse padrão, e é isso Você pode escalar o padrão no diálogo aqui, para ver que podemos torná-lo na escala que quisermos. Vou me manter bem próximo ao tamanho original. Não quero ampliá-lo muito porque ele perde um pouco de nitidez É misturado no modo normal. Agora, para obter a cor rosa do nosso texto, vamos usar uma sobreposição de cores Então, vamos adicionar uma nova sobreposição de cores. E eu vou escolher uma cor para usar. Vou escolher algo bastante rico em cores. E você verá aqui que o padrão desapareceu. Está tudo bem. Eu quero voltar a essa cor novamente mais tarde, então vou adicioná-la às amostras Isso é muito importante porque é muito difícil encontrá-lo de outra forma. Então, vou clicar em OK. Agora, se mudarmos o modo de mesclagem aqui, poderemos ver o padrão abaixo Então você pode fazer algo como escolher luz múltipla ou suave Assim, você pode escolher o modo de mesclagem que mais lhe convém. Há muitos deles, e todos eles têm efeitos diferentes A tela é outra. Na verdade, vou usar a tela. Agora, para criar uma linha em torno desse tipo, vamos adicionar um traçado dessa cor, e essa é a cor que acabamos salvar no painel Amostras Então, deixe-me exibir o painel Amostras com janela e depois amostras E essa é a cor aqui embaixo. Então, vamos adicionar um traço. Agora, esse derrame vai ser muito pequeno. Você pode dizer que é apenas um pixel. Vou clicar na cor, mas você verá aqui que não há como realmente selecionar uma cor que esteja no painel Amostras Nenhuma dessas opções de diálogo oferece o painel Amostras, mas como eu o tenho visível aqui , posso simplesmente experimentá-lo Por isso era importante salvá-lo. Também para tê-lo visível. Então, vou clicar em OK. Então, um traço de um pixel. Vou colocá-lo do lado de fora para não perder peso no meu texto. Eu poderia torná-lo um pouco maior se eu quisesse. Vou adicionar outro traço. Desta vez, será branco. Então, vou adicionar novamente um traço. Vamos fazer com que seja uma cor branca. Novamente, vou colocá-lo do lado de fora, para que fique fora de tudo, e vou aumentar o tamanho. Tudo isso é ajustável posteriormente , se não for adequado para nós. Agora, há um problema com esse traço específico, pois ele está acima do traçado rosa existente. Então, vamos pegar o traço rosa e movê-lo para cima. Você pode ver que estamos empilhando esses itens um pouco melhor Vamos adicionar outro traço. Então esse vai ser da mesma cor rosa. Então, vamos selecionar essa cor rosa novamente, certificando-se de que o painel de amostras ainda esteja visível para que tenhamos acesso a essa cor E este vai ficar, novamente, do lado de fora, e queremos seja maior do que o branco. um pouco difícil vê-lo agora até que realmente o movamos para baixo. Então, vamos fazer isso. Vamos colocá-lo atrás de tudo. Então, temos o traço rosa muito pequeno na parte superior e , em seguida, um traço branco aqui e, em seguida, esse contorno rosa E você poderia entrar e variá-las se não fossem as dimensões certas e, finalmente, nossa sombra projetada. Então, vamos adicionar uma sombra projetada. Agora, nossa sombra projetada, eu gostaria que viesse dessa direção, então vou mudar o ângulo dela. É muito difícil de ver agora porque está por trás do nosso texto. Então, vamos aumentar a distância e aí está começando a aparecer. Mas você notará que um pequeno problema na sombra projetada é o formato das letras originais, então ela não parece muito boa no momento. Vou começar a trabalhar aumentar a propagação e aumentar o tamanho. O tamanho é praticamente macio, então isso realmente nos dará um efeito de sombra projetada um pouco melhor A distância vai tirar um pouco o texto da página. Talvez queiramos trabalhar com o spread. Então, entre todas essas configurações, você pode encontrar um valor ideal para sua sombra projetada. O modo de mesclagem é multiplicar. Estamos usando um cinza ou preto aqui, e você também pode ajustar a opacidade se quiser Agora, uma das coisas sobre esse efeito é que, como ele foi criado usando estilos, podemos realmente salvá-lo. Então, vamos voltar ao diálogo de efeitos clicando duas vezes na palavra efeitos aqui no painel Las, e vamos chamar isso de um novo estilo. Vou chamar isso de bordas rosa e clicar em OK. E agora, no futuro, se criarmos um documento totalmente novo e adicionarmos algum tipo a ele, podemos acessar o painel Estilos com Janela e depois estilos. E o último estilo neste painel será aquele que acabei criar, o estilo de borda rosa. E basta clicar no estilo e ele será aplicado automaticamente ao seu tipo.