Corações inspirados no Dia dos Namorados no Adobe Photoshop - um curso Graphic Design for Lunch™

1. Coras inspirados no Photoshop no dia - introdução: Olá, sou Helen Bradley. Bem-vindo a esta aula de design gráfico para almoço: corações inspirados no Dia dos Namorados 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 dando uma olhada em um saco de pegar técnicas inspiradas no coração do Photoshop. Agora você pode usá-los em seus próprios projetos. A maioria destes pode ser estendido para outras formas , bem como para que eles não são apenas Dia dos Namorados. À 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 apenas algumas palavras sobre por que você está curtindo esta aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula que eles também podem desfrutar. Se você gostaria de 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. Se você está pronto agora, vamos começar com nossos projetos de coração inspirados no Dia dos Namorados. 2. Pt 1 - Crie uma forma de coração: O primeiro de nossos projetos inspirados em Valentine no Photoshop é criar uma forma de coração que possamos realmente salvar como uma forma personalizada. Vou escolher “Arquivo” e depois “Novo”. Eu vou apenas criar um documento com 800 pixels por 800 pixels de tamanho, e eu vou apenas clicar em “Ok”. Estou usando um fundo branco porque vai ser mais fácil para você ver o que estou fazendo. Eu vou para a ferramenta caneta, eu vou ter certeza de que a opção aqui está definida como caminho, porque agora tudo o que eu quero fazer é criar um caminho. Então eu vou começar a desenhar meu coração, então eu vou apenas clicar e arrastar para iniciá-lo. Agora, eu quero que este ponto em particular tenha uma alça na direção em que estou indo, mas eu não quero que ele tenha uma alça na direção de onde eu vim. Então eu vou manter a tecla Alt ou Option em uma marca, até que eu diga este pequeno ponteiro do mouse em ângulo, e eu vou arrastar para dentro e apenas soltar essa alça direita em cima deste ponto de ancoragem inicial. Agora eu estou vindo aqui, e eu vou apenas clicar e arrastar para criar esta parte do coração. Eu vou descer aqui e meu coração vai estar um pouco fora do centro. Eu só vou clicar aqui, então não é diretamente abaixo deste ponto. Agora estou indo para cá para o próximo ponto. Eu só estou indo em torno disso um pouco clicando e arrastando, e vamos voltar para o nosso ponto de partida, e eu vou clicar e arrastar para esse ponto porque eu definitivamente quero uma alça lá. Agora eu estou indo para a ferramenta de seleção direta ou a ferramenta de seta branca, e eu vou clicar neste ponto porque eu quero editá-lo, e você pode ver que todos os outros pontos têm pequenas caixas vazias, este tem uma caixa cheia, o que me diz que estou editando. Então eu vou apenas remodelar meu coração, e eu posso chegar a qualquer um desses pontos e remodelá-los, apenas arrastando-os com essa ferramenta, e quando eu estiver feliz com a forma do coração que criei, eu vou para o passado ferramentas de seleção. Eu só vou selecionar sobre este caminho, e então eu vou editar e eu vou clicar aqui em definir forma personalizada, e eu vou apenas chamar este Coração, e clique em Ok, e este é agora o meu coração. Ele vai aparecer na lista de formas personalizadas no Photoshop, e podemos usá-lo para qualquer coisa no futuro, e é claro, é uma forma vetorial, que significa que ele será capaz de ser dimensionado para tamanhos realmente grandes. Por isso, o facto de o termos criado muito pequeno não vai ser um problema. 3. Pt 2 - desenhe um coração dimensional: Nosso próximo projeto de coração será criar um coração brilhante e vamos usar a forma do coração que criamos no vídeo anterior. Mas se você não fez um, tudo bem, eu vou te mostrar como você pode obter um que você pode usar. Vou escolher o arquivo e depois novo. Eu vou fazer um documento que é relativamente pequeno, apenas 800 pixels por 800 pixels e eu quero que ele tenha um fundo preto. Vou clicar bem. Agora vou para a ferramenta de forma personalizada, que compartilha uma posição da barra de ferramentas com a ferramenta de retângulo. Com a ferramenta de forma personalizada selecionada, você descobrirá que sua forma será a última forma no painel de formas. Esse é o que você acabou de criar. Agora, se você quiser usar uma das formas de coração enviadas com o Photoshop, você verá que há uma aqui e há algumas aqui. Você quer o preenchido, então você quer este aqui. Se você não vê o seu símbolo de coração aqui, basta clicar no menu de submenu, este pequeno menu de engrenagem aqui, e clique em formas e você vai anexar essas formas e as formas, Formas incluem esses corações. Eu não preciso fazer isso porque eu já tenho coração. De qualquer forma, vou usar o coração que criei. Só vou me afastar desse diálogo. No Photoshop Cs6 e mais leve, você pode escolher um preenchimento e um traçado. Então você quer um preenchimento vermelho, então basta vir aqui e escolher um bom vermelho e você não quer nenhum traço e também certifique-se de que você selecione nenhum preenchimento como seu traçado. Em versões anteriores do Photoshop, você poderá selecionar apenas a cor a ser usada. Agora, eu não estou feliz com essa cor rosa em tudo. Tenho formas selecionadas aqui na minha lista suspensa. Nas versões anteriores do Photoshop, você terá três ícones aqui e deseja o ícone de forma. Você só vai clicar e arrastar a forma do coração. Se quiser restringir seu coração à mesma proporção, à mesma proporção de largura para altura que tinha quando o criou ou quando foi criado, mantenha pressionada a tecla Shift enquanto desenha o coração. Caso contrário, você vai distorcer um pouco o coração de como ele foi criado. Mas se você desenhar seu próprio coração, ninguém vai saber que você o distorceu, então faça parecer do jeito que você quer. Quando eu solto o botão do mouse, ele agora está preenchido com a minha cor vermelha. Eu estou indo para a última palete aqui porque eu vou aplicar alguns efeitos para esta forma para obter alguma dimensão nele. Eu vou, em primeiro lugar, apenas clique longe de uma ferramenta moldada para que eu perca a borda externa aqui. Eu vou para o ícone FX e eu vou escolher Bisel e Emboss. Agora, eu não tenho certeza que configurações você vai ter para isso porque eu estive brincando com o meu e eu perdi a maioria das minhas configurações, mas eu acho que isso vai ser uma aproximação justa. Em primeiro lugar, você quer um bisel interno. Portanto, certifique-se de selecionar chanfro interno e você quer que ele seja suave, não cinzel duro ou macio. No que diz respeito à profundidade, você quer que ela tenha uma profundidade razoável, mas até que você defina algumas dessas outras configurações, você provavelmente não verá o efeito que a profundidade está tendo. Para a direção, você quer que ele seja para cima porque você quer que este seja um olhar de travesseiro para o seu coração, não sugado para dentro. Vamos aumentar o tamanho e você pode ver que quando começarmos a discar o tamanho, teremos um efeito. O que eu não estou gostando é onde eu ganho esses pontos. Vou trabalhar entre tamanho e profundidade para tentar achatar esses pontos um pouco e ter um olhar mais suave para o meu coração. Parece que reduzir um pouco a profundidade e manter o tamanho acima em um nível razoável está me dando um efeito mais suave para este Bisel e Emboss. Agora, o destaque vai ser essas áreas de destaque aqui. Você vai querer um branco ou uma cor muito clara lá e você vai querer apenas trabalhar na opacidade. Você não quer colocar muita cor neste momento porque nós vamos colocar alguma cor adicional mais tarde. O modo de realce, vai querer ser exibido porque você deseja clareá-lo. Aqui está a sombra. Bem, para a sombra, eu realmente vou escolher um tipo de vermelho mais escuro e ele está definido para se multiplicar e a opacidade é realmente baixa. Não quero que seja muito alto. Agora, se eu entrar no contorno aqui, podemos ajustar o contorno. Deixa-me mostrar-te o que fiz. Só cliquei nessa coisa do contorno. Podemos ajustar o contorno do bisel. Olha o que acontece quando eu arrasto nesta curva aqui. Se você está achando um pouco difícil obter um olhar realmente suave para o seu coração, você pode vir aqui e apenas ajustar o contorno. Então você pode querer voltar para as configurações básicas de Bisel e Emboss e talvez marcar isso um pouco para que você possa ser capaz de obter um pouco mais de dimensão, um pouco mais de profundidade, mas sem os bits pontiagudos ajustando seu contorno. Agora, antes de deixarmos este diálogo, quero colocar um pouco de efeito escurecido dentro deste coração. Agora, você pode pensar que isso seria uma sombra, mas não há realmente uma sombra que funcione no interior do coração. A sombra funciona do lado de fora. O que vamos fazer é usar um brilho interior e vamos personalizá-lo de acordo com nossas próprias necessidades. Bem, você pode ver que o meu já entrou no que eu já tinha preparado quando eu estava trabalhando nesta aula. O que eu fiz foi definir o modo de mesclagem para multiplicar e defini uma cor escura. A combinação de uma cor escura e modo de mesclagem definido para multiplicar vai escurecer as bordas do seu coração. O padrão para isso será uma cor amarela e será o modo de mesclagem de tela. Você vai ter que definir essas configurações aqui em cima. Com a opacidade, esse é o quão transparente ou opaco esse efeito é e eu o fiz chegar a uma opacidade de 100 por cento. Eu não tenho nenhum ajuste para estrangulamento no momento, mas eu acho que na verdade, se eu adicionar um pouco de estrangulamento, eu poderia ter algum efeito interessante ao redor da borda aqui. Tamanho, bem, você pode experimentar o tamanho, mas você só quer um ligeiro escurecimento ao redor da borda. Para o alcance, você tem a capacidade de empurrar esse efeito de escurecimento para as bordas de suas formas. Mais uma vez, basta brincar com as configurações neste diálogo, procurando obter esse escurecimento geral da borda do seu coração. Quando terminar, basta clicar em OK. Este é o coração antes dos efeitos. É só uma forma cheia. Então, com os efeitos ativados, isso é o que temos. Nós temos esse brilho interno, que é de fato um efeito de sombra interna e o Bisel e Emboss, que está dando à forma alguma dimensão. No próximo vídeo, vamos voltar e colocá-lo em alguns destaques e um pouco de sombra extra para este coração nos dar um olhar brilhante. 4. Pt 3 - adicione destaques e sombras: Agora, para fazermos este coração parecer um pouco brilhante, vai ajudar-nos se adicionarmos algumas sombras e alguns destaques. Eu já tomei tempo para fazer o caminho, então eu vou apenas selecionar o primeiro dos caminhos que eu fiz. Tudo o que fiz foi entrar com a ferramenta de caneta e criar uma forma como esta. Vou adicionar uma nova camada ao meu documento. Vou fazer um vermelho escuro minha cor atual, e com este caminho selecionado, vou clicar aqui em “Preencha o caminho com a cor do primeiro plano”. Então eu estou recebendo essa forma mais escura aqui. Para cada uma dessas camadas de sombra e realce, vou selecionar luz suave como meu modo de mesclagem, vou diminuir a opacidade para um valor apropriado. Bem, eu não tenho certeza. Vamos apenas ir para um caminho vazio aqui e apenas ver o que um bom valor vai ser para isso. Você quer misturá-lo um pouco, mas não muito. Estes pequenos elementos de sombra aqui parecerão melhor ainda se você soprá-los, então eu vou escolher “Filtro”, “Borrão”, e depois “Borrão gaussiano”. Eu só vou aplicar um golpe de três pixels, isso vai ser um golpe muito bom para isso. Cada um desses destaques sombras, eu vou colocar em uma camada diferente apenas por conveniência. Esta é uma segunda sombra. Novamente, selecionei-a. Vou preencher esta área com a minha cor. Eu vou configurá-lo para luz suave e uma baixa opacidade, eu vou borrá-lo com o mesmo borrão que eu usei anteriormente. Eu só vou apontar um caminho inexistente, então eu posso ir e dar uma olhada nisso in situ. Bem, este pode ter muita opacidade porque está em uma área mais escura da imagem. Novamente, agora uma nova camada, eu vou colocar os dois destaques que eu criei, este que vai aqui em cima, e eu vou selecionar branco como esta cor aqui. Vou torná-la minha cor de primeiro plano, estou em uma nova camada, vou preencher esta área com branco. Enquanto eu estiver aqui, vamos fazer o próximo também. Há um destaque aqui que vamos adicionar também. Então eu posso me livrar da minha paleta de caminhos porque eu não preciso mais disso. Mas novamente, todos esses são apenas caminhos que são feitos apenas com a ferramenta de caneta, e para esses dois, eu vou selecionar ambos ao mesmo tempo porque você pode no Photoshop, e eu vou definir ambos para um modo de mistura de luz suave, e eu estou pensando que cerca de 70% funciona muito bem para a opacidade de destaque, talvez um pouco menos do que isso. Vamos apenas definir o modo de mesclagem e a opacidade para ambas as camadas de uma só vez. Nós só vamos terminar isso com um pouco de estilo escovado, então eu vou adicionar uma nova camada. Só estou a certificar-me que o branco é a minha cor de primeiro plano. Vou até a ferramenta de pincel, e quero um desses pequenos pincéis de estrelas. Há um casal aqui. Este é o que eu vou usar, é um pincel Starburst-Small de 50 pixels, e eu vou apenas fazê-lo em uma nova camada apenas no caso de ele precisar de ajuste depois. Aqui estamos nós, temos o nosso coração brilhante. 5. Pt 4 - Pincel em forma de coração: Nosso próximo projeto inspirado em arte será criar um pincel bokeh ou bokeh de forma de coração. Então eu vou escolher Arquivo e Novo. Eu vou criar um documento que tem cerca de 800 pixels por 800 pixels de tamanho, pode ser qualquer tamanho realmente e eu vou torná-lo fundo branco. Vou clicar em “Ok”. Agora, eu vou para a ferramenta em forma de alfândega, eu vou selecioná-la, eu vou selecionar uma forma de coração agora, eu desenhei uma forma de coração mais regular que eu vou usar, mas você pode usar qualquer forma de coração. Então eu vou definir isso para o caminho enquanto nós arrastamos para fora uma forma de coração porque isso vai cobrir todas as versões do Photoshop, então eu vou apenas arrastar meu coração para fora. Eu estou passando pela paleta de camadas, eu vou adicionar uma nova camada aqui, e então eu vou para a paleta de caminhos e eu tenho meus caminhos de trabalho mostrando aqui. Vou selecionar um cinza, então estou clicando na cor do primeiro plano aqui. Agora, quando você está neste seletor de cores, cada uma dessas pequenas opções que você clica lhe dá uma aparência diferente do seu seletor de cores. Então, se você quiser que seu seletor de cores se pareça com o meu, clique em H ou Q. O que eu quero fazer é selecionar um cinza claro deste lado da paleta. Os cinzentos serão todos abaixo desta parede do seletor de cores quando você tiver H selecionado, então eu vou apenas clicar em “Ok”. Vou clicar aqui para preencher esta forma com o meu cinza. Não preciso mais desse caminho de trabalho, então vou acabar com isso. Então aqui na minha última paleta, eu tenho duas camadas de camada branca de fundo e uma camada que tem este coração cinza sobre ela. Então, agora, eu vou mirar esta camada. Vou para o ícone FX e vou adicionar traço. Vou adicionar um traço cinza mais escuro. Então aqui está o meu traçado, eu quero selecionar Cor de preenchimento, eu quero selecionar um cinza mais escuro, mas eu não quero que ele seja preto e eu quero que ele seja uma espessura razoável. Se eu colocá-lo do lado de fora, eu tenho um pouco de pontudo agradável no meu coração. Se eu colocá-lo por dentro, eu tenho uma borda esmagada no meu coração. Então você pode experimentar dentro, fora e centralizá-lo para ver o que você mais gosta. Na verdade, acho que gosto mais do centro. Eu só vou terminar o tamanho para mais ou menos esse tamanho, e então eu vou clicar em “Ok”. Então este vai ser o meu pincel. Então eu vou selecionar essa forma, eu vou clicar com o botão direito do mouse e eu vou escolher Rasterizar Estilo de Camada e isso apenas me dá uma única forma nesta camada, ele não tem um traçado por mais tempo, o traçado é realmente construído através desta forma. Então, com isso selecionado, vou escolher Editar e, em seguida, Definir predefinição de pincel e clicar em “Ok”. Agora posso apagar esta forma. Eu vou preencher meu documento com pretos, então eu vou voltar para minhas cores padrão, voltar para o meu plano de fundo, vamos desbloqueá-lo clicando duas vezes sobre ele ou clique no bloqueio para desfazer, em algumas versões do Photoshop, você terá que arrastar e soltar o bloqueio nesta área aqui e ele vai desaparecer ou opção backspace excluir para preencher o que era a camada de fundo com a cor de primeiro plano selecionada no momento. Então, agora, vou para a ferramenta de pincel e, em versões posteriores do Photoshop, seu pincel será selecionado automaticamente para você, em versões anteriores do Photoshop, você encontrará seu pincel na parte inferior da paleta de pincéis. Então eu vou dimensionar isso um pouco para baixo. Eu vou adicionar uma nova camada e porque este é um pincel bokeh ou bokey, eu quero pintar de uma certa maneira, então eu vou abrir a paleta de pincéis aqui. Eu não quero que pinte como um pincel, então eu quero aumentar o espaçamento para que eu possa ver os corações individuais. Eu também vou selecionar uma cor para ele. Então vamos para uma cor rosa aqui e agora é assim que ele está pintando, e este é o tipo de bokeh ou bokey que você obtém de uma lente em uma câmera onde você tem uma profundidade muito estreita de campo e você obtém esses bokeh formas no fundo do seu curto. Bem, este pincel é feito para te dar esse efeito. Então eu tenho minha cor rosa aqui, então é assim que meu pincel está pintando. Se eu for para a dinâmica de forma aqui e ajustar o jitter de tamanho, então eu posso fazer isso para pintar em tamanhos diferentes. Se eu mudar a oscilação angular, posso fazê-lo pintar em ângulos diferentes. Se eu quiser muitos e muitos deste pincel, então eu posso ir para a dispersão e eu posso aumentar a dispersão e ajustá-lo para ambos os eixos. Agora, meu pincel pinta com o ângulo e com a mudança de tamanho, mas também espalhados por vários eixos. Agora, você também pode aumentar a contagem, mas as coisas vão ficar bem loucas muito rapidamente lá. Se esse é o efeito que você quer, é o que você vai fazer. Deixe-me enrolar isso de volta. Vamos apenas aumentar a contagem aqui e aumentar a dispersão e você pode apenas ver como ele vai pintar. Agora, se você quiser que ele seja um pouco mais transparente do que é , mesmo agora, porque nós o tornamos cinza claro e cinza médio, isso está afetando a transparência do pincel ou você também pode apenas diminuir a opacidade para que ele não pinte opacidade total. Então, há um pouco bonito bokeh ou pincel bokey que você pode criar, novamente, inspirado em nossas formas de arte dos namorados. 6. Pt 5 - coração do coração: Para o nosso projeto final inspirado em forma de coração, vamos fazer uma forma de coração. Vou escolher Arquivo e Novo e vou voltar ao meu documento padrão de 800 pixels por 800 pixels. Acho que vamos trabalhar em preto de novo, então faça um preto e clique em “Ok”. Agora eu vou voltar para Custom Shape, a forma do coração, e pegar qualquer um dos corações que você gostaria da forma. Só vou clicar neste. Você vai querer estar trabalhando com caminho. É muito importante que você esteja trabalhando com um caminho e arraste o formato do seu coração para o documento. Este é um caminho, então ele vai existir na paleta de caminhos, mas ele realmente não existe no próprio documento. Vou adicionar uma nova camada aqui. Vou selecionar uma cor para usar. Vou para a minha ferramenta Pincel porque quero usar o pincel que acabei de criar. Vou abrir o painel Pincel. Vou usar algumas configurações diferentes para este porque o que eu quero fazer é pintar todo o caminho ao redor da borda deste caminho com o meu pincel. Mas em primeiro lugar, meu pincel é muito, muito grande. Dá para ver como é grande. Quero que seja bem menor. Posso não querer que se espalhe. Além disso, eu posso não querer que o ângulo seja mudando, então eu poderia mudar isso de volta e apenas arrastar o ângulo jitter para baixo para zero de modo que o ângulo não está mudando em tudo. Eu também posso tirar o jitter tamanho. Tão eficazmente, o que o meu pincel vai fazer é pintar num conjunto regular de corações. Vamos ver como vamos fazê-lo fazer isso. Vou para a paleta de Caminhos. Eu tenho meu caminho de trabalho aqui, meu caminho de coração selecionado, e eu vou apenas clicar aqui em “Traçado caminho com pincel”. O que estamos recebendo é que o pincel que tínhamos configurado agora está sendo usado para traçar esse caminho. Você pode ver que temos um pouco de sobreposição no fundo aqui. Eu também estou trabalhando na opacidade de 71 por cento, então este é o ponto em que você começa a sentar-se na tecla Control Alt Z e apenas enrole para trás e então vá e faça suas alterações. Primeiro, vou trazer a opacidade para 100 por cento. Eu também vou diminuir o tamanho um pouco de 31 para 30. Vou tentar de novo e ver se consigo um resultado melhor, o que tenho. Agora, no momento, meus corações estão seguindo a forma desse coração, mas estão todos no caminho certo. Se eu quiser que eles rodem à medida que vão, eu posso fazer isso. Vou desfazer isto. Eu vou voltar para a Shape Dynamics e eu vou para o Angle Jitter e eu vou ajustá-lo para a direção. O que vai acontecer agora é que o coração vai girar à medida que o aplicamos a este caminho. Vou clicar aqui de novo. Você pode dizer que o coração está girando, então estamos tendo um efeito diferente. Agora, uma vez que você tem o efeito de forma do coração que você quer, basta vir aqui para o caminho de trabalho e clicar em “Novo Caminho” e isso apenas vai se livrar do caminho e você fica com as formas do seu coração. Aqui, temos uma forma de coração feita de uma escova bokeh em forma de coração. Espero que você tenha gostado desta aula e que tenha aprendido algumas coisas sobre o Photoshop que você ainda não sabia. Felizmente, você tem algumas coisas que você pode usar para o Dia dos Namorados também. Agora, enquanto você está assistindo a esta aula, você terá visto um aviso para recomendá-lo a outros. 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 em apenas algumas palavras sobre por que você gosta da aula. Essas recomendações ajudam outros alunos a dizer que esta é uma aula que eles também podem desfrutar. 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, então eu olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley, muito obrigado por se juntar a mim neste episódio de Design Gráfico para o Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.