Padrões como sobreposições de fotos para mídias sociais no Adobe Photoshop - um curso Graphic Design for Lunch™

1. Sobreposições de padrões para imagens no Photoshop no Photoshop - introdução - introdução: Olá, sou Helen Bradley. Bem-vindo a esta aula de design gráfico para almoço, padrões como sobreposições de fotos no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos olhando para uma série de padrões que você pode usar como sobreposições para fotos. Um deles é um efeito mosaico bastante atraente que você cria usando um padrão e mosaico telhas. À medida que estiver assistindo a esses vídeos, você verá um aviso que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima, e em segundo lugar, escreva em apenas algumas palavras por que você está curtindo esta aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar. Se você gostaria de deixar um comentário ou uma pergunta para mim, por favor, faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e eu olho, e eu respondo a todos os seus projetos de classe. Agora, se você estiver pronto, vamos começar a fazer sobreposições de padrão para fotos. 2. Pt 1 - linhas de digitalização de TV: O primeiro de nosso padrão sobre efeitos fotográficos será uma série de linhas de digitalização de TV. Eu tenho essa imagem que eu baixei do unspliced.com que eu vou usar, mas é claro que precisamos criar nosso padrão. Vou escolher Arquivo e, em seguida, Novo. Eu vou fazer um documento com 100 pixels de largura por 100 pixels de altura, então é apenas um documento quadrado, e vai ser transparente. Vou clicar em “Ok”. Vou ampliar para poder ver o documento claramente. Então eu vou fazer uma seleção sobre a parte superior do documento. Neste ponto, o que estou fazendo é determinar o quão distantes minhas linhas de varredura estarão e quão grossas elas serão. Eu vou fazer uma seleção que é cerca de um quarto do caminho através deste documento, modo que a minha linha de digitalização vai ser bastante estreita em comparação com a lacuna no padrão. Tenho preto como cor de primeiro plano, então pressionarei Alt Backspace no PC, Option Delete no Mac e pressione Ctrl ou Command D para desmarcar a seleção. Este vai ser o meu padrão. Vou escolher Selecionar tudo e depois Editar definir padrão, e posso chamar essa linha de digitalização e clicar em “Ok”. Se eu não tiver 100% de certeza sobre o espaçamento da minha linha, eu manteria este documento aqui e voltaria para as imagens de pássaros que vamos colocar as linhas de digitalização. Vou escolher Camada, Nova Camada de Preenchimento, Padrão e clicar em “Ok”. Agora, a camada de preenchimento padrão é o último padrão que eu criei, que é claro eram minhas linhas de digitalização. Agora estou muito feliz com a relação entre a largura da linha e o espaço, mas o padrão em si é muito grande para esta imagem. Então eu vou diminuir seu tamanho para 50% e ver como isso parece. Bem, eu ainda acho que é um pouco grande, então eu vou escolher 30% e clicar em “Ok”. Estas são as linhas de digitalização da TV sobre a minha imagem e agora posso ajustar o padrão para a suíte. Por exemplo, eu posso querer reduzir a opacidade para que ela seja um pouco menos óbvia, ou eu poderia deixar a opacidade onde ela está e escolher um modo de mesclagem diferente, como sobreposição ou luz suave. Há uma série de maneiras diferentes que eu posso ajustar a aparência do padrão na imagem, mesmo que fosse um padrão preto e branco, ele não tem que ficar olhando assim. Claro, se eu quiser que as linhas de digitalização fiquem ainda mais próximas, eu vou clicar duas vezes no Preenchimento padrão e eu vou alterá-lo agora para 15% e ver como isso parece e clique em “Ok”. 3. Pt 2 - padrões de quadrado e de grade: Nesta imagem, vamos olhar para um par de padrões simples que vão produzir um efeito interessante. Vou escolher Arquivo e depois Novo, e vou criar um documento, 100 pixels por 100 pixels de tamanho, fundo transparente. Vou clicar em “Ok”. Vou ampliar usando a ferramenta Zoom. Vou selecionar a ferramenta de letreiro retangular e apenas arrastar um pequeno quadrado. Eu vou fazer isso segurando a tecla shift como eu faço, e então porque o preto é a minha cor de primeiro plano, eu vou pressionar “Alt backspace” opção “Delete” no mac, para preencher meu quadrado com preto. Preciso desmarcar minha seleção, que farei pressionando “Control” ou “Comando D”. Não importa que o meu quadrado não esteja bem centrado dentro deste documento, ele vai fazer apenas um padrão fino, no entanto ele é colocado. Vou escolher “Selecionar tudo” e depois Editar, Definir padrão. Vou ligar para este Square, e clicar em “Ok”. Vamos voltar para a imagem que eu tinha aberto pronto para este padrão e eu vou escolher Camada, Nova camada de preenchimento, Padrão e clicar em “Ok”, e claro, Photoshop está usando o padrão para o último padrão que eu criei, que é este pequeno padrão quadrado que está fornecendo uma sobreposição interessante sobre esta imagem de neve. Vou clicar em “Ok”. Neste ponto, eu posso ajustar o padrão de várias maneiras. Eu poderia reduzir a opacidade dele para que ele se tornasse um efeito de sobreposição muito sutil. Eu poderia, obviamente, torná-lo muito menor clicando duas vezes na miniatura padrão e, em seguida, reduzir o tamanho dela para dizer 50 por cento. Eu também poderia misturá-lo usando modos de mistura, como sobreposição ou luz suave. Enquanto estamos aqui com esta imagem, vamos criar um segundo padrão para ela. Novamente, Arquivo, Novo, um 100 pixels por 100 pixels, e clique em “Ok”. Vou ampliar, e vamos criar um padrão de grade muito simples. Eu vou para a ferramenta de letreiro retangular, e eu só vou entrar aqui 10 pixels. Eu estou olhando para a largura que o Photoshop está me dizendo, e ele está me dizendo que isso tem 10 pixels de largura, então está tudo bem. Vou pressionar “Alt backspace” opção “Excluir” para preencher essa seleção com preto. Agora eu vou fazer a mesma coisa na outra direção, e novamente, procurar uma altura desta vez de 10 pixels. Novamente, vou preencher com preto, e então eles selecionam a seleção. Tudo o que você precisa para este padrão é que dois lados deste documento sejam cobertos em uma única linha de pixels. Este padrão em forma de L vai ser perfeito. Vou escolher Selecionar tudo e depois Editar, Definir padrão, e isso vai criar um padrão de grade quadrada, e eu vou clicar em “Ok”. Agora vamos voltar ao nosso documento. Eu vou tornar a camada visível aqui, a camada padrão, e eu vou clicar duas vezes sobre ela, e o que eu posso fazer é soltar esta lista de seleção de padrões, e o último padrão na lista vai ser o que eu acabei de criar. Aqui está, aqui. Vou clicar nele e clicar em “Ok”. Agora, isso já tem o modo de mesclagem de sobreposição aplicado a ele, porque eu tinha isso aplicado ao padrão anterior. Ele também tem uma opacidade de 100 por cento. Ele está desaparecendo nessas áreas muito brancas da imagem, por causa do modo de mesclagem de sobreposição. Se o definirmos para o normal, em seguida, ele apareceria sobre o topo da imagem como você viu aqui. Mas a sobreposição é um efeito muito agradável e interessante para este padrão particular. Só vou baixar um pouco a opacidade. Estamos a ter quase a impressão de olhar para esta cena através de uma malha. Há um par de efeitos de padrão interessantes, que você pode usar sobre fotos, que são rápidos e fáceis de criar. 4. Pt 3 - faça uma foto em um mosaico: Para este próximo padrão, efeito de sobreposição eu sugiro que você comece com uma imagem que é muito colorida e também tem um assunto muito óbvio, porque nós vamos transformar isso em uma telha de mosaico. Antes de começarmos, vou cortar qualquer parte desta imagem que eu realmente não quero. Eu só vou limpar este cenário de colheita que eu tinha, e eu vou cortá-la para que fique bem perto em torno da cabeça desta arara. A próxima coisa que eu preciso fazer é verificar o tamanho desta imagem, eu vou escolher Imagem e, em seguida, Tamanho da Imagem. Eu posso adaptar meu padrão ao tamanho da imagem ou posso adaptar minha imagem ao padrão, e eu vou fazer o último. Vou mudar o tamanho da minha imagem para trabalhar com o meu padrão. Para o meu padrão, eu vou chegar a cerca de 50 pixels quadrados, e eu quero que ele seja localizado em uma posição exata sobre esta imagem. O que eu quero é que a largura e a altura da imagem sejam múltiplos de 50 pixels. Se eu tirar isso para dizer 2.000 pixels, a largura é realmente boa, mas a altura não é. Mas eu não estou preocupado com isso porque eu vou lidar com a altura em apenas um minuto, mas o que eu quero saber é aproximadamente qual é a altura porque eu vou precisar ajustar isso. Tenho uma imagem de 2.000 pixels por 1.783. Vou clicar em “Ok”. Vou voltar para pegar a ferramenta de colheita. Eu ainda quero que minha imagem tenha 2.000 pixels de largura, vou digitar aqui 2.000 pixels. Mas eu quero que a altura seja menor porque eu quero cortar fora um pouco de extra. Eu vou fazer 1.700 pixels, e isso é retirado um pouco do topo e do fundo, mas ele me deu uma largura e uma altura ambos os valores são uniformemente divisíveis por 50. Se eu dividir 2.000 por 50, ou se dividir 1.700 por 50, 50 dividir-se-á uniformemente com nenhum restante. Essa é a parte crítica, vou clicar na marca de seleção. A seguir, vou fazer do meu filme um mosaico. Eu vou fazer uma duplicata dessa camada de fundo, e como eu vou aplicar um filtro a ela, eu vou converter isso para filtros inteligentes. Filtrar, Converte para filtros inteligentes e clique em “Ok”. Vou aplicar meu filtro com Filter, Pixelate Mosaic. Para o filtro de mosaico, o que eu vou fazer é definir o tamanho da minha célula para os 50 pixels que eu vou estar trabalhando em termos de um tamanho de padrão. Estou a escrever 50, e vou clicar em “Ok”. Agora, temos nossa imagem transformada em um mosaico, e o que precisamos a seguir é o padrão para passar por cima dela. 5. Pt 4 - Faça a ver circular com padrão: Para criar nosso padrão, vamos escolher “Arquivo” e depois “Novo”. Eu vou fazer um documento com 50 pixels de largura e 50 pixels de altura, e ele vai ter um fundo transparente, eu vou clicar em “Ok”. Vou ampliar para que eu possa ver o documento claramente na tela. Vou desenhar um círculo usando a ferramenta Letreiro Elíptico. Eu vou clicar em uma posição apenas ligeiramente no canto superior esquerdo do documento, e eu vou segurar a tecla Shift para que eles restrinjam isso a um círculo perfeito. Eu estou olhando para criar este círculo escrever no meio do documento. Se eu tiver problemas para fazer isso, vou adicionar a barra de espaço e mover o círculo até obter os guias inteligentes que me mostram que estou no meio do documento. Eu entendi agora, então eu vou soltar o botão esquerdo do mouse e seguida, soltar a barra de espaço e a tecla Shift. Eu tenho um círculo aqui centrado bem no meio do documento, mas não é o círculo que eu quero, é um pouco ao redor da borda, então eu vou inverter minha seleção com “Select Inverse”. Agora, eu selecionei a área ao redor da borda do círculo, estou selecionando minha camada aqui, branco é minha cor de fundo, então eu vou pressionar Control backspace comando Delete no Mac para preencher minha área externa com branco. Vou pressionar Control ou Comando D para desmarcar minha seleção. Esta é a minha pasta padrão, então eu vou escolher “Editar”, “Definir padrão”. Vou ligar para este círculo e clicar em “Ok”. Agora, eu não preciso mais desta pasta padrão, então eu posso simplesmente excluí-la. De volta a esta imagem eu vou clicar na camada superior porque eu vou adicionar o meu padrão sobre o topo. Vou fazer isso selecionando “Camada”, “Nova camada de preenchimento”, “Padrão” e clicarei em “Ok”. O padrão que é adicionado à imagem é o último padrão que eu criei e então esse é o que queremos usar e é dimensionado em 100% e é exatamente assim que deve ser e eu vou clicar em “Ok”. Há o meu efeito de sobreposição padrão, mas digamos que eu olho para isso agora e eu acho que na verdade, seria melhor se fosse metade do tamanho. Bem, podemos facilmente resolver esse problema por causa da forma como criamos este documento. Primeiro de tudo, vamos fazer o padrão metade do tamanho. Vou clicar duas vezes na miniatura aqui e vou escalar meu padrão para 50%, e vou clicar em “Ok”. Bem, esse padrão parece muito bom sobre o mosaico. O mosaico é, na verdade, muito mais grosseiro do que realmente precisa ser. Eu vou voltar para o meu filtro de mosaico neste ponto e em vez de um tamanho de venda de 50, eu vou fazer 25, metade do que era antes, e eu vou clicar em “Ok”. Agora temos esses efeitos editáveis que criamos com uma patente sobre nossa imagem. Se o branco é muito leve, você pode ajustar a opacidade dele para que você possa ver mais da imagem por baixo. Vou levá-lo de volta para 100 por cento, porque podemos querer que dois olhem para este ponto como a imagem seria se o padrão fosse preto. Bem, há uma maneira fácil de converter branco para preto e isso é invertido. Vou escolher “Camada”, “Nova camada de ajuste”, “Inverter”, vou clicar em “Ok”. A camada de ajuste invertido inverteu o meu padrão, mas também inverteu o meu pássaro. Mas há um ícone aqui que me permite limitar a inversão apenas para a camada imediatamente abaixo da camada que tem a patente nela. Vou clicar aqui. Aqui está a nossa patente do efeito de imagem desta vez com um padrão preto em vez de um padrão branco. Não tivemos que recriar o padrão porque tudo o que fizemos foi inverter sua cor. Também é possível usar um ajuste de saturação de matiz no padrão e vamos desligar minha camada invertida por um minuto e vamos pegar uma camada de ajuste de saturação de matiz. “ Camada”, “Nova camada de ajuste”, “Saturação de matiz”, e eu vou clicar em “Ok”. uma vez, este precisa ser clipes para que ele afeta apenas o padrão e não o pássaro também. Agora eu posso clicar em “Colorizar”, eu vou aumentar minha saturação, diminuir minha leveza, e começar a trabalhar em encontrar uma tonalidade que vai ficar bem era meu pássaro. Vou usar uma laranja amarelada, mas vou aumentar a saturação aqui e também diminuir a leveza. Você pode ver esse efeito com uma camada de ajuste colorida agora está afetando o padrão sobre o pássaro. Temos muitas opções aqui para criar nosso padrão sobre nossa imagem e também criamos para que ele possa ser facilmente dimensionado de forma diferente o mosaico pode ser redimensionado e, portanto, dois tipos de padrão. 6. Projeto e envolvimento e: Seu projeto para esta aula será tirar uma fotografia, qualquer uma das que eu usei ou uma fotografia de sua escolha, e criar uma sobreposição de padrão para ela, e você pode escolher qualquer um dos desenhos que fizemos nesta classe. Publique uma foto de sua fotografia com sua sobreposição de padrão como seu projeto de classe. Espero que você tenha gostado dessa aula e que tenha aprendido algo sobre a criação de sobreposições de padrões para imagens no Photoshop. À medida que estiver assistindo a esses vídeos, você verá um aviso que permite recomendar essa classe a outras pessoas. Por favor, se gostou da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva apenas algumas palavras sobre por que você gostou da aula. Essas recomendações ajudam outros alunos da Skillshare a ver que esta é uma aula que eles também podem gostar. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim para este episódio de Design Gráfico para Almoço, e estou ansioso para vê-lo em um próximo episódio em breve.