Efeito aquarela: textura inteligente no Photoshop

1. Trailer do curso: Oi, pessoal. Eu sou Jamie Bartlett, designer gráfico e carta de mão atrás apairofpears.com. Nesta aula, vou ensiná-los a criar uma textura aquarela sem o uso de recursos externos. Tudo o que você precisa está aqui no Photoshop. Se você fez minha outra aula de texturização inteligente, você verá que o processo é muito semelhante, mas o resultado é totalmente diferente. Este efeito funciona muito bem em fontes e letras à mão. Para criar esse efeito, usamos objetos inteligentes e filtros inteligentes para que ele seja não destrutivo, personalizável, escalável e possa ser reutilizado repetidamente. Para o projeto da classe, você escolherá uma palavra que descreva seu dia perfeito. Você vai colocá-lo para fora com uma fonte ou letras à mão e adicionar quaisquer elementos decorativos que você gostaria. Então vou orientâ-los sobre como construir o efeito e aplicâ-lo à sua Palavra. Esta aula é para qualquer um, mesmo que você seja um iniciante, não se preocupe, eu vou passo a passo e tornarei mais fácil para você acompanhar. Claro, estou disponível para responder a qualquer pergunta. Mal posso esperar para ver o que vocês criaram. 2. Antes de começar: Antes de começarmos, sinta-se à vontade para olhar pela Internet no Pinterest ou Dribbble, ou em qualquer lugar que você queira encontrar inspiração para o seu design. Se você fizer isso, fique à vontade para compartilhar seu projeto de classe. Este efeito funciona muito bem em texto e letras, não funciona tão bem em grandes áreas sólidas. Assim, você não será capaz de preencher formas grandes e esperar que seja uma textura convincente da cor da água. Sinta-se livre para projetar no Photoshop ou Illustrator, seja qual for o programa em que você estiver mais confortável. Agora, você pode começar a projetar e não se esqueça de compartilhar seu progresso em seu projeto de classe. 3. Construindo o efeito inteligente: Então, para começar, vamos em frente e abrir o Photoshop e criar um novo documento. Então vá para o arquivo, novo e vamos fazer o nosso documento 3.000 por 2.000 pixels e 300 DPI e certifique-se de seu RGB. Agora clique em OK e lá está o nosso documento. Vou seguir em frente e usar o título gráfico para criar o efeito sobre, mas você pode fazê-lo direito em seu trabalho artístico. Então este é o meu texto, agora só precisamos torná-lo um Objeto Inteligente. Então vá até sua paleta de camadas, clique com o botão direito do mouse e vá para converter em objeto inteligente. Objetos inteligentes nos permitem fazer edições em nossa arte de forma não destrutiva. Assim, podemos adicionar filtros e efeitos não permanentes e até mesmo editá-los mais tarde. Se estiver copiando e colando o trabalho artístico do Illustrator, certifique-se de selecionar o objeto inteligente quando ele perguntar como deseja colá-lo. Então agora vamos para os Objetos Inteligentes. Então, basta ir para a paleta de camadas e clicar duas vezes na camada. Queremos tornar este documento do mesmo tamanho que o nosso documento original. Então vá em frente e vá para imagem, tamanho da tela e vá em frente e mude para 3.000 por 2.000 pixels e agora tem o mesmo tamanho de outro documento. Então, toda vez que salvarmos este documento, ele será atualizado em nosso arquivo original do Photoshop. Então vamos em frente e salvar isso e neste ponto você precisa ter certeza de que sua arte é preta. Se não estiver, você pode ir em frente e clicar duas vezes na camada e adicionar uma sobreposição de cor e alterá-la para preto. Eu não preciso de um, então eu vou ir em frente e clicar em cancelar. Uma vez que sua arte está preta, então precisamos adicionar um brilho interno a isso. Então, clique duas vezes em sua camada e vá para Inner Glow. Precisamos mudar o modo de mesclagem para normal, a opacidade para 100 e, em seguida, ir para a fonte e certificar-se de que ele está definido para o centro. Em seguida, o contorno, vamos em frente e clicar neste curvo bem aqui. Vá em frente e mova a janela de qualquer maneira para que você possa ver a arte um pouco melhor. Mas agora vamos fazer um pouco de ajuste com o estrangulamento e o tamanho. Então eu vou começar com este controle deslizante de tamanho e ir em frente e movê-lo para a direita sobre lá e isso pode ser bom. Podemos sempre voltar e mudá-lo mais tarde. Então eu vou pressionar tudo bem e ir em frente e salvá-lo. Agora, quando eu voltar ao nosso documento original, ele será atualizado. O brilho interno vai nos ajudar a ajustar como o efeito é aplicado. Para este próximo passo, vou em frente e desligar o plano de fundo, para que possamos ver como nossa transparência está funcionando. Então, precisamos ir para as opções de mistura desta camada e ir para baixo para a mistura se configurações. Vou arrastar este controle deslizante para a esquerda e, como você pode ver, o branco começa a se tornar transparente. Mas agora tem uma borda muito afiada. Então o que eu quero fazer é segurar a opção na seta para dividir os dois ao meio, e trazer o lado direito todo o caminho para o lado direito e o lado esquerdo todo o caminho para a esquerda, e isso realmente suaviza para fora. Então vamos bater bem e agora podemos voltar a ligar o fundo. Agora queremos colocar a obra de arte em seu próprio grupo. Você pode fazer isso selecionando sua camada e pressionando maçã g. Então precisamos adicionar uma cor sólida. Então eu vou descer para este ícone aqui e selecionar cor sólida na parte superior e escolher qualquer cor que você quiser, nós sempre podemos alterá-lo mais tarde. Em seguida, clique em OK e mova o preenchimento de cor para fora do grupo. Mas agora está afetando todo o documento, e queremos que ele apenas afete a arte. Então precisamos adicionar uma máscara de recorte. Para fazer isso, passe o mouse entre o preenchimento de cor e o grupo e clique opção e você vai obter esta pequena seta e, em seguida, clique novamente e isso faz uma massa de recorte. Portanto, a cor é aplicada apenas ao seu trabalho artístico. Como é uma camada colorida, você pode mudar a cor sempre que quiser. Basta clicar duas vezes lá e escolher a cor e, em seguida, clicar em OK. Agora podemos começar a construir o efeito. Mas antes de fazermos isso, queremos ter certeza de que nossa cor de primeiro plano e plano de fundo está definida como eles precisam ser. A cor do primeiro plano precisa ser definida como preto e a cor do plano de fundo precisa ser definida como branco. A maneira mais rápida de fazer isso é pressionando D no teclado. Então, se minhas cores não estivessem definidas para preto e branco, eu iria em frente e pressionar D. Agora certifique-se de que você tem sua arte selecionada na paleta de camadas e podemos adicionar nosso primeiro efeito, que é nuvens de diferenças. Então, suba para filtrar, renderizar e diferenciar nuvens. Esta é a base para todo o look. Então, como um objeto inteligente, o efeito aparece como filtros inteligentes, que significa que podemos editá-los, podemos fazer ajustes sem modificar nossa arte original. Se eu clicar neste ícone de globo ocular, então você pode desligar o filtro e clicar novamente para ativá-lo novamente. Em seguida, vamos realmente adicionar nuvens diferentes novamente. Então volte para as nuvens de diferença e adicione outra, mas desta vez vamos fazer alguns ajustes nela. Então, se você chegar a este pequeno ícone e clicar duas vezes, ele abre opções de mesclagem para este efeito. Queremos definir este modo de mistura para multiplicar e, em seguida, vamos baixar a opacidade para cerca de 13% e clicar em OK. Em seguida, precisamos adicionar alguns filtros da galeria de filtros. Então vá até o filtro, clique na galeria de filtros e vamos adicionar dois efeitos diferentes. O primeiro é esponja. Então, se você clicar neste menu suspenso e encontrar esponja, estes são os números que eu quero usar. A razão pela qual escolhi esses números é porque passei muito tempo ajustando e brincando com esses números para criar esse efeito. Então sugiro que copie os meus números e pode sempre voltar e ajustá-los se quiser mais tarde. Então, para esponja, eu uso 7,115. Agora precisamos adicionar nosso próximo efeito. Então, se você descer aqui e clicar em nova camada de efeito, ele adiciona outra esponja, mas nós vamos mudar isso para cortar e os números que eu uso para este efeito são 8,0,1. Agora você pode clicar em OK. Então, se você olhar ou filtros inteligentes, você pode ver que todas as coisas que aplicamos estão aparecendo. O pedido é muito importante porque o que está no topo está afetando tudo abaixo dele. Se eu arrastasse esta galeria de filtros abaixo desta segunda diferença nuvens, então mudaria o efeito. Por isso, queremos ter a certeza de que fazemos tudo na ordem certa. Então vamos em frente e arrastar isso de volta para cima. Então precisamos adicionar outra galeria de filtros. Então volte para a galeria de filtros. Agora vamos adicionar o efeito aquarela, mas agora temos dois filtros, então precisamos ir em frente e nos livrar de um deles. Então, vamos clicar na lata de lixo e, em seguida, vamos mudar esta esponja para a cor da água e eu quero usar os números 14,3 e 1 Agora eu posso clicar em Ok e voltar para a nossa arte. A razão pela qual eu fui em frente e adicionei o filtro de aquarela em sua própria galeria de filtros é para que possamos entrar e editar a opacidade de apenas este filtro. Então ele está mudando a opacidade deste efeito para 25, e clique em OK. Então agora precisamos adicionar uma última galeria de filtro, mas antes de ir em frente e fazer isso, precisamos mudar o primeiro plano e a cor de fundo para que a cor do primeiro plano seja branca e a cor de fundo seja preta. Então, para fazer isso, você pode apenas clicar em X no teclado. Então, para explicar por que precisávamos fazer isso, vou fazer uma nova camada e mostrar a vocês. Então eu vou fazer uma nova camada, movê-la para o topo e, em seguida, preenchê-la com cinza. Então eu vou colocar minhas cores de volta para preto e branco e vamos adicionar um efeito de nuvens. Então isso apareceu como preto e branco. Se eu mudasse as cores e aplicasse novamente, as nuvens de diferença seriam essas cores. Portanto, muitos dos filtros do Photoshop são afetados por quais cores seu primeiro plano e cor de plano de fundo estão definidos. Então vou apagar isso porque não precisamos disso. Então vamos em frente e certifique-se de que nossas cores de primeiro plano e plano de fundo estão definidas como branco e preto. Agora estamos prontos para voltar para a galeria de filtros. Então vamos para a galeria de filtros, vamos em frente e adicionar grãos primeiro, precisamos configurá-lo para 44,33 e certificar-se de que ele está definido para o tipo de grão normal. Em seguida, adicione outro filtro como fizemos da última vez, e escolher carimbo e definir esses números para 8,5 e, em seguida, podemos clicar ok. Agora eu preciso ajustar o modo de mesclagem desta galeria de filtros. Então clique duas vezes nesse ícone e então vá para a sobreposição e então vamos mudar a opacidade para, vamos fazer 13 novamente. Clique em OK. Então você pode ver que nossa textura está realmente começando a ficar bonita, mas temos mais alguns passos que precisamos fazer. Em seguida, precisamos ir para filtrar o ruído e adicionar ruído. Vamos fazer 12% gaussiano e monocromático e então precisamos adicionar uma ondulação às bordas. Então vá para Filtros, distorça a ondulação e altere-a para 23 por cento e defina o tamanho para grande e você pode clicar em OK. Isso só adiciona um pouco de uma ondulação ao redor da borda para torná-lo assim não é tão perfeito. A partir daqui, você pode fazer ajustes em qualquer um dos filtros como quiser. Uma maneira fácil de mudar se tudo estiver clicando duas vezes nas nuvens de diferença, cada vez que você clicar duas vezes sobre ele, ele apenas regenera novas nuvens de diferença. Então você pode continuar clicando duas vezes sobre isso para ver como isso afeta apenas a textura geral. Eu gosto deste, então eu vou apenas ir em frente e deixá-lo. Assim, você pode alterar a opacidade ou os modos de mesclagem de qualquer desses filtros para ajustá-lo como quiser. Outra opção para personalizar esse efeito é voltar ao nosso objeto inteligente e ajustar o brilho interno. Então, vamos clicar duas vezes no brilho interno e ajustar o estrangulamento e o tamanho. Vou deixar isto um pouco mais suave e ver o que faz. Pressione OK e, em seguida, certifique-se de salvá-lo para que ele atualize em seu arquivo original e vamos ver o que ele fez. Então você pode ver onde aumentamos o preto em nosso objeto inteligente e tornamos nosso efeito mais leve nessas áreas. Acho que fiz isso um pouco extremo demais, então vou voltar e ajustá-lo mais uma vez. Então eu vou voltar para o Brilho Interno e trazer o estrangulamento volta para baixo e talvez o tamanho de um poço. Eu gosto da suavidade disso, mas eu não gosto do quão perto está da borda. Então eu vou usar o controle deslizante de alcance para trazê-lo de volta um pouco e talvez suavizá-lo apenas um pouco mais. É assim que eu faço. Eu só continuo brincando com ele até ficar do jeito que eu quero. Bata bem e salve-o, e vamos ver como ele se parece. Então é assim que você pode fazer ajustes. 4. Reutilizando o efeito: Agora vou mostrar a vocês como você pode reutilizar esse efeito com diferentes obras de arte. Aqui eu tenho o meu projeto. Escolhi a palavra aconchegante. Precisamos colocar esse projeto no Objeto Inteligente. Vamos clicar duas vezes em “Objeto inteligente” e voltar para o PSD principal. Eu tenho o meu desenho separado no texto e nas linhas. Então eu seleciono ambas as camadas, clique com o botão direito do mouse e digo “Duplicar camada”. Agora queremos escolher o destino para o qual queremos duplicar, e escolhemos o objeto inteligente, e você sabe que é um objeto inteligente porque a extensão é PSB em vez de um PSD. Você clica em “Ok”. Agora vamos voltar ao nosso objeto inteligente, e lá está a nossa arte. Agora queremos arrastar os efeitos para nossa nova arte. Mantenha pressionado Option ou Alt em um PC e clique e arraste o brilho interno para nossa nova arte. Vou fazer de novo para a minha segunda camada. Agora eu posso esconder minha arte antiga, o texto em aquarela, e é também por isso que eu separei os textos das linhas, porque o brilho interno vai ser um pouco diferente como ele afeta tanto, já que o texto é mais grosso e as linhas são mais fino. Vou começar com o texto e ajustar o tamanho. Eu acho que vai funcionar, e eu vou para as linhas e fazer a mesma coisa. Uma vez que estas são linhas tão finas, é aqui que o controle deslizante de intervalo pode ser útil. Vou ampliar para que você possa ver os detalhes e, em seguida, ajustar o controle deslizante de intervalo. Então talvez amolecer um pouco mais, e virar o estrangulamento para baixo, e lá eu acho que isso pode funcionar. Vamos ver como ele se parece, então certifique-se de salvar para que ele seja atualizado. Então podemos voltar ao nosso original. Agora, eu ainda tenho minha arte preta original em cima, então eu preciso ter certeza de desligá-los. Agora você pode ver que o efeito aquarela se adaptou à nova obra de arte, e eu acho que o brilho interno está funcionando bem tanto para o texto quanto para as linhas. Isso é tudo o que você precisa fazer para alterar a arte e reutilizar esse design para qualquer projeto futuro. Basta lembrar que seu trabalho artístico precisa ser preto no Objeto Inteligente. 5. A textura de fundo: Agora, eu vou mostrar a vocês como você pode adicionar um pouco de textura ao fundo. Então vamos voltar ao nosso objeto inteligente, e agora precisamos fazer uma nova camada e preenchê-la com preto. Minha cor de fundo está definida como preto. Então, uma maneira simples de fazer isso é apenas segurando o comando ou controle em um PC e, em seguida, pressionando o botão “Excluir” no teclado. Então vamos trazer a camada preta para o topo e convertê-la em um objeto inteligente. Neste ponto, precisamos ter certeza de que o primeiro plano é branco e o fundo é preto. Lembre-se, a maneira rápida de fazer isso é pressionar “D” no teclado para redefinir as cores e “X” para trocá-las. Agora, vá para a galeria de filtros, e nós vamos adicionar alguns filtros aqui. O primeiro que vamos adicionar é grão. Os números para o grão aqui que vou usar são 100, 37, e o tipo de grão normal. Agora, vamos adicionar um novo filtro, e este vai ser Giz & Carvão. Para este, os números são 1, 0 e 4. Vamos adicionar outro. Este vai ser Stamp, e estes números são 4 e 26, e precisamos de mais um. Podemos deixar este como carimbo, mas vamos mudar os números para 1 e 35. Vamos ampliar isso para caber na visão para que possamos ver a textura como um todo. Então temos algumas grandes bolhas aqui que parecem gotejamentos de cor da água. Você sempre pode ajustar isso de acordo com suas preferências pessoais ajustando qualquer um dos controles deslizantes desses efeitos. Mas este é o olhar que eu quero, então eu vou clicar em “Ok”. Agora, vamos adicionar Nuvens de Diferença e alterar o modo de mesclagem nesta camada para a tela. Agora você pode ver que as nuvens de diferença só aparecem na textura, e dá à textura algumas áreas escuras agradáveis e algumas áreas claras também. Então precisamos alterar as configurações Blend If para se livrar do branco. Então eu vou segurar a opção novamente para dividir as setas e trazer a seta esquerda para a esquerda um pouco, só para que possamos nos livrar do branco. Aperte “Ok”, e vamos salvá-lo. Em seguida, temos alguns gotejamentos de textura aguarela agradável no fundo. Agora, isso é um pouco de textura demais para o meu gosto. Então eu vou ir em frente e voltar para meu objeto inteligente e adicionar uma máscara de camada à minha textura. Com a camada de textura selecionada, eu vou clicar neste ícone aqui em baixo, e isso adiciona uma máscara de camada. Eu quero ter certeza de que minha máscara de camada está selecionada, e ir pegar a ferramenta de pincel, e ter certeza de que estou pintando preto. Agora, eu posso apenas clicar em torno de qualquer um dos pontos que eu não quero e escová-los para fora. Isso também é não destrutivo. Então, se você escovar um e decidir mais tarde que deseja adicioná-lo novamente, você pode alternar o pincel para estar pintando de branco e escová-lo novamente. Eu gosto da minha textura de fundo um pouco mais sutil. Então eu vou escovar uma boa quantidade desses. Depois de tê-lo onde quiser, guarde-o, e depois volte e veja como fica. Uma última coisa. Digamos que minha arte é muito grande, mas eu gosto da textura, do tamanho que ela é, eu não quero redimensionar minha arte no objeto inteligente porque a minha é raster. Então, se eu fizer isso, será destrutivo e nunca serei capaz de aumentar a escala de backup sem que pareça pixelada ou distorcida. Então, o que eu quero fazer para evitar isso é, selecionar ambas as camadas e convertê-lo em um objeto inteligente. Agora, posso reduzi-lo para o tamanho que eu quiser, e pressionar “Enter”. Mas como é um objeto inteligente, posso transformá-lo novamente e subir aqui até a largura e a altura e digitar 100 por cento, e isso preserva a resolução. Então eu vou baixar isso um pouco, pressionar “Enter”, salvá-lo, e isso é sobre o tamanho que eu quero. Se o seu trabalho artístico é vetorial e já era um objeto inteligente, você não precisa se preocupar com essa etapa. Sua resolução já está sendo preservada. Esse é o efeito. Certifique-se de postar sua arte final em seu projeto de classe, e por favor me avise se você tiver alguma dúvida sobre o me pergunte qualquer coisa discussão. 6. Obrigado!: É isso. Obrigado por fazerem a minha turma. Certifique-se de postar seu projeto final na página do projeto e se você compartilhá-lo no Instagram, certifique-se de me marcar @apairofpears. Eu adoraria vê-lo. Se você teve algum problema ou tem alguma dúvida, estou aqui para ajudar, então certifique-se de publicá-lo na página Pergunte a mim qualquer coisa. Adoraria que me deixasse uma crítica. Obrigado de novo, pessoal. Te vejo na próxima vez.