Efeito de colagem de papel em camadas no Adobe Photoshop - um curso Graphic Design for Lunch™

1. Colagem de papel em camadas no Photoshop - introdução: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, crie um efeito de colagem de papel em camadas 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 colagem de papel em camadas no Photoshop. Começaremos desenhando as formas e, em seguida, criaremos nossos próprios estilos de camada personalizados para criar um efeito dimensional em camadas. À medida que você está assistindo a esses vídeos, você provavelmente verá um aviso que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações ajudam outros alunos do Skillshare a encontrar minhas aulas, que eles também possam aprender 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. Se você estiver pronto agora, vamos começar a criar uma colagem de papel em camadas no Photoshop. 2. Colagem de papel dimensional - parte 1: Para começar com nosso projeto, vou escolher Arquivo e Novo, vou criar um documento com 2 000 pixels por 2 000 pixels de tamanho. Vai ser o modo de cor RGB e um fundo transparente, vou clicar em “OK”. Agora eu vou selecionar uma cor azul para usar para o preenchimento, então eu vou clicar no seletor de cores e eu vou apenas digitar pelo menos o início do meu número porque como agora eu quero que ele seja 999 e então é ac, e Acho que provavelmente é sobre AC3. Eu gosto dessa cor cinza azul. Eu não costumo dar-lhe cores para usar e por favor sinta-se livre para usar qualquer cor que você gosta, eu só não tenho realmente gosto de trabalhar com esta cor particular. Para preencher a “camada de fundo com essa cor, pressionarei “Alt”, “Opção Backspace”, “Excluir” no Mac. Vamos apenas pressionar os comandos de controle zero para ver a imagem inteira no espaço de trabalho. Aqui está a minha paleta de camadas, eu tenho uma camada que é a minha camada preenchida de cor. Vou adicionar uma nova camada porque cada forma está indo para uma camada diferente. Vindo aqui, eu vou pressionar a letra D ou clicar neste ícone aqui para obter as cores padrão, e eu posso pressionar a letra X ou clicar neste ícone aqui, modo que o branco é a minha cor de primeiro plano. Vou começar com a nuvem porque é um elemento agradável e fácil de criar. Tenho a Ferramenta de seleção elíptica selecionada aqui, então vou manter pressionada a tecla Shift enquanto arrasto um círculo. Como eu tenho este último selecionado e branco como minha cor de primeiro plano, eu posso pressionar “Alt” e “Backspace” na opção PC, excluir no Mac para preencher minha forma com a cor. Em seguida, eu vou duplicar essa camada, o que eu posso fazer apenas arrastando-a para o ícone Nova Camada. Eu também poderia selecionar Camada nova Camada via Copiar. Você verá também que poderíamos pressionar “Control or Command J” para duplicar a camada. Eu vou para a ferramenta Mover e eu vou apenas remodelar a forma para a minha segunda parte da minha nuvem, porque as nuvens são muito fáceis de criar a partir de apenas uma série de quatro círculos sucessivamente menores, então há o meu próximo círculo. Vou chegar a esta camada, selecione-a e pressione “Control or Command J” para duplicá-la. Mas você pode usar qualquer ferramenta de duplicação de sua escolha. Apenas arrastando este círculo para fora do caminho, segurando o turno como eu torná-lo um pouco menor e colocá-lo em posição. Vou duplicar esta camada mais uma vez, encolher o meu círculo um pouco mais, movê-lo para a posição aqui e clicar na marca de seleção. Eu tenho uma nuvem que agora fez de quatro círculos de tamanho diferente. Eu também, porque eu construí da maneira que eu tenho, Eu tenho o maior círculo na parte inferior e oito círculo sucessivamente menor é mais acima da última pilha. Mas isso vai me ajudar em um minuto quando criarmos o efeito em relevo. Para efeito em relevo, vamos começar com o grande círculo. Então eu vou clicar sobre isso, e eu estou indo para o ícone Fx aqui e eu vou clicar, e nós vamos começar com uma sobreposição de gradiente. Agora, a sobreposição de gradiente já está no lugar e você pode ter ao clicar para abrir este último painel de estilo, uma sobreposição de gradiente ou alguma sobreposição que você usou anteriormente aqui. Bem, basta clicar em redefinir para o padrão, e isso apenas define tudo de volta para os padrões, então você pode agora configurar o gradiente que deseja para esta forma específica. Eu vou clicar no gradiente e eu quero o terceiro em, porque o terceiro em é sempre um gradiente preto para branco. Clique em “OK”. Em seguida, eu quero mudar o ângulo do gradiente porque no momento ele está vindo de cima para baixo. Eu queria estar em um ângulo, então eu só vou arrastá-lo em torno de algo como sobre menos um 120, só para que seja em um ângulo. Eu também quero tornar este gradiente menos intenso, agora é preto para branco. Quero que seja um cinza pálido a branco. Bem, porque eu tenho uma cor branca sob esta forma, eu posso apenas arrastar para baixo sobre a opacidade aqui, e arrastar para baixo sobre a opacidade, vai apenas tornar o gradiente um pouco mais transparente, e já que nós temos branco atrás, ele só vai tendem a tornar-se um pouco mais branco. Há o primeiro de nossos estilos de vida, vamos voltar no próximo vídeo e vamos continuar a construir esses últimos estilos para nos dar formas um pouco mais de dimensão. 3. Colagem de papel dimensional - parte 2: A próxima última hora que vamos usar vai ser chanfro e gravação, então eu vou clicar na marca de seleção e, em seguida clique no bisel e gravação para que eu possa fazer minhas configurações aqui e eu vou clicar em redefinir para padrão para que possamos começar com o padrão configurações. Agora queremos um bisel interno e queremos que ele seja suave, mas eu acho que a profundidade é um pouco profunda demais, então eu vou apenas enrolar isso de volta no momento foi iniciado fora [inaudível] sendo cerca de 100 por cento. Acho que cerca de 1 por cento será suficiente. Ele quer ser um chanfro para cima em vez de para baixo, então nós vamos fazer isso e o tamanho é 7, então isso é muito bom o tamanho padrão. Mas a sua suavidade, eu acho que eu quero que ele seja um pouco mais suave para enrolar isso para algo em torno de 4 ou 5 pixels apenas para suavizá-lo um pouco. Agora esta é uma configuração com a qual precisamos ter muito cuidado porque o sombreamento neste chanfro e gravação em relevo em particular usa o que é chamado de luz global. Agora, se você usar a luz global e criar seu sombreamento usando a luz global, mas se você aparecer mais tarde em qualquer lugar neste documento e você vê um estilo que usa luz global e se você ajustar o ângulo, então você vai ajustar o ângulo para cada coisa neste documento que usa luz global. Então, por segurança, você pode querer desativar isso para que possamos definir o ângulo do sombreamento manualmente e se mais tarde nós quisermos ajustar o ângulo de sombreamento para um objeto diferente, nós vamos desativar a luz global para esse também e então nós ser capaz de ajustar o ângulo sem afetar mais nada, por isso é um pouco de segurança lá para você. Eu só vou enrolar esta rodada para que o ângulo seja um pouco mais como 60 ou 70 graus aqui. Eu vou terminar o modo de destaque, eu quero um pouco mais alto realce então eu vou levar a opacidade de que todo o caminho até um 100 por cento e, em seguida, para as sombras, eu quero derrubá-los um pouco, então eu vou caminhá-los em uma direção para baixo. Agora, com o ângulo de um sombreamento aqui, você obtém duas configurações, você obtém não apenas o ângulo, mas você também tem altitude e a altitude é este pequeno ponto aqui e quanto mais perto você trazê-lo para o centro do círculo, o maior o grau de altitude. Na verdade, vou levá-lo para algum lugar entre 20 e 30 graus e isso está me dando o olhar que eu quero para este sombreamento em particular. Mas novamente, como eu não usei a luz global é independente de tudo o resto , então eu posso ajustá-la um pouco mais tarde sem afetar nada. Em seguida, eu vou aplicar drop shadow. Clique na sombra, clique na sombra de gota de palavra real e aqui nós começamos a criar uma sombra. Vou redefini-lo para as configurações padrão, bem como e aqui está. Temos luz global em uso aqui. Bem, se não quisermos usar a luz global, podemos desativar isso e podemos criar nossa própria sombra específica. Então, eu só vou arrastar isso, você sempre pode arrastar uma sombra no Photoshop para que, se você sabe onde você quer, às vezes é mais fácil apenas puxá-la para onde você quer que ela esteja. Eu vou apenas configurar minhas configurações, eu tenho uma opacidade aqui de cerca de 35 por cento, então parece muito bom aqui. Eu acho que a distância é demais, eu acho que é muito longe do meu círculo e o tamanho é provavelmente um pouco demais também. O tamanho é uma daquelas coisas engraçadas que eu acho que é um equívoco porque o tamanho realmente é fluffiness, é quase como uma pena na sombra não o tamanho real da sombra então pense nisso nesses termos, a distância é um um pouco mais de tamanho, se quiser. A última configuração que eu vou fazer para esta forma vai ser adicionar um traçado então eu vou para a configuração de traçado clique no traçado, redefina-o para o padrão para que possamos ver o que você provavelmente vai ver em termos de traçado e isso não é um muito bom golpe em tudo. Então o que eu vou fazer aqui é que eu vou fazer o meu traço também um gradiente, mas eu vou inclinar o meu gradiente da maneira oposta, então, por padrão, isso é muito bom. O que eu quero é que ele seja mais escuro onde o preenchimento gradiente na forma é mais leve e eu quero que ele seja mais leve com um preenchimento gradiente na forma é escuro, mas ainda é um pouco intenso. Vamos e clique em gradiente aqui e temos um preto para branco ou algum gradiente cinza escuro para branco. Bem, eu quero que meu gradiente seja mais leve neste final então eu vou apenas clicar no stop aqui, duas vezes para abrir este painel. Agora, se o seu seletor de cores não se parece com o meu, veja como fazê-lo parecer com o meu. Sempre que você clicar em um desses pontos aqui, você verá um seletor de cores que é referenciado por qualquer que seja em que você clicou. Então estamos vendo verde aqui, estamos vendo azul aqui, isso é vermelho, aqui seria brilho, aqui seria saturação, e aqui seria matiz. O que eu costumo usar é matiz para que estejamos vendo a tonalidade aqui em baixo e aqui estamos vendo saturação e brilho. Se você quiser que seu seletor de cores se pareça com o meu, basta clicar neste ponto aqui e então nós podemos ir e obter um cinza claro aqui então eu vou apenas clicar no cinza claro e apenas clique em OK e então OK novamente. Vamos ajustar o nosso gradiente para que este gradiente eu sou apenas isso vai incliná-lo para que ele está correndo naquela direção. Obviamente luz no topo, mais escura na parte inferior, mas eu acho que a intensidade é um pouco alta e para isso, eu só vou diminuir o peso real do curso. Então eu vou levar isso para baixo para cerca de 2 e, em seguida, eu vou clicar em OK porque eu terminei com a configuração desta forma. Agora, quando eu clicar fora dele, se eu decidir que eu preciso mudar qualquer coisa eu vou reselecionar minha forma, clique duas vezes sobre os efeitos para reabrir a caixa de diálogo e então eu posso ir para qualquer uma dessas configurações e apenas fazer ajustes. Eu só vou tirar este peso do AVC para baixo um e apenas clicar em OK. Agora que eu tenho essa configuração de forma, eu posso pegar essas configurações emprestadas ou eu posso copiá-las e colá-las em todas essas outras formas. Esse é um método de obter exatamente as mesmas configurações de uma forma para a próxima, então vamos fazer isso agora com essa forma que tem todos esses efeitos associados a ela selecionada, vou clicar com o botão direito do mouse na paleta de camadas e escolha o estilo da camada de cópia. Então eu vou selecionar a primeira das camadas, que vai tomar este novo estilo, vai acabar até o topo da minha paleta de camadas mantenha o shift enquanto eu clicar no topo mais. Então, todas essas três formas são selecionadas, vou clicar com o botão direito do mouse e escolher colar estilo de camada e que colar automaticamente esse estilo de camada em todas as três formas. Então, tudo tem exatamente o mesmo estilo de camada aplicado a ele. 4. Colagem de papel dimensional - parte 3: A próxima coisa que precisamos fazer é construir as outras formas para nossas ilustrações. Vou criar a minha árvore. Vou começar com a árvore usando a ferramenta Caneta. Então eu vou clicar na “Ferramenta Caneta”, eu vou precisar de uma nova camada dela, então eu vou clicar na camada mais alta e clicar no “Novo ícone de camada” para ter permissão para trabalhar com. Com a ferramenta Caneta selecionada, será muito simples criar nosso tronco de árvore. Nós vamos começar na parte inferior aqui e nós vamos apenas clicar e então nós vamos aproximadamente para onde nós queremos que o tronco da árvore para derrubar a parte superior dele e eu vou clicar e arrastar e desta vez eu estou indo para alguns dos no canto superior esquerdo do documento aqui. Agora, esta é a ferramenta Caneta, eu tenho a curva vindo comigo, mas esta alça aqui não está girando, então para trazer esta alça comigo, eu vou passar o mouse sobre o topo dela e segurar a tecla Alt no ritmo dizer a opção chave na marca e eu só vou puxar isso ao redor. Quero que esta alça tenha esta relação com a alça anterior, quero que ela seja ligeiramente separada dela. Eu acho que é um pouco longo demais aqui porque eu não posso curvar em torno de então eu só vou novamente segurar a tecla Alt ou Option e apenas encurtá-lo.Esta é a forma que eu quero torná-lo um realmente alto em forma de V então vamos apenas clicar aqui uma vez, Esta é exatamente a forma que eu quero. Agora, que eu cliquei para o fundo eu só vou clicar novamente no ponto de partida para terminar a forma fora. Agora eu quero adicionar pequena ramificação aqui, então eu vou fazer isso novamente com a ferramenta Caneta também. Vamos voltar a esta camada de forma, vamos adicionar outra nova camada. Estou trabalhando com formas, se você der uma olhada na ferramenta Caneta aqui, eu tenho a camada de forma aqui. Então eu poderia usar forma ou caminhos, isso realmente não importa, mas eu estou usando forma. A forma sempre será preenchida com a cor atual do primeiro plano. Agora, vamos apenas clicar aqui, clicar uma vez, sair para onde eu quero que a ramificação termine, clicar e arrastar para fazer a linha curva. Então eu quero segurar a tecla Alt ou Option como eu balançar esta alça ao redor porque eu quero voltar na direção em que eu entrei e, em seguida, vamos apenas testar e ver como esta linha parece, Se é talvez muito grosso, então podemos voltar aqui e basta ajustar esta alça e vamos ajustá-la sempre mantendo pressionada a tecla Alt ou Option, medida que a ajustamos. Vamos clicar de volta aqui e clicar aqui novamente e este é o galho da minha árvore. Se eu precisar de tê-lo desenhado porque é uma forma, podemos simplesmente girá-lo e posicioná-lo exatamente onde queremos que ele esteja. Agora que eu criei, eu vou voltar para as duas camadas superiores que são as duas camadas que têm esta forma de árvore sobre elas. Indo para o botão direito do mouse e eu vou mesclá-los e também vai criá-los como um raster porque tudo o resto é raster, então eu vou clicar com o botão direito do mouse e apenas escolher “Rasterizar camadas” para que seja o meu tronco de árvore. Para os pacotes de camadas eu vou apenas repetir os círculos que eu criei anteriormente, então eu só vou acelerar o vídeo como eu criar esses círculos. Então eu vou desenhar em meu plano de fundo e novamente, uma vez que nós fizemos tudo isso vai voltar e aplicar estilos de camada para ele. Depois que eu terminar de criar minhas formas e cada uma dessas formas está em uma camada diferente, agora um par de coisas que eu quero apenas apontar quando eu estava criando essas formas para duplicar cada uma dessas formas de folha, tudo o que eu fiz foi pressionar “Control” ou” Command J” para fazer uma camada duplicada, eu fui muito cuidadoso quando eu dimensionei essas formas para segurar a tecla Shift como eu fiz isso porque isso vai certificar-se de que as formas são restritas a um círculo perfeito. Outra coisa que eu fiz foi quando eu desenhei meu primeiro círculo, eu descobri que ele estava no lugar errado, então o que eu fiz foi segurar a barra de espaço enquanto eu a movo porque você ainda está desenhando uma forma, você pode segurar a barra de espaço e colocá-la onde quer que Gostei. Deixe ir a barra de espaço continuar a desenhá-lo e somente quando você terminar completamente, feliz com o tamanho que ele é e o lugar em que ele está se você soltar o botão esquerdo do mouse e, em seguida, ele está em posição nós vamos apenas para se livrar disso. Outra coisa foi quando eu estava trabalhando com a ferramenta Caneta aqui, eu cliquei e cliquei, então eu cliquei e arrastei para fazer esta curva, clique de volta aqui na base do documento e, em seguida, clique volta no meu início apontar apenas para obter uma curva interessante. Agora, essas formas não estão exatamente onde eu quero que elas estejam, mas poderíamos seguir em frente e aplicar um estilo de vida a isso e depois movê-las mais tarde. Vou apenas localizar este grande círculo aqui, que ali está. Já tenho meu último estilo na área de transferência do Windows , então vou clicar com o botão direito do mouse e escolher “Colar estilo de camada”. Agora eu estou pensando que isso é provavelmente um pouco escuro, então eu vou clicar duas vezes sobre os efeitos e eu vou clarear o gradiente apenas um pouco, então eu vou para a sobreposição de gradiente e eu vou trazer para baixo a opacidade um pouco mais longe. Agora, da última vez que quisemos dar a cada um dos nossos elementos o mesmo estilo de camada que copiamos e colamos o estilo de camadas, há outra maneira que você pode fazê-lo com este diálogo estilo de camada aberto na minha frente agora, Vou clicar aqui em “Novo estilo”. Mais que posso fazer é chamar esta árvore de folhas. Agora, na versão mais recente do Photo shop, você pode adicionar isso a uma biblioteca. Eu realmente não vou fazer isso, mas eu vou incluir quaisquer opções de mistura de camadas. Então eu só vou clicar em “Ok”. O que isso faz é salvar esse olhar como um estilo de camada então vamos subir aqui e vamos para uma dessas formas e vamos apenas testar qual é a forma, é esta aqui. Vamos aplicar o nosso último estilo a esta forma e fazemos isso escolhendo “Janela” e depois “Estilos”, porque este é o último diálogo do estilo aqui. Se eu abrir o diálogo do último estilo, o último destes últimos estilos vai ser chamado de relés de árvore para que eu possa clicar nele e ele será aplicado a esta camada particular. Há uma maneira diferente de aplicar os últimos estilos às formas, você pode realmente salvar o último estilo e depois reutilizá-lo simplesmente selecionando qualquer camada que você deseja aplicá-lo e, em seguida, basta clicar no “Último estilo” para aplicar a isso camada. Se dissemos que realmente gostamos disso, talvez até um pouco melhor do que este último estilo aqui, vamos voltar para as nuvens, vamos pegar todas as camadas de nuvens. Aqui estão eles aqui, então eu tenho todas as minhas quatro camadas de nuvens selecionadas, vamos aplicar o efeito de árvore a elas. Você pode ver que eles são muito mais leves, então essa é outra maneira de trabalhar com últimos estilos na loja de fotos. Eu também vou aplicar esse mesmo estilo de camada hoje os passos de hoje aqui em baixo então vamos pegar esses dois passos na parte inferior do nosso diálogo os passos de paisagem vamos aplicar o último estilo a eles, e vamos fazer isso para a árvore também. Aqui está a nossa árvore. Agora, neste ponto você pode querer ajustar as camadas desses objetos, eu gosto quando este grupo particular de camadas está atrás deste aqui em cima, então o que eu vou fazer é ir e descobrir onde está esse monte de folhas. Você pode ver aqui eu tenho auto select habilitado então se eu clicar sobre este “Forma”, Eu deve ser capaz de pegá-lo na última parte que eu acabei de fazer. Agora posso movê-lo para trás do da frente. 5. Colagem de papel dimensional - parte 4: Agora, antes de terminarmos com nossa ilustração aqui, estou um pouco preocupado com a aparência do tronco da árvore aqui. Eu vou para a camada de tronco de árvore. É aqui em cima. Vou selecioná-lo e vou clicar duas vezes para abrir o painel de efeitos para isso. Agora, aplicar um estilo de camada como fizemos a este tronco de árvore é apenas aplicar um conjunto inicial de efeitos a ele. Se quisermos ajustá-los, podemos fazê-lo. Não afetaremos nenhum dos outros objetos que realmente tenham esse estilo de camada aplicado a eles. Vou para o Gradient Overlay. Só queria ver isto. Acho que está um pouco escuro aqui em cima e talvez não suficientemente escuro aqui em baixo. O que eu vou fazer é aumentar a escala desta sobreposição de gradiente para esta forma. Eu provavelmente também vou aumentar a opacidade um pouco apenas para tentar obter um efeito ligeiramente diferente aqui. Talvez ajustar o ângulo. Mas você verá que nenhuma das outras formas mudou. O efeito que estamos criando apenas para este ramo de árvore é independente do efeito aplicado a todas essas outras formas. Usando um estilo, tudo o que fizemos foi fazer um curto-circuito no processo de aplicar as configurações iniciais a uma forma. Mas não compramos uma situação em que todas essas formas vão mudar se mudarmos o estilo de uma delas em particular. Agora eu acho que eu também vou dar uma olhada nisso. Acho que não quero um derrame na forma. Vou deixar isso desligado e clicar em “Ok”. Aqui está nossa ilustração final de corte de papel criada no Photoshop. Seu projeto para esta classe vai ser, para ir e criar sua própria mini-ilustração usando esses efeitos, praticar a criação de seu próprio estilo de camada, e também copiar e colar estilos de camada em outros objetos. Espero que você tenha gostado dessa aula e tenha aprendido algo sobre criação e a reutilização de estilos de camada no Photoshop. Como você está trabalhando nesta classe, você verá um prompt para recomendar esta classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Isso ajudará outros alunos do Skillshare a entender que esta é uma aula que eles também podem querer fazer. 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. 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.