Fonte usada: efeitos inteligentes no Photoshop

1. Trailer: Oi, pessoal, eu sou Jamie Bartlett. Nesta aula, vou ensiná-los a adicionar imperfeições à sua tipografia, dando aos seus tipos de letra uma sensação mais desenhada à mão. Vou mostrar-lhe três estilos diferentes que irão arredondar cantos, arestas ásperas e adicionar algumas variações às suas letras. Depois de aprender essas técnicas, você pode personalizar, combinar e até mesmo criar texturas adicionais próprias. Todos os três efeitos não são destrutivos. Assim, você pode atualizar seu trabalho artístico e a textura será atualizada automaticamente com ele. Uma vez construído, você pode aplicá-lo facilmente a outros projetos no futuro. O melhor de tudo, é tudo feito dentro de um Photoshop, sem necessidade de outros recursos. A aula é super simples e fácil de acompanhar, mesmo que você seja novo no Photoshop. Se precisar de ajuda ao longo do caminho, estou aqui para responder a qualquer pergunta. Para o projeto de classe, você estará aplicando uma dessas texturas à sua própria tipografia. É tão simples assim. Vamos começar. Mal posso esperar para ver o que vocês criaram. 2. Estilo nº 1: Vamos começar com o efeito mais fácil primeiro. Tudo o que estamos fazendo é simplesmente distorcer as bordas dos textos um pouco para torná-los não tão perfeitos. É super simples de fazer, mas adiciona um toque muito agradável aos seus pensamentos. Primeiro precisamos configurar o nosso documento. Você pode fazer o seu documento qualquer proporção que você quiser, o meu é 16 por nove. Mas o importante é ter certeza de que sua borda longa é 3.000 pixels. Ao criar um novo documento, certifique-se de que a borda mais longa esteja definida para 3.000 pixels. Certifique-se também de que seu RGB. Uma vez que você tem que configurar, você pode colocar em seu texto, eu já coloquei o meu aqui fora. Agora, a primeira coisa que precisamos fazer é tornar nosso tipo um objeto inteligente. Eu tenho o meu tipo em duas camadas diferentes. Isso é porque, de qualquer forma, eu coloquei uma curva. A coisa mais simples a fazer é selecionar ambas as camadas, clicar com o botão direito sobre ela e dizer converter em objeto inteligente. Isso colocará ambas as camadas em um objeto inteligente. Em seguida, precisamos entrar naquele objeto inteligente. Vá para a paleta de camadas e clique duas vezes no ícone. Isso traz à tona um novo documento com o texto original ainda preservado aqui. Mesmo que quiséssemos mais tarde decidimos mudar a fonte, poderíamos fazer isso aqui. Agora, precisamos ter certeza de que nossa fonte é preta. Se você estiver usando uma fonte, você pode facilmente entrar e mudar a cor da fonte aqui para preto. Ou, se você estiver usando algumas letras à mão ou algum outro tipo de arte, tudo o que você precisa fazer é clicar duas vezes na camada e adicionar uma sobreposição de cor e torná-la preta. Não preciso da sobreposição de cores no meu, então vou desmarcar isso, mas precisamos adicionar um brilho interno. Vou mover as janelas para que possa ver o que está acontecendo. Vou adicionar um brilho interno aqui, vou certificar-me de que o meu modo de mistura está definido como normal e a minha opacidade é até 100. Verifique se a cor é branca e se a origem está definida como borda. Para o meu estrangulamento, não preciso dele tanto. Vou recusá-lo para, digamos, dois. O tamanho, eu vou definir para cinco. Vamos ampliar e você pode ver que o adicionado apenas um pouco de um branco emplumado delineado para as bordas. Certifique-se de que o contorno esteja ajustado para esta meia rodada, e tudo o resto deve ficar bem. Agora, dependendo do tamanho e espessura da sua fonte, você pode precisar brincar com o tamanho e o estrangulamento um pouco e ajustá-los para obter uma aparência semelhante à minha. Mas este é o alcance e o olhar que você está procurando. Depois de ter esse conjunto, clique em OK. Agora, isso só aplicou esses efeitos na camada em que eu cliquei. Eu ainda preciso aplicá-lo à minha camada de Anyway. Para fazer isso, tudo que você precisa fazer é clicar com o botão direito do mouse nessa camada, ir até Copiar estilo de camada, em seguida, clicar com o botão direito do mouse na camada para aplicá-la a ela e dizer Colar estilo de camada. Agora, temos tudo preparado aqui. Agora, a coisa mais importante ao lidar com objetos inteligentes é sempre lembrar de salvar. Quando você salva seu objeto inteligente, ele o atualiza no documento original. Depois de salvar esse objeto, você pode fechar seu objeto inteligente e ele é atualizado aqui. Agora precisamos configurar nossas configurações de mesclagem para que esse branco desapareça de nosso trabalho artístico. Para fazer isso, clique duas vezes em sua camada. Agora vamos abrir nosso Painel de Estilos de Camada. Aqui em baixo você pode ver nossa mistura se e nós precisamos misturar a ponta branca. Se você mover a flecha branca, nosso branco começa a desaparecer. Mas como você pode ver, ainda está agitado. Queremos amolecer um pouco. Vou mover isto de volta para aqui, e temos de dividir esta flecha. Para dividi-lo, mantenha a opção no teclado e clique no lado esquerdo da seta e que o divide. Isso começa a amolecer mais, e ainda podemos ver um pouco de branco. Vamos trazer isso para baixo até que não possamos mais vê-lo. Assim que tiver essa configuração, como quiser, clique em OK. Agora precisamos definir a cor do nosso trabalho artístico. Se você se lembra, minha fonte era originalmente branca no meu design. Agora é a hora de definir as cores desejadas. Para fazer isso, precisamos agrupar nossa camada pressionando o comando G no teclado, e então vamos definir uma camada de preenchimento de cor para este grupo. Vá até este ícone, clique em Cor sólida. Vou mudar o meu para branco. Mas o meu preenchimento de cor está dentro do meu grupo. Queremos ter certeza de que tiramos esse preenchimento de cor fora do grupo. Em seguida, vamos configurá-lo para uma máscara de recorte, mantendo a opção no teclado até que obtenhamos esta pequena seta, passando o mouse entre o preenchimento de cor e o grupo e clicando e agora ele só é aplicado a esse grupo. Agora só para que você saiba por que fizemos o grupo em vez de apenas aplicar o preenchimento de cor diretamente na camada, é porque se fizéssemos isso, então essa mistura se a configuração que acabamos de fazer estaria afetando o preenchimento da cor. Aquela seta branca que deslizamos todo o caminho para a esquerda, iria se livrar de todo o meu texto porque meu texto agora é branco. Temos que fazer isso no grupo em vez de na camada. Agora podemos adicionar o efeito de distorção para tornar essas bordas um pouco menos perfeitas e um pouco mais de aparência manual. Vamos voltar para a nossa camada de texto, e vamos até Filter e ir Galeria de filtros, e só precisamos de um efeito. Então, se acontecer de você ter mais de um, basta excluí-lo. O efeito que vamos fazer é chamado de vidro. Então, encontre vidro. Vou aumentar minha distorção para cerca de sete. Então a suavidade precisa ir até 15. Certifique-se de que sua textura está definida como fosco e a escala pode ir até cerca de 182. Lembre-se, estes são números com os quais você pode jogar com base no tamanho e espessura do seu texto. Isso é o que funciona para o que estou fazendo agora. Depois de tê-lo olhando como você quer, você pode clicar em OK. Vamos ver como isso se parece. Isso parece muito bom quanto a distorção certa que eu quero. Você sempre pode aumentar isso ou diminuir isso se for um pouco demais, mas eu gosto de onde estamos indo com este. Como podem ver, se aumentarmos o zoom, as bordas aqui são bastante ásperas. Você não percebe isso tanto quando está todo o caminho ampliado, mas eles são muito pixely olhando. Vamos adicionar um estilo de camada ao nosso grupo. Para se certificar de que o grupo está selecionado, clique duas vezes nele. Vamos adicionar um brilho externo. Vamos mudar nosso modo de mesclagem para normal. Vamos aumentar a opacidade até 100. Certifique-se de que sua cor é branca, certifique-se de que ela se espalhou até zero. Vamos ver, vamos jogar com o tamanho e vamos apenas fazer um pixel só para dar um pouco de borrão. Você pode ver que isso é depois e antes. Ele só dá um leve borrão para essas bordas para que elas não sejam tão ásperas. Clique em OK. Isso é tudo o que é preciso para adicionar um pouco de imperfeição ao seu texto. Este efeito também pode ser aplicado a quaisquer símbolos ou gráficos que você tem com que acompanhem seu texto. Você só faz exatamente o mesmo processo. É isso para este efeito. Vamos passar para o próximo. 3. Estilo nº 2: Este vai ser um processo muito semelhante. Da mesma forma que da última vez, verifique se a extremidade longa do documento está definida para 3.000 pixels de largura e se o modo de cor está definido como RGB. Eu já tenho meu texto aqui, então precisamos selecionar todas as camadas do meu texto, clicar com o botão direito nele e convertê-lo em um objeto inteligente. Então, como antes, precisamos entrar em nosso objeto inteligente, e novamente tornar seus textos pretos alterando a cor do seu tipo de rosto ou se você estiver usando arte, faça uma sobreposição de cor e defina como preto. Agora clique duas vezes em uma de suas camadas para abrir os estilos de camada, e vamos fazer um brilho interno e novamente Normal. Opacidade 100, certifique-se de que é branco e a fonte está na borda. Vamos virar o estrangulamento todo o caminho para zero e o tamanho para dois. Verifique se o contorno está definido para meia rodada novamente e tudo o resto deve ser padrão. Clique em “Ok” e diminua o zoom, e agora podemos aplicar isso. Vamos apenas copiar esse efeito e selecionar as camadas restantes, clicar com o botão direito do mouse, ir até Colar Estilo de Camada. Certifique-se de que está salvo e vá para o seu PSD, e o próximo passo é o mesmo de antes, precisamos entrar e jogar com a configuração Blend If para nos livrar do branco. Clique duas vezes em sua camada, vá até Blend If, divida isso como antes, pegue a parte esquerda da seta, traga-a para a esquerda e, em seguida, traga esta para baixo um pouco também, até conseguir o mais suave que quiser, bem ali. Clique em “Ok”. Agora vamos colorir agrupando nossa camada e, em seguida, adicionando um preenchimento de cor a esse grupo. Vou mudar o meu para branco, depois puxá-lo para fora do grupo e, em seguida, definir um máximo de recorte pressionando Option, clicando entre essas duas camadas e agora ele é aplicado ao meu texto. Agora vamos adicionar alguns efeitos ao nosso objeto inteligente. O primeiro efeito que vamos fazer é chamado de mediano. Vá até Filtro, Ruído e Mediana, e isso vai arredondar nossas bordas. Você pode ver que o G aqui já começou a girar. Eu vou transformar o meu todo o caminho até sete, e esta mediana novamente vai depender do tamanho e da espessura da sua fonte, então tente fazer com que sua fonte pareça algo assim. Meu objetivo aqui é começar a fazer esses cantos bem redondos. Como este A, parece que o meio do A está começando a sangrar um pouco juntos. Depois de obter a aparência desejada, clique em “Ok” e, em seguida, vamos para a galeria de filtros. Antes de entrar na galeria de filtros, você precisa verificar se a cor do primeiro plano está definida como preto e a cor do plano de fundo está definida como branco, porque alguns dos efeitos da galeria de filtros são baseados nessas cores, portanto esse passo é realmente importante. Vá até Filtro, Galeria de Filtros e começaremos com Conjuntos de Tinta. Eu sei que quero que o meu seja definido para 13, 48 e 24. Em seguida, vamos adicionar carimbo. Vá até aqui para adicionar uma nova camada de efeito e nós vamos mudar essa para carimbar, e certifique-se de que o carimbo está em cima dos contornos de tinta porque a ordem realmente importa. Eu sei que quero que o meu seja definido para 25 e 16. O que estou fazendo aqui como você pode ver que essas pequenas áreas brancas está apenas parecendo as letras foram lascadas um pouco e elas estão um pouco distorcidas. Os lados e bordas inteiras das letras não são tão oscilantes como o efeito antes. A maioria deles ainda é bem reta, há apenas áreas que foram lascadas. Faça isso parecer como você quer e você sempre pode voltar, e ajustar algumas coisas. Uma coisa para ajustar provavelmente será o comprimento do traçado. Vai te dar uma aparência diferente. Como você pode ver, o N aqui desapareceu completamente, então isso é provavelmente um pouco demais, a menos que seja esse o olhar que você quer. Então, se você voltar para Stamp, a suavidade é algo que vamos ajustar isso muito também. Brincar até tirá-los que quiser e, em seguida, clique em “Ok”. Isso parece ótimo para o texto grande, mas se reduzirmos o zoom, você pode ver que nosso pequeno texto desapareceu completamente. Há muita distorção e perdemos a maior parte. Agora o que precisamos fazer é começar a ajustar as coisas com base no texto pequeno, então precisamos colocar o texto pequeno e o texto grande em sua própria camada e seu próprio objeto inteligente. A maneira mais fácil que encontrei para fazer isso é duplicando nosso objeto inteligente. Como as cores são as mesmas, podemos deixá-lo dentro do mesmo grupo. Vamos clicar com o botão direito do mouse em nossa camada e não vamos dizer Duplicate Layer, vamos dizer New Smart Object via Copy. Dessa forma, se mudarmos qualquer coisa no objeto inteligente, ele não atualiza o outro porque se nós apenas dissemos camada duplicada, então os objetos inteligentes seriam os mesmos, e você não seria capaz de ajustar um sem alterar o outro. Agora temos dois objetos inteligentes únicos, então precisamos entrar em um, e vamos excluir o pequeno texto deste, e apenas ter o texto grande, salvar isso e terminamos com isso, então feche-o, e então vamos para o outro, e exclua o texto grande. Vamos agora ter tudo em seu próprio objeto inteligente. Feche nosso objeto inteligente e agora precisamos ajustar nossos filtros para esse efeito. Se você ligar e desligar a mediana, você pode ver como ela está afetando, então nós realmente precisamos diminuir isso. Vamos baixar para dois, por enquanto. Vamos ampliar e ver como isso se parece. Parece que é muito bom. Vamos começar com dois pixels, clique em “Ok” e então ainda estamos perdendo muitas das letras, então vamos para a Galeria de Filtros e ajustar esses efeitos. Vamos abaixar a suavidade, cerca de 10, vamos tentar isso. Vou entrar em Conjuntos de Tinta. Vamos abaixar um pouco o comprimento do curso, isso ajudou muito. Acho que isso parece bom. Vamos tocar “Ok” e ver se gostamos. Reduza o zoom. Há um pouco lascado em algumas dessas letras, mas ainda é legível, e é assim que você faz esse efeito. Isto é antes e depois. Vamos passar para o nosso último efeito. 4. Estilo nº 3: Muito bem, pessoal, vocês sabem o que fazer. Três mil pixels na borda longa, certifique-se de que é RGB e vamos começar. Vamos selecionar todo o nosso texto, como antes. Eu vou deixar o crédito de fora porque ele é muito fino, então eu vou apenas selecionar todas as minhas letras para minha citação, “Clique com o botão direito do mouse” e Converter em objeto inteligente. Uma vez feito isso, vamos para o nosso objeto inteligente e mudá-lo para preto. Só para que você saiba, a razão pela qual estamos mudando tudo para preto e para que a mistura se a configuração funciona corretamente. Precisamos de branco puro e preto puro. Quando você tem um monte de camadas como esta, e você pode economizar algum tempo apenas agrupando-os e pressionando “Command G” em seu teclado e, em seguida, adicionando todos os estilos de camada ao seu grupo em vez de cada camada individualmente. Então vamos “clicar duas vezes” em nosso grupo e vamos adicionar um brilho interno, o mesmo que antes. Queremos que o modo de mesclagem seja normal, 100% de opacidade, a cor branca , a fonte definida para borda, e vamos ampliar para que possamos ver como essas letras estão afetando, e vamos definir o estrangulamento para dois, e o tamanho que vamos mantê-lo em um. Certifique-se de que o contorno está definido para meia rodada e, em seguida, vamos colocar o intervalo de volta para 50, que é o padrão. Novamente, isso é apenas adicionar um contorno muito fino para que a galeria de filtros tenha algo para trabalhar. Vamos clicar em “Ok”, vamos salvá-lo e fechar nosso objeto inteligente e, em seguida, vamos definir o Blend If. Então “clique duas vezes” em nossa camada e vamos nos livrar desse branco. Então vamos em frente e dividir esta seta segurando “Opção” e arrastando o lado esquerdo para baixo muito longe, e então vamos trazer o lado direito para baixo. Isso parece bom por enquanto, podemos voltar e ajustá-lo se quisermos. Vamos clicar em “Ok” e, em seguida, vamos colorir por agrupamento ou camada, que é “Command G”, e depois descer, adicionando uma cor sólida. Eu vou fazer o meu branco novamente, e então nós sempre precisamos ter certeza de trazer isso para fora do grupo. Em seguida, segure “Option” e clique entre as duas camadas para obter sua máscara de recorte, e agora estamos prontos para a galeria de filtros. Vamos selecionar nossa camada na paleta de camadas, ir para Filtro, para Galeria de filtros. Vamos começar com apenas um efeito, então eu vou excluir esse carimbo e então eu vou mudar os contornos de tinta para ser verde. Vou mudar minha intensidade para 73, contrastar para 88, e depois o tipo verde para suave. Então, é muito difícil de ver agora, mas queremos que pareça algo assim, e então vamos adicionar outra camada de efeitos. Então, vamos clicar na nova camada de efeito, e vamos mudar esta para arestas rasadas. Eu sei que quero que o meu seja um 49, nove e 20. Então tente ajustar o seu dependendo do tamanho e espessura da sua fonte para ter uma aparência semelhante a isso. Você pode brincar com todos esses valores para obter o tipo de efeito grisalho, aresta rasada que você gosta. Quando você estiver feliz, pressione “Ok”, e você pode ver como isso está corroendo nas bordas do nosso texto. Uma coisa que vou fazer é voltar e ajustar essas configurações de Blend If apenas para ver como isso afeta meu texto. Se eu derrubar isso ainda mais, as bordas ficam um pouco mais corajosas, e esse é mais o olhar que eu quero. Uma vez que você tem como você gosta, clique em “Ok”. Vamos diminuir o zoom. Estou muito feliz com a aparência dessas bordas, e isso é tudo o que há para este efeito simples. 5. Textura bônus: Neste vídeo bônus, vou mostrar como adicionar uma textura ao interior do seu texto, que você pode aplicar a qualquer um dos efeitos que acabamos de construir. O que vamos fazer é adicionar outra Galeria de Filtros a esta camada. Vamos para Filter, Galeria de Filtros. Só precisamos de um efeito, por isso vamos apagar um destes e vamos adicionar o Sponge. Vou definir o meu para três, 25 e quatro. Todas essas pequenas áreas cinzentas são o que vai se tornar textura. Esses números determinam como a textura se parece e quanto dela. Dependendo de suas preferências, você pode ajustá-las. Só quero passar um pouco. Vamos clicar em “OK”. Se ampliarmos, podemos ver que não há nenhuma textura aparecendo. Isso porque agora precisamos ajustar nossas configurações Blend If para que a textura cinza que acabamos de colocar com o filtro Sponge comece a ficar transparente. Vamos clicar duas vezes em nossa Camada, e eu vou tirar isso do caminho. Então vamos trazer isso para baixo um pouco até que possamos começar a ver essa textura. Bem ali. Aperte “OK”. Agora você pode ver a textura. Se você quiser mais textura, tudo o que você precisa fazer é voltar para a Galeria de Filtros e você pode reduzir a suavidade um pouco e o Tamanho do Pincel para baixo, e isso aumentará a textura. Lá vai você. 6. Dicas adicionais: Então, agora vamos dizer que você está feito com tudo e você gosta de como sua textura é. Mas talvez você queira brincar com o layout mais como redimensionar essa letra e torná-la um pouco maior. Então deixe-me mostrar o que acontece quando você faz isso. Se você aumentar o tamanho, o objeto inteligente irá regenerar e toda a textura vai mudar. Então, a maior parte desaparece. Ainda temos as bordas arredondadas, mas todas aquelas pequenas áreas onde as letras foram lascadas um pouco, isso é tudo diferente. Então teríamos que voltar para a galeria de filtros e reajustar isso. Mas a maneira de contornar isso é, eu vou desfazer isso, é achatar isso. Mas antes de fazermos isso, vou duplicar meu grupo apenas para um backup para que eu sempre tenha isso. Então você pode pressionar “Command+J” no seu teclado. Agora você tem essa cópia e seu original. Então, primeiro, vou desligar o meu grupo original e quando eu duplicei isso, eu meio que estraguei minha máscara de recorte. Então eu preciso redefinir isso segurando a opção no teclado e clicando entre essas duas camadas. Agora eu preciso preencher isso no meu grupo um pressionando “Command-E” no teclado que achata esse grupo ou você pode ir até Camada, Mesclar Grupo. Então, uma vez que eu tenha feito isso, agora eu posso ir em frente e redimensioná-lo. A textura permanece a mesma. Agora, como você pode ver, ele não é mais um objeto inteligente, então você não vai ser capaz de voltar e editar nada. Mas agora você pode aplicar mais texturas como para muitas das minhas outras classes ou qualquer maneira que você gosta de aplicar coisas diferentes a ele. 7. Reutilizado os efeitos inteligentes: Agora vamos dizer que no futuro você quer voltar e você quer usar essa textura que você já construiu. Vou mostrar-te como trocar o teu trabalho artístico. Eu tenho este pequeno texto do alfabeto aqui e eu vou trocá-lo para fora no meu objeto inteligente. A maneira mais fácil de fazer isso é abrir seu objeto inteligente clicando duas vezes, você tê-lo aqui e então eu vou para a camada que eu quero trazer para o meu objeto inteligente, clique com o botão direito sobre ele e dizer camada duplicada, e então eu vou escolher meu objeto inteligente. Saberemos que é nosso objeto inteligente quando terminar em psb. Depois de selecionarmos isso, clicaremos em “Ok” e, em seguida, passaremos para nossa guia de objeto inteligente, e você pode ver que nossa arte está agora lá. Quando originalmente configuramos esse arquivo, o objeto inteligente era do tamanho de nossa arte, mas agora nossa arte é maior do que isso. Precisamos entrar e mudar o tamanho da tela e vamos mudar para o tamanho do nosso PSD. Vamos desmarcar o parente, e eu sei que meu documento é 3000 por 1688. Vamos clicar em “Ok” e isso vai redimensionar isso, vamos diminuir o zoom, você pode configurá-lo lá dentro. Então eu preciso mover meus efeitos, arrastá-lo para a minha camada, e então eu posso simplesmente excluí-los e em seguida, certifique-se de salvar para que nosso objeto inteligente atualize. Vamos até aqui e depois desligamos os textos originais que não precisamos mais e são atualizados. Se você quiser ajustar qualquer coisa porque sua nova arte é diferente, lembre-se de voltar para a galeria de filtros e eu trarei minha distorção, vamos reduzi-lo para cinco, clique em “Ok” e aí está, Aí está a nossa nova obra de arte. 8. Obrigado!: É isso, pessoal. Muito obrigado por ter assistido à minha aula. Espero que você seja capaz de acompanhar facilmente e tirar muito dessa aula. Certifique-se de postar seu projeto de classe em uma página Projeto de classe. Adoro ver o que vocês inventaram. Se você compartilhá-lo no Instagram, tag me @jamiebartlettdesign. Se você tiver alguma dúvida, sinta-se à vontade para fazê-las na página da Comunidade. Obrigado mais uma vez por teres tido a minha aula. Te vejo na próxima vez.