Dry-Ink: texturização inteligente no Photoshop

1. Trailer do curso: Oi caras. Eu sou Jamie Bartlett, designer gráfico e carta de mão atrás do pairpairs.com. Nesta aula, vou ensinar-lhe como adicionar textura ao seu trabalho artístico sem o uso de recursos externos. Tudo o que você precisa está aqui no Photoshop. Usaremos objetos inteligentes e filtros inteligentes para criar um efeito não destrutivo, personalizável e escalável que você pode reutilizar para qualquer projeto futuro. Para o projeto da turma, criaremos uma placa de livro personalizada. Você pode usar para rotular seus livros, filmes, jogos de vídeo ou qualquer outra coisa em que você queira colocar seu nome. Qualquer um pode fazer essa aula. Mesmo que você nunca tenha usado o Photoshop antes, você poderá seguir facilmente as minhas instruções. Claro, estarei aqui para qualquer pergunta que possa ter. Mal posso esperar para ver o que vocês criaram. 2. Inspire-se!: Antes de começarmos com nosso design, precisamos ir em frente e procurar alguma inspiração primeiro. Alguns lugares onde eu gosto de olhar são Pinterest, imagens do Google ou até Dribble. Para este projeto de classe, eu fui em frente e fiz um quadro do Pinterest, e fixei um monte de coisas diferentes para me inspirar, e me dar idéias para o meu design. Você pode encontrar um link para este quadro no meu projeto de amostra. Aqui estão alguns termos de pesquisa que eu achei útil ao procurar uma inspiração design placa livro. Quando terminar de encontrar sua inspiração, certifique-se de coletar tudo e postá-lo em seu projeto de classe. 3. Antes de começar: Vamos falar um pouco sobre o que funciona melhor ao projetar para uma placa de livro. Tenha em mente que uma textura aparece melhor em grandes áreas. Então, se você olhar aqui para este mapa dos Estados Unidos, você pode ver essa textura muito bem. Enquanto que se você foi para algo mais como isso, ele tem um monte de linhas finas e você ainda vai ver alguma textura, mas não vai ser tão perceptível. Para o meu design de placa de livro, eu tinha algumas linhas finas aqui na borda e algum texto menor, mas eu me certifiquei de ter algum elemento que era mais espesso onde a textura iria aparecer um pouco melhor. Claro, você ainda pode ter textura nas linhas mais finas, mas só vai precisar de um pouco mais de trabalho para que ele apareça. Você pode projetar sua placa de livro no Illustrator ou no Photoshop, o que você se sentir mais confortável. Mas se você projetar no Photoshop, certifique-se de projetar pelo menos 300 DPI. Quando eu desenhei no Photoshop, eu sempre gostei de trabalhar extra grande apenas no caso de eu decidir imprimi-lo maior. Algumas coisas que você quer ter em mente para o concurso de carimbo de borracha são: seu design precisa ser de uma cor ou ter uma versão de uma cor, deve ter pelo menos 300 DPI e o carimbo não será maior do que três por três polegadas, então certifique-se O seu design funciona tão pequeno. Mas lembre-se, você deve projetá-lo muito maior. Eu acho que isso é tudo que você precisa saber, então vá em frente e comece a projetar sua placa de livro e certifique-se de compartilhar seu processo de design em seu projeto de classe. 4. A textura do dry-ink: Primeiro vamos em frente e começar construindo o efeito em um bloco de texto. Assim você pode ver claramente o que está acontecendo. Então, quando terminarmos, aplicaremos na placa do livro mais tarde. Então vá em frente e abra o Photoshop e vá Arquivo, Novo e faremos um documento. Vamos fazer com que 300 dpi e 3.000 por 2.000 pixels. Clique em OK. Então vá em frente e digite o que quiser. Eu só vou com tinta seca e então nós vamos torná-lo agradável e grande. Tudo bem. Isso parece grande o suficiente. Vamos continuar e salvar imediatamente, para não perdermos nada. Vou chamar-lhe tinta seca e poupar. A primeira coisa que vamos fazer é converter este texto em um Objeto Inteligente. Vá em frente e clique com o botão direito do mouse na camada e diga Converter em Objeto Inteligente. Agora, se eu clicar duas vezes no Objeto Inteligente, ele o abrirá em um novo documento para que possamos fazer alterações aqui. Então, uma vez que o salvamos, ele o atualiza novamente em nosso outro documento. O que queremos fazer agora é tornar este documento do mesmo tamanho que o nosso documento original. Vamos para Image, Canvas Size, e era 3.000 por 2.000. Clique em OK. Agora é exatamente do mesmo tamanho. Para que esse efeito funcione corretamente, é importante que seu trabalho artístico em seu Objeto Inteligente seja preto puro. Nosso trabalho já é preto, mas se o seu não estiver, você sempre pode adicionar uma sobreposição de cores e torná-la preta. Agora vamos adicionar alguns estilos de camada a ele. Então, clique duas vezes em sua camada e nós vamos avançar e adicionar brilho interno. Verifique Brilho interno, altere o modo de mesclagem da tela para o normal e altere sua opacidade para 100. Em seguida, desça aqui e mude de origem para centro. Em seguida, clique nesta seta ao lado de Contour e nós vamos seguir em frente e escolher este aqui, esta curva. Eu vou mover esta janela para fora do caminho um pouco, só para que possamos ver o que está acontecendo em nosso texto. Agora eu vou usar o estrangulamento em controles de tamanho para obter esse brilho para olhar do jeito que eu preciso. Vamos começar com o tamanho para sugerir o controle deslizante até ficar muito mais suave. Vamos começar com isso. Então vamos para o Choke. Vamos trazê-lo da borda um pouco, mas o tamanho é um pouco demais. Nós vamos voltar. Não se preocupe com números exatos. Agora, enquanto o seu Brilho Interno se parecer com o meu, podemos seguir em frente e ajustá-lo mais tarde. Clique em OK. Agora queremos salvá-lo para que ele seja atualizado em nosso outro documento. Agora posso voltar ao nosso outro documento e lá está ele. Você pode ver que ele foi atualizado. Agora precisamos ir para os estilos de camada deste Objeto Inteligente neste documento. Basta clicar duas vezes na camada. Nós vamos descer até o fundo aqui onde diz mistura se. Se você clicar nesta primeira seta preta aqui e movê-la um pouco para a direita, você pode ver em nossa arte que o preto começa a desaparecer. Então, se você fizer o lado branco, você pode ver que a parte mais branca do texto começa a desaparecer. Queremos que as partes brancas do nosso texto sejam transparentes. Então eu vou arrastar o lado branco bem longe para a esquerda aqui, bem ali. Se você pressionar Option ou Alt em um PC e clicar nessa seta novamente, ela será dividida pela metade. Podemos movê-lo para aqui um pouco e ele amolece. Eu só vou ir em frente e arrastá-lo todo o caminho para a direita. Tudo bem. Agora vá em frente e clique em Ok. Vou em frente e desligar o fundo e ampliar para que você possa ver como isso é realmente transparente. É basicamente criar uma máscara de camada baseada no valor de brilho do conteúdo da camada. Isso nos permitirá controlar como esse efeito é aplicado à nossa camada. Vou voltar a ligar o fundo e diminuir o zoom e salvar. Agora precisamos agrupar este Objeto Inteligente. Então, na camada selecionada, pressionarei o Apple G para agrupar o objeto inteligente. Vamos adicionar uma camada de preenchimento vindo até aqui e indo para Cor sólida. Vamos fazer com que seja a cor que quisermos. Vamos mantê-lo vermelho e é um pouco brilhante. Vamos tentar isso. Então precisamos trazê-lo para fora do grupo. Agora queremos fazer desta camada uma máscara de recorte do grupo. Se você pressionar Option ou Alt em um PC e passar o mouse entre as camadas, você verá uma pequena seta aqui em cima e basta clicar ali e lá você vai. Agora, a única parte da camada vermelha colorida que está aparecendo é o que está no grupo. Você sempre pode clicar duas vezes na cor aqui e voltar e ajustá-la para qualquer cor que você deseja personalizar sua arte. Se eu desligar o fundo muito rápido, você pode ver que a transparência ainda está preservada. Tudo bem. Agora estamos prontos para adicionar os efeitos. O primeiro efeito que vamos aplicar é ondulação. Então, comece certificando-se de que sua camada de trabalho artístico está selecionada. Então vamos até aqui para Filtrar e encontrar distorção e ondulação. Agora estamos usando isso para adicionar um pouco de imperfeição às bordas. Mas queremos que seja bastante sutil. Vamos deixá-lo no tamanho grande e vamos tentar uns 14. Clique em OK, veja como isso parece. Vamos ampliar um pouco. Isso pode ser um pouco demais. Normalmente, eu teria que desfazer e reaplicar esse efeito. Mas fizemos disso um Objeto Inteligente. Então obtemos filtros inteligentes, que torna o efeito não destrutivo. Tudo o que temos que fazer é encontrar ondulação na paleta de camadas, clicar duas vezes e podemos voltar e editá-la. Vamos em frente e tentar 10. Isso parece muito bom. O próximo efeito que vamos adicionar são nuvens de diferença. Então volte para Filtrar, Render e Diferença Nuvens. Vou mostrar-vos muito depressa o que este efeito faz sozinho. Então eu vou adicionar as nuvens de diferença a uma nova camada. Você pode ver como isso deixa tudo nublado. Tem alguns brancos, cinzentos, negros. Isso vai ajudar a aleatorizar o efeito um pouco em nossa arte. Não preciso dessa camada, então vou deletá-la. Em seguida, precisamos chegar a essas pequenas setas aqui perto de nuvens de diferença. Clique duas vezes nele, e isso nos dará Opções de Mistura para esse efeito específico. Vamos definir o nosso para se multiplicar. Clique em OK. Agora pode parecer que nos livramos do efeito, mas na verdade está funcionando exatamente como queremos. Agora, para um nível extra de controle, vou adicionar um ajuste de níveis, mas adicionar um ajuste de camadas como um filtro inteligente requer CC 2015. Portanto, se você tiver uma assinatura da Creative Cloud, certifique-se de que está atualizado. Se você não tiver a versão mais recente do Photoshop, tudo bem. É apenas um nível extra de controle, mas você ainda poderá fazer os ajustes necessários sem ele. Se você não tiver a versão mais recente, vá em frente e pule esta etapa. Agora vamos adicionar um controle de níveis em Imagem, Ajuste, Níveis. Vá em frente e pegue o do meio e vamos adicionar um pouco de contraste. Como eu faço isso, você pode ver que ele está mostrando através de mais e eu posso clicar em Ok. Eventualmente, vamos querer ajustar nosso brilho interno para que mais transparência apareça, mas cuidaremos disso mais tarde. Agora vamos continuar e voltar para a Galeria de Filtros. Você pode ver muito mais do que está acontecendo aqui porque a mistura se propriedade não está aparecendo. Agora vamos em frente e adicionar grãos primeiro, que está sob Textura. Então vamos empilhar outro efeito em cima disso. Venha até aqui, e vamos adicionar outro efeito. Mas vamos mudá-lo para bordas rasgadas. Vá para Esboço e encontre bordas rasgadas. Agora só brincamos com os controles deslizantes até obtermos o efeito que queremos. Para bordas rasgadas, vamos apenas digitar alguns números, 22, 14 e 12. Agora, devido a esses dois efeitos são empilhados um em cima do outro, eles afetam um ao outro. Vamos voltar ao grão e brincar com isso um pouco. Como você pode ver, se eu aumentar a intensidade, fica mais texturizado. O controle deslizante de contraste também traz mais detalhes. Então, uma vez que você fizer isso sobre onde você quer, você pode clicar em OK. Esse foi o último passo que estou construindo o efeito, mas agora podemos voltar e fazer alguns ajustes sobre como ele aparece. A primeira coisa que quero ajustar é o Brilho Interno. Precisamos voltar ao nosso Objeto Inteligente. Então clique duas vezes. Vamos brincar com isso. Quero que essas lacunas pretas sejam menores. Então eu vou desligar o estrangulamento um pouco e diminuir o tamanho também. Vamos tentar isso. Clique em OK e salve, para que ele seja atualizado no outro documento. Você pode ver que já adicionou mais textura. Agora eu quero ir em frente e adicionar um pouco mais de contraste. Agora eu vou fazer isso ajustando o controle de níveis que eu configurei. Mas se você não adicionou os níveis, ainda poderá entrar e fazer ajustes no seu efeito na Galeria de Filtros. Brincar com os efeitos que já adicionamos na Galeria de Filtros basicamente fará a mesma coisa. Estes níveis só me permitem fazer ajustes mais rapidamente. Vamos voltar aqui para a Levels. Os níveis estão afetando tudo abaixo dele. Então basicamente basicamente apenas as nuvens de diferença. Queremos acrescentar um pouco mais de contraste a esses. Vamos clicar duas vezes em Níveis, e então isso provavelmente aparecerá e é apenas o Photoshop avisando que todos os efeitos acima não aparecerão enquanto você estiver editando isso. Isso é irritante, então vou dizer “Não Mostre Novamente”. Então temos os nossos níveis. Vou arrastar o branco para cá. Temos um branco realmente vindo agora. Vamos tentar por ali. Outra coisa legal com as nuvens de diferença é que você pode aleatorizá-los quando quiser. Se você clicar duas vezes em nuvens de diferença, ele aleatoriza. Vou diminuir o zoom para que possa ver todas as letras. Se eu desligar as nuvens de diferença, você pode ver que seria assim porque isso é o que o Inner Glow está produzindo. Mas adicionar as nuvens de diferença definidas para multiplicar adiciona uma variância ao Brilho Interno e apenas ajuda a aleatorizar o efeito. Estamos recebendo essas áreas brancas realmente sólidas, que eu realmente não gosto. Vamos voltar para as Galerias de Filtro e ajustar o grão. Certifique-se de que você tem o grão selecionado. Vou aumentar a intensidade e diminuir o contraste para quebrar um pouco. Vamos tentar isso e ver se gostamos. Isso está ficando melhor. Agora posso aleatorizá-lo mais algumas vezes com as nuvens de diferença para ver o que recebo. Agora, este é um efeito perfeitamente aceitável. É um pouco mais sutil e não é aplicado no geral, que pode ser o que você está procurando. É aqui que você brinca e consegue o que gosta. Se você não quiser uma colocação aleatória da textura, você sempre pode desativar os níveis e as nuvens de diferença e, em seguida, começar a ajustar mais o Brilho Interno. Mas eu gosto da aleatoriedade disso. Eu vou ir em frente e adicionar um pouco mais de textura geral. Eu vou voltar para os níveis e mover os níveis de saída preto para cima um pouco. Isso ilumina tudo. Clique em Ok e veja como ele adiciona um pouco mais em outros lugares. Eu acho que isso é muito bom, eu gosto disso. Eu vou em frente e salvá-lo. Agora que nossas texturas construídas, podemos colocar o que quisermos dentro do Objeto Inteligente e o efeito será reaplicado dinamicamente neste documento. 5. Reutilizando o efeito: Agora que o efeito foi construído, eu vou ir em frente e trocar o texto para o meu design bookplate. Eu tenho isso aqui no Illustrator, então eu vou apenas copiar, e depois voltar para o Photoshop, e entrar no meu Objeto Inteligente e colá-lo. Certifique-se de que está colando como um Objeto Inteligente. Clique em “Ok”. Vou em frente e redimensioná-lo para que ele caia ali, bem ali. Agora, eu quero transferir o brilho interno para a minha arte. Eu só vou arrastar todos os efeitos para cima. Agora, a diferença entre este texto e a arte que acabei de colocar, é que o texto é bom, grosso, linhas uniformes em todo o caminho, onde minha arte tem linhas finas como o [inaudível], todos os tamanhos diferentes. Precisamos ingerir o brilho interno para caber nesta obra de arte. Vou desligar minha camada de tinta seca para que possamos ver e entrar no brilho interno da minha arte. Vou em frente e focar na grande letra B no meio. Brincar com o estrangulador e tamanho, e obter direito sobre lá e clique em “Ok”. Então vamos em frente e salvá-lo para que ele seja atualizado em nosso outro documento. Como você pode ver, lá está. Como sempre, você pode brincar com as nuvens de diferença, clicar duas vezes sobre ele, ver outros pequenos resultados. Acho que gosto dessa. Eu acho que isso é ótimo para o B, mas como você pode ver, não há realmente nenhuma textura aparecendo em nenhum outro lugar. Isso é porque essas linhas são muito finas para esse brilho interno. Vamos voltar para o Objeto Inteligente. Nós realmente precisamos separar o B do resto da obra de arte para que cada parte possa ter seu próprio brilho interno. O que eu vou fazer é ir para Novo Objeto Inteligente via Copiar para que ele duplique o Objeto Inteligente. Eu vou para o primeiro e me livrar do B. Então salve-o para que ele atualize no Photoshop. Se eu desligar a camada original, você pode ver que o B se foi, então agora eles estão separados. Agora, eu vou duplicar esta camada novamente e, em seguida, ir para ela e excluir tudo menos o B. Eu vou selecionar o B em Inverso, deixando apenas o B, Salvar e voltar para o Photoshop. Como você pode ver, ele automaticamente centraliza tudo e meu B não estava exatamente centrado. Tudo o que preciso fazer é ajustá-lo com base no original. Vou mudar um pouco a Opacidade. Vamos ampliar. Isso parece bom. Agora podemos esconder o original, diminuir o zoom para que possamos vê-lo, e então começar a ajustar o brilho interno nas linhas menores. Vamos renomear essas camadas para que possamos manter o controle delas. Vá em frente e renomeie este B, e o outro Bookplate. Vamos entrar no Brilho Interno do Bookplate e ajustar isso. Vamos precisar reduzir o tamanho um pouco. Isso parece muito bom. Vamos ver o que parece. Vá em frente e certifique-se de salvar e, em seguida, voltar para o nosso documento original. Em alguns lugares, parecia muito bom como no esboço, mas no texto, é um pouco demais e começa a ficar difícil de ler. Então precisamos fazer outra cópia e separar o contorno do texto para que possamos personalizá-lo ainda mais. Vamos voltar ao nosso Objeto Inteligente e, em seguida, precisamos duplicar o Bookplate, e vamos avançar e renomear este texto apenas para não perdermos o controle do que estamos fazendo. Precisamos ir para o Objeto Inteligente do Bookplate e nos livrar de todo o texto e deixar o contorno, e depois clicar em “Salvar”, e podemos fechar isso, e fechar todos os outros, também. Então precisamos entrar no Objeto Inteligente do texto e excluir o contorno. Salve e feche. Em seguida, precisamos ligar a referência novamente para que possamos ajustar tudo, uma vez que ele automaticamente o centraliza. Vamos ampliar para dar uma olhada melhor. Acho que isso é bom. Vou desligar a referência. Agora, precisamos ajustar o brilho interno para a camada de texto. Vamos tentar isso e ver como isso se parece. Como você pode ver, o 2010, alguns dos tipos menores ainda não tem qualquer textura sobre ele. Mas na realidade de carimbo de borracha, vai haver áreas que tem cor sólida, então eu estou bem com ele apenas sendo como ele é. Mas se você quiser adicionar textura a ele, você só precisa fazer sua própria camada novamente e ajustar o brilho interno. Eu estou realmente gostando de como isso está olhando, mas há alguns pontos no texto menor que eu só acho que ele tem muita textura. Mas eu não quero ajustar a nuvem de diferença porque eu gostaria dela em todos os outros lugares. Aqui está um pequeno truque se você quiser entrar em detalhes finos e ajustar um pouco da textura. Agora, vamos agrupar tudo, então selecione todas as camadas no grupo, e vamos fazer um preenchimento de cor preta e sólida em cima do grupo, e fazer uma máscara de recorte como fizemos antes, que foi Opção ou Alt em um PC e, em seguida, clique direito entre os dois e, em seguida, clique na máscara e inverte-a, que é Apple I, ou Control I em um PC. Agora você pode pintar de branco nesta massa de camada para escurecer qualquer uma das texturas que você não quer. Amplie para que você possa ver muito bem e, em seguida, vá para pincéis. Eu gosto de usar um pincel texturizado, então eu vou em frente e escolher. Vamos tentar este. Certifique-se de que você tem a cor branca de primeiro plano aqui. Em seguida, basta começar a pintar um pouco, levando um pouco da textura para onde você não quer. Vamos separá-lo um pouco. Isso não é destrutivo, então se você quiser voltar e pintar mais textura, basta mudar a cor do primeiro plano para preto, e voltar e pintar assim. Vamos guardá-lo e ver como é. Eu já gosto disso. Eu não gosto daquele A, então eu vou voltar e consertar aquele A e salvar. Esse é o nosso Bookplate. Lembre-se, podemos mudar essa arte para qualquer cor que quisermos. Se não quisermos vermelho, podemos mudá-lo para preto, podemos mudá-lo para uma cor azulada agradável, qualquer coisa que você quiser. Por enquanto, vou mudar o meu para preto. Apenas certifique-se de salvar. 6. Textura de fundo: Agora temos uma boa textura em nossa arte. Mas só por diversão, vamos em frente e adicionar um pouco de textura ao fundo. Vá em frente e faça uma nova camada logo acima da camada de fundo, e preencha-a com preto. Se a sua camada de fundo estiver definida como preto, tudo o que você tem a fazer é clicar em Command Delete, ele a preenche com preto, e vamos avançar e renomear isso para textura BG para textura de fundo. Agora vamos convertê-lo em um objeto menor. Clique com o botão direito do mouse sobre ele e diga converter para objeto menor. Vamos voltar para a Galeria de Filtros. A galeria de filtros traz automaticamente os últimos efeitos que você teve quando esteve aqui. Vamos mudar as bordas rasgadas para Stamp, mas vamos deixar o Grão. Então vamos voltar para o Grão, e mudar o tipo de Grão para Sprinkles. Vou aumentar a intensidade do Grão por enquanto, e então vamos mexer com essas configurações de carimbo. Eu só vou ajustar a suavidade, então eu vou fazer uma seleção do número e apenas usar as setas para cima e para baixo, então é apenas uma de cada vez. Isso é se livrar de muitos dos pequenos que eu quero apenas alguns dos maiores porque eu ainda quero que isso seja uma textura sutil, não muito. Acho que isto parece muito bom. Vamos clicar em “OK” e ver como fica. Agora precisamos adicionar um invertido, então vamos subir aqui para Imagem, Ajustes e Inverter. Como você pode ver, temos uma textura agradável acontecendo, mas isso ainda é um pouco de textura demais para mim. Voltaremos para a Galeria de Filtros, vou diminuir um pouco para ver como isto se parece. Vamos tentar suavizar isso para se livrar de ainda mais, eu gosto disso, e lá vai você, alguma textura sutil aleatória adicionado. Você sempre pode adicionar uma máscara de camada à textura de fundo e fixar qualquer textura que você não quiser, assim como fizemos com a textura na placa do livro. Se eu não quisesse esse aqui perto da borda, eu pintarei, faço um trabalho detalhado, se quiser. Vamos mudar a cor de fundo. Eu vou ir em frente e duplicar esta camada e arrastá-la para baixo logo abaixo da camada de textura de fundo. Não se preocupe com essas coisas estranhas acontecendo, vamos voltar a isso, então vá em frente e clique duas vezes no quadrado preto que é a cor, e escolha a cor que você quiser, eu vou fazer uma cor azul claro. Agora não podemos ver o fundo colorido porque a camada de textura é na verdade uma camada branca sólida com um gráfico de textura. Precisamos ir para a camada de textura e ajustar o Blend If, e precisamos derrubar o branco para que apenas a textura preta apareça através, e lá vamos nós. Agora eu posso mover essa textura de fundo para o mesmo grupo que nossas obras de arte para que ela seja colorida da mesma forma. Vamos em frente e colocá-los no fundo, então está no fundo, e agora eu posso mudar a cor. Vamos mudar para branco. Agora sua textura é da mesma cor que sua placa de livro, e aí está você pessoal. Certifique-se de salvá-lo, e eu posso reutilizar este efeito em qualquer coisa que você quiser. 7. Obrigado!: Pessoal, é isso. Obrigado por tomar minha aula, espero que você tenha se divertido e que você achou útil. Se você teve algum problema com qualquer coisa ou tem alguma dúvida, certifique-se de deixar um comentário e, em seguida, pergunte-me qualquer discussão. Caso contrário, não se esqueça de postar seu último livro em seu projeto de classe. Se você compartilhá-lo no Instagram, certifique-se de me marcar @apairofpears. Se você gosta desta aula, eu amo se você me ama a todos vocês. Te vejo na próxima vez.