Transcrições
1. vamos lá!: Neste curso, eu vou estar ensinando a vocês um estilo de ilustração que me tem grandes clientes, marcou alguns recursos e prêmios aqui e ali, talvez um pouco de notoriedade do Instagram, que nunca é uma coisa ruim, e o mais importante é um olhar que eu acho que tem uma tonelada de fator wow e nunca vai envelhecer. Meu nome é Michael Fugoso, eu vou comprar comerciante de alimentos no Instagram e social, e eu sou um desses ilustradores que pode ser mais um designer gráfico, mas eu sou um ilustrador. Em algum lugar da minha jornada criativa, comecei a postar ilustrações de diferentes estilos no Instagram. Aqueles posts do Instagram pegaram um pouco de vento e de lá grandes coisas começaram a acontecer para mim. Eu tenho que fazer um trabalho ilustrativo para algumas das maiores empresas tecnológicas e espaciais que você pode imaginar. Eu trabalhei e fui destaque pela Adobe em muitas ocasiões. Até fui convidado a falar em grandes convenções e conferências sobre ilustração. A única venda ilustrativa que provavelmente me deu tudo o que era o estilo pop-up de papel digital. Você sabe o que manos? Este é um estilo que vou ensinar-lhe neste curso. É um olhar que tem esse fator de uau imediato, quero dizer, as coisas estão literalmente surgindo em você. É 100% digital, então você não precisa cortar uma tonelada de papel ou usar muitos materiais artesanais. Passaremos por todo o processo, desde o esboço até a renderização do esboço no Adobe Illustrator, até finalmente texturização e iluminação no Photoshop. É loucura, meus seguidores têm me pedido para ensinar esse estilo há anos, então estou super animado para finalmente colocar isso lá fora e ver o que todos vocês fazem com ele.
2. A visão geral do projeto: Muito bem, pessoal, vista tutorial, vamos. Se você verificar o meu diagrama aqui, isso é exatamente o que vamos estar trabalhando neste curso. Se você olhar para as três primeiras caixas em cima, isso é na verdade todo o processo. Passo 1, faça um esboço, e como pode ver, não sou a melhor gaveta lá fora. É provavelmente a extensão da minha habilidade de desenho. Número 2, você renderiza esse esboço no Illustrator usando ferramentas simples de criação de formas. Na etapa 3, você traz essas formas para o Photoshop. Aplique textura, iluminação e traga tudo para fora com toda essa profundidade. Vamos passar a maior parte do nosso tempo nos passos 1, 2 e 3, só porque acho que é muito mais amigável para iniciantes. Com uma composição muito mais simples, é mais fácil ver alguns dos truques que eu faço. Por exemplo, pintando nesses destaques aqui nesta forma de donut porque a forma é tão grande, você pode realmente ver os destaques sendo pintados lá com bastante facilidade. É nisso que vamos passar a maior parte do nosso tempo. Vamos passar por cima de 4, 5 e 6 de forma intermediária muito mais rápida. Novamente, é exatamente o mesmo processo. Comece com um esboço, renderize no Illustrator e texturize no Photoshop. Passos 4, 5 e 6 está realmente lá apenas para mostrar algo que é um pouco mais representativo de onde você pode tomar este estilo. Só um aviso, os últimos três passos aqui, números 4, 5 e 6, levam muito, muito tempo. É por isso que vamos passar por isso. Basta dividi-los para que você possa ter uma visão geral sobre como executar algo em uma escala maior como essa. Espero que isso lhe dê uma idéia clara de onde esse curso vai dar. As ferramentas que você vai precisar. Você precisará de um computador capaz de cumprir os padrões de design gráfico atuais. Eu era capaz de trabalhar este estilo com bastante facilidade com um MacBook Pro desde o início de 2013. Ele tinha 16 gigs de RAM nele e ele correu este estilo, sem problema. Se você tem algo equivalente a isso, então você deve ser muito bom. Você precisará do Adobe Illustrator e do Photoshop ou de programas equivalentes a esses. Se você usar algo diferente, você pode ter que resolver um pouco de problemas sobre onde essas ferramentas estão e coisas assim. Por fim, você precisará de um pedaço de papel e lápis para o esboço inicial. Você poderia usar um tablet de desenho também. Eu pessoalmente uso um iPad, já que é fácil desenhar nele e exportá-lo para o Illustrator. É isso, espero que todos gostem deste curso. Agora vamos mergulhar no esboço e renderizar sua composição no Adobe Illustrator.
3. Esboçando e renderizando no Illustrator: O que se passa todo mundo? Bem-vindo à próxima parte deste curso. Vamos abrir o Illustrator aqui. Já tenho o Illustrator aberto aqui. Verifica isso. Vamos começar este arquivo, e então vamos rever brevemente o esboço que você já viu no último vídeo, provavelmente. Ao abrir o Illustrator, você pressiona “Command N” ou pode clicar neste botão, “Criar novo”. Estas são as configurações que eu tenho. Eu tenho oito por oito polegadas. Eu só senti que é um grande tamanho para algo como um cartão postal de alta resolução ou algo para postar no Instagram. Você sabe o que eu quero dizer? É um grande tamanho para ambos. Podemos ignorar a parte do Sangramento. Defina o modo de cor como RGB. Isso é super importante. Você sabe o que eu quero dizer? Normalmente, quando você trabalha digitalmente, tudo deve estar em RGB. Lembre-se de que, quando estiver neste modo de cores, você tem uma gama mais ampla de cores para trabalhar. Acho que eu disse isso direito. Efeitos Raster, 300 ppi. Perfeito. Vamos em frente e aperte “Criar”. Meu rosto pode estar bloqueando esse botão, mas saiba que o botão Criar está bem atrás do meu rosto. Isso vai me poupar algum tempo editando. Agora estamos em nosso arquivo, um quadrado bonito, oito por oito tamanho. Você sabe o que? Uma vez que somos seres humanos responsáveis, vamos em frente e começar um arquivo salvar para isso, porque é importante salvar suas coisas constantemente, então Salvar como. Eu fiz uma pasta especificamente para este tutorial chamada Skillshare Tutorial Files. Vamos em frente e fazer isso. Vamos chamar isso de, sei lá, Illustrator-render “, só porque não estou me sentindo criativo agora. Aperte “Salvar”. Legal. Tome os padrões lá. Bam. Agora podemos realmente começar aqui. O que eu vou fazer é pegar meu esboço porque eu já fiz isso, e todos vocês já viram. Se eu pegá-lo do meu desktop aqui, Skillshare Tutorial Files, esboço simples. Esse é o que eu quero. Eu só vou arrastá-lo aqui e bum. Está no meu arquivo do Illustrator. Tenho-o definido para a Camada 1. Certifique-se de que o painel Camadas esteja super visível porque você o usará uma tonelada. Eu posso dimensionar este esboço aqui para toda a largura e altura da minha tela, e é isso que eu vou fazer. Bam. Boom. - Legal. Daqui eu vou baixar a opacidade porque eu sinto que as linhas são um pouco duras demais. Eu só preciso ser capaz de ver o meu esboço. Meu esboço serve como uma diretriz para eu ilustrar em cima dele, então eu vou diminuir um pouco isso, e eu vou trancar aquele bad boy bem ali. Vamos falar um pouco sobre o esboço. Fiz o meu esboço num iPad. Você pode facilmente fazê-lo com um pedaço de papel e lápis. Observe como há tantas imperfeições aqui. Nunca faço meus esboços super perfeitos. Eu não sou o tipo de pessoa que faz todos os meus esboços realmente imaculados. Para mim, não gosto de passar muito tempo lá. Eu gosto de fazer meus esboços a um ponto em que eu entendo que é exatamente assim que eu vou construir isso no Illustrator. É por isso que eu estava dizendo que você realmente não precisa saber como desenhar tudo tão bem para ser um incrível ilustraor/designer só porque você pode construir um monte dessas coisas com formas e ferramentas de construção de formas, que eu vou mostrar um pouco daqui. Essa é a parte sobre o esboço. Espero que isso seja facilmente compreensível para todos. Esqueci de mencionar que se você notou antes, eu tinha meu esboço como JPEG. Se você estiver usando um pedaço de papel e lápis, tudo que você precisa fazer é tentar achatar seu telefone em cima de sua ilustração o máximo que puder, tirar uma foto, e boom, é um JPEG. Coloque no seu computador e é exatamente a mesma coisa. Agora é isso mesmo com um esboço. Vamos fazer isso no Illustrator. Eu não tranquei minha camada porque eu não quero mexer com ela. Eu quero estar desenhando em cima dessa coisa. Eu tenho isso chamado Camada 1. Vamos nos acostumar a nomear nossas camadas porque especialmente com um estilo como este, vamos ter camadas, camadas e camadas de coisas, então é bom se acostumar a nomear essas coisas. Vou chamar isto de “sketch “porque é isso que é. É o que é. Vamos criar uma camada em cima disso. Legal. Vamos chamar isso de fundo. - Legal. Veja minhas pequenas cores aqui. Eu vou mover minha cor de preenchimento aqui para preto, e eu vou desligar minha cor de traço. Você vai ver o porquê em apenas um segundo. Se eu pegar minha ferramenta de forma aqui e escolher retângulo, eu vou começar a partir deste canto. Eu vou segurar “Shift” que restringe minhas proporções, e você pode ver que eu posso arrastar para fora um quadrado perfeitamente proporcional. Normalmente faço tudo preto, e depois controlo tudo com opacidade primeiro. Eu faço assim porque eu não quero pensar sobre a cor ainda, mesmo sabendo eu fiz isso antes desta demonstração, então eu sei que cor vai ser, mas só para que você saiba, eu tornei tudo preto, Eu desligo a opacidade só para poder ver meu esboço embaixo dele e é assim que eu construo minhas ilustrações. É diferente para todos que penso, mas foi assim que me acostumei, e é a maneira mais rápida para mim. Legal. Esse é o meu passado. Vou trancar isso porque não preciso mais disso. Eu baixei a opacidade, como podem ver, para 31 por cento lá. Vamos criar outra camada em cima disso, e vamos chamar isso de , eu não sei, quadrado interno, ícone quadrado porque ele se parece com um ícone do iPhone? Ícone quadrado. Você sabe o que? Na verdade, tenho uma maneira rápida de fazer isto. Se eu desbloquear meu quadrado de fundo, vou selecionar o “Comando C” para copiar, e agora vou bloquear meu quadrado de fundo. Ir para o meu ícone camada quadrada que eu fiz em cima dele, comando Shift V. O que isso faz é colar a forma que eu copiei, mas ele cola-lo direito em cima da forma abaixo dele. Parece que eu não fiz nada, mas é apenas outra forma em cima da forma abaixo dela. Espero que isso faça sentido. Vai fazer ainda mais sentido agora, porque eu vou dimensioná-lo para baixo. Se eu segurar Shift e Option, isso restringe meu tamanho e diminui do centro. Agora eu tenho um quadrado que está perfeitamente emoldurado em cima do quadrado acima dele. Legal. Você vê esses nós aqui, é uma maneira perfeita de arredondar essas bordas. Olha como isso é fácil. Você vê o que eu quero dizer? Há tantas ferramentas como esta no Illustrator que você realmente não precisa saber como desenhar super bem para executar algo super legal. Não vamos rever muitas ferramentas do Illustrator aqui. Esse não é o tipo de curso que é. Há uma abundância de cursos em Skillshare que eu acho que fazer isso muito bem. Se você quiser que eu faça isso, eu posso fazer um curso como esse. As ferramentas iniciantes do Illustrator, ou talvez minhas 10 melhores ferramentas do Illustrator, as únicas 10 ferramentas que você precisa saber. Posso fazer um curso como esse. Só me avise em algum lugar. Deixe-me saber no Instagram, deixe-me saber no Skillshare, tenho certeza que há um sistema de DM lá. Este é o meu primeiro curso de Skillshare. Tenho certeza de que há uma maneira de me dM através do Skillshare. Mas só me agarre. Me avise se quiser que eu faça um curso como esse, e eu farei. Agora eu tenho o meu ícone do iPhone quadrado aqui. Quero executá-lo um pouco mais, só um pouquinho. Sim. Podemos trancar isso. Olha, só temos mais duas formas para ir e acabamos com isso. Se eu fizer uma camada lá em cima, vou chamar isso de círculo. Sic, eu gosto disso. Se eu for para a Ferramenta Forma, selecione a Ferramenta de Elipse aqui. Vou tentar entrar no centro deste círculo. Sei que não é perfeito. Vou segurar Option para dimensioná-lo a partir do centro, e então eu vou segurar Shift para restringi-lo. É um círculo perfeito. Eu gosto disso. Vamos abaixar a opacidade para que eu possa ver abaixo, eu posso ver meu esboço. Olha, já estamos quase lá. Eu posso pegar este círculo de comando C, assim como fizemos antes para copiá-lo. Vamos trancar isso porque acabamos com isso. Crie uma camada em cima disso e chame este donut. Comando Shift V. Boom. Eu colei o círculo em cima desse círculo exatamente como eu fiz com o quadrado e o quadrado antes. Vou mover isto para coincidir com o meu esboço. Como eu disse, o esboço é apenas uma diretriz para como vou construir isso no Illustrator. Isso é quase perfeito. Vejam isso, manos. Comando C novamente, comando Shift V novamente para colar esse círculo no topo desse círculo. Se eu dimensionar isto do centro para que esteja perfeitamente emoldurado em cima do círculo abaixo dele. Olhe para isso. Vês para onde estou a ir? É praticamente aquela forma de donut. Você vai ter esta paleta aqui chamada ferramenta Pathfinder. Há muitas maneiras de fazer isso, mas a ferramenta Pathfinder é uma janela extremamente importante no Illustrator. Se você é novo no Illustrator, você usará muito a ferramenta Pathfinder. Se eu selecionar essa forma e eu selecionar um círculo em cima dela, há este ícone aqui chamado Frente Menos, que vai subtrair o círculo frontal do círculo abaixo dele. Confira isso. Boom. Temos um donut. Vejam, separamos em camadas, temos donut. Isso é muito importante que você organize suas camadas assim. Círculo, o ícone quadrado, e temos o fundo. Agora, o que temos que fazer é escolher a cor. Como eu disse, eu já escolhi uma cor porque eu fiz isso anteriormente. Eu realmente não tenho um processo extenso sobre como eu escolher a cor. Eu só fiz tantas ilustrações que eu sei que cores na maioria das vezes eu quero usar. Mas se eu não fizer e eu quiser uma maneira muito rápida de fazer isso, há um site legal chamado adobe.color. Eu provavelmente vou fazer uma coisinha B-roll para que você possa ver como esse site se parece. Você pode literalmente apenas pesquisar o tema que você deseja. Faço muitas coisas espaciais, procuro espaço e recebo todos os tipos de esquemas de cores que aparecem. Mas eu vou em frente e pegar o esquema de cores que eu escolhi só para ser uniforme com todos os outros arquivos aqui que eu preparei para todos vocês, e vamos chegar a isso. Estamos de volta, e escolhi meu esquema de cores há um tempo. Mas estas são as cores que estou usando. Estou usando um esquema de quatro cores. Eu quero te dizer tudo agora que eu geralmente nunca passo por cima de cinco cores. É uma habilidade usar uma cor mínima como essa. Acho que quando o faz, traz mais intenção ao seu trabalho e mais propósito. As coisas acabam parecendo realmente estilizadas e super legais. Eu encorajo todos vocês a trabalhar com esquemas de cores mínimos. Quando me refiro a quatro cores, quero dizer quatro, 1,2,3,4. Não há matizes disto. Não há, além disso, azul mais claro. Mas sabe o que quero dizer? Não há matizes desse azul e, em seguida, matizes disso. Não há gradientes nem nada, são apenas quatro cores. Pratique isso. Eu coloquei em uma camada aqui. Eu realmente não vou usar essa camada quando eu mover isso para o Photoshop. Mas só para que eu possa ser organizado, isso é chamado de esquema de cores. Eu vou desbloquear todos esses outros exceto o esboço porque eu realmente não preciso mexer com o esboço. Veja, eu tenho meu esquema de cores aqui em cima. Fiz uma camada para isso. Vamos colorir essa coisa. Vou selecionar meu plano de fundo, que é o primeiro quadrado que fiz. Se eu usar a ferramenta conta-gotas, posso selecionar uma dessas cores para imitar. Então vamos imitar esse azul escuro lá. Legal. Para o meu ícone quadrado, vamos pegar este azul. Legal, eu gosto desse azul. Todos vocês já viram isso, então sabem exatamente o que vou fazer. Para o donut, quero um donut vermelho e um círculo amarelo lá atrás. Terminamos com a nossa ilustração. Podemos ir em frente e apagar isso.
4. Como configurar anéis de luz: Quase me esqueci. Há um passo aqui que não vai fazer muito sentido, mas vamos fazê-lo porque precisamos disso mais tarde. O que vamos fazer agora é pegar meu donut. Vou para Object, Path, Offset Path. O que isso faz é que ele praticamente cria outra forma em cima da forma que você selecionou. Ou o contorna sobre a forma ou dentro da forma, e você pode ver bem aqui. Se é um número positivo, ele faz isso sobre a forma, então você pode ver como ele está fazendo exatamente o mesmo donut, mas perfeitamente contorná-lo e maior, você vê isso na visualização? Se eu desativar a pré-visualização e ativá-la? Isso é o que Offset Path faz. Se eu definir para um número negativo, ele faz dentro do donut. Qualquer forma que você tem, ele vai fazê-lo dentro ou fora, dependendo se você definir um valor negativo ou positivo. Isto é importante. Esta é uma ferramenta muito importante no Illustrator. Eu uso isso uma tonelada porque eu gosto de enquadrar coisas assim. O que eu vou fazer é eu vou adivinhar aqui, eu quero dizer negativo 0,05. Quero dizer, isso é praticamente o que isto é. É um jogo de adivinhação. Toque em. Isso é o que eu quero. Eu quero isso bem perto da guarnição lá. Vamos 0,04. Eu gosto disso. Está bem. Como eu disse, você não vai entender isso agora, mas isso é importante depois. Na verdade, não é muito importante, se você pular totalmente este passo, tudo bem. Mas acrescenta uma coisa muito legal à sua ilustração de papel e você verá, basta fazê-lo. Vamos tocar “Ok”. Vou definir aqui nessa seção de cores, na barra de ferramentas aqui. Vou definir isso para Stroke e vou deixar meu derrame branco. Legal. Você tem esse contorno interior branco da sua forma. O que eu vou fazer é empurrar Command + X para cortá-lo porque eu não quero que ele naquela camada, eu quero que ele em sua própria camada separada. Vou chamar essa camada de luz de anel. Por quê? Quero dizer, eu poderia te dizer agora, isso não vai fazer sentido. Vamos falar sobre isso mais tarde no arquivo do Photoshop. Ok, Command + Shift + V, ele cola-o no mesmo ponto exato nessa camada. Incrível. Vamos fazer a mesma coisa aqui. Objeto, Caminho, Caminho de Deslocamento. Eu quero exatamente a mesma coisa, 0,04, definir isso para um acidente vascular cerebral e definir para branco. Excelente. Eu vou empurrar o Comando X para cortar isso, fazer uma camada em cima da camada círculo, eu vou chamar isso de Comando Anel + Shift + V. Boom. Vamos fazer mais uma. Não precisamos dele para o fundo, só precisamos para este quadrado de ícones. Como eu disse, você vai ver o porquê mais tarde. Mais uma vez. Objeto, Caminho, Caminho de Deslocamento, 0,04 negativo, “Ok”, gire isso para um traçado, defina-o para branco. Legal. Command + X para cortá-la, faça uma camada em cima da camada quadrada do ícone, chame essa luz de toque novamente, Command + Shift + V. Tudo bem, então agora que fizemos tudo isso, nossa ilustração é feita no Illustrator. Legal. Vamos em frente e exportar isso para o Photoshop. Vou criar um outro vídeo dedicado a isso. Vai ser curto, provavelmente. Mas é uma etapa muito importante, uma das etapas mais importantes para exportar para o Photoshop, para garantir que as camadas traduzam exatamente da maneira que estão no Illustrator para o Photoshop. Esse é um passo muito importante, então vamos fazer um vídeo inteiro sobre isso a seguir.
5. Como exportar arquivos para o Photoshop: O que se passa, pessoal? Vamos exportar este menino mau para o Photoshop. Eu excluí minha camada de esboço e excluí minha camada de esquema de cores porque eu não preciso deles. Não preciso disso no Photoshop. Eu só precisava das formas. Vou desligar minhas camadas de luz do anel muito rápido. Só quero te dizer uma regra legal que tenho quando faço isso. Quando começo esse processo de ilustração e o renderizo no Illustrator, verifico se a versão do Illustrator é legal o suficiente para ser uma ilustração independente. Como se eu não tivesse que texturizar e as pessoas ainda achariam que parece legal em seu modo plano. A razão pela qual eu faço isso é porque você sempre quer que sua fundação seja o mais forte possível. Esta é a minha fundação. Se a ilustração é incrível em sua forma plana, então será incrível em sua forma texturizada. Essa é uma regra de ouro que eu sigo é manter suas fundações fortes. Acho que estou me contradizendo um pouco com o esboço, mas sabe o que quero dizer? O esboço muda o tempo todo, então não gosto de gastar muito tempo no esboço. Então esta é a minha verdadeira fundação aqui. Acendi as luzes do anel de novo. Legal. Nós estamos indo para ir em frente e ir para Arquivo, Exportar, Exportar como. Se você vir este menu suspenso de formato aqui, vamos clicar nele e clicar no Photoshop PSD porque queremos exportar isso como um arquivo do Photoshop. Já criei uma pasta chamada Skillshare Tutorial Files, por isso vou guardá-la lá. Vou chamá-lo de forma simples porque é uma simples composição de formas. Vou para a Exportação. Tudo bem. Esta é provavelmente a janela mais importante neste vídeo. Modelo de cor. Sim, RGB. Se você definir seu arquivo do Illustrator como RGB, ele deverá estar em RGB. Você deseja que seu arquivo do Photoshop esteja em RGB porque você tem um intervalo de cores mais amplo para trabalhar nesse modo. Em CMYK as coisas parecem um pouco lamacentas e lavadas e você tem menos com que trabalhar. Você quer que seja um RGB. Resolução, alta 300 PPI. Sabes o que é fixe nisto? Você pode definir para 700. Então, se você quiser fazer um pôster gigantesco, todo texturizado e outras coisas mais tarde no Photoshop, você define esse super alto para algo como 700 PPI. Você provavelmente precisa de um computador mais rápido ou algum tipo de computador rápido para isso, tipo 700 PPI. Se você texturizar cada forma, provavelmente vai precisar de um computador fofo. Mas 300 PPI é perfeito, certo? Então vamos seguir em frente com isso. Você não quer clicar nesta coisa de imagem plana aqui. O propósito de fazer tudo isso é escrever nossas camadas no Photoshop. Nossas camadas no Illustrator são transferidas para o Photoshop. Portanto, certifique-se de que isto está selecionado ali mesmo. Você pode pegar todos os padrões aqui e clicar em “Ok”. Está escrevendo o arquivo do Photoshop. Boom, está feito. Isso foi rápido, provavelmente porque eu não tenho muitas formas aqui. Está bem. Vamos entrar no arquivo do Photoshop. Se eu clicar na minha área de trabalho aqui, Skillshare Tutorial Files. Aí está, shapes-simple.psd. Vamos clicar duas vezes nisso, e você pode ver que meu Photoshop está abrindo aqui. Legal. Vou maximizar essa janela. Agora estamos no Photoshop. Parece quase idêntico ao nosso arquivo do Illustrator. Verifiquei nossas camadas. Anel de luz, rosquinha, anel de luz novamente lá, círculo. Isto é perfeito. Isso é exatamente o que precisávamos porque queremos texturizar cada uma dessas coisas. Então esse é o processo de exportação do Illustrator para o Photoshop. Mais uma vez, passo super importante. Agora podemos saltar para a parte suculenta, eu acho que é a parte que a maioria das pessoas queria de mim é esta próxima parte é que é texturizar e trazer para fora essa profundidade no Photoshop. Vejo você lá.
6. Adicionando textura às suas camadas: Você sabe o que manos, este vídeo e os próximos vídeos são provavelmente a razão pela qual você está aqui ou porque a maioria das pessoas está aqui. Muita gente me perguntou, por que você não faz tudo no Illustrator? Por que estamos pulando para o Photoshop? A razão é texturização e iluminação, qualquer coisa com gradientes e textura de aparência realista, ele simplesmente parece muito no Photoshop do que no Illustrator. Há um fascínio estranho em que tudo precisa ser vetor por alguma razão. Se você não sabe o que é um vetor, isso é basicamente dizer, vamos tornar nossa ilustração infinitamente escalável para que não tenhamos que nos preocupar com tamanhos e coisas assim. Bem, você ainda teria que se preocupar com tamanhos se sua ilustração for complexa no Illustrator. Porque, se você tiver uma tonelada de pontos, uma tonelada de curvas matemáticas acontecendo em sua ilustração, você ainda precisaria de um computador poderoso para executá-la. Trabalhando em alta resolução em um programa raster como Photoshop, e que raster significa que ele é feito de pixels, eu acho que é uma ótima solução para isso e as coisas acabarão por parecer melhor. É por isso que estamos entrando no Photoshop. Sério, manos, imagens raster de super alta resolução são perfeitamente boas e funcionarão para 99,999% dos aplicativos que você precisa. Essa foi uma resposta super longa para essa pergunta. Vou trazer o meu arquivo de texturização aqui. Eu tenho preparado, é este arquivo aqui chamado textura. Vou clicar duas vezes sobre isso para que você possa dar uma olhada no que é isso. Esta é a única imagem de textura que usei para todo o projeto. Eu tenho esta textura fora de um pacote de texturas de designcuts.com. Acho que se chama Kraft, K-R-A-F-T , pacote de textura de papel Kraft. Você deve ser capaz de encontrar esta textura e um monte de outras texturas de papel. Honestamente, qualquer textura de papel funcionará com esse estilo. Escolhi este em particular porque tem grão muito agradável, o grão é separado um do outro e tem um contraste muito alto entre o verde e as partes mais leves da textura. É por isso que eu escolhi este e é por isso que eu continuo a usá-lo uma e outra vez e outra vez em um monte de minhas ilustrações. Se você olhar muito do meu trabalho, eu uso todo tipo de texturas; uso texturas de madeira, uso texturas de aquarela, qualquer coisa funcionaria. O que você tem que fazer é às vezes sua textura não vem assim, não vem em preto e branco assim, talvez venha um pouco amarelado ou talvez seja uma foto real de um pedaço de papel. Geralmente é como manchar ou há algum tipo de interferência de cor quente lá. Tudo o que você precisa fazer é configurá-lo para preto e branco no Photoshop. Talvez transformar o contraste mais alto ou mais baixo para que suas especificações em seus grãos possam aparecer mais e salvar isso como um JPEG e você terá esse mesmo tipo de coisa. Isso é geralmente o que eu faço se eu quiser usar uma textura diferente e não é realmente do meu gosto, eu sempre posso ajustá-lo no Photoshop. Vamos voltar ao nosso arquivo do Photoshop. A primeira peça que vou trabalhar aqui é este ícone quadrado. Vamos utilizar esta coisa que ainda não te expliquei, por isso aguente firme. Vamos desligar isso por um segundo, a luz do anel para essa camada. Clique na “Camada quadrada do ícone” para que seja selecionada. Vamos clicar em nosso “Finder” aqui, para que nossa janela com uma textura apareça novamente. Eu vou pegar essa textura e eu vou apenas arrastá-la para a tela lá. Minha textura está aqui no arquivo do Photoshop e está bem em cima da camada quadrada do ícone. Doce. O que eu vou fazer é dimensionar isso um pouco. A parte superior e a parte inferior combinam com a forma quadrada disso. Vamos usar esta imagem uma e outra vez, por isso é importante que você os dimensione da mesma forma para que os grãos combinem uns com os outros e coisas assim. Eu sei o que você está pensando, é como por que você não usa apenas uma imagem para a coisa toda? É porque somos extras assim, queremos que as coisas pareçam legais, reais e personalizadas. Se você fizer isso, se você colocar um pedaço de imagem sobre a coisa toda, vai parecer super plana e não é tão legal. Acho que essa é uma das maiores razões pelas quais as pessoas gravitam esse estilo, ou pelo menos o jeito que eu faço. Homens, eu sou muito gracinha nisso. Arrastei a textura. Está em cima do meu ícone quadrado. Eu vou comandar, clique, você vê isso? Eu comando clicado no quadrado ícone bem aqui. Você pode ver esse rastro de formigas aparecendo onde está a forma. Isso só significa que essa é a seleção de pixels com que estou trabalhando. Se você Command clicar em uma camada, e eu fiz isso com o ícone quadrado, ele seleciona cada pixel na camada. Chamo de rasto de formigas porque parece um bando de formigas. Agora que sua seleção está ativada, você tem seu rastro de formigas aqui, certifique-se de que estamos em nossa camada de textura. Você clica neste ícone aqui, eu chamo isso de ícone de bandeira japonesa, porque ele se parece com a bandeira japonesa. Mas o que estou fazendo é que vou mascarar essa textura sobre aquele quadrado de ícones. Se eu empurrar esse ícone, legal. Agora a textura é mascarada apenas nessa camada. Legal. Isso faz sentido, pessoal? Essa é aquela camada. Veja, está em cima do meu ícone quadrado. O que eu vou fazer agora é eu vou definir esta camada para se multiplicar. É um modo de mesclagem, e o modo de mesclagem que estamos usando é multiplicar. O que a multiplicação faz é pegar sua imagem em preto e branco e, em seguida, espalha uniformemente as partes mais escuras da imagem na cor abaixo dela, então é por isso que é importante fazer isso. Se você acha que sua textura é um pouco dura, o que eu acho que não, mas se for para você, você pode usar sua opacidade para diminuir sua textura um pouco. Você vê como fica um pouco mais leve assim. Mas eu gosto de 100. Eu gosto de 100 aqui. Essa é a parte texturizada deste curso. Eu poderia ir mais longe, mas eu quero um único estes fora para que você possa voltar para cada um desses pontos muito facilmente e as coisas são bem organizadas e tudo mais. Em seguida, vamos passar por cima de pintar em seus destaques e suas sombras. Texturização, perto.
7. Iluminação para as suas camadas: Agora que temos nossa textura em nosso quadrado de ícones, vamos falar sobre iluminação. Esta é outra parte extremamente importante neste curso. Na verdade, é uma parte muito importante em todas as minhas ilustrações. Iluminação é a coisa que adiciona profundidade a qualquer coisa que você faz. Independentemente de ser uma ilustração mínima ou algo mais detalhado e complexo como este, iluminação fará com que as coisas apareçam em você. A primeira coisa que vamos fazer é estabelecer uma fonte de luz; o que isso significa é, de que direção vem a luz? Na maioria das minhas ilustrações, é engraçado, ninguém me chama para isso, maioria das minhas ilustrações tem uma fonte de luz vinda do canto superior esquerdo para baixo. Quando você está trabalhando com tantas camadas, é mais fácil saber que, “Ok, a luz virá de lá a maior parte do tempo.” Você pode fazer isso também. Acho que ninguém vai te chamar por isso. Faça sua fonte de luz vir do canto superior esquerdo, brilhando sobre tudo isso aqui. O que eu vou fazer é eu vou para “Command click” meu ícone quadrado, então esses pixels nessa camada são selecionados com a trilha de formigas. Vou criar uma camada em cima disso. Vou chamar isso de “destaque”. Vou diminuir um pouco, porque estou usando esta ferramenta de gradiente legal aqui. Se você ver minhas duas cores aqui para o primeiro plano e fundo, isso é praticamente o que ele vai gradiente para; do branco ao preto, parece. Eu quero que ele gradiente de branco para transparente, então eu vou clicar nesta barra de gradiente aqui em cima, em Basics. Você vê este pequeno ícone aqui onde é branco para transparente, vamos clicar sobre isso e “OK”. Agora meu gradiente vai passar de branco para transparente, opacidade zero. Provavelmente vou diminuir um pouco mais. Vou selecionar este ícone aqui. O que isso significa é que vai me dar um gradiente plano para baixo. O que está selecionado agora é um gradiente radial. Vou mostrar-te isso agora mesmo. O gradiente radial fará com que as coisas pareçam redondas. Vês como a luz gira assim? Eu quero que seja mais plana, então eu vou escolher este ícone de apartamento aqui em cima. Vou começar a partir daqui e só para te mostrar. Eu não sei se você pode dizer alguma diferença. Deixe-me fazer algo um pouco mais duro. Lá vai você. Você pode ver como o gradiente simplesmente cai bem ali, que é o que eu quero. Se eu fizer o gradiente radial de novo, entende o que quero dizer? Em vez desta forma redonda, eu quero a forma plana, então é isso que esse ícone faz. Vou diminuir um pouco, porque se eu começar o gradiente a partir daqui, a luz vai parecer suave, como eu fiz a partir daqui, é um pouco duro demais para mim. Eu quero que ele seja suave e misturando como a luz está obviamente lá, mas ele se mistura com a forma. Vou começar de todo o caminho até aqui. Legal. Oh, você vê, isso é um pouco macio demais. Vamos torná-lo um pouco mais difícil, talvez daqui. Não, não, não, não, não, não, não. Um pouco mais difícil. Legal. Não, espere. Mais difícil, mais difícil. Daqui. Lá vai você. Isso parece muito legal. Quando você tiver sua trilha de formiga selecionada, se quiser sair dessa seleção, pressione “Comando D” para desmarcar sua seleção. Aqui, tenho o meu destaque no canto superior esquerdo. Isso me diz que a luz está vindo do canto superior esquerdo. O que isso significa para o canto inferior direito? Deve haver algum tipo de sombra lá. É o que vamos fazer a seguir. Vamos criar uma camada no topo do quadrado do ícone, e vamos chamar isso de “sombra interna”. Legal. O que eu vou fazer, eu tenho minha cor de primeiro plano aqui definido como branco. Se eu empurrar “X”, ele muda, ele troca-o para preto. Isso é o que eu quero porque estou colorindo minha sombra de preto. Em vez da ferramenta de gradiente, você acha que eu iria obter a ferramenta de gradiente e gradiente deste canto e ir para cima? - Não. Na verdade, eu tenho um controle muito legal com um pincel. Você quer escolher um pincel que é super emplumado. Veja, minha dureza está definida para zero. Isso é exatamente o que você quer, então você pode ver se eu escovar, é um pincel de penas muito fraco nas bordas. Desfaça isso porque não é o que queremos fazer lá. Eu tenho que definir para preto. Eu vou para “Command click” meu ícone quadrado. Legal. É importante saber qual camada é selecionada ou então estaremos pintando em camadas diferentes, então certifique-se de que estamos em sua camada de “sombra interna” lá. Vamos diminuir um pouco. Vou aumentar o tamanho do meu pincel porque quanto maior for o pincel, maior será a pena nas bordas. O que eu posso fazer daqui é pintar a borda, e eu tenho uma bela sombra suave como essa. Doce. “Comando D” para desmarcar isso. Agora, temos um destaque no canto superior esquerdo. Nós temos uma sombra no canto inferior direito, e tudo no meio é um tom médio, e isso é o que você precisa para profundidade, principalmente. Temos algo que vai mudar drasticamente a profundidade aqui, mas se você adicionar isso, um destaque, um tom médio e uma sombra para qualquer uma de suas formas, você está fazendo uma coisa boa para adicionar drama à sua peça. Agora que ainda estamos na sombra interior, ainda não terminamos. Vamos definir este modo de mesclagem para multiplicar, e você pode não ser capaz de dizer a diferença. Mas cada vez que você empurra multiplicar, iguala suas cores mais escuras para o que quer que esteja em cima. Você pode não ser capaz de dizer agora, mas no grande esquema de coisas quando toda a sua ilustração é feita, a coisa multiplicar seria muito melhor. Se você deixar isso normal, pode parecer bem. Vai parecer um pouco mais lamacento. Uma coisa é minha sombra, eu acho que é um pouco escura demais, então eu tenho outro nível de controle aqui, minha opacidade; eu posso diminuir isso um pouco, então nós temos uma bela sombra fraca lá. Doce. Normalmente, quando as pessoas experimentam esse estilo por conta própria, elas admitem totalmente a parte de destaque e sombra. Eu acho que esse é um dos passos que adiciona uma tonelada de caráter a isso, então não se esqueça de fazer isso para cada uma de suas formas. Como eu disse, se você tem uma centena de formas, você vai fazer isso centenas de vezes. Pode ser muito tedioso, mas prometo que vale a pena. Há uma razão pela qual muitas pessoas gostam da forma como eu faço isso, e acho que só ir mais longe vale a pena. Isso deve bastar para esta parte do vídeo. Para o próximo, vamos passar por cima das luzes da borda e da sombra externa. Não confunda com luzes anelares. aro, luzes R-I-M e a sombra externa, o que vai fazer com que realmente apareça em você. Legal. Apanho vocês nessa.
8. Criando profundidade e toque: Doce. Agora que temos nossa iluminação estabelecida, vamos em frente e criar a luz do aro e a sombra. O que devemos fazer primeiro? Vamos fazer a sombra primeiro porque essa é a mais óbvia. Se eu comando, clique novamente meu ícone quadrado. Estamos recebendo aquele antral. Lembre-se sempre que estamos trabalhando com uma forma, nós vamos estar Comando clicando e fazendo essa coisa antral muito até que tudo para essa peça seja concluído. Depois disso, vamos fazer a mesma coisa com as outras peças. Só um aviso, se ainda não percebeu isso, é o que vamos fazer. Comando clique, eu recebo o antral, todos esses pixels são selecionados. Vou criar uma camada abaixo do meu ícone quadrado e vou chamar essa sombra. Legal. Eu tenho o meu preto selecionado aqui na minha cor de primeiro plano. Se eu pressionar Option Delete, isso preenche essa camada com preto. Você não pode vê-lo porque ele está abaixo do meu ícone camada quadrada. Se eu pressionar o Comando D para desmarcar isso, eu vou mover isso um pouco para que você possa ver que eu fiz a mesma forma por baixo. Isso vai servir como nossa sombra, e eu vou movê-la um pouco por aí. Legal. Lembre-se da nossa fonte de luz. Se a luz está vindo do canto superior esquerdo, isso significa que vai lançar uma sombra para baixo bem ali. Se sua iluminação faz sentido, sua ilustração faz sentido e as coisas ficam super incríveis. Alguns de vocês podem estar se perguntando, por que eu não estou usando a ferramenta de sombra, que é este painel FX. Quase nunca uso o painel FX. Sinto que tenho mais controle desse jeito. Eu personalizo minhas sombras desenhando-as às vezes, e tornando-o assim parece muito melhor na minha opinião. Vou mostrar-te um truque que te mostra porquê. Agora que minha sombra é extrudida um pouco e você pode ver, eu vou converter isso em um filtro inteligente. O que um filtro inteligente faz, ele apenas torna sua camada indestrutível para que você tenha edição não destrutiva. Isso significa que, o que quer que você faça com essa camada, a camada inteligente permite que você a reverta de volta ao seu estado normal sempre que precisar. Se você não fizer isso, você vai fazer uma edição nele e vai ficar bem. Mas se você tiver que voltar e mudá-lo, você pode ter um momento difícil, então é por isso que usamos camadas inteligentes. Convertemos nossa sombra em uma camada inteligente. Vou para Filter Borrão, Borrão Gaussiano. Legal. Agora eu tenho que definir para 9.1. Vou aumentá-lo para torná-lo um pouco mais suave. Quero que saia desse fundo. Quero que apareça. Quero que seja uma sombra muito suave e nos dê uma distância legal. Vou definir para 19. Estás a olhar para ele, pareces um tipo de sombra. Bem, vejam isto, manos. Vou clicar em “Multiplicar”. Como eu disse, você não pode dizer agora, mas eu juro que a multiplicação faz uma grande diferença. Vamos baixar a opacidade para 35. A razão pela qual eu digo 35 é porque eu sei que é um bom número porque eu tenho feito isso por tanto tempo. Você pode mudar essa opacidade para qualquer que seja o seu gosto, se você gosta das sombras mais escuras, legal. Mas eu amo 35 porque eu vou segurar Option aqui e duplicar a sombra. Vou criar essa camada abaixo dela. Agora essa sombra está duplicada. Se você notar que isso ficou mais escuro, isso só significa que há duas camadas de sombra em cima da outra. Vou arrastar isso ainda mais. Vês o que estou a fazer? Você não pode fazer isso com uma sombra. Se eu clicar com o botão direito do mouse neste pequeno ícone medidor aqui, editar filtro inteligente, eu posso ajustar a desfocagem. Quero este ainda mais embaçado. Quero isso ainda mais suave. Confira isso. Por que eu faço isso? Este é realmente um truque Nieto que eu acho que todos vocês devem se lembrar. Porque se você estudar como a luz se comporta, e uma boa maneira de estudar como a luz se comporta é ir ao banheiro, desligar todas as luzes, pegar uma lanterna e depois acender um tubo de pasta de dente e ver como as sombras se comportam com essa pasta de dentes tubo, e geralmente você começa uma sombra mais dura. Então você vê o passo para uma sombra mais suave, abaixo dela, você vê dois níveis de sombras geralmente quando você brilha luz em algo. É por isso que este é um truque Nieto e a ferramenta de sombra irá apenas fazer com que as coisas pareçam muito design gráfico genérico dos anos 90. Fique longe dessa ferramenta de sombra o máximo que puder. Obviamente, pode ser útil às vezes, mas eu não uso. Eu vou agrupar estes juntos, então não é confuso mais tarde, e eu vou chamar isso de sombra. Agora você pode ver que nós já fizemos uma tonelada para trazer a profundidade para fora e para trazer vida para esta forma. Mas não acaba aí. Temos luzes de aro e anelares. A luz do anel é o que fizemos no Illustrator mais cedo. Esse é o segredo extra. Mas deixe-me mostrar-lhe um segredo que é super fácil de fazer que muda todo o campo desta coisa. Vai fazer você querer tocar nessa coisa, você vai ter um corte de papel. Todo mundo me pergunta como fazer isso e eu mostro como e a resposta que eu recebo é, eu sabia disso, eu deveria saber como fazer isso. Claro, é como se um mágico nunca revelasse um segredo e quando eles revelam esse segredo, não é tão impressionante quanto eu pensava. Essa é geralmente a reação que eu recebo quando ensino nesta técnica muito legal que muda toda a vibração disso para algo super incrível. Isso só diz que é super fácil de fazer e super útil. Eu vou para Command clique no meu ícone quadrado. Vou criar uma camada acima da camada de sombra e abaixo da camada quadrada do ícone. Você vê como meu branco está no fundo aqui. Vou ao Command Delete para preencher essa camada com branco. Você não pode ver nada porque eu basicamente enchi e pintei aquela camada de branco abaixo de tudo isso. Empurre o Comando D para desmarcar. Vou ampliar para que possam ver o que vou fazer aqui. Se eu tiver a minha ferramenta de movimento, vou empurrar a tecla de seta, duas vezes para a esquerda e duas vezes para cima. Olhe para isso. Temos uma bela resma de papel bem ali. Isso não é incrível? É que faz você querer tocá-lo. Essa é uma das técnicas úteis mais fáceis que você pode fazer para dar a essa coisa outra camada de realismo exagerado. Legal. Vou chamar esta camada de luz de borda. Caras que estão parecendo incríveis agora. Doce. Lembra desse cara, a luz do anel? Eu viro isso em vocês, uau, isso parece nojento e eu sei que é, mas nós vamos torná-lo tão legal. Vamos selecionar a nossa camada de luz de anel, contorna perfeitamente o interior dessa forma com a minha camada de luz de anel selecionada. Eu vou para Filter Convert for Smart Filters para aquela edição não destrutiva, aperte “Ok” lá. Quando você vê este ícone aparecer aqui, isso é uma camada inteligente. Agora que é uma camada inteligente, vou para Filtrar novamente, Borrão, Borrão Gaussiano. Eu tenho que definir em 34 aqui, o que é demais. Vou abaixar para oito. Olha só, talvez seis, talvez cinco. Não, 4.5. Sim, eu gosto disso. Vou tocar “Ok”, tão legal. Olhe para isso. Vou diminuir a opacidade porque é um pouco dura. Vês o que isso faz? Adiciona outra camada de toque. A luz do anel adiciona outra camada de toque. É quase como se você usasse uma faca X-Acto no papel e fosse amarrá-la. Ele cria os vincos na borda do papel. Isso é o que isso faz é adicionar um pouco de vinco à borda. Belo toque que descobri como fazer. Se você olhar para as minhas primeiras ilustrações de papel, eu não faço isso, mas uma vez que comecei a fazer isso, eu penso, uau, isso acrescenta muito a isso. Para tornar a nossa luz de anel ainda mais impressionante, enquanto estiver selecionada, vou clicar no ícone de máscara novamente. Legal. Isto pode ser um pouco difícil de explicar. O que uma máscara faz é que se eu pinto preto no objeto, ela o apaga. A razão pela qual você quer fazer isso dessa maneira é porque você não está apagando permanentemente o que está fazendo. Novamente, é como edição não destrutiva. Se eu apagar algo e quiser voltar mais tarde, é fácil excluir a máscara e toda a forma ainda está lá. Quando eu tiver a máscara selecionada na luz do anel, eu pego meu pincel, certifique-se que eu tenho essa ferramenta de pincel emplumado. Acho que já tive um enorme antes. Estou encolhendo a escova. Você pode tornar o pincel maior e menor pressionando as teclas de suporte. Eu vou apagar algumas dessas coisas porque eu não quero que ele tire da minha luz de borda. Não quero que a luz do anel me tire da luz do aro. Estou apagando um pouco. Não vou apagar tudo. Como você pode ver, eu só estou pegando as bordas, então é um pouco fraco. Mas veja isso. Eu tinha um vinco legal na borda onde você não pode ver uma luz de aro e então a luz do aro aparece na borda antes de acender. Quão incrível é isso? Isso é praticamente todo o processo para cada forma. Basicamente, mostrei tudo. O que vamos fazer agora é terminar esta ilustração porque provavelmente há algumas outras coisas que você precisa saber. Nós vamos terminar esta ilustração simples fora e depois vamos mergulhar em uma ilustração mais complexa que eu mostrei na visão geral só para que você tenha uma idéia de quanto tempo uma ilustração como esta levaria e o que é preciso para completar algo assim. Legal, incrível.
9. Vamos finalizar essa coisa!: Porque vou rever este processo com uma ilustração muito mais detalhada. Eu mostrei isso na visão geral. esta composição simples que temos. Não é tão difícil. Incrível. Doce. Vejo você na próxima. Mas esta é a maneira que eu encontrar funciona o melhor para mim e como eu quero que o resultado seja. Acho que vocês deveriam ficar por aqui. Essa é toda a ilustração para Você pode encontrar atalhos para fazê-lo, Eu só vou abrir o arquivo completo e vamos pular em cada peça. porque se eles fizerem qualquer pedido para você Você só se acostuma a fazer isso com uma forma Como eu disse, você pode fazer isso com 700 formas. mudar coisas como quando você tiver toda essa textura definida, Você viu quanto tempo isso levou, Você quer ter certeza que eles aprovam o esboço e eles não podem mudar nada, Também vamos rever o esboço no arquivo do Illustrator De qualquer forma, espero que tenham gostado então não vamos criar aquela coisa toda. para ver como organizo tudo isso. e você pode estar satisfeito com a aparência com esses atalhos. e então você faz a mesma coisa uma e outra vez e outra vez. Eu tenho alguns desses exemplos no meu Instagram se você verificar. Vale a pena? Heck, sim. É doloroso às vezes? isso vai ser um painel enorme. deste processo tanto quanto gostei de fazer isso nos últimos anos. Sim. Imagine trabalhar com seus clientes também. Certo, pessoal, vamos derrubar essa coisa. Eu vou me mover um pouco mais rápido só para que possamos passar por essa coisa bem rápido, e também andar devagar. Vou gradualmente aumentar a velocidade. Agora que temos todas essas peças definidas para a camada quadrada do ícone ou a forma quadrada , quero dizer, eu vou selecionar todos esses itens da sombra, todo o caminho até a luz do anel. Isso é 1, 2, 3, 4, 5, 6 camadas, 7 camadas, sinto muito. São sete camadas para cada forma. Mantenha isso em mente. Eu fiz ilustrações onde eu tinha 100 camadas, e você multiplica isso por sete. O que é isso? 700 camadas. Eu fiz ilustrações loucas neste estilo, e valeu a pena. Esse é o ícone quadrado. Legal. Se eu desligar esse globo ocular, você pode ver que foi tudo o que fizemos com essa forma. Essa parte está feita. Vamos fazer esse círculo amarelo primeiro porque tem algo diferente que eu ainda não mostrei. Movendo-se um pouco mais rápido, vamos pegar nossa textura e mover isso para lá. Novamente, eu sei que alguns de vocês estão pensando como, por que você não apenas aplicar uma imagem de textura em cima de tudo isso? Porque você vai ver agora. Se eu dimensionar isso para o mesmo tamanho que eu fiz o último, eles vão ser todos iguais. Temos alguma uniformidade lá com a escala desta textura. O que eu vou fazer é compensar isso um pouco usando minha ferramenta Mover. Enquanto o quadrado amarelo estiver coberto, isso é tudo o que importa. Podemos mover isso e é por isso que você faz isso com cada forma individual para que você possa compensar cada uma e as coisas não parecem ser apenas uma mistura de textura através da coisa toda. Entende o que estou dizendo? Fazendo esse passo, que eu entendo, é preciso muito a ver com um monte de camadas e torna seu arquivo super grande e carnudo, vale a pena obter essa randomização de textura porque é quase como se fosse um novo pedaço de papel para cada forma. Faça as coisas do jeito certo, não do jeito curto. Quero dizer, o caminho curto pode parecer bastante decente, mas como eu disse, acho que há uma razão para as pessoas gostarem da maneira eu faço as coisas é porque eu realmente não pego atalhos aqui. Vou clicar com a tecla Command pressionada na camada de círculo amarelo para verificar se a forma está selecionada. Na minha camada de textura, vou empurrar o ícone Máscara novamente. Agora a textura é colocada apenas nesse círculo amarelo. Se eu clicar nisso e pressionar “Multiplicar”, eu recebo o modo de mesclagem. Perfeito, era exatamente o que eu queria. Acima do círculo amarelo, vamos criar uma camada de destaque, Command-clique. Em vez de usar a ferramenta de gradiente novamente, eu vou usar um pincel, mudar minha cor para branco com um pincel de dureza super zero. Eu vou aumentar o tamanho do meu pincel então eu tenho aquela suavidade extra lá, e eu vou pintar de branco. Você pode ver, como você consegue aquela cor clara lá. É tão fixe. Acrescenta tanto caráter só de fazer uma coisa. Comando D para desmarcar isso. Terminamos lá. Vamos clicar em Command-clique em nosso círculo amarelo novamente, criar uma camada acima disso, chamar essa sombra interna. Vou fazer a mesma coisa no canto oposto com a cor preta. Vamos começar a pintar as sombras internas. Defina isso para multiplicar. Novamente, acho que é um pouco duro. Vou abaixar um pouco isso. Legal. Boa profundidade que temos lá. Enquanto meu círculo amarelo ainda está selecionado, vamos criar uma camada abaixo do círculo amarelo. Vamos chamar isso de sombra. Opção Excluir para preencher isso com preto. O que eu queria mostrar aqui é que estou criando uma sombra muito dura ou uma sombra mais dura. Veja como esta sombra aqui é muito suave e gradual. Queremos um que ainda seja macio, mas não tanto. Nós vamos borrar isso um pouco e a razão é este círculo, é quase como se estivesse colado naquele pedaço de papel abaixo dele. Se está colado e está bem em cima dele, não vai realmente lançar uma sombra enorme se você for para brilhar luz no canto superior esquerdo. Isso é algo que você deve planejar antes do tempo. Quais formas você quer que ele seja colado na coisa atrás dele, e quais formas você quer que apareçam em você porque isso vai fazer uma grande diferença. Filtro, Converter para Filtros Inteligentes. Aperte “Ok”. Filtro, Borrão Gaussiano. Temos em 4,5. Vamos preparar para, sei lá, seis ou sete, talvez. Um monte de tentativa e erro, fazer o que parecer certo. Aperte “Ok”. Defina isso para multiplicar. Especialmente quando você está jogando com a opacidade, a multiplicação vai ajudar uma tonelada. Vou diminuir para cerca de 50, porque quero um pouco mais forte do que as outras sombras. Bem ali, você pode ver a diferença. Eu tenho uma sombra muito suave aqui porque eu queria que saísse daquela superfície, e eu tinha uma sombra muito mais dura aqui para mostrar que, hey, este pedaço de papel está colado no papel abaixo dele. Incrível. Vamos fazer a luz do aro. Command-clique na camada de círculo amarelo, crie uma camada em cima disso. Vamos chamar isso de luz de borda. Command Delete, preencha com branco. Comando D para desmarcar para que possamos ver o que está acontecendo aqui. Vamos mover isso um par de espaços de seta. Isso parece super legal. Vamos pegar nosso anel de luz. Converta isso para um filtro inteligente. Filtro, Borrão Gaussiano, abaixe isso. 4.5 é onde tivemos o último. Legal. Então, podemos mascará-lo, pintar as bordas para que não seja um círculo de anéis por lá. Podemos pintar algumas dessas coisas para que só apareça no canto inferior direito. Cara, sinto que estou falando muito. Essa forma está feita. Selecionamos isso. Vá até a sombra aqui, agrupe isso. Vamos chamar isso de círculo amarelo. Devemos fazer o resto? Acho que devemos. Eu poderia falar menos e me mover um pouco mais rápido porque de agora em diante é realmente apenas rotina. Sabe o que quero dizer? Vamos pegar outra textura jogada em seu tamanho para cima. Legal. Vamos compensar isso um pouco. O legal é que a luz do anel realmente mostra onde está a forma. Sabe o que quero dizer? Se a luz do anel não estivesse lá, você não seria capaz de dizer qual é a forma abaixo desta textura. Vou compensá-lo em algum lugar aleatório como esse. Clique com o comando na minha camada de donut, mascare isso. Defina isso para multiplicar. Incrível. Command clique na minha camada de donut, crie uma camada acima disso, chame esse destaque. Este é um divertido porque é uma forma mais única. Vamos pintar sobre essa forma única, definir a cor para branco e vamos pintar o destaque lá. Isso está parecendo muito doce. Veja como estou pintando as bordas porque minha pena está vazando para ele e eu não quero que esse destaque seja muito áspero. Pode haver luz tocando nesta área aqui, então vamos pintar um pouco mais. Agora temos um pouco de caráter lá. Crie uma camada acima da camada de donut, vamos chamar isso de sombra interna. Comando clique na camada de donut, defina a cor para preto, pinte as bordas. Vamos aumentar o tamanho do pincel, Isso parece bom, e novamente, ele parece, Eu não sei o que é, mas o preto está olhando muito áspero quando eu pintei, Eu disse que é uma multiplicação. Desligue a opacidade. Incrível. Doce. Vamos seguir em frente. Comando clique. Vamos fazer uma opção sombra, Excluir para preencher essa camada abaixo com preto. Deslocá-lo para aquele canto. Este aqui, eu quero que isso apareça em você, ok, isso não está colado no que está abaixo dele, então eu quero que isso seja flutuante. Vou dar-lhe o mesmo tratamento flutuante. Defina isso para multiplicar. Conversão de Filtro para Filtros Inteligentes. Filtro Desfoque Gaussiano. Vamos definir para 19 ou algo assim, e vamos baixar para 35. Meu número mágico 35. Duplicar isso por apenas opção e arrastando a camada para baixo. Vamos fazer com que a segunda sombra venha aqui. Vamos borrar isso ainda mais. Clique com o botão direito em Editar, filtro inteligente Vire isso um pouco mais suave. Boom, isso parece realmente realmente, realmente, realmente, eu vou mover isso, derramá-los mais, para que você possa ver os dois níveis de sombra lá. Você tem a sombra mais dura aqui e uma sombra mais suave lá. Parece muito mais realista quando você estuda a luz e a aplica em sua iluminação. Sujeitos. Estamos quase acabando com isso. Podemos agrupar nossas sombras para não nos confundirmos mais tarde. Command click, Criar camada abaixo de rosquinha, chamar essa luz de aro. Encha isso com branco. Você não pode vê-lo porque está abaixo do donut. Obter a nossa seta ferramenta de movimento para, seta para cima, e nós temos uma luz de anel legal. Chegue ao filtro de luz do anel, converta para filtros inteligentes. Filtro Desfoque Gaussiano. Vamos abaixar a opacidade, já que é um pouco dura. Sim. Sim, isso parece bom. Clique em sua máscara para que possamos apagar com segurança um pouco da luz do anel. Coloque seu pincel em preto. Isso é o que apaga a máscara interna. Estou sendo muito repetitivo. Acho que a repetição ajuda você a lembrar das coisas, é por isso que estou repassando isso de novo. Você pode até encolher isso aqui em tinta para apagar um pouco disso. Olhe para isso. Veja como se apenas fazer essa coisinha de apagar faz as coisas parecerem muito melhores. Você sabe o que? Agora quero torná-lo mais duro, aumentando a opacidade. A última coisa que temos que fazer, na verdade, tudo bem antes disso. Vamos agrupar isso juntos. Chame esse donut. Agora a última coisa que temos a fazer é o nosso passado. Não posso esquecer o fundo. Vamos pegar uma textura lá. Jogue isso em cima disso. Vamos compensar isso aí mesmo. Defina isso para multiplicar. Você realmente não pode vê-lo porque a cor é escura. Mas se eu aumentar o zoom, você pode ver. Incrível. Você sabe o que? Quero compensá-lo mais. Porque notei que há essa especificação aqui e aquela especificação do mesmo tipo de especificação, então eu não quero muita repetição lá. Vou compensar isso um pouco ali. Na verdade, bem ali. Você sabe o que? Não temos que clicar em Comando porque já está cobrindo tudo. Criamos uma camada em cima da chamada de fundo que destaca. Esta é uma boa oportunidade para usar a ferramenta de gradiente porque vamos ter que criar um realce muito maior. Se eu começar longe da borda aqui, mova-o para baixo. Legal. Primeira tentativa. Eu gosto disso. Mas é duro. Vamos abaixar um pouco. Honestamente, podemos deixá-lo aqui. Vai ficar tudo bem, mas vamos criar a sombra interior. Pegue o pincel. Aumente isso, e vamos pintar a sombra nessas bordas. Isso parece muito legal caras. Defina isso para multiplicar. Podemos até abaixar um pouco. O que vocês acham? Vamos ampliar aqui. Nós fizemos isso.
10. Desmembrando uma ilustração complexa: Tudo bem pessoal, agora que vocês conhecem todo o processo, porque esse é realmente todo o processo que passamos por cima, vamos rever uma composição que é um pouco mais complexa e algo um pouco mais representativo de algo que eu faria por digamos, Instagram ou talvez um cliente. Aqui está o meu esboço e novamente, eu não sou a maior gaveta de mão de sempre, que eu acho que é uma parte incrível deste estilo que você não tem que ser uma gaveta incrível. Você pode confiar um pouco mais em suas habilidades de design para fazer coisas realmente legais neste estilo. Esta é provavelmente a extensão da minha habilidade de desenho, o que pode ser uma mentira. Eu acho que eu poderia desenhar melhor do que isso, mas como eu disse, eu não gosto de gastar muito tempo nessa parte. Eu sei que a execução deste estilo é muito pesada e muito demorada, então quanto mais tempo eu puder raspar, melhor. Gosto de esboçar até um ponto em que entendo como criar essa coisa no Adobe Illustrator. Dica rápida, porém, se você pegar este esboço e girá-lo 90 graus para cima, será muito mais fácil construir no Illustrator. Porque é simétrico, você pode desenhar metade, duplicar isso, espelhar e conectá-los e tornar as coisas muito mais fáceis de fazer. Dito isto, este não é realmente um curso básico do Illustrator, eu acho que mencionei isso anteriormente. Se você quiser isso de mim, me avise, eu ficaria feliz em fazer outro curso, construindo composições como esta no Illustrator. Se isso lhe interessa, DM. Este é o meu primeiro curso de Skillshare, então eu não tenho certeza de qual é a situação de DM ou você pode me enviar uma mensagem no Instagram. Meu e-mail está no Instagram você pode me enviar e-mail também. Vamos começar com a renderização do Illustrator da camada inferior para cima, para que você possa ter uma boa idéia de como eu organizo as coisas. Esta é a camada inferior. Este é um dos anéis, os quadros que tenho aqui. Veja como eu fiz isso, é praticamente um quadrado com um círculo perfurado nele. Isso significa que uma sombra pode ser fundida lá dentro assim, então é por isso que eu fiz isso desse jeito. Há uma luz de anel lá, falou sobre as luzes do anel e como podem ser legais. Como eu faço essas camadas visíveis, você pode ver que a estrutura é exatamente a mesma que eu apresentei anteriormente. Veja até mesmo as pequenas formas obter pequenas luzes de anel. A estrela principal lá com uma luz de anel. Vamos continuar nos movendo para cá. Acho que pode haver algumas formas em que eu não coloquei uma luz anelar porque eles eram muito pequenos, como talvez algumas das estrelas. Legal, impulsionador de foguete. O ponto aqui é, eu só espero que você possa ver que o processo é exatamente o mesmo. Heads up, você pode ver quantas camadas isso é. Faço todo esse processo de texturização para cada uma dessas formas. Como eu disse, sem atalhos, leva um tempo, mas estou dizendo que vale a pena. Legal. Foi assim que o construí no Illustrator. Vamos conferir nosso arquivo do Photoshop. Boom, já está feito. Sério, eu planejava fazer isso a ilustração principal para o nosso tutorial, mas teria levado muito tempo e eu acho que eu teria perdido uma tonelada de vocês, especialmente com um monte dessas pequenas peças, porque você não seria capaz de ver um monte de realçar a pintura e coisas assim. Vamos quebrar isso passando por estas camadas aqui. À primeira vista, pode parecer que não corresponde à minha estrutura de camadas do Illustrator, mas corresponde. Agrupei-os depois de completar certas partes, como este foguete todo aqui. Agrupei isso em uma camada inteira. Se eu abrir isso, você pode ver que eu tenho a janela do foguete um, a janela foguete dois, a janela do foguete 2.5 e assim por diante. Foi exatamente como eu fiz no arquivo do Illustrator. Vamos abrir um destes. Vamos abrir a janela do foguete um, vou aumentar o zoom para que todos possam ver. Esta é a janela de foguete um aqui, este brilho. Você pode ver que essa é a textura que está mascarada. Aqui está o destaque. Você pode ver que fica mais brilhante na borda dele? Eu não adicionei uma sombra interior porque a forma é tão pequena, e eu senti que não precisava de uma. Se as luzes se fundirem sobre ele, toda a forma será iluminada assim por causa de quão pequena é. Mas confira isso. As luzes da borda ali. A luz da borda está em tudo. Então há, obviamente, a sombra. A sombra é pequena como esta para representar, está colada naquele pedaço de papel abaixo dela. Vamos verificar a janela do foguete dois, que é aquela ali. Se eu abrir isso, eu tenho um anel de luz aqui. Eu não adicionei uma luz de anel ao brilho porque novamente, é uma forma pequena, você provavelmente não será capaz de vê-lo de qualquer maneira, então eu não adicionei uma luz de anel lá. Você pode ver como a luz do anel. Olhe para toda a ilustração aqui. Essas luzes de anel realmente você adiciona esse nível extra de toque a isso. Novamente, se você tem um pedaço de papel, cortá-lo com uma faca exata, você teria aquele vinco lá. Espero que seja uma representação muito legal disso ou novamente, a textura. Eu só quero mostrar a vocês que o processo é exatamente o mesmo que nós acabamos de passar com uma composição simples. Ali está a forma original e a sombra. Olhe para essa sombra, esta sombra é mais suave e permite que você saiba que está saindo da forma mais, que não está colada no fundo. Toda vez que você faz uma sombra como esta que é muito mais borrada e macia, esses são os que aparecem mais em você. Acho que é bom planejar as formas que você quer que apareçam em você. Vamos verificar 2,5, o que é 2,5? Estes pequenos rebites aqui. Veja até mesmo as pequenas peças recebem tratamento. Olha como são pequenos, dei-lhes luzes de borda. As luzes do aro são realmente exageradas quando você aumenta o zoom assim, mas quando você diminui o zoom, isso parece muito legal. Acho que o chamei de 2.5 por causa de quão minúsculas eram essas formas. Tem uma textura, um destaque, a sombra interior. Tem uma sombra interior? Oh meu Deus, ele faz. Eu coloquei uma sombra interior nelas, isso é loucura. Esqueci-me completamente. A borda ilumina muito proeminente lá, e tem uma sombra que lhe diz que está colada em cima daquela forma de janela. Você começa a idéia, não importa quão pequenas as peças são, eles recebem quase o mesmo tratamento. Há algumas coisas que eu não coloco lá. Talvez eu não coloque uma luz anelar ou talvez eu não coloque uma sombra interior, mas a maioria das peças aqui recebe o mesmo tratamento. Vamos descer a lista aqui. Ou vamos olhar para algo que é um pouco mais óbvio. Vejamos esta moldura. Vocês todos vêem por que eu criei uma estratégia dessa maneira? Eu quase quis fazer parecer um túnel, como um túnel circular escalonado. Eu sinto que uma composição como essa realmente realça a profundidade e atrai seus olhos para o centro, como esta janela aqui. Esta janela aqui é o centro e, em seguida, tudo vem em você de lá. Esse era o objetivo com isso. Obviamente a hierarquia vai para o foguete, então é o objeto mais alto. Espero que apenas olhando para isso, você possa entender como eu planejei, quais formas teriam uma tonelada de profundidade e quais formas seriam coladas na peça abaixo dela. Vamos cavar mais fundo no quadro 1 aqui, nesta camada. Deve ser muito óbvio com onde estão todos os destaques e sombras. Olhe para a luz do aro, você vê como a luz do aro sai aqui em vez de sair daqui, como todas as outras formas, eles saem do canto superior esquerdo deles. Esta luz de borda sai do canto inferior direito e a razão é que eu achei que era uma forma que foi perfurada. Você sabe o que eu quero dizer? Todo este pedaço de papel tem um círculo perfurado nele, então quando a luz bate para baixo do canto superior esquerdo, eu pensei que esta parte iria atingir a luz mais, é por isso que eu adicionei a luz do aro lá. Faz sentido com toda a peça aqui. Isso é algo para tomar nota de lá. Vamos abrir isto. Temos a luz do anel. Novamente com as luzes do anel, onde você não vê a luz do aro, eu tenho a luz do anel mais proeminente, mas onde a luz do aro está, minha luz do anel está um pouco fraca. Cara, acabei de perceber como isso é confuso Luzes de aro e anelares. Eu gostaria de chamá-lo de algo diferente, mas eu sinto muito pessoal, é como eu chamá-lo por alguns anos agora, então ele está preso no cérebro. Aqui está a sombra interior. Desculpas, acho que acabei de dar o nome de sombra, ruim da minha parte para a organização lá. Essa é a forma original. Aqui está a minha luz de aro. Vejam a sombra. Temos as duas sombras escalonadas. Esse é o truque legal que eu te disse onde você tem duas sombras empilhadas uma em cima da outra. Um deles é um pouco mais duro e depois o outro é um pouco mais embaçado. Você tem esse efeito gradual de luz legal assim. É aí que você pode ver onde a dureza está também. Não posso fazer isso com o painel FX. Pensa nisso. Isso é muito bonito com esta ilustração, eu espero que você tenha dado uma boa idéia sobre como executar algo maior como este. Tenho certeza que quando querem experimentar este estilo, vão querer entrar em algo assim. Eu sugiro tentar algo simples como o que passamos nos últimos vídeos primeiro, só para que você se acostumar a dar tratamento a cada peça assim. Poderia ser muito assustador quando você tem uma tonelada de camadas e você tem que dar a cada uma dessas camadas aquele tratamento de texturização louco, eu diria que 24 peças é bastante pesado. Eu acho que isso foi cerca de 18 peças para textura, em algum lugar por lá. Estava abaixo de 20, lembro-me de quando estava a fazê-lo. Eu acho que, em média, é uma quantidade bastante decente de camadas que não vai demorar muito. Eu tive um lugar que eu fiz como uma textura de 100 formas. Realisticamente, fiz coisas que pareciam loucas, mas valeu a pena? Não sei se valeu a pena fazer ilustrações malucas como essa. Isso deixaria os clientes realmente entusiasmados, com certeza. Mas então seu cliente perguntaria isso de você, “Agora eu tenho que fazer 100 formas com todo esse tratamento, você está falando sério?” Eu acho que se o preço é certo, o que eu costumo fazer é se eles escolherem algo assim e eles são tipo, eu quero que isso se pareça exatamente com isso. Deixei-os saber quanto trabalho vai para isso, e você tem que cobrar de acordo com certeza. Espero que você tenha gostado deste tutorial tanto quanto eu fiz. Talvez eu esteja fazendo mais tutoriais do PaperStyle se houver uma demanda por isso, se vocês vierem até mim, vocês dizem: “Ei, eu quero ver uma coisa de 100 camadas”, por exemplo. Acho que posso fazer isso. Vídeos seriam provavelmente uma hora mais ou menos, mas se houver uma demanda por isso, eu ficaria feliz em fazer coisas assim. Deixe-me saber se todos vocês realmente amam essas coisas eu ficaria feliz em fazer mais ilustrações de papel ou estar feliz ensinar-lhe outras coisas em texturização e iluminação porque é isso que eu faço. Sou um ilustrador que se concentra na textura, iluminação, profundidade e design.
11. Considerações finais: Ei, todo mundo. Parabéns por chegar ao vídeo final, completando assim o curso. Acabou de ganhar o grau de Fugstrator. Grau de papel digital de incrível, que existe aqui e aqui. Se você tiver dúvidas sobre o processo, acredito que o Skillshare tem uma seção de discussão no curso, então, por favor, deixe-me uma nota lá. Se você tiver uma pergunta talvez fora do assunto deste curso, você pode DM me no Instagram. Desde que não seja nada estranho, eu ficaria feliz em responder a qualquer tipo de pergunta que você possa ter, especialmente se for sobre o tema da carreira criativa, com a qual eu ficaria mais do que feliz em ajudá-lo. Além disso, siga-me no Instagram para as últimas obras de arte que eu faço neste estilo. Eu também faço essa coisa realmente legal onde eu combinar realidade aumentada com este estilo de papel digital. É como um nível extra de profundidade 3D e pop vindo até você. Realmente super legal. Confira isso. Sempre fazendo coisas legais no Instagram. Fiquem ligados, todos, para mais cursos de Skillshare. Estou super feliz por estar aqui fazendo isso. Você definitivamente verá mais de mim nesta plataforma. De qualquer forma, espero que todos gostem do curso e eu vou pegá-los no próximo.
Michael Fugoso, Illustrator & Designer
