Crie um layout de pôster dinâmico no Adobe Photoshop! Movimento e profundidade | Lindsay Marsh | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Crie um layout de pôster dinâmico no Adobe Photoshop! Movimento e profundidade

teacher avatar Lindsay Marsh, Over 300,000 Design Students & Counting!

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

8 aulas (1 h 4 min)
    • 1. Apresentação do curso

      1:25
    • 2. Primeiros passos

      15:40
    • 3. Criando formas 3D

      10:03
    • 4. Organizando nossas formas

      10:10
    • 5. Criando profundidade

      7:04
    • 6. Adicionando tipografia

      8:03
    • 7. Retoques finais

      7:13
    • 8. Projeto do estudante

      4:34
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

154

Estudantes

6

Projetos

Sobre este curso

Neste curso trabalharemos juntos no Adobe Photoshop para criar um cartaz de arte dinâmico. O objetivo principal deste projeto será praticar adicionando profundidade aos seus projetos, mas também aprender a mostrar movimento usando formas, objetos, cores e linhas.

Vamos escolher nosso principal ponto focal e usar temas de repetição e cores consistentes para realmente unir todos os elementos.

Teremos a chance de criar formas 3d no Adobe illustrator para adicionar um polonês extra ao nosso design de cartazes. Este é um curso de nível intermediário para que a familiaridade com o sistema de camada e as máscaras de camadas serão úteis quando lidar com este projeto.

No final, você será incumbido de concluir um projeto de estudante onde você terá a chance de criar sua própria variação do projeto de curso.

Este é o curso perfeito para tomar se você estiver querendo elevar suas habilidades de design e aprender a usar tanto movimento como profundidade para criar layouts ricos e dinâmicos.

Vemo-lo na primeira aula!

Conheça seu professor

Teacher Profile Image

Lindsay Marsh

Over 300,000 Design Students & Counting!

Professor

I have had many self-made titles over the years: Brand Manager, Digital Architect, Interactive Designer, Graphic Designer, Web Developer and Social Media Expert, to name a few. My name is Lindsay Marsh and I have been creating brand experiences for my clients for over 12+ years. I have worked on a wide variety of projects both digital and print. During those 12 years, I have been a full-time freelancer who made many mistakes along the way, but also realized that there is nothing in the world like being your own boss. 

I have had the wonderful opportunity to be able to take classes at some of the top design schools in the world, Parsons at The New School, The Pratt Institute and NYU. I am currently transitioning to coaching and teaching.

 

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação do curso: Nesta aula, trabalharemos juntos no Adobe Photoshop para criar este pôster de arte dinâmico. O objetivo principal deste projeto será praticar a adição de profundidade e seus designs, mas também aprender a mostrar movimento usando formas, objetos e cores. E escolheremos nosso ponto focal principal e usaremos temas de cores consistentes e repetitivos para realmente reunir todos os elementos. Teremos a chance de criar formas 3D e Adobe Illustrator para adicionar um toque extra ao design do nosso pôster. Esta é uma aula de nível intermediário, portanto, a familiaridade com o sistema de camadas no Photoshop e máscaras serão muito úteis para lidar com esse projeto. No final, você terá a tarefa de concluir o design de um pôster estudantil, onde terá a chance de criar sua própria variação do projeto da turma. Meu nome é Lindsey Marsh e ensinar teoria do design é minha especialidade. Fui designer gráfico por mais de 20 anos e instrutora de design para mais de 350.000 estudantes de design gráfico. Estou entusiasmado por poder trazer esta aula para vocês hoje. Essa é a aula perfeita se você quiser aprimorar suas habilidades de design e aprender a usar o movimento e profundidade para criar layouts dinâmicos ricos. Então, nos vemos na primeira aula. 2. Primeiros passos: Vamos seguir em frente e começar. Vamos fazer isso no Adobe Photoshop. E só mais um lembrete, este é um projeto de nível intermediário, então vamos usar muitas máscaras de camadas e muitas camadas. Vai ser um pouco mais complexo, mas espero que vocês estejam preparados e possam lidar com isso . Não se preocupem, eu vou me mover em um ritmo constante, nem muito rápido nem muito lento. Então, vamos começar a abrir um novo documento. Vamos fazer um tamanho de pôster. Mas, para isso, vamos fazer um pôster um pouco menor apenas para reduzir o tamanho dos arquivos, porque vamos trabalhar com muitos elementos gráficos. Então, vamos mantê-lo no lado menor. Então, vamos entrar no Photoshop e abrir um novo documento. Vou ficar com um tamanho padrão de 8,5 por 11. Mas se você quiser fazer como um documento a para um documento ou um documento A2, o que você quiser fazer. Mas vou ficar com um oito e meio por 11 só porque quero ter uma orientação alta. Tudo bem, então com isso, eu realmente quero falar sobre muitas coisas com design de layout, como criar uma sensação de movimento e como criar uma sensação de profundidade. E essas duas coisas são muito difíceis de fazer no design estático de pôsteres porque elas não se movem de jeito nenhum. Mas você precisa criar essa sensação de movimento em todo o design. E é isso que vamos fazer com ângulos, curvas e camadas. E vamos criar um pôster muito ativo para criar muita tensão positiva no design e criar algo realmente colorido e incrível. Então, antes de tudo, precisamos de um ponto focal, um assunto. Então você pode acessar pexels.com e simplesmente digitar o movimento de dança. Você pode acessar outros sites, como o Pixabay encontrar e localizar alguém que tenha movimento. E eu sugiro encontrar alguém onde você mostre a pessoa inteira. Você não tem nada cortado na cintura, basta fazer com que a pessoa inteira seja nosso ponto focal. Vamos construir todos os nossos elementos em torno dessa pessoa. E eu encontrei essa pessoa e o que eu gostei nela. Ela tinha um belo sorriso no rosto. Eu queria que isso fosse divertido e enérgico, mas também que os braços dela ficassem na diagonal. E acho que a diagonal e as coisas afastadas do horizonte são simplesmente verticais retas realmente ajudarão a adicionar movimento e uma sensação de pop dinâmico. Então eu vou com essa pessoa, mas você pode ter alguém que está no ar dançando, pulando o que você quiser fazer pela sua. Agora que temos nossa foto, vamos isolar completamente a mulher do fundo. Então, vou selecionar o objeto e fazer uma seleção rápida de assunto. E eu, para este projeto, fiz cerca de dez dessas, dez pessoas diferentes dançando e se movendo e tentei encontrar a pessoa certa. E quando fiz o objeto, fiz a ferramenta de seleção de objeto. Às vezes fez um bom trabalho, e este fez um excelente trabalho. Mas muitas vezes você precisa ampliar e fazer seleções melhores. Então, vamos adicionar uma descrição aqui e adicionar uma máscara de camadas. Então, eu acabei de dominar. Agora vou copiá-la ou você pode arrastá-la e colá-la no documento. Então, queremos ter certeza de que é um objeto inteligente. Então, estou apenas clicando com o botão direito do mouse e convertendo-o em um objeto inteligente para que possamos reduzi-la até onde precisamos. Então, precisamos descobrir como, qual será nosso bloqueio, qual será nosso layout. Portanto, não queremos torná-la muito grande ou muito pequena. Então, vamos fazer com que ela fique bem ali no meio. Sempre podemos torná-la maior ou menor. Mas eu quero ter alguns elementos de fundo, talvez alguns objetos 3D ao redor dela que estejam se movendo, criando essa sensação de movimento. Então, eu não quero torná-la tão grande a ponto de não termos espaço para alguns desses outros elementos 3D. Então, uma coisa que eu geralmente gosto de fazer quando tenho muitas cores é aplicar um filtro preto e branco nela. E isso meio que leva tudo para preto e branco e realmente permite que a cor apareça nos outros elementos. Então, vou fazê-la em preto e branco. Eu sempre posso mudar isso, se eu quiser, no futuro , fazer ajustes de imagem e apenas fazer um filtro em preto e branco. E talvez eu precise ajustá-lo porque ela está um pouco escura. Então, eu só queria aliviar um pouco isso para que ela não entendesse que às vezes você precisa ajustar isso e raramente isso funciona perfeitamente por padrão. Então, agora temos que pensar em bloqueio, forma e layout. Então, qual a forma? Normalmente, coloco algo que realmente ajudou esse ponto focal a ser fundamentado. E você pode fazer isso de várias maneiras com formas e colocando uma forma em segundo plano para fundamentar o ponto focal. Porque se eu começasse a colocar todos esses objetos ao redor dela, ela poderia facilmente se perder se não houvesse outro elemento gráfico que chamasse sua atenção para ela. E o que, vamos fazer isso com uma forma. Então, podemos fazer isso com várias formas diferentes. Vamos experimentar apenas a ferramenta Ellipse. E vamos adicionar um super toque de cor. E geralmente algo que realmente chama a atenção é um amarelo mais brilhante, mas vou colocar um pouquinho de laranja lá para não ficar como aquele amarelo esverdeado. Simples assim, e deixe-a para trás. Então você já está vendo seus olhos realmente se sentirem atraídos por ela e não quer que essa forma a domine. Portanto, é sempre um equilíbrio de tamanhos. Então você quer chegar lá da maneira certa. Dimensionar e eu gosto da ideia com camadas é ter um pouco de si mesma saindo da forma. Então, nesse caso, suas mãos e pernas estão saindo da forma. Não está resumindo completamente a importância da forma dela. Você pode fazer todos os tipos de formas diferentes com isso, podemos até mesmo acessar o Adobe Illustrator e criar uma forma personalizada usando a ferramenta de curvatura. Então, podemos entrar no Adobe Illustrator. Eu só vou pegar a ferramenta de elipse. E vamos fazer disso uma cor sólida. Vamos fazer com que seja semelhante à cor que tínhamos anteriormente. E o que poderíamos fazer é pegar a ferramenta de curvatura e criar essa forma abstrata. E assim você não precisa usar apenas círculos retos. Você pode fazer todos os tipos de formas interessantes. E você pode simplesmente alternar entre esses dois para encontrar o correto. Então, isso adiciona muito mais movimento do que apenas um círculo. Um círculo é muito centralizado e esse tipo de forma abstrata oblonga também dá mais fluxo. Mas eu quero fazer algo que realmente complemente o movimento dela. E seu movimento é muito diagonal e nítido. Então ela tem os braços e eles estão alinhados. Acho que qual é uma boa forma que ajudaria muito a fazer isso realmente se destacar. E eu estou pensando que triângulo, triângulo meio que entra na minha cabeça no momento. Então, vamos criar um triângulo. Vamos fazer com que seja da mesma cor que tínhamos. Já o salvamos em nossas amostras. E o que eu quero fazer, estou tentando com esse projeto, estou tentando criar o máximo de movimento e camadas possível. Esse é apenas o objetivo desse projeto em particular: o movimento. Então, em vez de manter o triângulo reto para cima e para baixo, precisaremos girar essa coisa. Então, vamos girar e ver como nossos braços estão se estendendo. Gostaria de saber se podemos nos alinhar, não perfeitamente alinhados, mas seguir o fluxo do design. Então, o fluxo tem essas formas diagonais. Então, vamos fazer o triângulo de uma forma similar. Você pode ver que já está mudando para o triângulo em vez do círculo, ele simplesmente flui muito bem junto. Eles não estão lutando entre si. Eles meio que funcionam um pouco melhor juntos. Assim, você pode usar a forma que quiser para o assunto. Como você pode ver, muitas formas diferentes funcionam bem, mas estou apenas tentando criar a sensação de movimento mais dinâmica possível. Temos algum movimento acontecendo? Precisamos ter certeza de adicionar profundidade porque o movimento em profundidade ou dois objetivos para esse design. Então, como podemos adicionar profundidade? Podemos adicionar uma sombra projetada simples para posicioná-la no triângulo. Não é apenas um triângulo flutuante, mas ela existe com ângulo e um espaço 3D. Então, haverá algum tipo de sombreamento. Isso está acontecendo com isso para criar profundidade, podemos pintar à mão uma sombra que eu ensinei e algumas outras lições, mas vamos fazer isso aqui hoje. Ou você pode simplesmente clicar duas vezes na camada e fazer uma sombra projetada. Mas o que eu encontro com eles é muito limitado, muito genérico. Não sou fã. Eu realmente adoro pintar sombras à mão porque você pode adicionar curvaturas e suas sombras , curvaturas e sombras, em vez de simplesmente perfeitas, tudo é projetado à mesma distância. Então, vamos criar uma camada por baixo. E vamos nomear essa camada de sombra. E chegaremos ao ponto em que teremos toneladas de camadas. Ao final disso, vou excluir tudo o que não for necessário e nomear essas camadas. E se eu não citar uma camada, peço desculpas porque fica, vai ser intensa. Então aqui está a sombra. Então, vou pegar a ferramenta de pincel e vou fazer uma escova macia e redonda. E o que eu realmente quero fazer é pintar essas sombras à mão. E eu quero que seja um pincel bem grande. Vamos testar 500 pixels. E eu quero pintar isso com 50% de opacidade. E a razão para isso é que eu quero sombras sejam coisas complicadas. Raramente eles simplesmente lançam com uma força durante todo o caminho, como acontece quando você faz um estilo de camada, palavras genericamente fazem isso. Uma sombra projetada realmente realista terá camadas de intensidade. Portanto, você tem uma intensidade que está mais próxima do assunto e , em seguida, ela diminui à medida que se afasta do assunto, especialmente quando você tem uma fonte de luz suave. Portanto, entender as sombras e como elas funcionam é muito importante. Então eu vou ficar preto e vou te mostrar o que quero dizer. Então, eu vou em frente. Eu tenho 50% de opacidade aqui. Então, enquanto eu continuo pintando sobre as camadas, posso torná-las mais escuras. Então, vou começar do zero e pintar onde eu acho que as sombras seriam projetadas com ela. E só um pouquinho do outro lado só para deixá-la de castigo. É isso. Então vamos torná-lo menor. E vamos chegar um pouco mais perto dela. Então, esse será mais o lado mais escuro da sombra, meio que sobrepondo nossas sombras e tornando tudo o que está mais perto dela, um pouco mais escuro e parece uma bagunça agora, mas vamos apagar um pouco disso mais tarde. Então, podemos voltar atrás , talvez até diminuir pouco mais a opacidade, torná-la maior. Estamos apenas voltando e colocando a sombra em camadas onde achamos que ela estaria e ela também pode acompanhar o corpo deles. Então você apenas o torna mais curvilíneo. Tudo realmente depende da fonte de luz e eu posso passar uma hora inteira falando sobre sombreamento. Em vez disso, vamos apenas apagar isso. Podemos facilmente apagar essa sombra superior que não precisamos. Vou torná-lo não destrutivo e vou apenas adicionar uma máscara de camada. E, como você sabe, com a massa em camadas, se você pintar com preto, ela desaparecerá. Se você pintar com branco na máscara de camada, isso fará com que ela apareça. Vamos fazer muitas camadas de massa. Então, vou pintar de preto com a ferramenta de pincel redondo macio na minha máscara de camada, que está aqui. E eu vou deletar uma mistura. Eu tenho força total sobre isso. Estou voltando e ajustando bem as sombras. Como se eu realmente não precisasse dele aqui embaixo porque estou lançando luz sobre o triângulo. Mas quando você voltar aqui, haverá profundidade. O plano de fundo ficará atrás dela no espaço 3D, bem atrás dela no espaço 3D, então ainda não precisamos de sombreamento aqui. Agora eu posso voltar e tudo isso são apenas pequenas coisas. É quando um tablet Way com é realmente útil, porque você pode entrar, eu tenho apenas a máscara de camadas e eu só tenho preto e estou meio que apagando lentamente uma leve opacidade apenas para torná-la mais macia e realista. Agora parece que ela está lá no triângulo. Então, precisamos adicionar camadas ao triângulo. Temos sombras nela, mas precisamos adicionar sombras no triângulo. Nós realmente queremos criar uma sensação de lugar para o triângulo porque agora ele está apenas flutuando em um fundo branco. Vamos seguir em frente e criar um plano de fundo. Então, o que eu vou fazer é criar um plano de fundo simples que pode ser cinza. Vai ser cinza muito claro. Então, vou apenas fazer o plano de fundo. E eu vou fazer um cinza claro. Isso só ajudará as cores a se destacarem um pouco. E eu poderia fazer algo tão simples quanto a ferramenta do balde de tinta. E eu vou levar isso até o fundo. Agora, queremos criar essa sensação de profundidade novamente. Então, vamos adicionar outra camada e colocá-la atrás do triângulo para que possamos pintar atrás e pintar em algumas sombras usando a ferramenta de pincel, ferramenta de pincel macio e redondo. Vamos torná-lo bonito e grande. E você quer criar sombras que mostrem alguma distância. Eu quero criar muita profundidade. Então você vai colocar mais distância e suas sombras ficarão cada vez maiores se você estiver tentando criar muita profundidade. Portanto, não vai ficar muito perto do objeto. Se eu quiser que fique bem perto, eu pegaria um pincel bem pequeno e faria com que parecesse mais próximo. Deixe-me ir em frente e ficar preto. Altere a opacidade. Então, seria apenas uma sombra muito apertada. Queremos sombras longas e muito soltas. Então, vamos torná-lo bonito e grande. Talvez até, caramba, 1.400 pixels, talvez. Eu tenho minha opacidade definida como mais clara. Eu só vou clicar. E é claro que você vê as sombras dela no lado direito dela. Portanto, não queremos desenhar sombras aqui que não fariam nenhum sentido com a fonte de iluminação. Então, se as fontes de iluminação vierem aqui, vamos seguir em frente e fazer isso para a direita. Vou clicar e arrastar para cima, talvez apenas uma ou duas vezes não demore muito, mas isso apenas adiciona um pouco mais de profundidade e clica um pouco mais perto para criar essas sombras mais profundas. Se você acha que é muito intenso, você o tem em sua própria camada. Então, você pode simplesmente reduzir a opacidade. Então, já estamos começando a ver um pouco de profundidade aqui. O que eu quero fazer é com o plano de fundo. E muitos designers fazem isso para adicionar um pouco de detalhes. Então você pode fazer isso subindo um filtro e adicionando ruído, ruído, adicionar ruído. E esse efeito pode realmente parecer horrível se você fizer demais. Então, eu só faço um pouquinho. Talvez sete, 7% seja tudo que você precisa. Porque se você faz demais, começa a parecer muito estático. E também, às vezes, se você clicar em monocromático, digamos que eu não tenha a opção monocromática selecionada e eu quase pareça que a TV estática tem toda essa cor, mas quando você usa monocromática, ela retira essa cor. Faz com que pareça menos uma TV estática. Então, vamos em frente e voltar para sete. Então, claro, vou fazer isso com o filtro triangular, adicionar ruído e apenas adicionar essa texturização. E você vê muitos artistas fazendo isso. Muitos ilustradores fazem isso com um pouco de textura, adicionando alguma riqueza. Portanto, também precisamos garantir que seus pés tenham um lugar, porque agora ela está flutuando. Ela tem um senso de lugar com o triângulo. O triângulo tem uma sensação de lugar com o fundo. Mas e seus pés pobres? Ela está flutuando. Então, mais uma vez, precisaremos criar uma nova camada. Teremos que intitular essa sombra de pé ou como você quiser chamá-la. Vamos fazer a mesma coisa. E vamos ter que fazer uma sombra muito mais curta. E só vamos adicionar um pequeno lugar para os pés dela. Então, vai ficar meio que nas sombras à direita. Vamos meio que tornar a direita dominante. E às vezes eu só clico, clico, clico. Às vezes, é difícil acertar as sombras. Então isso pelo menos dá a ela uma sensação de lugar no chão. Agora, estaremos prontos para adicionar muitos elementos muito legais para realmente fazer isso se destacar. 3. Criando formas 3D: Estamos procurando uma peça muito dinâmica que tenha um toque de cor, um toque de movimento e um toque de profundidade. Estamos realmente tentando ser mais dramáticos aqui. Precisamos ter um contraste dramático nas cores na roda de cores. E qual é a cor que contrasta muito alto com o amarelo na roda de cores será roxa. Então, esse roxo vai combinar tão bem com um amarelo, vai parecer que eles pertencem um ao outro porque é uma harmonia de cores. Portanto, talvez faça muito sentido trabalhar com roxo. E, claro, no final, podemos ajustar as cores e ver quais outras combinações de cores podem funcionar. Então, esse vestido é preto, mas agora nós realmente queremos cor. Vamos mudar a cor do vestido. Então eu a selecionei. Precisamos isolar apenas o vestido dela. Então, vamos ver se podemos trapacear um pouco e a ferramenta de seleção de objetos e ver se ela sai automaticamente para nós. Graças a Deus por essas atualizações e ferramentas. Claro, não é perfeito. Então, vou ter que usar a Magnetic Lasso Tool e vou subtrair. Vou apenas subtrair toda essa seleção e não queremos selecionar o cabelo dela nela. Seremos muito precisos porque vamos mudar muitas cores aqui e não podemos ter nada que não faça parte do vestido. Ok. Se eu achar que escolhi o vestido dela muito bem, o que vou fazer é criar uma cópia disso. Eu só vou copiar. Vou usar alguns atalhos, mas deixe-me fazer isso do jeito mais longo. Vou simplesmente copiar essa camada e colá-la no lugar. Ele vai colá-lo bem em cima. E esse vai ser um vestido roxo. E aí está completamente isolado da mulher. Então, agora que precisamos, é muito difícil adicionar cor ao preto. Então, vamos fazer um pequeno truque para ajudar a mudar a cor preta. Então, se eu usasse os ajustes de imagem e a saturação humana e tentasse mudar a cor dela. Você não vai ver porque não há cor lá. Não há cor para mudar, é só preto. Nós vamos ter que mudar isso. Então, vamos ter que ir para Ajustes de Imagem. E esse é um pequeno truque que descobri. Teremos que usar cores seletivas, que eu uso muito em aulas anteriores e cursos anteriores para iniciantes. Então, o que vamos fazer é acabar com os negros. Então, vamos tentar selecionar: Essa é a única coisa aqui que era preto e talvez um pouco de branco. Vamos para o preto. Então, vamos tentar adicionar cor suficiente, não importa a cor, desde que ela mude de cor. Então, tente chegar onde está uma cor. Então é verde, então vamos clicar em Ok, agora temos cor. Então, quando vamos para a parte de saturação de matiz, ela tem cor agora que podemos mudar a tonalidade desse verde para a cor que quisermos. Então você pode ver como isso pode mudar. Então, apenas um pequeno ajuste para dar um pouco de cor. Então, agora você pode entrar na tonalidade e saturação e poder ter um efeito. Então, vamos tentar encontrar uma bela cor roxa que fique bonita. Vamos para o outro lado. Provavelmente, provavelmente no final aqui. Isso parece ótimo. Adicione um pouco de saturação enquanto estamos aqui e clique em OK. É claro que sempre podemos fazer alguns ajustes. Podemos nos expor se realmente quisermos realçar um pouco mais essas sombras para que não fiquem tão escuras. Eles só vão aumentar a exposição um pouquinho. Você pode realmente exagerar na exposição. Podemos ir para a esquerda da correção gama. Isso realmente vai realçar essas sombras. Então isso doeu. Seu vestido não é tão escuro e monótono. Por isso, adicionamos muitas cores de forma muito simples. Agora posso ativar e desativar isso facilmente se quiser mudar a cor. Super fácil. Então, se eu decidir, Ei, eu não sei, eu vou fazer laranja e azul. Vai ser muito fácil mudar tudo isso e depois mudar a cor do seu retângulo aqui. Vamos cercá-la com algum tipo de elemento de design para realmente ajudar a desenhar o plano de fundo e o primeiro plano juntos. Porque agora é só ela e um triângulo amarelo. Vamos adicionar alguma dimensão e apenas algo para olhar, algo para usar. Ok, isso é realmente complementar as formas triangulares e tudo mais. Então, o que eu vou fazer é trabalhar um pouco em 3D no Adobe Illustrator porque eu adoro ilustradores, novas ferramentas 3D. Vamos entrar no Illustrator. E vamos criar algumas formas. E crie, faça um pouco de 3D. O que eu gosto nos objetos 3D é que eles adicionarão realces e sombras perfeitamente. Depois, você pode trazê-lo para Photoshop e realmente trazê-los para fora. Isso apenas adiciona uma aparência polida muito boa aos designs. Em vez de apenas fazer planos. Obviamente, você pode fazer formas planas e ainda fazer com que funcionem. Mas queremos profundidade. Fomos às sombras, aos destaques, à distância e ao movimento. Eu realmente acho que as formas 3D poderiam ajudar a tornar essa aparência um pouco mais polida do que apenas formas planas e simples. Não deixaríamos dizer estilo de design suíço. Vamos criar algumas formas. O que indica movimento, o que dá aos olhos, o que atrai os lugares dos olhos? E isso são flechas. Toda vez que olharmos para uma flecha, você sempre estará olhando para o que a flecha estiver apontando. Então, imaginei que seria uma seleção muito boa como algo para colocar ao redor da mulher para indicar essa sensação de movimento e direção. Ok, então vamos criar uma flecha. Isso é bem fácil. E o Adobe Illustrator, vamos deixar esse preto por enquanto para torná-lo um belo traço grande e, ao redor, estamos apenas arredondando os cantos aqui. Este é o nível intermediário, então espero que vocês já tenham feito isso na primeira masterclass ou em outras minhas aulas. Vamos fazer uma simples flecha. Junte isso. Simples assim. Talvez nos certifiquemos de que isso esteja centralizado. Basta fazer um alinhamento central. Então, vou agrupá-los porque quando você faz objetos 3D no Adobe Illustrator, se você não os agrupa, eles os fazem como objetos 3D separados. Então, vamos agrupá-los e ir para Effect 3D materials Extrude and Bevel. Talvez queiramos fazer isso com uma cor diferente para que possamos ver o que está acontecendo. Então, vamos torná-lo azul por enquanto. Lá vamos nós. Então, agora podemos pegar isso e vamos pegar o ponto central aqui. E podemos simplesmente mover isso da maneira que quisermos. Então, vamos dizer que o que queremos fazer é conseguir, queremos jogar com esse senso de direção. Então, temos esse tipo de aparência diagonal. Então, vamos continuar com nossos braços. Então, vamos fazer isso junto com os braços dela. Então, vamos, vamos apontar a seta nessa direção, que serão duas indo para a direita. Assim. E queremos ter um pouco de profundidade. Então, vamos mostrar a distância inclinando-a para cima. Então, vamos apresentar isso. É meio plano na parte superior. Então, vamos adicionar um chanfro. E eu amo essas novas, provavelmente adicionadas há cerca de dois anos. E eu estou realmente adorando as novas ferramentas. Então eu pensei que continuar com a rodada seria bom, bonito e redondo. Ou há muitas coisas legais que você pode fazer com isso. Então, se eu der um passo, eu repito. Portanto, é bom repetir essa forma. Muitas vezes você pode criar alguns objetos 3D realmente detalhados. Mas vamos usar um bom chanfro redondo. E vamos torná-lo mais alto. Então, queremos adicionar um pouco mais de altura ao chanfro e um pouco mais de largura. E é realmente uma flecha grossa. Então, uma forma de mudar isso foi reduzir a profundidade. Então, aqui em profundidade, podemos reduzir isso. É claro que é muito pequeno, então talvez ainda não me deixe arrastá-lo. Bem, vamos deixá-lo um pouco menor, assim como não queremos que seja tão robusto que não consiga realmente ver a frente dele. Então, vamos aos materiais. Então, vamos até o objeto de materiais aqui. Está apenas no padrão, tudo está no padrão, nos brancos escondidos tão abaixo porque é muito importante. Aspereza é essa, então é assim a luz é refletida no objeto 3D. Queremos ter uma baixa rugosidade. Então, eu quero que seja brilhante. E é muito bom adicionar um pouco de metálico e metálico. Claro, você pode fazer tanta coisa metálica que reflita toda a luz e pareça escura. Mas o metal lhe dará um pouco de brilho agradável. Então, brinque com a rugosidade e o metal. Eu só estava procurando um pouco de brilho. Vamos para a iluminação. Poderíamos mudar a rotação da luz. Como, de onde queremos que a luz ricocheteie? E nós meio que temos uma fonte de luz na nossa foto na parte superior, descendo. Porque você quer ser, não quer ter muito brilho a ponto de não conseguir realmente ver os detalhes que talvez não funcionem. Então você meio que o tem onde está brilhando, mas não é tão intenso quando se afasta do objeto. Então, mais uma vez, você só vai ter que ajustar essas coisas até ficar feliz com elas. Sempre podemos adicionar mais contraste no Photoshop, então não se preocupe se parecer que não tem contraste suficiente. Você pode fazer várias edições de postagens semelhantes no Photoshop. Ok, então o que você poderia fazer aqui, e isso, essa poderia ser uma seção totalmente nova do curso, mas você pode realmente renderizar com traçado de raios. Então, vamos renderizar com o traçado de raios o que isso vai fazer, vai levar tempo e torná-lo de maior qualidade. Então você vai até o menu suspenso e vai para os médiuns. Então, ele vai renderizá-lo. Vamos realmente aperfeiçoar isso. Tudo o que estou fazendo é fazer medium e clicar em renderizar. E isso vai matar seu computador. Embora com a flecha pequena, na verdade não seja tão ruim. Mas toda vez que você faz uma alteração com esse traçado de raio , o renderiza novamente. Então, às vezes você precisa ter tudo bem e, quando estiver pronto para renderizar, você pode renderizá-lo. Quando estiver satisfeito com sua seta, basta arrastá-la diretamente para o Photoshop. E você tem sua flecha. Queremos torná-lo grande o suficiente para causar impacto. E se você não gostar da aparência, você quer adicionar mais contraste. Você pode usar matiz e saturação, ou pode usar brilho e contraste e ajustá-los para adicionar mais profundidade ou o que quiser adicionar. 4. Organizando nossas formas: Então, temos nossa flecha. Eu voltei e ajustei um pouquinho. Mas agora precisamos realmente pensar em colorir. Fizemos esse amarelo super brilhante só porque era a cor mais brilhante. Acabamos de começar um documento em branco. É realmente a primeira cor que escolhemos, mas agora que temos esse roxo profundo, vamos ajustar esse triângulo um pouco. Vamos nos certificar de que é um objeto inteligente. Eu não sei como isso aconteceu. Acho que quando adicionei o grão, ele o converteu e o rasterizou. Então, estou apenas clicando com o botão direito do mouse, apenas transformando-o em um objeto inteligente. E agora eu posso fazer matiz e saturação. Eu só quero ajustar isso um pouco. O que eu quero fazer é adicionar um pouco mais de calor a ele. Então, eu quero adicionar um pouco mais de laranja. Não quero deixá-lo laranja, mas um pouco mais laranja para ajudar a complementar o roxo. Eu vou fazer isso um pouco. Laranja. Clique, OK, agora temos essa seta, mas o que, quantas colocamos ao redor , quão grandes as tornamos e de que cor as fazemos? Então, vamos dar uma olhada, vamos realmente pensar em nossa paleta de cores antes de avançarmos. Então, temos essas cores de alto contraste como essa, laranja, muito amarelo, laranja e esse roxo. E se fizéssemos, vamos seguir em frente e fazer a saturação de matiz nessa seta. Então, há muitas cores que podemos fazer isso. E se você os aproximar demais disso, tão verdes quanto Realmente, me preocupa o verde, o roxo e o laranja. Eles não estão realmente se complementando muito bem. Então você só precisa encontrar uma cor que se complemente bem. E o que complementa bem são as cores análogas que estão próximas umas das outras na roda de cores. Então, o que podemos fazer em vez de torná-lo exatamente da mesma forma do triângulo, porque as setas simplesmente desaparecerão e serão apenas esses elementos restantes. Como podemos torná-lo um pouco mais escuro ou mais claro para ter uma cor mais análoga. Então, estou apenas deixando um pouco mais escuro. Então, a seta aparece para você além do triângulo, mas complementa a cor do triângulo. Não temos dez cores diferentes acontecendo aqui. Estamos tentando ser temáticos com nossas escolhas de cores. Então é por isso que eu decidi usar um laranja escuro. Agora, vamos ver, o que queremos fazer é duplicar essa camada. Então, vou apenas duplicar a camada. E também antes de duplicar a camada, apenas para limpar meu arquivo de design, preciso nomear essa seta. Então agora vai ser sério, vamos fazer flecha laranja. Quando o duplicamos, ele já tem o nome de nós. Então eu vou apenas duplicar a camada, só vou copiar e colar. Então, agora precisamos pensar na repetição do design. A repetição e o design são muito importantes porque você é capaz de, em toda a peça, ver objetos semelhantes, conectá-los todos juntos e ter uma sensação de repetição. Essa é a palavra-chave aqui. Então, queremos repetir essas flechas sem ser opressores. Então, queremos criar esses tamanhos diferentes porque, mais uma vez, queremos adicionar profundidade, profundidade e movimento. Profundidade e movimento são as duas coisas que procuramos. Então, adicionando profundidade, queremos fazer com que esses tamanhos diferentes pareçam existir em planos diferentes no espaço 3D. O que significa que este é muito grande e este é muito pequeno. E eles parecem estar apenas a uma distância diferente do meu site, da minha visão. Então, vamos pegar isso e torná-lo um pouco maior. E agora temos que descobrir onde colocar isso. Se quisermos ter uma sensação de camadas e profundidade, queremos que elas cruzem outros objetos. Então, em vez de ter todos eles, existe muito bem, como colocar aqui. Se cruzarmos a seta, isso aumenta a profundidade, porque agora você tem o objeto passando por trás ou passando por um determinado objeto. Então, o que vamos fazer é espalhar algumas delas. Vamos fazer alguns menores. E os menores provavelmente existirão atrás dela. Se você realmente pensar em como todas essas camadas realmente existem no espaço 3D. Os menores estarão mais atrás. Então, eles provavelmente estarão por trás da mulher. Então, vamos arrastar isso para trás da mulher. O que vou fazer é mostrar meu painel de camadas para que você possa vê-lo um pouco melhor. Ok, então provavelmente vai ficar atrás da mulher aqui. Mas eu também queria atravessar aqui. Vamos ampliar para que eu possa mostrar que todas essas pequenas decisões de design são importantes. Então ela está atrás da mulher, mas também gosta de cruzá-la sobre a forma do triângulo para adicionar profundidade. Então, está cruzando um objeto aqui. E também está ficando atrás da mulher porque é menor. Vamos fazer mais um. Não queremos fazer muitas delas. Não queremos sobrecarregar com flechas. Vamos trazer isso para cima. É quando você está em um sistema de camadas, ele começa a ficar um pouco ocupado. Então, aqui está o que queremos fazer. Queremos fazer um que seja bem grande. E se a tivéssemos assim, e a mantivéssemos exatamente como está, meio que se torna o ponto focal. E não queremos que isso afaste a mulher, a mulher e o triângulo ou o ponto focal desta peça. As flechas complementam a peça, mas não são, não são a atração principal. Então, queremos também ser capazes de criar profundidade. Então, vamos desfocar isso um pouco para tirar a força da seta e garantir que ela faça do ponto focal o ponto focal. Então, o que vamos fazer é fazer um borrão gaussiano sobre isso. Então, vamos até Filter Blur. Basta fazer um simples desfoque gaussiano nisso. E queremos deixá-la bem embaçada porque é realmente a frente da peça. E não queremos que seja muito próximo de quem. Queremos isso como um elemento de fundo como esse. Ou podemos colocá-lo no topo. E isso cria essa sensação de profundidade. Também queremos ter equilíbrio com tudo o que fazemos. Queremos ter certeza de que não temos coisas muito pesadas em um lado. Então, eu não quero ter três flechas aqui e uma flecha ali porque não é, não está balanceada. Você precisa estar bem, nós temos um aqui e seus dardos oculares para a esquerda ou para a direita, os dardos para a esquerda meio que têm essa centralização, esse equilíbrio que acontece. E isso é o que ajuda você a determinar onde eu coloquei as flechas. E isso vai ser equilibrado. Então, está apenas tentando descobrir todas essas pequenas decisões de design. Cinco a 10 minutos para reorganizar as setas para garantir que tenhamos boas oportunidades de camadas com algumas atrás do filho atrás do triângulo. Então, eu estou na frente do triângulo, apenas tendo uma sensação de equilíbrio. Meu plano para isso não é apenas ter 50 flechas, mas ter algo diferente do que apenas flechas, talvez ter outra forma complementar. Então, talvez, vamos destacar o tema do triângulo. Temos o triângulo, é uma parte muito centralizada da peça. Vamos incorporar esse triângulo e outra forma adicional que podemos incorporar com as setas. Vamos voltar ao Adobe Illustrator. Isso remonta à repetição. Estamos tentando repetir objetos semelhantes para criar uma presença temática no design, o que é muito importante. Esse tema realmente une tudo. Então, vamos criar um triângulo simples. E vamos fazer com que seja um efeito 3D, Extrude e Bevel. Vamos fazer um ângulo parecido. Sempre podemos voltar a essa forma original e descobrir qual era o ângulo dela. Tudo bem, então vamos pegar o ângulo certo aqui. Meio que combina com o que tínhamos antes. Queremos que tudo siga o mesmo fluxo. Isso ajudará a manter o fluxo do design. Não vamos aprofundar isso. Vamos torná-lo um pouco mais superficial. E vamos fazer alguns chanfros. Quer mantê-lo em torno de chanfros. Estou apenas reduzindo o tamanho dele. E queremos repetir desta vez porque acho que é um efeito muito rico, adiciona muita texturização a ele. Então, o que eu quero fazer é criar, acho que talvez vamos fazer três. Não quero fazer muitas coisas em que você perca os detalhes. Vamos fazer três e criar um pouco mais de espaço entre eles. E o que eu quero fazer é arredondar esses cantos afiados. Acho que seria um objeto 3D de aparência mais polida se tivesse alguns cantos arredondados. Então, vou usar a ferramenta de seleção direta e isso é o que é legal sobre os elementos 3D no Illustrator, pois você pode editá-los ao vivo. Eu só vou criar bordas arredondadas. Ajuda meio que a manter uma aparência um pouco mais polida. Vamos para Materiais e garantir que reduzamos a rugosidade. Talvez aumente um pouco de metal para que possamos ter um pouco de brilho. Podemos mudar nossa iluminação, obter a iluminação certa. Lá vamos nós. E então também podemos garantir que façamos o traçado de raios para dar uma boa aparência renderizada e talvez alterar a profundidade, apenas torná-lo um pouco mais raso. Não queremos ter esse objeto grande e robusto. Queremos que seja bonito e simples assim. Então, podemos arrastar isso para o Photoshop. E eu fui em frente e apliquei matiz e saturação para combinar com o laranja. Então, agora temos dois elementos aqui. Temos essas flechas e temos esse pequeno triângulo. Então, agora é aqui que as coisas ficam um pouco mais complicadas. Como podemos equilibrar tudo isso e integrar os dois sem que seja desequilibrado. Como se muitos triângulos fossem muitos triângulos no lado esquerdo ou muitos no lado direito. Mas vamos fazer a mesma coisa. Vamos tentar encontrar pequenos espaços e oportunidades para integrá-los às setas e fazer com que tudo pareça equilibrado. Essa é a parte complicada porque você não quer se sobrecarregar com muitos objetos que estavam começando a funcionar. Mas uma maneira de equilibrar isso é que eu tenho esse objeto de seta bem próximo. Também podemos ter um objeto triangular bem próximo aqui embaixo para equilibrar o design. Então é exatamente isso que eu vou fazer. Vou fazer um desfoque gaussiano neste triângulo inferior direito. Lá vamos nós. Certifique-se de que ultrapasse essa forma , por mais sobreposição que pudermos fazer sobre as formas, melhor. 5. Criando profundidade: Sinto que tenho triângulos e flechas suficientes e estou feliz com as camadas e o posicionamento. Mas agora temos algumas cores impressionantes acontecendo agora e precisamos ajustá-las. Temos muito da mesma cor, temos muitos elementos alaranjados. Está muito ocupado procurando. Uma forma de mudar isso é com a cor. Então, vamos selecionar algumas dessas setas e triângulos e fazer um equilíbrio entre ter alguns deles laranja e alguns deles realçarem a outra cor dominante, que é o roxo. Então, vou fazer uma simples tonalidade e saturação para algumas delas e tentar combinar essa cor roxa. Ok, ótimo. Então agora ainda parece um pouco ocupado, mas eu gosto da ideia de ter cores duplas. O tema está realmente começando a se encaixar. Mas acho que precisamos acrescentar outra coisa. E para criar profundidade, isso é colocar algo por trás da mulher. Mas na frente do triângulo, vamos adicionar outra camada de diversão e emoção. Nós meio que temos muita coisa acontecendo aqui e eu quero ter algo que realmente ajude a unir tudo para torná-la uma peça super divertida. Então, o que eu vou fazer é ir até Pexels e encontrar algo com pólvora, fumaça ou fogo, ou provavelmente vou na direção da pólvora para que algo pareça estar explodindo. Como você vê aquelas batalhas de cores onde há, eles estão apenas jogando aquele giz, aquele giz colorido. Então, deixe-me localizar uma imagem agora. Não consegui encontrar o que queria em pexels.com, mas acessei o Adobe Stock. Se você acessar o Adobe Stock e pesquisar gratuitamente, eles realmente têm algumas fotos gratuitas que você pode usar no Adobe Stock. Você não precisa ser assinante da Adobe para conseguir os gratuitos? Acho que não. Tenho que verificar isso, mas também funcionou. Acabei de acessar o Adobe Stock, digitei de graça do que apenas digitei em pó. E eu consegui encontrar um. Vou ter que verificar se você precisa de uma assinatura. Estou logado. Então, eu estou me perguntando se você precisa estar logado para obter o grátis, mas se você não precisa ser um membro pagante de ações premium para obtê-lo. Ok, então eu tenho isso e este vai ser um pouco complicado de isolar. Portanto, ele tem esse fundo preto e, se você usar qualquer tipo de ferramenta de seleção de objetos, falhará miseravelmente porque há tantos pequenos detalhes que ele omitirá. Então, teremos que fazer alguns truques de edição de fotos para preparar isso para isolar do fundo preto. Se eu fizesse um modo mesclagem e o misturasse sobre o objeto, não teria a sensação de que a foto é na verdade, apenas um pouco transparente. Portanto, também não estou querendo fazer apenas um modo de mistura rápida. Vamos cortar esse objeto e eliminar o apagão da melhor maneira possível. Então, o que eu quero fazer é ir para Selecionar e ir até a faixa de cores. Selecione a faixa de cores, já que isso é apenas preto, eu poderia selecionar preto. Observe como ele simplesmente seleciona todo o preto aqui. E o que queremos fazer é ajustar a imprecisão para obter detalhes ou não obter detalhes. E vamos clicar em OK e ver como ele o seleciona. Portanto, você também pode invertê-lo. Você deseja inverter sua seleção. Então, branco seria o que ele seleciona e preto seria o que ele não seleciona. Ele pode invertê-lo. Agora eu apenas cliquei no preto para selecionar o preto e depois inverti essa seleção. Então, agora estamos selecionando tudo que não é preto. Então, vamos clicar em Ok e ver como funciona. E deixou muita coisa de fora aqui. Então, podemos dizer que se descermos e fizermos uma máscara de camadas sobre isso, você poderá ver sua seleção. Na verdade, isso é muito bom. Isso é realmente muito bom. Talvez a seleção para pré-visualização não tenha sido tão boa quanto a real. Achei que isso é excelente. Vamos seguir em frente e copiar e trazer isso de volta. Para isso. O que queremos fazer é não querer que isso sobrecarregue. Esse não é o ponto focal. Este é um detalhe decorativo. Portanto, não queremos que seja avassalador. Então, vamos torná-lo menor. E vamos deixar isso para trás da mulher. Isso realmente vai nos ajudar com nosso tema de cores, porque será capaz de adicionar muitas cores para nós. Então, vamos torná-lo menor. Só queremos que alguns pequenos detalhes fiquem por trás dela e, instantaneamente, pareça que essa lacuna foi preenchida. Alguém sabe, as cores estão um pouco chocantes agora. Isso meio que ajuda a aliviar a ocupação das flechas e também ajuda a complementar isso. Queremos fazer disso um belo roxo intenso e talvez queiramos transformar isso em obter, queremos tirar isso de lá porque, no momento, o azul não está funcionando, mas o roxo pode funcionar bem. Então, o que precisamos fazer é tornar isso um roxo rico e saturado para complementar ou vestir. Então, o que vamos fazer é fazer ajustes e fazer um mapa de gradiente. Ok, então o que vamos fazer, manter esse preto, manter as sombras, pretos, mudar isso para roxo. Todos os destaques agora serão roxos. Talvez precisemos deslizar isso, para que alguns tons médios fiquem roxos. Não queremos que isso seja uma mancha escura atrás dela. Queremos que seja um roxo muito saturado. Talvez precisemos até mesmo adicionar um tom mais claro, talvez até branco. Então você só vai ter que deslizar isso e descobrir qual resultado você quer ter. Isso pode até ser um roxo profundo. Portanto, não há. Mas tudo é roxo, mas roxo profundo, profundo e escuro. Ótimo. Então, vamos clicar em Ok. O que seria realmente necessário é incorporar de alguma forma a laranja e essa explosão também. Então, eu vou copiar e colar. Eu tenho outra versão disso. Eu vou transformá-lo, então não é uma cópia exata. Aqui está o que eu vou fazer. Eu só quero que isso seja laranja. Então, eu vou subir e fazer uma, ter certeza de que é uma camada inteligente. E vamos subir e adicionar um mapa de gradiente a este. E vamos fazer laranja. Em vez disso. Nós vamos fazer laranja. Agora temos laranja, mas ela foi tirada do roxo. Então, o que eu vou fazer é que eu só quero que a laranja esteja em pequenos elementos. Vou adicionar uma máscara de camada. Ele vai pintar e deletar com preto. Belo pincel redondo macio, bom para ampliar, basta deletar com preto. Certifique-se de que eu tenha 100% de opacidade. Apenas excluindo todas essas coisas, eu não preciso apenas manter um pouco de laranja onde eu quero. Basta um pouco de laranja e podemos até mesmo colorir e saturar. Bem, vamos ver, vamos voltar ao mapa de gradientes. Bem, vamos lá. Eu quero um pouco mais fundo, laranja. Lá vamos nós. Isso vai realmente ajudar a se destacar contra o roxo. Estamos chegando lá. Mas acho que precisamos adicionar nossos elementos de tipografia muito em breve ou não conseguiremos ter um lugar adequado para isso. Então, vamos adicionar nossos elementos de tipografia e então podemos ajustar qualquer um dos nossos elementos ou elementos 3D ao redor da topografia. E, na verdade, meio que bloqueie isso e começamos a chegar ao plano de fundo e a alguns elementos finais. 6. Adicionando tipografia: Agora precisamos de nossa escolha de tipografia. Para isso, vamos usar uma frase muito simples para vencer. Pode ser que você não precise usar essa frase, é algo curto e fácil de usar. Você não quer ter muitas palavras sobre isso. Tem muita coisa acontecendo. Portanto, é uma frase muito simples e curta. Eu escolhi esse tipo de letra e é um bom tipo de letra condensado. Então tem essas lindas letras altas condensadas. E achei que seria muito bom em um espaço tão apertado. Então, vamos em frente e fazer isso. Agora mesmo. Vamos deixá-lo branco para que possamos vê-lo, mas vamos mudar algumas coisas. Então, vamos montar todo o nosso título e depois descobriremos o resto a partir daí. Então, vamos fazer n para ganhar ou para ganhar. É tentar pensar em algo que possamos usar para vencer. Então, temos quatro palavras diferentes aqui. Quais são as maneiras pelas quais talvez possamos condensar ou empacotar algumas delas, o que eu noto, e é assim que meu cérebro de design funciona, é que percebi que essas larguras são muito semelhantes. E se empilhássemos esses dois? Provavelmente ainda deve ser legível porque é uma frase muito popular. E podemos empilhar esses dois para que agora tenhamos menos espaço horizontal que menos espaço horizontal que precisaremos usar para este título. E eu acho que está escrito, ok, você sempre tem que se certificar de que está bem, nele para ganhar. Eu acho que isso funciona. Então, vamos prosseguir e torná-lo menor. Vamos seguir em frente e obter o tamanho de que precisamos aqui. Nunca queremos superar o ponto focal, mas isso é meio que parte do ponto focal. Você tem alguma topografia, tem a mulher, o triângulo que está meio que centrado aqui no começo. E você percebe que quando eu adicionei a topografia, algumas das setas e outros objetos 3D, parece um pouco menos ocupado porque essas palavras realmente centralizam tudo, realmente meio que ancoram. Então, isso é meio que planejado com as palavras aqui, seja o que for, o que funcionar para você. Neste caso, decidi fazer a topografia depois dos elementos 3D para poder ver qual tipografia eu precisava usar para complementar os objetos 3D. Mas o que quer que funcione para você, queremos fazer movimento, movimento e profundidade. Então, como podemos fazer com que isso não se mova muito. É bom e estável. Ele adiciona estabilidade ao design horizontal. Mas o que, mas esse não é o objetivo deste projeto, é maximizar a profundidade e maximizar o movimento. Então, vamos adicionar movimento à topografia. Podemos selecionar toda a tipografia. Eu quero compartilhar isso. Eu só quero adicionar um movimento diagonal à tipografia. Então eu vou subir para editar, Transformar e nós vamos para o Skew. Vamos distorcer a topografia aqui. E queremos seguir o movimento dos braços dela, com o movimento do triângulo. Então, vamos aumentá-lo. Assim, esse movimento ascendente. Queremos seguir o fluxo do design. E aí está, apenas adiciona um pouco de um toque dinâmico a ele. Isso é mais detalhado do que eu normalmente teria no InDesign, mas quero ter certeza de que tudo corresponda a esse detalhe. Eu só quero fazer algumas coisas estilísticas. Talvez mude um pouco da cor e talvez acrescente algo a ela. Então, aqui está o que eu vou fazer. Vou fazer isso preto. Aqui está o que eu vou fazer. Estou apenas copiando e colando outra versão desse n. E vou fazer disso um traço muito rápido. Então, eu vou até aqui. Vou adicionar uma string, uma sobreposição de cores para viagem. Vou adicionar um derrame. Eu só quero ter um traço branco e quero tirar o preenchimento. Eu falo sobre isso na minha primeira masterclass. Nós fazemos isso algumas vezes. Vamos reduzir o preenchimento. E eu vou fazer um traço e quero acrescentar que isso só adiciona detalhes e é uma escolha estilística. Não é nada que você tenha que fazer. Isso apenas adiciona uma aparência um pouco mais moderna à topografia. E queremos adicionar camadas aqui, certo? E se parte do olho ou a ponta ficasse atrás da mulher? Nós podemos fazer isso. Nós poderíamos fazer isso. Então, o que vamos fazer é adicionar uma camada de massa ao preto nela. Vamos encontrar a extremidade preta. Aí está o lado negro e você vai ter que começar a dar nomes a essas coisas ou ficará completamente perdido. E então esta é a luz branca no contorno. Preto em. E vamos adicionar uma máscara de camada. E eu vou pegar a ferramenta de pincel e pintar um pouco disso. Queremos que o braço dela meio que ultrapasse o n. Nós achamos que uma seleção real provavelmente seria ainda melhor se eu selecionasse um pouco. Vamos voltar até eles quando eu fizer isso, mas acho que essa pode ser a melhor maneira de fazer isso. Vou selecionar a opção e o título da mulher ou mulher. Sim, isso é confuso. Então, deixe-me pegar os polígonos, faça isso. À moda antiga. Lá vamos nós. Agora que temos essa seleção, podemos voltar até o preto está lá dentro. Faça nossa máscara de camadas e pinte. Pinte isso. Então, parece que está em camadas. Opa, eu não quero ir lá. Eu só queria que você dissesse que eu poderia parecer um pouco bagunçado. Tudo bem. Você pode simplesmente entrar e limpar isso. Tudo bem, então agora que está limpo, meio que adiciona um pouco de profundidade à posição dela, meio que empurrando seu braço. Vamos manter o traço na parte superior apenas para facilitar a leitura. E vamos ver o que podemos fazer para a vitória também tenha cores diferentes. O branco não está funcionando com isso porque temos muita cor nisso. Está meio desbotado. E se continuássemos com nosso tema e fizéssemos esse laranja e talvez um pouco de laranja mais brilhante. E agora está desaparecendo, certo? Eu não consigo ver isso. Mas vamos manter nosso tema com o traço que temos. Vamos duplicar isso e fazer um contorno preto com o mesmo estilo de. E o branco meio que se mistura. Então, vamos fazer um bom alto contraste. Preto com o traço. Talvez até faça um golpe de cinco pontos. Vamos apenas compensar isso. Estou apenas pegando minhas ferramentas de flecha e desligando-as lentamente. Também queremos garantir que o preenchimento seja reduzido. Só queremos o derrame. Lá vamos nós. Perfeito. E talvez vamos voltar e fazer disso um golpe de quatro pontos. Todos esses pequenos detalhes. Quero dizer, se eu incluísse tudo o que fiz quando fiz originalmente esse projeto prático, se eu fosse analisar passo a passo tudo o que fiz para chegar lá. É uma doença que levei 5 horas para descobrir tudo isso. Será uma lição muito longa, árdua e entediante. Então, parte disso não é tão detalhada quanto eu normalmente diria em um projeto, mas eu também não quero ter um projeto de cinco horas e entediar vocês até a morte. Então, precisamos fazer algo com isso e dois, e como há muita coisa acontecendo com a cor, acho que pode ser um traço sozinho. Então, vamos fazer esses traços. Teremos que usar branco para aparecer em nosso vestido roxo e reduzir o preenchimento. Vamos fazer a mesma coisa aqui. Reduza o preenchimento. E estamos apenas adicionando um traço. Simples assim. Oh, eu acho que isso ainda se lê muito bem. Então, vamos em frente e apenas um ajuste fino está movendo alguma topografia. Certifique-se de que eu tenha tudo, do jeito que eu gosto. Podemos até colocar tudo isso em uma pasta, porque agora é difícil colocar algumas delas em pastas porque eu tenho algumas setas na parte superior e alguns erros na parte inferior. Então é meio difícil. Você pode adivinhar, pode agrupá-los ou vinculá-los de uma forma. Mas o que eu vou fazer é pelo menos pegar toda a tipografia e colocá-la em uma pasta. Então, vou selecionar toda a tipografia que temos aqui e colocá-la em uma pasta. E agora eu tenho um lugar para digitar, o que torna muito mais fácil ir até aqui e fazer a seleção automática por grupo. Tudo isso é meio que coisa para iniciantes, mas vá em frente e selecione por grupo e então eu posso mover tudo junto de uma vez, encontrar o posicionamento certo. 7. Retoques finais: Ok, agora vamos pegar alguns desses elementos 3D que deveriam estar no topo e colocá-los em cima. Portanto, esse triângulo deve ir até o topo, na frente do tipo. E talvez precisemos apenas correr. Não queremos cobrir a parte inferior da extremidade, mas um pouco no final seria bom para adicionar mais profundidade. A mesma coisa com essa flecha. Essa seta provavelmente estaria no topo da tipografia. Assim, podemos ir ainda mais longe e adicionar sombras que projetam a mulher a partir desse triângulo. Você tem aqui. Pareciam os triângulos flutuando. Mas o que podemos fazer é adicionar sombras abaixo dela que se projetam em sua perna. Então, vamos duplicar isso. Coloque-o para trás. Eu provavelmente deveria um nome, isso é apenas um objeto inteligente vetorial ou deveria nomear essa seta. Eu tive uma chance. Vou fazer isso menor e colocá-lo onde a sombra seria projetada. Então, o que eu vou fazer é clicar duas vezes aqui e fazer uma sobreposição de cores. Talvez faça um pouco de desfoque gaussiano. Não muito, apenas um pouco de desfoque gaussiano. E então eu vou reduzir a opacidade nessa camada. Então, vai parecer que está projetando uma sombra na perna dela. Mas o fundo está mais atrasado no espaço 3D, então não seria, essa pequena parte não estaria lá. Então, o que eu posso fazer é criar uma máscara de camadas e simplesmente apagar essa parte. Apenas mantenha o molde na perna dela. Portanto, ser capaz de estudar sombras e realces é muito importante no design para saber como eles funcionam na vida real, como nossas sombras se projetam na vida real. Agora parece que a sombra está na perna dela. Isso apenas adiciona mais profundidade e realismo. Talvez se afaste um pouco da sombra, talvez 20%. Ótimo. A mesma coisa. E algumas das outras áreas, se quiséssemos armazenar em cache, se quiséssemos projetar uma sombra aqui, vamos trazer isso abaixo. E faça a mesma coisa. Vamos apenas fazer uma sobreposição de cores. Faça um desfoque gaussiano, reduza a opacidade e torne-a um pouco menor. E então faça uma massa em camadas. Há muitas etapas. Eu sei que pode ser opressor para alguns de vocês, alguém diga: Oh, eu sei como fazer tudo isso, mas alguns de vocês podem pensar que isso são muitos passos. Mas é por isso que esse é um projeto intermediário e não um projeto de nível iniciante ou há algo incompleto nisso. Ela ainda está meio que flutuando. Não há nada que a faça realmente centrá-la. Quero dizer, ela está centrada. Mas acho que o plano de fundo pode ajudar a exagerar ainda mais a sensação de movimento. E eu quero criar alguns pequenos elementos de fundo que ficarão em segundo plano. E não é só um espaço em branco. Então, aqui está o que eu vou fazer. Vou apenas criar um, vamos fazer como um preto que não seja totalmente preto porque eu quero adicionar cor a isso. Então eu vou fazer um pouco de cinza escuro. Então, como a pouca cor que podemos usar são cores um pouco mais claras, podemos usar para mudar a cor. Eu só vou fazer uma forma de retângulo. O que eu vou fazer é trazer isso para trás, até a parte de trás e garantir que também não haja um derrame nisso. Então, o que vou fazer é adicionar mais senso de ângulo diagonal, direção e movimento. Então, vou inclinar isso e ter essa cor mais escura ajuda a unir tudo. Então era ela apenas flutuando em um espaço em branco e agora ela vai ficar mais aterrada. E então eu vou duplicar isso, colocar isso na parte inferior para continuar ancorando isso. Então, o que eu vou fazer é adicionar um pouco desse ruído, um pouco desse grão meio que adiciona textura. Converta em objeto inteligente e clique em. Ok, então adicionar um pouco de textura faz a diferença, na minha opinião, poderia fazer o mesmo aqui embaixo. Um pouco de textura agradável. Então, vou me certificar de que isso tenha uma pequena dica do nosso tema de cores. Então, o que eu vou fazer é ir até Hue and Saturation, ver se não consigo fazer um teste, um pouquinho de roxo. E por que talvez precise fazer o que eu fiz no começo, que é ir para minha cor seletiva e ir para preto e adicionar um pouco de cor dessa forma. Lá vamos nós. Seria ótimo se eu pudesse adicionar roxo dessa forma também. Certo? Então, agora eu posso ir para a saturação de matiz e poder ter um efeito. Aqui. Eu também posso, já que isso é, vamos fazer uma ferramenta rápida de esquiva, vamos rasterizar isso. Vamos torná-lo grande. Eu só quero adicionar alguns destaques a isso, isso no topo. E isso precisa de muito mais saturação. Então, todas essas pequenas coisas aqui que muitas pessoas deixam de fora. Mas estou apenas mostrando todo o meu processo porque é confuso. Há muita atividade acontecendo quando você faz um design assim. Vou diminuir o zoom. Vou dar uma olhada no que parece desequilibrado aqui. E esse canto superior direito? Isso é laranja demais? Especialmente quando você tem essa laranja aqui, é quase chocante demais? Talvez. Vamos mudar isso para roxo e ver se faz diferença. Isso parece muito melhor. Não é que a jarra não traga meus olhos para o canto superior esquerdo. Não quero que meu olho fique no canto superior esquerdo. Isso é um detalhe, um pequeno detalhe. Meu objetivo é continuar centrado. E há todos os tipos de ajustes que podemos fazer. Vamos, digamos, ok, o triângulo. Como podemos ajustar isso para torná-lo um pouco melhor para que você possa usar o contraste de brilho. Podemos adicionar mais brilho a ele? Laranja. O que podemos fazer para tornar essa cor melhor? Então você vai continuar fazendo isso repetidamente. Isso é o que eu acabei no final, claro, isso é o que eu fiz antes do projeto. Não acho que sejam muito diferentes. Então esse é o que fizemos na aula juntos. E tudo vai sair diferente. Você não pode recriá-lo exatamente da mesma forma. E esse é o que eu fiz como um teaser, meio que descobrindo qual projeto vamos fazer. Muitos de vocês podem dizer, oh, isso é muito ocupado. Mas isso é mais, menos um anúncio e mais uma peça artística. Apenas equipe e meio que criando profundidade, camadas e praticando. É disso que se trata. Você não precisa deixá-lo tão ocupado, você pode deixá-lo bem limpo. Eu fiz outra versão em que ficou um pouco mais limpa. Não há muitos detalhes, mas ele ainda tem muitos elementos básicos e usa formas diferentes para seu projeto. Vou seguir em frente e lhe dar seu projeto na próxima aula. E vai ser muito divertido. Mal posso esperar para ver o que vocês vão inventar. 8. Projeto do estudante: Então, para o seu projeto, quero que você crie um pôster artístico que tenha um bom ponto focal centralizado e tenha coisas expressivas ao seu redor. Digamos que formas 3D ou planas, ou algum tipo de pequeno elemento gráfico ou ilustração ou algo em torno do ponto focal. Eu quero que você coloque uma forma por trás disso que elogie essa pessoa. E depois disso, você pode escolher o que quiser fazer. Você pode escolher seu próprio tema de cores. Quem você quiser apresentar não precisa ser alguém que esteja dançando ou se movendo. Mas eu quero que você tenha dois objetivos em mente. Eu quero que você tenha algo que mostre camadas, muitas camadas e profundidade. E eu quero que você tenha algo que mostre muito movimento, muito movimento dinâmico e expresse isso por meio desse pôster de arte que você vai criar. Essas são as únicas regras Desde que você esteja fazendo algumas dessas coisas, você pode fazer o que quiser com as formas, ilustrações e ponto focal que deseja escolher para seu design. Você poderia fazer um plano de fundo diferente. Você poderia fazer algo mais limpo. Você poderia fazer algo mais ao estilo suíço, mais limpo e elegante com sua tipografia Eu gostaria que você incorporasse uma peça de tipografia aqui, mas se você realmente não quiser, não precisa. Mas como um bônus adicional, se você puder trabalhar em uma palavra, uma frase muito curta, curta e curta. Não queremos ficar muito ocupados com essa frase muito curta ou com uma palavra que ajuda a expressar o que quer que a pessoa focal esteja fazendo. Mas, mais uma vez, não é necessário para o projeto. Você pode fazer isso em qualquer tema de cores que desejar. Você não precisa usar alto contraste nas cores. Então, depende realmente de você o que você quer criar, alguns realmente ansiosos para ver seu trabalho. Certifique-se de me marcar no meu Instagram na Lindsey marsh design. Eu adoraria compartilhar tudo o que vocês colocam lá. Eu gostaria de fazer isso com frequência, então, por favor, faça isso e não se esqueça de postar na seção do projeto se quiser receber algum feedback sobre o assunto ou também no grupo de estudantes do Facebook. Estou muito animado e espero que você tenha conseguido continuar com isso. Foi muito complicado. Muitas camadas, como você pode ver, camada após camada após camada. Pode ficar um pouco complicado, mas no final são apenas algumas formas. São apenas camadas repetidas e copiadas e isso só as torna um pouco mais complexas, mas nada que vocês designers intermediários não consigam manipular. De qualquer forma, estou ansioso e espero que você tenha gostado desse pequeno projeto adicional. Há mais uma coisa sobre a qual quero falar, que é a cor. Então escolhemos nossas cores. Alguns de vocês podem dizer: “Eu não gosto da laranja” ou “não gosto do conselho roxo” que eu quero mudar. Então, vou até Exportar, Exportar como e salvá-lo com a qualidade máxima. E aqui está o que eu vou fazer. Vou ampliar um pouco para poder ver os detalhes. Vou clicar duas vezes em bloquear essa camada e vou até a cor seletiva. Como você pode ver, essa é minha ferramenta de seleção de cores favorita que eu uso muito. Então, o que eu vou fazer é isso, digamos que eu só quero mudar o amarelo. Digamos que eu diga: “Eu não quero, eu não quero laranja, amarelo”. Então, vamos passar para os amarelos. Vamos ajustar isso. Vamos apenas ajustar a cor. Você pode mudar completamente a cor e isso também muda completamente a aparência da peça. Então isso tem uma aparência muito mais suave, com a cor pêssego, certo? Então, vamos fazer pêssego. E então o que poderíamos fazer é pegar as magentas, alterá-las também, e também torná-las de uma cor diferente. O que você pode fazer é descobrir quanto efeito ele tem no preto. E você verá, ok, bem, eu não tenho verduras lá, então não vai ter muito efeito. Agora estou no blues e adoraria fazer isso em vez de roxo. Adoro torná-lo azul. Talvez eu precise voltar para magentas. Lá vamos nós. Tem um pouco de azul. Então, essa sensação totalmente diferente, não é? Muito diferente. E então você pode ver como continuar e obter muitas variações de cores diferentes. E você pode descobrir quais combinações de cores você gosta. E você pode fazer isso muito rapidamente apenas editando o jpeg, em vez de precisar voltar e editar todas essas pequenas camadas. Você pode fazer isso rapidamente com cores seletivas.