Transforme uma foto em um padrão no Adobe Photoshop — um curso de Graphic Design for Lunch™

1. Transforme uma foto em um padrão no Photoshop no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço: transforme uma foto em um padrão 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 analisando a criação de um efeito de padrão no Photoshop usando uma foto. Vamos começar cortando a imagem de seu fundo, então faremos a foto parecer desenhada à mão e colorida. Então, finalmente, criaremos esse objeto como um padrão e o usaremos para criar um novo documento do Photoshop. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas como você que querem saber mais sobre o Photoshop. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Então, se você está pronto agora, vamos começar a transformar uma foto em um padrão no Photoshop. 2. Transforme uma foto em um padrão em - parte 1: Para começar com a nossa fotografia dois, projeto padrão, vamos precisar de uma imagem para usar. Agora, eu vou a um site chamado morguefile.com para encontrar minhas imagens, e eu localizei um artista lá que tem um monte de fotos que são muito boas. Eles são realmente fotos de alta qualidade, e há muito aqui que você poderia usar. Agora, porque temos que fazer um corte, vamos escolher algo que é basicamente simples. Então eu estou realmente indo para ir e pegar esta imagem. Mas se você percorrer o site deles, você verá que há uma abundância de imagens aqui que você pode usar. Eu tenho alguns que já foram feitos para você que vai torná-lo ainda mais fácil para você. Por exemplo, este pardal aqui. Você pode querer procurá-lo, mas eu vou dar-lhe um link para este artista em particular aqui no necrotério para que você possa ver o trabalho deles, ver se há algo aqui que você gostaria de usar. Caso contrário, vá e encontre uma imagem que você goste de morguefile ou de um site como unspliced.com ou use sua própria foto. Então, vamos clicar nesta imagem e, em seguida, vamos apenas clicar para baixá-la. Agora, eu já fiz isso, então eu vou fechar tudo isso e eu vou abrir o arquivo aqui no Photoshop. Então aqui está minha imagem espiral branca. Esta é uma imagem de tamanho muito bom. Na verdade, é muito maior do que precisamos para nossos projetos. Então eu vou começar por cortá-la, e para fazer isso, eu vou para a ferramenta de colheita. Eu vou segurar a tecla Shift enquanto eu arrasto sobre este pardal porque eu quero um corte quadrado aqui, e eu não quero nada além do pardal na imagem. Então, se eu puder me livrar desse ramo aqui agora, é uma coisa a menos que eu tenho que cortar em um minuto ou me livrar em um minuto. Vou trazer o pardal muito bem para cima na imagem aqui, clique na marca de seleção. Agora eu preciso isolá-lo, e provavelmente para esta imagem em particular, estas são coisas que vão ser para se livrar do fundo, não do pássaro. Então eu vou desta vez para a “Ferramenta Varinha Mágica”, e eu vou apenas definir uma tolerância razoavelmente alta e clicar no fundo. Isso é praticamente tudo selecionado. Vou precisar selecionar esta área aqui entre as pernas dele e o galho, e para fazer isso, vou segurar a tecla Shift enquanto clico aqui para incluir esta área nela. Mas há um pouco que eu tenho aqui que eu não quero. Então eu vou mudar para a “Ferramenta de Seleção Rápida”, porque isso vai muito facilmente permitir que eu remova essa área do pássaro. Só vou dar zoom aqui para vermos como é o problema. Com a “Ferramenta Varinha Mágica” selecionada, vou manter pressionada a tecla Alt ou Option enquanto arrasto ou pinto sobre a área que quero remover desta seleção. O que aconteceu foi, ter uma tolerância de 25 para o fundo realmente começou a permitir-me selecionar o próprio pássaro porque suas penas de borda estavam nessa faixa de 25. Então provavelmente tinha uma tolerância muito alta aqui, se quiser. Agora aqui, eu tenho alguns pedaços que foram deixados de fora. Bem, ainda com a “Ferramenta Varinha Mágica”, eu posso simplesmente ir e arrastar ou pintar sobre os pedaços que tinham sido deixados de fora desta seleção de fundo que irá adicioná-los a ele. Eu vou trabalhar meu caminho em torno do pássaro, certificando-se de que eu tenho tudo o que eu preciso e nada que eu não preciso aqui. Agora, uma vez que eu esteja feliz com o que eu tenho aqui, eu vou adicionar uma máscara para que eu possa adicionar pequenos pedaços extras a isso ou remover alguns se eu precisar. Então eu vou clicar no último palete aqui para ver o que temos, e nós temos uma única camada de fundo. Precisamos converter isso em uma camada regular para que possamos remover o plano de fundo da imagem, porque você não pode remover pixels para permitir planos de fundo transparentes em uma camada de fundo. É uma daquelas camadas especiais que simplesmente não fazem coisas como camadas normais fazem. Para torná-lo camada irregular, vamos clicar duas vezes sobre ele, e basta clicar em “Ok” quando você vir esse diálogo. Agora é camada irregular, e poderíamos pressionar “Excluir” para remover o plano de fundo, ou podemos apenas clicar aqui para adicionar uma máscara, para mascará-lo. Isso é o que eu vou fazer. Infelizmente, a minha massa quintin apoiou a frente. Vou clicar na máscara em invertido, e então pressione Command ou Control I, I para inverter. Agora, neste ponto, quando estamos trabalhando com máscara, que podemos pintar nesta máscara em preto ou branco para adicionar ou remover pedaços da imagem. Bem, eu não quero essa parte aqui, então vamos pegar o pincel, que está escondido aqui. Vamos lá e nos certificar de que temos um pincel bastante duro aqui. Eu vou selecionar algo que tem um olhar muito sólido para ele, Basta levar sua dureza para baixo para cerca de 78, isso é muito bom para este pincel. Vamos nos certificar de que estamos pintando com preto porque queremos remover alguns dos objetos aqui, certifique-se de que eu tenho a máscara aqui selecionada. Então ele tem uma pequena borda em torno dele, e eu vou pintar os pedaços que eu não quero. Agora eu também não quero que este galho seja cortado em um ângulo bastante afiado. A partir disso, eu vou fazer o meu pincel realmente pequeno aqui. Eu só vou adicionar uma forma orgânica através desse galho. Então é um pouco mais atraente do que era antes. Agora você pode continuar a trabalhar nesta máscara se você quiser fazer uma seleção melhor. Mas por causa do processo que estamos usando e não precisa ser tão bom de seleção. Então, se estamos prontos para prosseguir, podemos agora ir em frente e consertar esta máscara. Então o que vamos fazer é, vamos realmente aplicá-lo à imagem. Você pode fazer isso arrastando a máscara para a lixeira como se estivesse prestes a removê-la. Photoshop diz, “Bem, espere um minuto, você fez essa máscara. Deseja aplicar isso à imagem antes de removê-la ou apenas quer lixá-la?” Bem, queremos aplicá-lo à imagem. Então vamos clicar em “Aplicar”. Agora temos um pássaro isolado em sua própria camada, e estamos prontos para ir no próximo vídeo e colorir, mas também fazer com que pareça um pouco mais como se tivesse sido desenhado à mão. 3. Transforme uma foto em um padrão em - parte 2: Estamos prontos para fazer o nosso pássaro parecer um pouco mais puxado à mão. Mas isso vai nos ajudar a colocar um fundo atrás do pássaro apenas para que nós temos algo para olhar, neste momento. Vou manter a tecla Control ou Command K pressionada enquanto clico neste ícone de Nova Camada aqui e isso adiciona uma nova camada ao pé da paleta de camadas. Se o seu não for no lugar certo, tudo bem, basta arrastá-lo até que esteja onde você quer que ele esteja, no fundo. Selecione a camada, verifique se você tem a cor com a qual deseja preenchê-la como cor de primeiro plano e pressione Alt ou a opção Backspace. Isso apenas preenche o fundo com a cor, para que possamos ver o pássaro um pouco mais claramente, apenas certifique-se de que temos essa boa seleção. Muito feliz com isso. Agora, vamos transformar o pássaro em algo que pareça um pouco mais desenhado à mão. Uma das coisas que as fotos têm é um monte de detalhes ricos. Queremos nivelar esse detalhe, e há um filtro que nos ajudará a fazer isso. Chama-se filtro mediano. Vamos escolher Filtro, Noise e, em seguida, Médio. O que isso faz é achatar as cores na imagem e assim suaviza tudo. Vou levá-lo a um valor bastante alto e isso é o que ele faz com a foto. Não é muito bom em tudo, mas em valores menores, você vai descobrir que você obtém mais detalhes de volta na foto. Mas você começa este começo de um olhar pintalmente desenhado, se você quiser, em vez de uma foto por exemplo. O que queremos fazer aqui é achatar essas áreas de cor para que tenhamos menos detalhes do que a imagem, mas queremos manter alguns detalhes. O olho do pássaro, o bico e as coisas faciais são realmente importantes para estabelecer que esta bolha é um fato real do pássaro. Você vai escolher um ponto doce aqui, onde você obtém algum achatamento e suavização da cor, mas você ainda obtém detalhes na imagem. Para mim, isso é provavelmente cerca de 12 pixels. É um raio de 12 pixels. Vou clicar em OK. Em seguida, vamos aplicar um filtro a esta imagem. Para isso, escolheremos Filtro e depois Galeria de Filtros. Agora o filtro que vamos usar está aqui no grupo artístico e é chamado de recorte. Esse é o filtro do meio da linha de cima aqui na lista e é cortado. Agora, quero ver o meu pássaro e está tudo desaparecido agora. Vamos escolher Ajustar na tela. Com o filtro de recorte, você tem três controles deslizantes: níveis, simplicidade e fidelidade de borda. Fidelidade de borda não faz muito, mas o número de níveis e simplicidade de borda são realmente importantes. Vamos para a simplicidade da borda. Primeiro de tudo, se eu ficar muito alto, você vai ver que eu tenho um pássaro muito estilizado. Agora, essa pode ser a sua preferência. Se você gosta desse efeito, use um valor bastante alto. Se você quiser alguma aparência de realismo, então comece a reduzir esse valor de simplicidade de borda. Agora não há muitos valores por aqui. No topo, é 10, para a outra extremidade, é zero, então você tem 11 configurações aqui que você pode usar. Mas uma configuração de zero ou um ou dois lhe dará algo mais realista e menos abstrato. Vou escolher dois agora mesmo. Níveis é quantas cores queremos na imagem? Se reduzirmos a um valor muito pequeno, temos muito poucas cores na imagem, e por isso é novamente mais estilizado. Quanto mais níveis aplicarmos este é três, e este é cinco, estamos recebendo uma imagem mais realista. Mas, claro, como aplicamos esse filtro mediano à imagem, achatamos toda a cor. Estamos ficando um pouco mais de um olhar artístico, mas sem ter que redesenhar a imagem. Agora, para os meus níveis, eu acho que sete é muito alto. Este é o sete. É muito detalhado para mim. Vou voltar para seis ou cinco. Há um ponto legal aqui em algum lugar que lhe dá os detalhes que você quer, e ainda não é muito complexo. Acho que cinco é muito bom, então vou clicar em OK. Agora vamos transformar isso em preto e branco. Para fazer isso, vamos usar uma camada de ajuste. Vamos escolher Camada, Nova Camada de Ajuste, Preto e Branco, e eu vou clicar em Ok. Agora isso está afetando não só o pássaro, mas também o fundo azul. Se quisermos limitá-lo apenas ao pássaro, podemos clicar neste ícone aqui. Isso então define o ajuste para afetar apenas a camada imediatamente abaixo, que é o pássaro. A partir daqui, podemos selecionar cores neste controle deslizante de cores. À medida que os selecionamos, se houver alguma dessas cores no próprio pássaro, então podemos torná-las mais escuras ou mais claras no preto e branco. Agora há alguns amarelos. Se eu tirar estes em uma direção positiva, você pode ver que as áreas amarelas se tornam muito brancas. Se os levarmos na direção oposta, eles se tornam muito pretos, e assim usando os controles deslizantes, podemos criar um preto e branco perfeito para este pássaro em particular. Eu não estou esperando muito nos azuis e verdes porque este é um pardal, basicamente é um pássaro marrom. Também aqui, neste azul, não há muita ação acontecendo, mas pode haver na ciência e certamente há algum movimento se eu for para os vermelhos e para os amarelos. Eu só vou criar a imagem em preto e branco que eu quero aqui. Agora, temos o nosso pássaro preto e branco no nosso fundo. Se o pássaro não estiver suficientemente contraste, se não houver escuros e luzes suficientes, então você pode ajustá-lo. Vamos voltar para a camada pássaro aqui e vamos adicionar outra camada de ajuste: Camada, Nova Camada de Ajuste, e desta vez vamos escolher Curvas, em seguida, clique em Ok. Agora o ajuste das curvas pode ser um pouco confuso até que você saiba o que realmente significa. Aqui estão as suas escuras, aqui estão as suas luzes, e neste momento esta linha diz que não há nenhuma mudança na imagem. Mas se você quiser tornar os pixels mais escuros um pouco mais escuros, você pode arrastar para baixo na curva na área escura que está aqui. Se você quiser tornar as áreas mais claras um pouco mais claras, arraste para cima nesta extremidade da curva, que representa as áreas mais claras na imagem. Você também pode usar este pequeno ícone de mão. Se você clicar nele e ir e selecionar uma área da imagem que você deseja clarear um pouco, você pode fazê-lo. Basta arrastar para cima para iluminá-lo. Alguns clicando e arrastando para cima para clareá-lo, arrastando para baixo para escurecê-lo. Desta forma, poderíamos criar um pouco mais de um preto e branco personalizado aqui. Eu só quero ver um pouco mais de detalhes nesta área do pássaro por aqui. Eu acho que este é um resultado melhor. Podemos dar uma olhada no antes e depois. Aqui está o ícone do globo ocular, eu vou clicar nele. Esse é o antes, e este é o depois. É um pouco mais de contraste e eu acho que isso é um pouco melhor para esta imagem em particular. Agora, neste momento, você pode querer levar esse pássaro com você e fazer algo com ele. Você pode salvar esta imagem, você pode desativar o plano de fundo. Você pode, por exemplo, salvar isso como uma imagem ping, uma imagem em formato PNG, e isso salvaria a transparência com a imagem. Desta forma, você pode colocar isso em qualquer plano de fundo. Você pode, por exemplo, usá-lo em uma página de álbum de recortes e simplesmente adicioná-lo sobre um plano de fundo. O fundo virá através das áreas transparentes da imagem. Mas o que vamos fazer é fazer um padrão de repetição com isso. No próximo vídeo, você vai ver como fazer isso. 4. Transforme uma foto em um padrão em - parte 3: Para transformar este pardal em um padrão, vamos precisar de um pouco mais de espaço nesta imagem e uma maneira de fazer isso é usar a ferramenta de corte. Mas para começar, eu quero ser capaz de dizer um pouco mais da imagem. Vou diminuir um pouco para ver os arredores do papagaio. Agora você pode usar o tamanho da tela de imagem. É só que esse diálogo é apenas para mim realmente confuso porque onde o conteúdo está indo e exatamente quanto mais eu quero? É muito mais fácil para mim apenas olhar para ele. Eu vou cancelar a saída de lá e eu vou para a ferramenta de colheita. Porque o que eles não dizem sobre a ferramenta de corte é que você pode adicionar tela extra usando ela. Você tem essas alças aqui para que você possa arrastar para dentro, mas você também pode arrastar para fora. Eu vou segurar “Shift” porque eu quero que isso seja limitado a ainda um quadrado e eu também vou segurar “Alt” ou “Option” porque isso vai arrastar para fora do ponto central e olhar o que acontece quando eu arrasto para fora. Você vê que a tela de colheita vem comigo e eu posso apenas olhar sobre quanto espaço eu quero. Eu quero um pouco de espaço porque eu quero que o padrão seja bastante espaçado e quando eu chegar onde eu acho que parece bom, eu vou apenas soltar o botão esquerdo do mouse e então soltar tecla “Shift” e a “Alt” ou “Option” e eu vou clicar no botão “Marca de verificação” aqui. Eu usei a ferramenta de corte para adicionar tela extra mais fácil do que tentar usar essa ferramenta de tela. Agora eu vou pegar a ferramenta de movimento aqui. Vou selecionar o pássaro e movê-lo um pouco mais centralmente na tela. Verá que o nosso plano de fundo não foi redimensionado. Ainda temos aquela caixa lá, mas não vamos usar isso em lugar nenhum, então não sou tão rápido. Agora, dado que estou feliz com o meu pássaro, vou aplainar estes passos agora. Vou selecionar o pássaro e as duas camadas de ajuste e juntá-las. Mas se você pensou que você estava indo para em qualquer fase precisa manter estes e fazer ajustes para eles, você poderia salvar isso como um arquivo PSD e, em seguida ir em frente e fazer o seu padrão para que você ainda tem a versão PSD, ainda com essas camadas mais tarde. Para fazer isso, basta escolher Arquivo e, em seguida, Salvar como e, na lista suspensa Salvar como, veja PSD. Mas vou fundir estes. Com essas três camadas selecionadas, eu escolherei camada e, em seguida, mesclarei camadas. Isso torna um pardal em um único objeto nesta camada. Eu quero dois dele, então vou precisar de outra cópia. Eu vou pegar essa camada e eu vou arrastá-la para baixo e soltá-la no novo ícone de camada, então agora eu tenho dois pardais bem em cima do outro. Vou para o topo e vou fazê-lo encarar o outro lado. Para fazer isso, escolho Editar e depois Transformar e vamos invertê-lo horizontalmente. Agora ele está virado para a direção oposta. Se seguiste a minha aula sobre fazer padrões, saberás a ferramenta que vamos usar a seguir. Mas antes de usarmos isso, precisamos saber o quão grande é essa imagem. Vou escolher Imagem e, em seguida, Tamanho da Imagem. Agora eu não quero necessariamente tornar esta imagem menor, mas eu quero verificar o tamanho. Mas agora que estou aqui, estou vendo que essa é uma imagem enorme e muito grande para um padrão. Eu provavelmente quero que ele seja mais como cerca de 1500 pixels. Vou digitar 1500 aqui. Porque há dois valores a largura, e a altura estão ligados aqui, quando eu digito uma largura, torna-se também a altura porque esta é uma imagem quadrada. Na lista de re-sample, eu preciso escolher um método re-sample e porque estamos reduzindo isso em tamanho, redução bicúbica mais nítida é uma boa para usar e esta é uma prévia do que ele vai parecer. Vou clicar em “Ok”. Agora parece muito pequeno, mas se ampliarmos, vai ficar tudo bem. Vai parecer muito maior. Agora precisamos aplicar nosso filtro de deslocamento para esta camada, então com a camada superior selecionada, vamos escolher Filtro, Outro, Deslocamento. Agora, nas configurações horizontais e verticais aqui eu preciso digitar um valor que é 1,5 da largura e altura deste documento. Chegamos a 1500 há alguns minutos, então vamos digitar 750 porque 750 é metade de 1.500. Você pode ver que ajuda ter números pares para que você possa dividi-los igualmente em dois. Também é útil ter números simples como 1.500 para que você não precise obter uma calculadora para fazer as contas. Vou clicar em “Ok”, e isso é exatamente o que deve parecer, e esse é o meu padrão. Eu vou selecionar essas duas camadas aqui, e eu vou escolher, “Selecionar tudo”. Vou escolher “Editar”, “Definir padrão”. Chama-se Pardal de Inverno, que é o nome do ficheiro, vou chamar-lhe pardal. Vou clicar em “Ok”, e este é o meu padrão. Uma das coisas com padrões no Photoshop é que eles são armazenados no Photoshop, então ele estará lá na próxima vez que você iniciar o Photoshop. Também será acessível a uma nova imagem. Este não seria o caso em todos os outros programas. Vou escolher “Arquivo” e depois “Novo”, e vou fazer um pedaço de papel de álbum de recortes aqui. Vou usar um documento do tamanho de papel de álbum de recortes, 3.600 pixels por 3.600 pixels a 300 pixels por polegada. Estou usando a cor RGB e vou clicar, “Ok. Este é o meu novo documento e vou adicionar o meu padrão. Não sei o quão grande quero que o meu padrão se baseie. Vou usar uma técnica para preencher este documento com um padrão que me permitirá dimensionar o padrão. Ou seja, Camada, Nova camada de preenchimento, Padrão. Vou clicar em “Ok”. Uma das coisas que eu amo sobre esse diálogo de preenchimento de padrão é que ele é padrão para o último padrão que você criou, então ele vai “Ok”, quando você acabou de fazer este padrão talvez este é o que você quer usar. É assim que o padrão parece. Se eu quiser mais pássaros, eu posso baixar a escala para cerca de 75. Bem, isso parece muito bom para mim, então eu vou clicar em “Ok”. Agora eu vou colocar uma camada abaixo do padrão segurando a tecla “Control” ou “Command” e clicar neste ícone “New Layer” e uma nova camada entra aqui e eu vou preenchê-la com minha cor, que no O momento é este azul. É uma cor de primeiro plano, então eu vou pressionar “Alt” “Backspace” opção “Excluir” no Mac. Aqui está o meu padrão feito de meus pássaros pintantes. Agora, se você quiser recolorir os pássaros, você pode fazê-lo. Poderíamos adicionar um tom a ele. Por exemplo, vou clicar na camada superior, que é a camada de patente, que tem o padrão de pássaro nele. Vou escolher Camada, Nova camada de ajuste, Saturação de Matiz e clicar em “Ok”. Isso me permite colorir este pássaro porque eu posso clicar na opção de colorir e depois colorir os pássaros. Mas agora está colorindo não só os pássaros, mas também a minha camada de fundo. Bem, eu posso limitar este efeito de coloração apenas para os pássaros clicando neste ícone aqui, que cria uma máscara de recorte. Agora eu posso ir e selecionar uma cor apropriada para os pássaros. Algo que contrasta bem com a cor de fundo. Eu acho que as cores de fundo provavelmente não são ricas o suficiente, mas eu posso ajustar isso em um minuto. Vai trazer isso para um bom tipo de tom sépia marrom. Vamos voltar a esta camada aqui, e vamos encontrar um azul melhor. Há uma maneira divertida de transformar uma fotografia em um padrão no Photoshop, você isolará o pássaro e simplificará a foto usando um filtro mediano. Use o filtro recortado para dar este tipo de aparência pintativa e depois converte-o em preto e branco. Depois de criar sua amostra de padrão, você pode então ir em frente e criar um documento a partir dessa amostra de padrão. Claro, ele estará disponível nas amostras de padrões no Photoshop da próxima vez que você abrir e iniciar o Photoshop. Seu projeto para esta aula vai ser ir e encontrar uma foto para usar. Tente encontrar algo com pouco detalhe de fundo para que você não gaste muito tempo cortando o objeto. Em seguida, vá e crie-o como este tipo de objeto pintor, crie como um padrão e, em seguida, preencha um novo documento com ele. Publique uma parte da sua imagem final na área do projeto da classe. Espero que você tenha gostado deste curso e tenha aprendido algo sobre como criar padrões no Photoshop e também alterar fotos para que pareçam um pouco mais pintante e um pouco menos como mangueira de incêndio. Se você gostou deste curso e se você vir um prompt para recomendá-lo a outros, por favor, dê um polegar para cima. Isso ajuda outras pessoas a identificar isso como uma classe que eles podem querer fazer e se você quiser deixar um comentário, por favor, faça-o. Eu leio e respondo a todos os seus comentários e olho e comento 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 o almoço, e estou ansioso para vê-lo em um próximo episódio em breve.