Padrão de pontos: aplicando textura inteligente no Photoshop

1. Trailer: Olá pessoal, sou Jamie Bartlett, designer gráfico e carta de mão. Nesta aula, vou ensinar a você como adicionar uma textura de padrão de ponto grungy ao seu trabalho artístico. Você pode aplicá-lo a todos os trabalhos artísticos, incluindo fontes, letras manuais e até ilustrações. Esta textura é construída completamente dentro de um Photoshop. É não destrutivo e facilmente ajustável para obter a aparência exata que você deseja. Uma vez que esse efeito é criado, é fácil copiá-lo e colá-lo em todos os trabalhos artísticos. Para o projeto de classe, você aplicará essa textura a qualquer texto, letra ou design. Você pode criar algo novo ou, se quiser entrar diretamente, use o trabalho artístico que você já criou no passado. Esta aula é para qualquer um, mesmo que você seja novo no Photoshop. Eu passo a passo e mostro exatamente o que você precisa fazer para construir a textura. Mal posso esperar para ver o que vocês criaram. 2. Estilos de camada: Para mostrar como criar esse efeito, vou recriar meu gráfico de título. Aqui, eu tenho meu design e minhas letras estão em duas camadas diferentes para que eu possa colocar o efeito em ambas separadamente. Eu também tenho uma cor de fundo e, em seguida, aqui, eu já sei quais minhas cores vão ser. Acabei de fazer algumas amostras que posso provar para fazer o processo ir mais rápido. Se você tem seu design, vá em frente e abra-o no Photoshop e, em seguida, começaremos a criar o efeito. Ao criar o documento, certifique-se de que o modo de cor está definido como RGB. Se não estiver, você pode ir até a imagem, modo e alterá-lo aqui. A primeira coisa que vamos fazer é adicionar alguns estilos de camada. Vou começar com a palavra ponto e construir sobre isso. Seja qual for a camada que você vai começar primeiro, clique duas vezes nela e vamos começar com a sobreposição de cores e mudá-la para preto. Aperte “Ok”. Cada camada precisa começar com preto para que o efeito funcione corretamente. Nós vamos mudar a cor eventualmente de uma maneira diferente , mas nos estilos de camada ele precisa ser preto. Em seguida, vamos precisar de um brilho interior. Vou mover minha janela para vermos o que está acontecendo. Certifique-se de que seu modo de mesclagem está definido como normal e aumente sua opacidade até 100%, mude a cor aqui para branco, altere a fonte para o centro em vez da borda e, em seguida também precisamos ter certeza de altere o contorno para o arco meio redondo. Em seguida, o estrangulamento, o tamanho e o alcance vão ajudá-lo a ajustar como este brilho interno funciona e parece. Quanto é emplumado, quanto vai da borda, tudo isso. Tudo isso vai afetar a aparência da textura no final. Você pode brincar com ele e você sempre pode voltar e ajustá-lo assim que chegarmos mais longe. Eu vou definir o meu para cerca de 24, eu vou aumentar o alcance para cerca de 82. Você quer que o seu comece a parecer algo parecido com o meu. Mas novamente, você sempre pode ajustar isso mais tarde. Uma vez que você tem isso do jeito que você quer, pressione “Ok”. Agora, vamos copiar esses estilos de camada para nossas outras camadas. Uma maneira fácil de fazer isso é segurar “Opção” no teclado, mouse sobre o ícone FX e, em seguida, clicar e arrastar os efeitos para sua outra camada. Faça isso em todas as camadas que você deseja que este efeito seja aplicado. Você pode ver agora que aplicamos o efeito ao padrão de palavras, ele parece um pouco diferente do que faz no ponto apenas porque o ponto é maior e mais ousado e este é um estilo diferente de letras. Voltaremos e ajustamos isso mais tarde. Em seguida, precisamos fazer objetos inteligentes de cada uma dessas camadas. A razão pela qual vamos fazer isso é para que os filtros que aplicamos em seguida sejam sempre editáveis. Podemos sempre voltar e ajustá-los mais tarde. Para criar esses objetos inteligentes, basta clicar com o botão direito do mouse em sua camada e dizer converter em objeto inteligente. Eu vou fazer isso pela Dot, eu vou fazer isso pelo padrão. Quero te mostrar o que isso fez. Se você clicar duas vezes na miniatura do ponto da camada, ele abre uma nova camada e este é o objeto inteligente. Os efeitos que acabamos de construir, é onde estão agora. Se quisermos ajustá-los, basta ir até lá e clicar duas vezes em “Inner Glow” e aí você pode fazer todos os ajustes. Se você fizer alguma alteração aqui, certifique-se de salvá-lo para que ele seja atualizado no PSD original. Vamos apenas ir em frente e fechar isso por enquanto. Agora, eu quero tornar as partes brancas das minhas letras transparentes. Para fazer isso, vamos clicar duas vezes para voltar aos estilos de camada e precisamos ajustar as configurações de mesclagem se. Se movermos a seta branca, tudo o branco torna-se transparente e à medida que você a move cada vez mais perto do preto, mais cores se tornam transparentes e o preto faz a mesma coisa. O preto também pode se tornar transparente. Se fizéssemos assim, não é muito suave. Para torná-lo um pouco mais gradual, precisamos dividir esta seta pela metade e ajustá-la. Para fazer isso, mantenha pressionada a tecla “Opção” no seu teclado, clique no lado esquerdo da seta e ela a divide e você pode arrastá-lo e você vê como isso é muito mais gradual de mistura. Eu vou mover o meu todo o caminho para a direita sobre lá. Então, uma vez que temos esse conjunto, podemos pressionar “Ok” e precisamos também fazer isso para a nossa camada de padrão que podemos copiar esse estilo de camada. Vamos apenas clicar com o botão direito do mouse, dizer copiar estilo da camada, clicar com o botão direito do mouse em nossa próxima camada e dizer colar estilo da camada. Agora essa mistura se a configuração estiver na segunda camada também. Agora, estas não são as cores que eu quero no final, então agora é quando vamos escolher nossas cores e colori-las corretamente. Para fazer isso, precisamos agrupar cada camada individualmente. Selecione uma camada e pressione “Command G” no teclado para agrupá-la e faça o mesmo para a outra camada. 3. Adicionando cor: Em seguida, precisamos adicionar uma cor sólida. Então vá até o ícone de Camadas de Ajuste, selecione Cor Sólida e eu vou selecionar minha cor creme, pressione Ok. Neste momento, a cor está afetando todo o documento, mas eu só quero que ela afete a palavra ponto. Então eu preciso configurá-lo para uma máscara de recorte do grupo. Vou puxar o preenchimento de cor para fora do grupo, e agora configurá-lo para uma máscara de recorte pressionando Option no teclado, tê-lo entre o preenchimento de cor e o grupo até que você obtenha essa pequena seta e, em seguida, clique. Agora essa cor só é aplicada a esse grupo. Vou mostrar a vocês por que aplicamos a cor preenchê-la ao grupo em vez de apenas aplicá-la diretamente à camada. Se eu apliquei o preenchimento de cor diretamente na camada e defini uma máscara de recorte, você pode ver o que acontece aqui. O que está acontecendo é que o Photoshop primeiro aplica o preenchimento de cor e, em seguida, aplica essas configurações de mesclagem se. Mas não queremos que faça isso porque não parece certo. Mas se aplicarmos o preenchimento de cor ao grupo e, em seguida, definir isso para uma máscara de recorte, ele primeiro faz essas configurações de mesclagem e, em seguida, cores. Assim, preserva a nossa transparência. Agora vou fazer a mesma coisa para o outro grupo, adicionar outra cor sólida. Vou usar essa cor cinza escuro, colocá-la acima do meu Grupo 1, e definir uma máscara de recorte pressionando a opção e clicando entre as duas camadas. Então agora essas são as cores que eu quero. 4. Construir a textura: Agora estamos prontos para começar a construir o efeito padrão de ponto real. Vou ampliar para 100 por cento só para que vocês possam realmente ver isso e é agradável e claro. A primeira coisa que eu vou fazer é selecionar minha primeira camada, minha camada de ponto, então eu vou para filtrar, ruído e mediana e este efeito arredonda meus cantos. Você pode ver com mediana, ele começa a arredondar os meus cantos ásperos das minhas letras antes de se parecer mais com isso e agora parece com isso. Eu vou aumentar o meu para seis e você pode ver que realmente arredondou os cantos. Uma vez que você tê-lo como você quer, pressione ok e, em seguida, vamos voltar para cima para filtrar e, em seguida, filtrar galeria. 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. Esse passo é muito importante. O primeiro filtro que vamos aplicar é o padrão de meio tom. Vou definir meu tamanho para três e meu contraste para zero. Então eu vou adicionar outro efeito aqui em baixo e nós vamos mudar esse efeito para grão. Altere o tipo do grão de regular para pontilado. Vou aumentar minha intensidade para cerca de 63 e o contraste para 15. Vamos adicionar mais um filtro e isso vai ser carimbo. Vou ajustar o equilíbrio claro-escuro para 11 e, em seguida, reduzir a minha suavidade para dois. Todos esses controles deslizantes são coisas que você pode ajustar para cima e para baixo com base no que você deseja que seu design seja parecido. Além disso, você pode ver como o estilo de camada que fizemos interage com nossos efeitos. Por causa dessa sombra interna, nosso efeito não começa a ganhar pontos até um pouco além da borda. Você sempre pode ajustar isso também. Bata bem. Agora, você pode ver essa textura com a cor certa aplicada. Em seguida, precisamos adicionar mais um filtro chamado ondulação. Vamos subir para filtrar, distorcer e ondular. Eu vou mudar o tamanho do meu para grande e definir a porcentagem para 15 por cento e isso apenas asperce as bordas para que a fonte não pareça tão perfeita. Pressione ok e agora podemos copiar esses efeitos para nossas outras camadas. Assim como fizemos antes, podemos pressionar a opção no nosso teclado, clicar em filtros inteligentes e arrastar isso para a nossa outra camada. Isso duplica todos esses efeitos e também o aplica a essa camada. Para este efeito, sei que não quero mediana ou ondulação. Na verdade, escrevi a palavra “padrões”. Já é bastante imperfeito, enquanto a palavra ponto era uma fonte. Para se livrar destes, eu posso apenas clicar com o botão direito do mouse e dizer excluir filtro inteligente e eu vou fazer isso para ondulação também. Agora vou mostrar como você pode ajustar sua textura, se quiser. Para o padrão de palavras, quero que haja um pouco mais de textura aparecendo. Este é o lugar onde eu vou entrar no meu objeto inteligente clicando duas vezes na miniatura. Eu preciso ajustar este brilho interno para que haja mais branco e, em seguida, no final que vai fazer mais textura vir através. Clique duas vezes em brilho interno. Eu provavelmente vou precisar desligar esse estrangulamento um pouco e eu vou aumentar o alcance um pouco também. Vamos ver como isso se parece. Pressione, ok. Agora precisamos ter certeza de salvar para que o PSD original seja atualizado e que trouxe um pouco mais de textura. Eu gosto disso. Isto é o que era antes e isto é o que era depois. Isso parece bom. Quando terminar de ajustar seu objeto inteligente, certifique-se de fechá-lo. 5. Sombra 3D: Vamos diminuir o zoom para podermos ver a coisa toda. Agora vamos fazer a sombra na palavra ponto, e isso é super simples de fazer. Tudo o que precisamos fazer é duplicar nosso grupo 2 e nosso preenchimento de cores. Então mantenha pressionada a tecla Shift e clique em “Color Fill” para selecionar os dois, e pressione Command J no teclado, e isso irá duplicar essas duas camadas. Agora eu tenho dois pontos, mas o abaixo, eu vou mudá-lo para que pareça mais uma sombra. Então vamos mudar a cor para esta cor vermelha laranja escura. Pressione “Ok” e então vamos compensar o nosso grupo. Então vamos selecionar o grupo e usar as setas no teclado para movê-lo para a posição que queremos. Isso parece muito bom. Eu também vou ajustar a sombra interna disso porque você não pode ver muitos pontos porque os pontos começam tão longe na letra. Agora, desde que eu duplicei este grupo, as letras brancas e este letreiro laranja escuro tem exatamente o mesmo objeto inteligente. Então, se eu tivesse que clicar duas vezes sobre isso e entrar e ajustar os estilos de camada e ajustar essa sombra interna, então ele estaria afetando ambos os pontos, e nós não queremos isso, queremos que ele apenas afete a camada escura. Então, para que estes não se afetem uns aos outros, precisamos criar um objeto inteligente exclusivo para a camada de sombra. Para fazer isso, precisamos clicar com o botão direito do mouse em nossa camada, precisamos selecionar o novo “Objeto inteligente via Copiar”. Uma vez que clicamos nisso, esses dois objetos inteligentes não são mais os mesmos e podemos editá-los separadamente. Como você pode ver aqui, isso fez uma duplicata, então precisamos nos livrar do antigo. Então, podemos apenas selecioná-lo e pressionar “Delete”. Agora posso entrar no objeto inteligente e ajustar esse estilo de camada. Vou clicar duas vezes e entrar em “Inner Glow”. Eu vou precisar trazer o estrangulamento para baixo ainda mais para que a textura fique mais perto da borda. Vamos ver como isso se parece. Vamos clicar em “Ok”, certifique-se de salvá-lo e entrar e ver. Quero tornar o meu ainda mais visível. Então vamos voltar para aquele objeto inteligente e para o brilho interno e transformar o tamanho para a direita sobre lá. Clique em “Ok”, salve-o e vamos ver. Sim, isso é muito melhor. Isso parece muito bom. Vou diminuir o zoom de novo, e isso é tudo para a sombra. 6. Texturas de fundo: Agora vamos fazer as texturas de fundo. Vou fechar todos os meus grupos só para tornar isto um pouco mais fácil de ver. Então, a única coisa diferente sobre nossa arte e nosso fundo é nosso plano de fundo não precisa ter estilos de camada para ele porque ele não é baseado em qualquer trabalho artístico, é apenas uma camada sólida. Precisamos começar fazendo uma camada sólida. Então eu vou fazer outra camada de preenchimento de cor. A cor realmente não importa, mas eu só vou fazer o meu 100% preto. Então eu vou converter isso em um objeto inteligente clicando com o botão direito sobre ele, dizendo Converter em Objeto Inteligente. Em seguida, vamos adicionar algumas nuvens à nossa camada. Mas, novamente, isso é muito importante que sua cor de primeiro plano seja preta e sua cor de fundo seja branca porque o filtro de nuvens leva essas cores em consideração. Então vá até Filtrar, Renderizar e Nuvens. Em seguida, vamos copiar nossos efeitos de galeria de filtros que construímos em nossas outras camadas. Não a ondulação ou a mediana, apenas a galeria de filtros. Então, se mantivermos a opção no nosso teclado, clique em Filter Gallery, podemos clicar e arrastar isso para baixo para o nosso plano de fundo. As nuvens estão nos dando um padrão base para os pontos da galeria de filtros a serem aplicados. Então ele aleatoriza tudo e faz com que não seja um ponto sólido. Em seguida, precisamos adicionar a mistura se configurações para que o preto em nosso fundo se torne transparente, e apenas os pontos estão mostrando. Então, vamos clicar duas vezes em nossa Camada. Como nosso plano de fundo é preto e branco sólido, não precisamos dividir essa seta porque não há valores intermediários. Para que o nosso preto seja transparente, precisamos mover a nossa seta preta para cima até que ela fique bem ali, até que todo o nosso preto desapareça e clicaremos em OK. Agora, vamos agrupar nossa camada e adicionar um preenchimento de cor como antes. Como você vai fazer isso? Eu vou fazer o meu apenas uma versão ligeiramente mais leve da minha cor de fundo. Clique em OK. Agora precisamos movê-lo para fora do nosso grupo e definir uma máscara de recorte para o nosso grupo. Você pode ver toda a nossa pequena textura chegando. Para a textura de fundo geral, quero que seja um pouco mais aparente do que este efeito, que é um pouco mais irregular do que eu quero. Então eu vou entrar na minha galeria de filtros clicando duas vezes nela, e eu vou adicionar outro efeito, arrastá-lo até o fundo e escolher brilho difuso. Depois descemos o granulamento, a quantidade clara para cerca de quatro, e então a quantidade de brilho, ajustamos o quanto mais dos pontos você pode ver. Vamos reduzir o zoom para que você possa ver a maior parte da nossa arte e você pode ver que há muito mais pontos do que tínhamos antes. Podemos sempre aumentá-la ou diminuí-la também. Eu vou deixar o meu bem ali, e vamos clicar em Ok, e eu posso ver que há muito mais pontos do que havia antes. Então isso é bom para isso. Agora eu quero fazer outra camada dessa textura. Então eu vou selecionar o preenchimento de cor e o grupo dessa textura de fundo, pressione Command J no teclado para duplicá-lo. Vamos mudar a cor primeiro para que seja mais fácil de ver, e para esta, vou fazer uma textura cinza escuro, da mesma cor que o meu padrão. Clique em OK. Como podem ver, já que dupliquei a textura, são exatamente os mesmos pontos duplicados. Precisamos aleatorizar isso para mudar um pouco. Só precisamos entrar em nosso grupo, ir até nossas Nuvens e clicar duas vezes em nossas Nuvens, e podemos fazer isso o quanto quisermos e sempre aleatoriza o padrão da nuvem. Para esta textura escura, eu não quero quase tanta textura vindo através como a versão mais leve. Preciso me livrar de um pouco. Para fazer isso, vou adicionar algumas Nuvens Diferenças. Então, vamos selecionar nossa camada, ir até Filtrar, Render, Diferença Nuvens. Então vamos arrastar nossas Nuvens Diferenciais bem acima de nosso efeito de nuvens, e ver como isso se livrou de muita da nossa textura. Em seguida, vamos mudar o modo de mesclagem para as Nuvens Diferenças clicando duas vezes nessas setas e, em seguida, alterando-o para gravação linear. Então vamos baixar a opacidade para 73. Clique em OK. Esta quantidade de textura é mais o olhar que eu estou procurando. Mas eu quero trazer um pouco mais de volta, então eu vou para a Galeria de Filtros, e nós vamos ajustar o Brilho Difuso, girando a quantidade de brilho para cerca de 17. Clique em OK. Assim como as nuvens, podemos sempre clicar duas vezes em Nuvens Diferenciais e isso aleatoriza o efeito, quantas vezes quisermos. Se essa textura ainda for demais, podemos sempre voltar para as Nuvens Diferenciais e ajustar a opacidade. Agora eu quero fazer uma última camada de textura como esta. Vou duplicar a minha textura, mudar a cor; Vou escolher meu laranja escuro que usei para a sombra aqui, clique em Ok. Então precisamos aleatorizá-lo. Para esta cor, eu quero um pouco mais de textura para mostrar através. Então eu vou ajustar a opacidade das Nuvens Diferenças e reduzi-lo para cerca de 65, e é isso para a textura de fundo. Você pode adicionar tantas camadas e cores diferentes e aleatorizá-lo até tirá-lo do jeito que quiser. 7. Adicionar uma vinheta: A última coisa que vamos fazer para terminar este design é adicionar uma vinheta apenas para fazer as cores eo design pop um pouco mais. Para começar, eu vou fazer uma elipse com a ferramenta Elipse e certifique-se de que aqui em cima ele está definido como caminho. Eu vou obter mais ou menos sobre a forma do documento, alterar as operações de caminho a serem subtraídas, e então descer aqui e fazer uma camada de ajuste de exposição. Você vê que ele tomou essa forma e fez uma massa para esta camada. Agora vamos reduzir a exposição. Você pode ver como escurece as bordas assim. Eu não preciso muito disso. Vamos aumentar um pouco a gama. Em seguida, clique neste ícone aqui e aumente a pena para cerca de 250. Vou voltar à exposição e torná-la um pouco menos. Eu vou ligar e desligar para que você possa ver o diferente que ainda é um pouco escuro demais para mim. Então eu vou abaixar a gama um pouco, mais assim. Parece muito bom. Isso completa o meu projeto. 8. Obrigado!: É isso, pessoal. Obrigado por assistir minha aula, espero que tenha gostado. Certifique-se de postar seus projetos de turma e fique à vontade para me fazer quaisquer perguntas na página da Comunidade. Se você compartilhar seu projeto no Instagram ou Dribble, certifique-se de me marcar @Jamiebartlettdesign para que eu possa ver seu trabalho. Te vejo na próxima vez.