Transcrições
1. Introdução: Olá a todos. Meu nome é Vasjen Katro, sou designer gráfico. Recentemente comecei um projeto chamado Baugasm, onde me desafio a criar um cartaz todos os dias durante um ano. Hoje, nesta aula, vou mostrar a vocês como criar algo semelhante a isso. Vou orientá-lo como você pode usar Illustrator e o Photoshop para criar um pôster como este. Há tantos cartazes que criei com o projeto Baugasm. Este é um dos mais queridos e muitas pessoas realmente pediram para criar um tutorial baseado em como eu faço esses tipos de gradientes e formas. Então, nesta aula, vou mostrar-vos como fazer este cartaz exato. Inscreva-se para se certificar de verificar todo o processo e tutorial.
2. Projeto: Olá a todos, sou Vasjen Katro. Sou designer gráfico e recentemente comecei um projeto chamado baugasm. Você deveria conferir no Instagram. A idéia era que há seis meses, eu queria criar algo todos os dias e ser criativo todos os dias, e eu decidi começar um projeto chamado baugasm. O que eu decidi é que eu vou fazer um cartaz todos os dias por um ano. Eu sabia que ia ser um desafio e é, mas eu queria me educar para ser produtivo todos os dias. Há alguns dias bons, há alguns dias ruins. Agora hoje que eu estou gravando este vídeo, é o dia 201 e tem sido difícil, mas também muito divertido porque em 200 dias basicamente, eu tenho tanto apoio de muitas pessoas e realmente me inspirou a continuar fazendo isso e estendeu mais do que eu esperava. Eu tive um monte de pedidos de muitas pessoas para fazer tutoriais sobre como eu faço meus cartazes. Às vezes tento compartilhar histórias no Instagram agora, anteriormente no Snapchat. Alguns do processo sobre como eu faço todos os dias cartazes, mas a maioria deles não são tão tecnicamente específicos, e muitos de vocês perguntaram se eu poderia fazer um tutorial para mostrar algumas das técnicas que eu uso em fazer os cartazes. Aqui estou eu, neste tutorial eu vou tocar alguns dos cartazes, por exemplo, eu vou tentar replicar isso, mas não exatamente como ele é. Eu só vou mostrar a técnica de como você pode conseguir algo assim. Esperemos que você vai aprender a técnica e tentar experimentar com ela e fazer seu próprio cartaz ou ainda mais trabalho. Você pode fazer animações ou você pode fazer banners, ou você pode fazer cartões de visita. Você pode aplicar essas ferramentas em diferentes áreas. Isto é Baugasm. Comecei a criar este projeto, como eu disse há alguns meses, e você pode ver que às vezes é muito difícil porque eu costumo desenhar os cartazes no final
do meu dia de trabalho, então às vezes é muito difícil porque meus dias, você pode ver em alguns dos cartazes que, por exemplo, este é bem simples. Eu estava muito cansada. Eu não sabia o que fazer, então eu fui direto experimentando com gradientes. Mas há alguns dias que passei duas horas, três horas trabalhando em cartazes e não sei o que vou acabar fazendo. Por exemplo, este eu me lembro que eu joquei por uma hora e meia e desde que no começo eu não sabia o que eu ia fazer, mas no final, eu consegui com esse resultado e eu ainda não estava feliz com ele. Mas quando vi que eram 2h da manhã, pensei: “Meu Deus, tenho que terminar isso.” Mas isso não é algo ruim na verdade, é algo bom porque o que eu
aprendi com tudo isso é que mesmo você não está feliz com isso, você tem que aceitar e você é como, “Isso ainda é algo criativo e algo que talvez eu não goste muito, não
é o meu melhor dia, mas algumas pessoas realmente gostam.” Alguns dos cartazes que eu realmente não gosto, muitas pessoas pediram para comprá-los e obter uma impressão fora dele. Naquele momento, é muito subjetivo porque, na verdade, o que estou fazendo, não
é marketing e não é publicidade. Não estou fazendo isso para espalhar uma mensagem ou para vender algo. Estes são mais experimentais e mais esteticamente bonitos, para que você possa pendurar em uma parede ou simplesmente olhar para ele e apreciá-lo. Espero que eu vou mostrar-lhe algumas das boas técnicas. Eu definitivamente vou tentar fazer mais vídeos no futuro e estender mais
esta aula e mostrar-lhe mais algumas técnicas. Mas nesta aula vou mostrar-vos algumas das técnicas, vou mostrar-vos como fazer alguns dos cartazes. No próximo vídeo, você vai ver que
provavelmente eu vou começar a fazer algo assim. Eu vou mostrar a vocês como fazer algo semelhante a isso e o processo que é preciso para fazer isso. Então provavelmente vamos pular para algumas coisas mais legais. Certifique-se de se inscrever na turma e ver todo o processo. Vejo você no próximo vídeo.
3. Visão geral de pôster: Bem-vinda de volta. Como mencionei no vídeo anterior, vou mostrar-lhe uma técnica sobre como criar basicamente algo semelhante a isso. Os softwares que vou usar, é primeiro o Illustrator e depois o Photoshop. Como você pode ver neste cartaz, eu usei algumas cores diferentes. Este é o laranja, que é basicamente o dominante, é o azul. Basicamente, vou mostrar-lhe todo o processo. Eu vou recomendar para escolher as cores em detalhes e cores que vão bem juntos. No próximo vídeo, vou mostrar como fazer algo semelhante a isso,
como criar os gradientes no Illustrator
e, em seguida, saltar para o Photoshop e obter o resultado final lá. Vejo você no próximo vídeo.
4. Como criar gradiente: Ei, bem-vindo de volta. Aqui eu tenho o Adobe Illustrator aberto e aqui está um documento já aberto, mas eu vou apenas ir e criar um novo documento. Você vai para “Arquivo”, “Novo” e certifique-se antes de tudo, que você está no modo RGB. Então para o tamanho, para a largura eu vou para algo como 2.000 pixels, e como altura provavelmente algo como 3.200 pixels. Aqui estou eu. Tenho um novo documento. Em primeiro lugar, no Illustrator, vamos tentar criar o gradiente. Aqui está uma técnica muito agradável que eu vou mostrar a vocês, algo que eu descobri alguns anos atrás e eu
continuo usando e eu acho que é a melhor ferramenta para criar gradientes. Primeiro, o que vamos fazer é pegar uma ferramenta de retângulo e desenhar algo assim. Não precisa cobrir o tamanho completo do documento. Vou tirar o derrame, e vou preenchê-lo com um roxo escuro. Para esta técnica, eu geralmente gosto de ir com uma cor roxa azulada escura. Vou mudar a cor um pouco mais escura. Sim, isso é algo que parece bom. Agora, a parte complicada é que você acabou de criar um retângulo e com uma cor sólida. O que vamos tentar fazer é dividir isso em diferentes grades e pontos diferentes e fazer cores diferentes, em diferentes partes do retângulo e criar gradientes. A ferramenta que você pode fazer isso é, no lado esquerdo, você tem esta é chamada de ferramenta de malha. Basta pegar isso e como você pode ver, você tem cursor, se grade. Basicamente, cada ponto que você clicar nesse retângulo cria um ponto de verificação onde você pode editar cada um desses pontos, como aqui, você pode editar estes, e todos os outros para criar uma cor diferente para essa parte do ponto. Mais você adiciona mais pontos, mais pontos, mais espaços de área você tem que adicionar cores. Mas eu não recomendaria enlouquecer com isso. Eu provavelmente ficaria com isso, o que eu tenho agora. Vá e pegue a ferramenta “Selecionar”. Como você pode ver, este retângulo é dividido em grade. Basicamente, o que vamos fazer agora é selecionar um
desses pontos e aplicar uma cor para esse ponto. Vou mostrar alguns atalhos que uso no Illustrator. No teclado, você pressiona a tecla A e toca nessa. Como você pode ver, este ponto de ancoragem é selecionado. Para esse ponto de ancoragem, eu vou para aqui, ter
certeza que está selecionado. Você clica duas vezes lá e seleciona uma cor. Para esta parte, vou selecionar uma cor azul. Certifique-se de que premir novamente a tecla A no teclado e seleccione um ponto diferente. Mas para este caso eu vou manter Shift pressionado e selecionar diferentes teclas e pontos. Vou mudar a cor. Eu vou fazer algo mais como roxo como este. Eu vou pressionar ainda A no teclado, e ir selecionar diferente. Com Shift, lembre-se de selecionar vários pontos de ancoragem. Vou voltar aqui para mudar a cor. Eu vou usar algo mais como vermelho, talvez algo mais como vermelho aqui, que é mais destacado. Então eu vou pegar novamente o A, selecionar alguns mais. Vou mudar a cor, talvez um pouco de azul escuro. Então novamente, continuem repetindo a coisa A, eu acho que todos vocês entenderam agora, então eu não vou mencionar isso. Vou selecionar mais alguns pontos, mudar a cor. Talvez eu vá com algo mais como rosa em avermelhado. O que eu realmente gosto de fazer é, essas cores vão muito bem juntas, mas às vezes eu preciso de outra coisa, como uma cor que não é aplicada em muito, mas é apenas em alguns lugares. Normalmente, a partir disso eu escolho uma turquesa ou talvez amarela. Eu selecionei este ponto, eu vou selecionar este ponto aqui e este. Vou tentar primeiro com a cor turquesa, talvez algo como aqui. Vamos ver. Bem, eu acho que parece bem. Eu vou adicionar também talvez um pouco de cor amarela para esses pontos de ancoragem. Talvez não seja amarelo brilhante, mas algo mais leve. Eu vou continuar a fazer isso, adicionar talvez um pouco mais de vermelho aqui. Você pode escolher cores diferentes, você pode experimentar isso. Acho que o resto precisa ser mais azul. Certifique-se de selecionar também os pontos de ancoragem que estão fora. Isso eu já selecionei, mas como esses pontos de ancoragem porque eles ainda têm o azul escuro do retângulo que criamos. Vou usar um roxo mais brilhante como este. Eu tenho este ponto de ancoragem e este sem cores. Eu vou fazê-los talvez ainda assim, e então selecionar esses dois, talvez mais e torná-los um pouco mais escuros, azuis. Este, este,
este, talvez aplicar um pouco de amarelo nestes dois. Para este aqui, provavelmente, vou aplicar um pouco de vermelho novamente, talvez este vermelho em laranja. O que me resta são estes pontos de ancoragem aqui, e talvez estes roxos escuros. Esqueci-me deste ponto de ancoragem. Talvez você possa deixar isso escuro assim, mas só para explicar. Aqui está outro. Provavelmente vou fazer duas chaves ou não sei como se escreve. Como você pode ver, isso é como um gradiente que acabei de criar no Illustrator. Eu sei que o Illustrator é como vetor e não é tão bom com pixels. Como você pode ver se você ampliar
isso, não é tão suave quando você vê. Mas o que vamos fazer é, vamos exportar isso para o Photoshop e vamos aplicar um pouco de ruído e torná-los mais suaves e brincadeiras. Algo legal, você pode fazer no Illustrator antes de saltar no Photoshop, você pode aplicar a esses efeitos basicamente diferentes. Por exemplo, você também pode, Illustrator, pressionar A, selecionar um desses ou muitos desses pontos de ancoragem que criamos antes. Agora, depois de selecionar estes quatro, você pode apenas drogar. Você pode arrastar este retângulo e movê-lo. Mas pressionando A e selecionando um, você também pode mover isso e criar um gradiente mais não tão fixo. Você pode fazer isso ou selecionar um ponto diferente aqui. Eu só brincava. Você pode enlouquecer com isso e fazer como, Eu não recomendo que você movê-los muito porque às vezes se você fizer
isso, ele vai olhar como estes linha é sólido. Mas até você o que você decide. Além disso, algo mais que você pode fazer no Illustrator é ir aqui e pegar uma dessas ferramentas, provavelmente como a ferramenta de rugas. Como você pode ver, isso é pequeno, mas pressionando Alt e Shift, e mantendo-os pressionados e arrastando o mouse como se estivesse desenhando algo, esses dois se tornam grandes. Agora, você pode apenas pressionar lentamente sobre isso e vamos ver o que vai acontecer. Isto aconteceu. Eu não recomendaria que você enlouquecesse com essa ferramenta. Não sei o que há de errado com o Illustrator, mas se você aplicar demais, ele fica preso e não funciona mais. Eu tentei com o melhor computador lá fora e ainda não
funciona e ele fica preso e carrega por horas. Não sei, talvez não aguente tanto processamento. A próxima coisa, o que vamos fazer é copiar isto. Você pode ir para “Editar”, “Copiar” e voltar para o Photoshop e continuar editando isso no Photoshop. Vou mostrar-lhe no próximo vídeo como você pode continuar trabalhando nisso no Photoshop. Vejo você no próximo vídeo.
5. Como criar formas de gradiente: Ei! Aqui estou eu no Photoshop. Eu tenho este modelo onde basicamente eu uso todos os dias para aplicar os cartazes e, basicamente, esta é a minha obra de arte onde eu deformar e eu criar o produto final. Para este caso, eu já criei isso, mas você pode ir para Image,
Image Size e as dimensões que eu uso são estas. Você pode criar um arquivo diferente, por exemplo, você vai para Arquivo, Novo e cria um novo. Certifique-se de que a cor ainda está no RGB. Vou aplicar aqui o gradiente,
o design que fizemos no Illustrator antes. Vou voltar ao Illustrator. Vou selecionar com esta ferramenta. Vou selecionar isso e copiá-lo com Command C no Mac e Control C no Windows. Eu vou voltar para este documento e eu vou para ele, colar ou você pode simplesmente fazer Command V ou Control V no Windows. Quando eu colar aqui, isso está me perguntando se eu quero colá-lo como Objeto Inteligente ou Pixels. Eu iria com pixels, não objeto inteligente, porque ele só vai fazer o Photoshop ficar realmente ocupado e não podemos aplicar muitas coisas em objeto inteligente. Vamos com Pixel e aqui. Você pode esticar isso fazer com que seja com você. Mas para este cenário eu vou apenas ficar com o tamanho e ir clicar em “Ok”. Aqui do lado direito, como podem ver, tenho camadas diferentes. Um é o plano de fundo, e uma camada aqui é o design que fizemos anteriormente no Illustrator. Basicamente, o que eu vou fazer agora é ir e pegar uma forma de círculo. Mantenha a tecla Shift pressionada e comece a desenhar um círculo. Basicamente o colide vai aplicá-lo sobre este é cinza uma vez que esta é a cor padrão que eu tenho aqui. Mas você pode mudar a cor clicando duas vezes sobre esta camada de eclipse e mudar a cor. Mas neste caso nós realmente não nos importamos com a cor da forma porque nós vamos apenas arrastar este design para cima desta camada, e então nós vamos aplicar isso como uma máscara acima do circuito. Selecione a Camada 1 e clique com o botão direito do mouse e vá Criar máscara de recorte. Como você pode ver, o design que fizemos antes, o gradiente, é aplicado acima deste círculo. Tudo se encaixa dentro da forma do círculo. Neste caso, você pode selecionar a Camada 1 e arrastá-la e você pode ver que ela está mascarada além do círculo. O que eu vou fazer a seguir é como eu tenho isso, eu vou apenas experimentar um pouco com ele e chegar a um ponto onde as cores parecem agradáveis. Acho que aqui podemos ver a maioria das cores como o amarelo, o laranja, o azul, os tokies que fizemos anteriormente. O que vou fazer agora é, vou tentar deformar isto. Mas antes de
fazermos isso, não sabemos como vai acabar. Recomendo que faça uma cópia. Você seleciona a camada Eclipse e, em seguida, pressione e segure Shift e selecione também a camada acima e, no teclado, você pressiona Command J no Mac e, em seguida, Control J no Windows. Como você pode ver, isso faz com que todos estes são agrupados em uma camada. Digamos que este é o projeto. O que eu vou fazer agora é duplicar esta pasta onde basicamente dentro estão os dois projetos,
você clica com o botão direito aqui e você vai Duplicar Grupo. Vamos chamar isso de Design 2. Como você pode ver, temos duas pastas com desenhos dentro, mas para este, o segundo que eu criei,
eu só vou clicar com o botão direito do mouse e ir com Merge Group. Agora é uma camada, não está agrupada. Você não pode adicionar mais isso. É por isso que criamos uma cópia dele, então, em qualquer caso, queremos voltar, ainda
temos a outra pasta. Vou apenas pressionar este íon aqui para que desapareça para que só tenhamos esta camada. Isto é algo próximo da final , mas o que vou mostrar agora é uma técnica chamada dobra. No Mac, você pressiona Command T e pode ver um retângulo selecionado. Basicamente com isso o que você pode fazer é mudar as dimensões. Mas, neste caso, queremos clicar com o botão direito aqui e ir para Warp. O que a dobra faz é que, dá-te a habilidade de esticar isto. Por exemplo, se eu arrastá-lo e fazer isso, você pode ver que este objeto está esticando. Neste caso, o que eu faço é ir com algo assim, então queremos replicar o que eu fiz antes de um dos cartazes de bougas. Aqui eu acho que está tudo bem. Você pode brincar com isso. Você pode até duplicar isso. Depois que você terminar com isso, basta pressionar o sinal OK acima para que eu pressione imediatamente. Mas, como você pode ver, este é o gradiente que criamos anteriormente nós mudamos a forma dele. O que eu geralmente gosto de aplicar a este gradiente é algum ruído para que eles são mais suaves, especialmente quando você quer obtê-los impressos. Você vai para Filtrar, Ruído e Adicionar Ruído. Você pode ver que algum do ruído é aplicado lá, mas eu acho que isso é demais então eu só vou reduzir para talvez 16. Acho que está tudo bem. Você pode brincar com isso e experimentar com ele. Agora, você pode ver que parte
do ruído é aplicado no gradiente torna um pouco mais suave, a transição entre uma cor e outra. Agora o que eu vou fazer é que, eu vou tentar iluminar um pouco a cor. Certifique-se de selecionar esta camada e ir para Imagem, Ajustes e Matiz/Saturação. No valor de saturação, apenas
tentamos aumentar isso um pouco. Você pode ver que as cores continuam queimando em poucos lugares. Eu gosto disso. Eu não gosto dessa transição realmente suave, mas às vezes isso dá o efeito que as cores são mais tridimensionais. Basicamente eu vou ficar com esta cor aqui, mas você também pode jogar e mudar as cores com o valor de matiz. Mas neste caso, talvez eu vá cavar aqui, usar um pouco da saturação. Outra vez foi um pouco demais. Essa é uma das coisas que você pode fazer para
alternar pelo Illustrator e trabalhar no Photoshop. Mas geralmente não deixo assim. Tento aplicar mais algumas coisas. Vamos fazer outra coisa com isso. Vamos criar uma nova camada. Você pode ver indo aqui, eu criei uma nova camada e vamos para o pincel. No pincel, eu coloquei o tamanho com um teclado, você pode apenas torná-lo maior. Quero tirar o colírio. É encontrado aqui. Eu quero selecionar talvez esta cor aqui. Você vê que a cor que está ativa agora é esta laranja. Talvez eu consiga este amarelo aqui. Você pode ver que é amarelo. Eu volto para o pincel e eu tenho um tamanho amigo e certifique-se antes de aplicar o pincel, você selecionou a Camada 2, que está vazia, não há nada lá dentro. Eu só vou clicar aqui e ir selecionar a ferramenta Selecionar. Agora, isso é aplicado em cima deste design que fizemos anteriormente. Mas, isso está faltando o barulho que adicionamos antes. Vou voltar a Filter, Noise, Add Noise, e o valor ainda está como deixamos antes, então vou ficar com ele e clicar em “OK”. Esta era a técnica que eu queria mostrar e explicar a vocês como eu crio esses gradientes. Você pode experimentar mais com isso, com as cores, você pode voltar para o Illustrator e fazer coisas mais loucas. Eu pessoalmente realmente gosto assim, mas eu vou talvez adicionar alguns desenhos, mais como linhas com um pincel. O que eu vou criar com Command Shift e Control Shift N no Windows e Command Shift N no Mac, você pode criar uma nova camada que eu vou chamar isso de Traços. Vou pegar a ferramenta de escova. Você vê que deste tamanho, eu posso torná-lo pequeno. Você pode ir aqui e apenas torná-lo menor. Talvez eu vá com seis ou cinco. Vamos ver. Acho que está tudo bem. Agora, vamos selecionar com a ferramenta I no teclado, vamos selecionar esta cor vermelha, verificar se a camada de traçado está selecionada
e, em seguida, pressione o B no teclado para selecionar o pincel e o tamanho é como eu deixei antes. Vamos tentar desenhar alguns elementos. Você pode ir e fazer muitas coisas com isso, mas eu sou ingênuo é como dar em mais toque como sensação diferente para todo o design. Vou criar uma nova camada Command Shift N. Vou pegar a cor. Talvez eu vá com algo como branco e voltar com B para o pincel,
e começar a aplicar um pouco de branco novamente. Eu acho que isso geralmente é o que eu faço e isso é algo que eu trabalho no Photoshop sobre como criar essas formas. Você pode simplesmente brincar mais com isso e clicar com o botão direito do mouse em
Deformar e você pode fazer formas mais diferentes. Você pode brincar com isso, mas eu acho que a idéia de todos os tutoriais que eu vou mostrar
a técnica e você pode brincar com ele e criar coisas mais originais. Eu quero recomendar que você faça algo semelhante a isso, mas eu realmente gostaria de ver vocês saindo da caixa e fazendo algumas coisas únicas com esta técnica. Acho que isso é tudo. Se você quiser salvar isso, vá para Arquivo, Salvar como e selecione o que deseja fazer com ele. Se for para web eu recomendaria PNG ou JPEG. PNG é melhor para qualidade. Mas se você quiser imprimi-lo provavelmente você pode ir com salvar como Photoshop PDF. Obrigado por assistir. Esperemos que no próximo tutorial, talvez em um par de semanas eu vou mostrar-lhe como fazer um cartaz diferente e técnica diferente, talvez alguém Cinema 4D. Obrigado por assistir e assistir a aula.
6. Finalizando: Então isso é o que criamos e este é o produto final, algo que eu salvei do Photoshop. Como eu disse antes, você pode usar esta técnica que usamos para criar este cartaz, para criar muitas coisas. Você pode brincar para criar tantas coisas boas. Espero que você tenha aprendido algo e
espero que você possa tentar criar algo semelhante a isso, ou algo completamente único usando essa técnica. Espero que você use essa classe para me mostrar o que você criou. Eu vou ser ativo para lhe dar algumas diretrizes e também para fazer perguntas se você não entender alguma coisa. Espero que tenha sido fácil de seguir e eu realmente acho que vou continuar fazendo isso e fazer mais algumas aulas e mostrar técnicas diferentes. Então, há alguns outros cartazes que eu criei no projeto Baugasm. Por exemplo, eu uso esta técnica com 3D onde eu faço este pano afetando cinema 4D e há algumas outras obras. Por exemplo, tipográficos semelhantes a estes. O que eu acho que muitos de vocês estariam interessados é como criar algo semelhante a isso. Nesta aula, eu queria mostrar-lhe algo com um gradiente, semelhante a estes, porque muitas pessoas realmente estavam curiosas e queriam saber a técnica, como criar este estilo. Mais uma vez, espero que tenha entendido algo. Avise-me se tiver alguma dúvida. Eu realmente gostaria de ver algumas coisas mais criativas de todos vocês. Vemo-nos na próxima aula. Tchau.
Vasjen Katro, Visual Artist
