A forma é tudo: construa a casa dos seus sonhos no Illustrator

1. Introdução: A ilustração é um completo mistério para você? Você se sente sobrecarregado e não sabe por onde começar? Bem, se você está desenhando de sua cabeça ou de uma imagem de referência, um ótimo lugar para começar é com formas. Se você já desenhou um triângulo em cima de um quadrado e chamou de casa, você está pronto para esta classe. Nesta aula, você aprenderá que tudo está em forma construindo sua própria casa de sonho no Adobe Illustrator. Oi, meu nome é Allison, e sou designer gráfico freelance e ilustrador. Trabalho com programas da Adobe há mais de 10 anos e meu trabalho tem sido usado para branding, empacotamento e Web. Na minha jornada, aprendi que até mesmo os desenhos mais complexos podem ser divididos em formas simples, e neste ponto, meu cérebro apenas vê coisas e formas, e você pode treinar o seu para fazer o mesmo. Para o propósito desta aula, estarei trabalhando em três ilustrações de casa de sonho porque vamos lá, eu simplesmente não consegui me decidir. Mas eles serão uma pequena casa sobre rodas, um A-Frame na floresta, e um pequeno apartamento acima de uma mercearia na cidade. Esta classe é perfeita para ilustradores iniciantes ou iniciantes para ilustrador. Illustrator é um programa incrível que é perfeito para criar formas arquitetônicas. Na verdade, uma de suas ferramentas básicas é a ferramenta de forma. Ao longo dessas aulas, ensinarei os conceitos básicos do ilustrador, como dividir formas complexas em seus componentes básicos e como utilizar a roda de cores para criar paletas de cores dinâmicas. Incluí alguns recursos de classe abaixo para que você possa tê-los como uma referência útil enquanto você passa pelas lições. No final desta aula, você será capaz de dividir formas complexas em seus componentes básicos, criar uma composição interessante com facilidade e usar cores de forma eficaz para fazer suas ilustrações estourar. Com essas técnicas fundamentais, você será capaz de enfrentar qualquer tipo de projeto de ilustração. Se você está pronto para construir sua casa de sonho, vamos começar. 2. Seu projeto do curso: Para o seu projeto de classe, você vai estar transformando em uma ilustração da sua casa de sonho. Ele pode estar em qualquer formato de imagem ou dimensões que você deseja. Esta classe é voltada para ilustradores de modo que é isso que eu vou estar usando, mas eu tenho alguns recursos de classe úteis abaixo que você pode usar se você não sentir como ainda para memorizar nada. Você definitivamente vai precisar de um computador com Adobe Illustrator sobre ele, alguns alguns um lápis e opcional seria algum papel de rastreamento que eu acho ser muito útil. Esta classe é otimizada para fazer uma ilustração para mídias sociais e web. Então eu vou estar usando pixels em um espaço de cores RGB, então apenas tenha isso em mente. Se você quiser compartilhar o que você criou nas redes sociais, por favor use a hashtag EverythingIsShapes para que eu possa dar uma olhada. Com tudo isso sendo dito, vamos começar. 3. A forma é tudo: Para esta primeira lição, vou mostrar-vos o que quero dizer com tudo são formas. Pense na primeira casa que você desenhou quando era criança. Do que é feito? Provavelmente um quadrado e um triângulo e um retângulo e alguns quadrados menores se você quiser adicionar uma porta e uma janela. Os mesmos princípios que você aplica àquela casa quando era criança são os mesmos princípios que aplicaremos às nossas ilustrações mais complexas. Por exemplo, tire esta foto de uma casa. Os lados são feitos de retângulos e o teto é composto de um retângulo que você pode manipular facilmente com a ferramenta Caneta. As janelas são retângulos que são feitos acima, até mesmo retângulos menores. Há alguns elementos decorativos nesta fachada, incluindo este círculo na parte superior do edifício. Esse foi um exemplo bem simples, mas é assim que eu quero que vocês pensem quando estão construindo sua própria ilustração. Para o propósito desta classe, estou definindo seis formas básicas que você pode construir com a ferramenta de forma. Depois, há uma forma que você pode criar com a ferramenta Caneta. Essas formas são um círculo, um quadrado, e um triângulo, um oval que é apenas um círculo esticado, um retângulo que é um quadrado esticado, e um diamante, que é dois triângulos colocados de costas para trás. A forma do polígono, que para esta classe eu estou definindo como basicamente qualquer coisa estranha. Existem muitas maneiras diferentes de abordar essa idéia de que tudo é formas. Vou compartilhar alguns dos meus ilustradores favoritos que usam essas mesmas técnicas. George Townley é um ilustrador do Reino Unido. Ele faz ilustrações de marcos de Los Angeles. Suas ilustrações são mais naturalistas na aparência, permanecendo mais fiel à realidade. Ele usa uma paleta de cores quentes e você tem a sensação de que ele está romantizando a cidade. Jenny Lelong é uma ilustradora da França, e ela faz essas ilustrações lúdicas de fachadas diferentes em muitos ela usa um estilo muito plano e faz isso incluir um fundo em vez de ir para uma cor pastel clara. Em muitas de suas ilustrações, seus edifícios são habitados por esses animais muito amigáveis que eu realmente adoro. Coen Pohl é um designer holandês que faz essas ilustrações de edifícios que realmente sentem que eles têm um caminho para eles. Ele usa uma paleta de cores muito limitada de cores contrastantes, o que torna suas ilustrações realmente pop. Ele faz uma variedade de estilos, incluindo isométrica, plana 3D e este estilo de bloco simples. Mark Conlan é um ilustrador da Irlanda, e ele faz essas ilustrações de edifícios que são quase abstraídos em aparência. Seus antecedentes fazem você sentir que você quase entrou em um mundo diferente, e eles são povoados por esses personagens muito simples que adicionam muita vida e mistério às suas peças. Ele usa um uso muito sutil, mas poderoso da textura. Malika Favre é uma ilustradora francesa que usa um estilo muito simples. Suas ilustrações contêm apenas o que é absolutamente necessário para entender a peça. Metade do tempo seus súditos quase se misturam ao fundo. Seu uso de forma elegante, construção e linhas curvas guia seu olho através de sua composição, fazendo você sentir exatamente o que ela quer que você sinta. Hoodzpah Design é um estúdio de design dirigido por Amy e Jenn Hood. Eles usam um estilo muito retro usando cores saturadas D empoeiradas e linha variada. Eles também empregam este outro estilo muito plano que é em preto e branco. Eles freqüentemente usam padrões que abstraem algumas de suas formas, mas ainda lhe dão uma sensação de peso. Estes ilustradores são apenas alguns exemplos dos ilustradores fantásticos que estão lá fora que trabalham neste estilo. Quando você olha para esses ilustradores diferentes, eu quero que você perceba a maneira como eles usam cor, forma e linhas. Suas ilustrações são planas? Como representam a luz e a sombra? As coisas pelas quais você se sente atraído nesses outros ilustradores são decisões que você pode tomar por si mesmo em sua própria ilustração. Nesta aula, você aprendeu o que são as 6 formas básicas e meio. Como começar a quebrar edifícios complexos em seus componentes simples. Alguns ilustradores diferentes que demonstram as diferentes maneiras que você pode abordar este projeto. Para a próxima lição, eu quero que você dê uma olhada em alguns edifícios diferentes e veja se você pode começar a identificar esses componentes básicos. Vá em frente e dê uma olhada na lista de ilustradores e veja se há algum estilo que você gosta particularmente que você queira implementar em sua própria ilustração. Na próxima lição, eu vou estar mostrando a vocês como ilustrar uma casa de símbolos para que vocês possam começar a aprender as técnicas que eu uso para construir essas ilustrações mais complexas. 4. Kit de ferramentas: crie uma casa simples: Nesta lição, vou mostrar o básico do Illustrator, como se locomover e como começar a construir sua casa de sonho. Vou me concentrar em quatro seções diferentes: ferramentas, formas básicas, como modificar formas e como criar formas personalizadas. Não se preocupe em iniciar seu projeto nesta lição, é apenas para brincar com o programa e se familiarizar com as ferramentas. Ao longo da aula, você criará sua casa de sonho. Esta lição é apenas para incentivá-lo a brincar com o Illustrator e demonstrar alguns dos recursos. A primeira ferramenta é a ferramenta Forma, que eu uso para criar formas simples. A segunda ferramenta é o Construtor de Formas, que eu uso para construir formas mais complexas. Você pode soldar formas juntas ou subtraí-las. A ferramenta Caneta que eu uso para formas personalizadas. Você pode clicar em cada ponto e criar linhas retas ou clicar e arrastar para criar formas curvas. Cada ponto em que você clica com a ferramenta Caneta, você está criando um ponto, ou ele também é chamado às vezes de nó. Provavelmente usarei esses termos de forma intercambiável ao longo das lições. A Ferramenta Traçado pode ser usada em formas ou linhas, e você pode acessá-la através do menu Opções de traçado, que fica à direita. Você também pode acessar algumas opções a partir de cima também. Há também a ferramenta Largura, que está na barra de ferramentas esquerda, que tem algumas opções realmente incríveis onde você pode personalizar suas linhas. A Ferramenta de Seleção é sua ferramenta padrão. Você pode mover coisas por aí com isso. Sua Ferramenta de Seleção Direta, que fica ao lado dela, permite que você se mova em pontos ou nós específicos. Sua ferramenta de conta-gotas eu uso para colorir. Algumas outras características que eu uso muitas vezes são as características de canto arredondado. As opções de caminho de deslocamento, que você pode usar para criar versões maiores ou menores de formas personalizadas. A Função Expandir, que você pode usar para transformar linhas em formas próprias. A ferramenta Simplifique Path, que é ótima para quando você tem uma forma com muitos pontos nele. Você pode usar esta ferramenta para se livrar de alguns desses pontos para que você possa editar essa forma um pouco melhor. Vou construir sobre esta ilustração da lição anterior. Vamos nos concentrar em três coisas: as formas básicas, como modificar formas e como criar formas personalizadas. As formas básicas nesta estrutura são um quadrado e um triângulo, que podemos fazer com nossa ferramenta de forma. Minha forma é automaticamente travada no lugar. Se o seu não fizer isso, a maneira de corrigir isso seria no Painel de Exibição, e então vá até Snap to Point, e então ele fará isso. Este triângulo está centrado sobre o quadrado e eu quero que ele combine cada canto aqui. Segurando Alt ou Option, se você arrastar uma dessas alças do lado, ela fará a mesma coisa do outro lado. Quero estender a estrutura e dar uma parede. Vou apertar “Comando C” e depois “Comando F” para colar aquele quadrado em cima de si mesmo. Vou torná-lo de uma cor diferente. Então eu posso pegar o lado direito aqui e arrastá-lo para fora. Eu tenho uma parede que é exatamente a mesma altura que a estrutura frontal. Vou fazer isso de novo para conseguir o telhado. Na próxima seção, vou mostrar como vou modificar a forma para torná-la um pouco mais parecida com um telhado. Mas primeiro, vou adicionar alguns elementos decorativos. Tenho algumas estruturas básicas na minha casa. Eu quero modificar alguns deles para que eles se encaixem um pouco melhor, começando pelo telhado. A maneira que eu vou modificar este teto é pressionando a “Ferramenta de Seleção Direta”. Você pode clicar e arrastar sobre essas duas peças, ou você pode clicar em uma e, em seguida, clicar em “Shift”, e selecionar outra para selecionar várias ou a minha maneira preferida de fazer as coisas. Você pode clicar duas vezes na forma para entrar no Modo de isolamento e, em seguida, clicar e arrastar sobre os pontos desejados. Isso não é necessário para esta ilustração muito simples, mas quando você tem muitas formas sobrepostas, entrar no Modo de Isolamento pode ajudá-lo a se manter organizado ao editar uma peça específica. Em seguida, você pode apenas começar a arrastar e, em seguida, clicar em “Shift” e, em seguida, esperar até que ele se encaixe no lugar. Então você tem um telhado que está perfeitamente alinhado. Para estas janelas, eu quero ir com um olhar arqueado. Eu estou realmente indo para selecionar todos esses pontos principais aqui e, em seguida, usar minhas opções de canto arredondado para arrastá-los para dentro. Eu realmente quero que eles tenham um quadro, então eu vou selecionar um e, em seguida, usar minhas Opções de caminho de deslocamento e usar um valor negativo. Então, se você mudar a cor, você pode ver que há uma forma menor que está perfeitamente centrada lá. Se você começar a arrastar enquanto clica em “Shift” e “Option” ou “Alt”, você pode clicar e arrastar uma cópia. Na verdade, está sob esse outro objeto. Se você pressionar “Command” ou “Control” e, em seguida, suas “Bracket Tools”, você pode realmente mudar onde eles estão no arranjo. O que eu vou fazer para criar alguns painéis de janela é realmente copiar a forma primeiro para que eu tenha uma cópia dela. Em seguida, vá para Caminho do Objeto e, em seguida, Dividir Então, se eu apertar “Preview”, você verá que ele o transforma em um quadrado. Se você tiver uma forma personalizada, isso irá realmente transformá-la em um retângulo. É bom ter uma cópia da forma que você quer ser dividido para que você não perdê-la. Deixe-me agrupar isso, entrar no Modo de Isolamento, e colar o meu círculo lá atrás. Se eu selecionar tudo e, em seguida, usar minha ferramenta Shape Builder, posso criar uma janela circular que tenha alguns painéis de janela. Como você pode ver, na verdade há duas formas aqui. Você pode simplesmente excluir o original. Eu vou criar a chaminé. Com uma chaminé, quero que pareça estar sentada no telhado. Se eu fizer uma chaminé como essa, parece que está no telhado, mas está faltando esse ângulo do telhado. O que eu vou fazer é apertar “Shift” e “Option” ou “Alt” enquanto arrasta esta peça do telhado e amplie para que você possa ver o que está fazendo. Você pode mover isso para aproximadamente onde esta articulação nível está bem aqui. Então, se você quiser ver o quão preciso você é, você pode entrar no Modo de Exibição e Contorno. Como você pode ver aqui, eu não estou bem no lugar certo, então eu posso apenas arrastar até eu chegar lá. Em seguida, para sair dessa exibição, você pode voltar para Exibir e, em seguida, Visualizar. Então eu posso selecionar a peça do telhado e o lado da chaminé. Usando minha ferramenta Construtor de Formas, posso excluir essa peça extra e criar uma chaminé que parece estar sentada no telhado. Nesta última seção, vou mostrar-lhe como criar algumas formas personalizadas. Você pode absolutamente fazer isso com a ferramenta Formas e, em seguida, apenas Shape Builder um par de formas juntos, assim. Então você pode arredondar os cantos. Mas eu quero mostrar a vocês uma maneira diferente de abordar isso também. Com a ferramenta Caneta, se eu clicar ao redor, eu posso criar um pouco de fumaça dessa maneira. Você também pode criar um pouco de fumaça clicando ao redor. Então você pode usar essas opções de canto arredondado para arredondar essas bordas irregulares. Você pode alterar a opacidade ou usar suas opções de gradiente e criar um gradiente que se mistura com seu céu. Se eu mudar estes dois para branco e depois mudar este para zero por cento, então você pode ver, eu tenho um pouco de fumaça que desaparece para o céu, como fumaça natural faria. Agora que você viu alguns dos recursos do que o Illustrator pode fazer, quero que você brinque com o programa e fique um pouco mais confortável com ele. Na próxima lição, vamos desenhar nossas casas de sonho no papel. Olhe ao redor na Internet e veja se há alguma foto ou qualquer outra coisa que você goste que você possa querer usar como uma imagem de referência na próxima lição. 5. Faça o esboço: estabeleça as bases: Nesta lição, vamos desenhar a casa dos nossos sonhos. Você pode fazer isso em qualquer papel que você tem por perto, mas eu vou estar usando um papel de caderno que eu rasgou ao meio. Então eu também tenho algum papel de rastreamento aqui porque eu não gosto de colocar muita pressão sobre mim mesmo quando eu estou começando o esboço porque eu sempre posso revisar e editar para baixo nas rodadas revisionárias. Quando eu estou me aproximando dessas ilustrações, eu gosto de começar com as maiores formas de bloco primeiro, e então eu vou adicionar nos detalhes circundantes depois disso. Também é importante ter em mente o que se sente em casa para você, o que fará desta sua casa de sonho? Quando eu estou desenhando, eu não estou muito preocupado com o ambiente em que minha casa vai estar. Eu só quero começar a obter os formulários básicos para baixo. Para esta ilustração, eu decido ir com uma pequena casa sobre rodas. Precisava de uma imagem de referência para esta carrinha. Esta é a imagem de referência que eu usei, e eu estou apenas quebrando este carro em suas formas básicas. É como um quebra-cabeça. Você está apenas tentando descobrir quais formas se encaixam nesta forma maior, e como você pode construí-la a partir desses componentes básicos. Quando eu estou fazendo essas ilustrações, eu não estou muito preocupado em obtê-lo exatamente correto ou se preocupar muito fazer minhas linhas perfeitas e retas na primeira vez porque eu sempre posso voltar e traçar sobre ele novamente. A primeira vez que eu desenhei o carro, eu o desenhei muito perto de sua forma original. Mas então quando eu passei por cima, eu decidi que eu queria exagerar os recursos um pouco e torná-lo um pouco mais bloco e desenho animado. Isso é honestamente apenas uma preferência pessoal e eu gosto de fazer ilustrações que se parecem com isso. Isso é completamente com você para o que você quer fazer. Decidi ir com uma pequena casa sobre rodas para esta ilustração. Claro que nem todo mundo vai fazer isso, todo mundo tem sua própria casa de sonho. Quando você está começando a conceituar o que você quer fazer, eu absolutamente gostaria de fazer referência a uma foto de uma casa que você gosta. Então, como você reiterar, você pode guardar sua imagem de referência e começar a adicionar detalhes ou uma peça decorativa muito legal ou janelas ou o que quiser. Você pode adicioná-los em si mesmo, e você não precisa se preocupar muito com o que a foto original parecia. Quando você estiver rastreando sua imagem, você pode começar a fazer uma marca um pouco mais pesada e tentar desenhar um pouco mais de uma linha confiante. Eu não usei uma régua para qualquer parte disso porque eu sei que eu posso voltar no computador e torná-lo uma forma perfeita. Eu não estou muito preocupado com isso, você pode usar uma régua se você quiser, mas não é necessário. Em nossa ilustração vamos usar uma composição simples para praticar a criação do edifício principal. A composição será composta de um primeiro plano, médio e fundo. O primeiro plano é tudo o que está perto do espectador, o centro é tudo o que está no meio da sua composição, e o fundo é tudo o que está longe de você. Para os nossos propósitos, vamos preencher o primeiro plano com alguns elementos ambientais básicos que ajudam a definir o cenário. O meio-solo é onde nossa estrutura de meios vai estar e, portanto, vai ser a mais complexa. O fundo terá mais elementos para ajudar a definir a cena. Por exemplo, vou encher o meu terreno com a estrada e o guarda-roupa. O fundo eu quero ser uma cena montanhosa para que ele se sinta como se estivéssemos em uma viagem de carro. O primeiro plano eu vou preencher com alguns arbustos e outros elementos naturais para que ele se sente um pouco mais dinâmico. Você não precisa criar esses elementos agora. Você pode fazê-lo depois de terminar sua estrutura principal na próxima lição, mas é sempre bom ter em mente o que você está planejando fazer em torno de sua estrutura. Agora eu fiz algumas iterações do meu design, eu fiz mais algumas apenas para refiná-lo ao meu gosto. Agora vou tirar uma foto dela e trazê-la para o computador. Na próxima lição, vamos começar a traçar nossa ilustração no computador. Tire uma foto da sua ilustração e certifique-se de que você tem isso pronto. Nesta lição, você aprendeu o básico da composição e agora estamos prontos para seguir em frente para traçar nossa ilustração. 6. Faça o traçado com formas básicas: Nesta lição, vamos começar a vetorar nossas ilustrações. A coisa mais importante a ter em mente é que a organização é a chave, então eu vou mostrar a vocês como configuro meus documentos de ilustração com camadas para que você possa se manter organizado e não ficar sobrecarregado enquanto estiver trabalhando. Eu configuro meus documentos de uma maneira específica para que eu não tenha que me preocupar tanto com isso e eu posso simplesmente bloquear camadas enquanto eu vou e ativar a visibilidade que eu possa fazer check-in para ver como eu estou fazendo com certas coisas. A maneira básica que eu configuro meus documentos é a camada 1 aqui é minha camada de esboço. Eu o tranquei agora, eu trouxe minha imagem e então usei uma máscara de recorte para cortar as bordas e ter certeza de que estava realmente limpo. Então a camada acima dessa é minha camada de fundo. Isso vai ser a linha de terra e qualquer cenário ao fundo e o céu e todos esses tipos de detalhes. Então a terceira camada é a minha camada base, e é aí que eu estou construindo a ilustração real ou a casa real. É onde eu costumo trabalhar cerca de 75% do projeto. Então, acima das minhas formas básicas, eu tenho os detalhes. Acima disso eu terei minhas sobreposições, então minhas sobreposições de cor e quaisquer outros ajustes finais que eu quero fazer. Agora, você pode estar pensando, que diabos, que não se parece com um quadrado ou um triângulo ou algo assim? Estou aqui para vos dizer que esta ilustração ainda pode ser feita das mesmas formas básicas. Vou apenas clicar e arrastar um retângulo aqui com aproximadamente a mesma largura que o carro. Agora, vou usar minha ferramenta Caneta para adicionar alguns pontos ao topo da forma. Vou adicionar um para basicamente cada junta que não está representada. Há uma espelunca aqui para o topo do capô, há uma na junta bem aqui para a parte de cima do carro, há outra aqui. Vou adicionar um aqui, aqui e aqui. Com o meu Shift selecionado, vou selecionar ambos os pontos, e vou apenas arrastá-los para cima. Então eu vou bater este e ajustá-lo um pouco apertando Shift para que ele fique perfeitamente em linha com o outro, eu vou mover este ponto um pouco para cima e este para baixo. De repente você vê que temos uma forma muito mais carro-olhando. Para criar as rodas, acabei de fazer uma ferramenta Circle enquanto pressionava Shift e Option para arrastá-lo de dentro. Então eu vou entrar em “Object” e, em seguida, “Path”, “Offset Path”, e, em seguida, fazer talvez 10 negativo para dar-lhe um pouco de definição longe do principal volume do carro, eu vou fazer isso para este também. Em seguida, selecionando os círculos maiores e a forma do carro, Eu posso apertar Opção e, em seguida, basta excluir esses pontos. Agora, eu tenho a forma básica. Depois, usando a ferramenta Caneta, vou começar a construir a forma das portas. Eu só estou seguindo as linhas que eu já coloquei no lugar, apertando Shift, eu posso colocar esta linha aqui diretamente em linha com o outro nó, clique aqui embaixo. Você pode pensar agora como diabos eu vou conseguir essa linha perfeita com as rodas? O que eu faço é clicar fora da forma, e então se eu bater em uma cor diferente, rosa, você pode ver o que está acontecendo, bater em ambos e, em seguida, usando a ferramenta Construtor de Formas, eu posso pressionar Opção e excluir essa forma para que ele siga perfeitamente na linha. Agora, eu quero aquelas duas janelas internas. A maneira que eu vou fazer isso é com as mesmas técnicas, “Object”, “Path” e, em seguida, “Offset Path”. Agora, eu quero usar uma ferramenta de retângulo e arrastar ao longo dessa linha. Em seguida, vou usar a ferramenta Construtor de formas para excluir a parte inferior da janela. Agora eu tenho essa forma que geralmente é a forma das janelas. Agora, eu quero dividi-lo em dois e adicionar a linha da porta. Vou selecionar a forma, clicar e arrastar até aproximadamente onde eu quero que essa linha esteja, e então eu vou fazer o mesmo para a janela traseira. Agora, eu tenho três formas diferentes e eu vou selecionar todas elas e, em seguida, usar minha ferramenta Construtor de Formas para excluir essas outras peças. Agora, eu quero ter essa linha interna e eu quero que ela seja exatamente paralela às minhas duas peças das minhas janelas. Como eu vou fazer isso é eu vou isolar esta primeira janela e eu vou usar minha Ferramenta de Seleção Direta para selecionar os dois pontos deste lado. Então, se eu acertar o Controle C e o Controle F, não teremos mais uma forma completa, mas apenas a linha. Se eu apagar este ponto aqui, e este ponto aqui em baixo, eu tenho uma linha que é exatamente paralela às outras linhas. Em seguida, usando as teclas Shift e Option, vou clicar e arrastar. Ele vai escalá-lo para cima se você tem as funções de escala em. Mas se você acertar a ferramenta Conta-gotas, então você pode consertar isso muito facilmente. Em seguida, você pode selecionar essa linha ea forma da porta e, em seguida, Shape Builder o excesso de distância. Eu vou usar essas mesmas técnicas para construir o resto da ilustração e então eu vou verificar novamente com você no final. Nesta lição, você aprendeu a utilizar camadas para que você não fique sobrecarregado quando estiver começando uma ilustração grande. Na próxima lição, vamos nos concentrar na cor e como isso pode afetar o humor e sentimento que sua ilustração evoca. Eu quero que você comece a pensar sobre o humor que você pode querer usar em seu projeto. 7. Estado emocional: paleta de cores limitadas: Nesta lição, vamos falar sobre cores, o que elas significam e como criar a melhor paleta para o seu projeto. Teoria da cor é honestamente um tema gigante e provavelmente poderia ser sua própria classe, mas para o propósito desta classe, vamos estar falando sobre os conceitos básicos da roda de cores, psicologia de cores, e os diferentes humores que diferentes cores paletas podem exalar. A roda de cores é apenas uma ferramenta útil para falar sobre as diferentes relações entre as cores. A roda de cores clássica é composta de cores primárias, secundárias e terciárias. As cores primárias são vermelho, amarelo e azul. As cores secundárias são laranja, verde e violeta. Laranja é claro, sendo criado misturando vermelho e amarelo, verde sendo um produto da mistura de amarelo e azul, e violeta sendo um produto da mistura de azul e vermelho e, em seguida, indo um passo além disso, você pode misturar todas essas cores, bem como criar cores terciárias. As cores terciárias são amarelo-laranja, vermelho-laranja, vermelho-violeta, azul-violeta , azul-verde e amarelo-verde e, em seguida, com esse conhecimento, você pode começar a construir suas paletas de cores. É realmente importante ter em mente que as pessoas veem em contraste, acoplando isso com a idéia de primeiro plano, médio e fundo irá ajudá-lo a criar uma composição dinâmica com cor. Por exemplo, em primeiro plano, as cores geralmente ficam mais escuras do que no fundo onde você chega em direção ao horizonte, e as coisas ficam um pouco embaçadas e as cores ficam mais claras. Claro, você pode jogar com esse conceito de maneiras interessantes, mas é bom conhecer as regras antes de quebrá-las. Existem algumas maneiras diferentes de criar paletas de cores com a roda de cores e estas incluem monocromática, análoga, complementar, tríade e quadrada. paletes de cores monocromáticas são feitas de variações de uma cor, modo que podem ser vermelhas e, em seguida, usando versões claras e escuras desse tom de vermelho. Paletes de cores análogas são criadas escolhendo três cores próximas umas das outras na roda de cores. Cores complementares são cores que estão opostas umas às outras na roda de cores. As cores da tríade estão dando um passo além disso, escolhendo cores que estão em três cantos opostos da roda de cores, e paletes de cores quadradas são iguais às cores da tríade, mas escolhendo quatro em vez de três. Agora você pode se perguntar, quantas cores devo escolher? Para o nosso projeto, vamos escolher 5-6 cores. Acho que quando você limita sua paleta de cores, você inventa formas criativas de colorir coisas e você não é tão constrangido por fazer algo parecer naturalista, você pode fazer algo parecer um pouco mais abstrato. Além da roda de cores, também associamos diferentes significados e humores com cores diferentes. A psicologia da cor também pode depender de onde você está no mundo. É muito bom olhar para as cores e o que elas significam antes de começar um novo projeto. Por exemplo, o vermelho está associado à paixão, energia e amor. Laranja está associada a ser amigável, brilhante e brincalhão. Amarelo está associado à felicidade, positividade e energia. O verde está associado à criatividade, crescimento e abundância. Azul está associado a ser confiável, calmo e pacífico. O roxo está associado à riqueza, sendo sofisticado e sentimental. Brown está associado a ser terroso, robusto e honesto. Preto está associado a ser formal, sofisticado e neutro. O branco está associado a ser moderno, estéril e neutro. O cinza está associado com conservador, formalidade e maturidade, e o creme de cor está associado a ser terroso, convidativo e calor. Mesmo além da psicologia das cores, cores diferentes podem ser associadas a diferentes humores ou épocas do dia, ou mesmo épocas do ano. Por exemplo, se você quiser fazer uma cena de nascer do sol em sua ilustração, você pode usar cores claras e insaturadas para torná-la um pouco turva. Se você quiser fazer uma cena do pôr do sol, você pode usar cores saturadas quentes, e se você quiser fazer uma cena noturna que você pode usar cores saturadas escuras, como tons de joia. Como sempre, cores diferentes significam coisas diferentes para pessoas diferentes. Por exemplo, se eu quisesse criar uma ilustração de verão, minha idéia do que seria verão pode ser diferente de como você experimenta o verão. Agora vou mostrar alguns recursos diferentes que você pode usar para criar sua paleta de cores e a maneira muito fácil que eu uso para construir paletas de cores muito rapidamente no Illustrator. Este site é chamado coolors.co, cores com dois O's. É um ótimo site para gerar uma paleta de cores aleatórias ou para explorar o que outras pessoas criaram. Ao bater na barra de espaço, eu posso criar uma quantidade infinita de paletas de cores, e então eu posso bloquear todas as cores que eu gosto, e ele só vai gerar mais cores. Essa é uma ótima maneira de criar uma paleta de cores se você estiver se sentindo preso e precisar de algumas cores para reagir. Tudo bem se você se sentir um pouco sobrecarregado com o processo de escolher cores e você só quer explorar. Tudo no design é iterativo para que você sempre possa voltar e mudar as coisas. Uma das outras ferramentas que eu uso é Adobe Color e Adobe Capture e você pode simplesmente passar e você pode escolher cores diferentes e você pode escolher essas diferentes opções da roda de cores. Você pode experimentar e mover as coisas e honestamente apenas se divertir explorando. Agora vamos dizer que eu encontrei a paleta de cores perfeita e agora eu quero incorporar isso no Adobe Illustrator. Eu vou pegar minha ferramenta Retângulo e apenas arrastar para fora um retângulo longo e, em seguida, eu vou usar Objeto, Caminho, Dividir em grade, e então eu vou criar cinco colunas diferentes. Agora eu tenho cinco caixas uniformemente espaçadas para trabalhar e eu posso escolher todas as cores que eu quiser. Esta é a paleta de cores que vou usar para minha ilustração. Ele tem três cores análogas, que são o vermelho-alaranjado, o pêssego, e que claro laranja-amarelo e, em seguida, oposto na roda de cores, Eu tenho um verde e um azul para agir como cores complementares. Finalmente, estou usando uma cor seis. Vou usar um creme para a minha sombra clara. Eu acho que se você tem muitas cores saturadas sem sombra clara no meio, a composição pode perder muito da definição, então eu gosto de usar a cor creme como apenas um ponto de descanso para seus olhos e ele guia seu olho em torno da composição. Nesta aula, você aprendeu os conceitos básicos de cor, incluindo a roda de cores, psicologia de cores e como diferentes paletas de cores podem influenciar seu humor. Antes de passarmos para a próxima lição, quero que escolha sua paleta de cores e a mova para o Illustrator da maneira que eu fiz. Na próxima lição, vamos pintar nossa casa usando a ferramenta Conta-gotas para colorir nossa ilustração. 8. Pinte a sua casa: Nesta lição, vamos pintar a nossa casa. Vamos discutir a ferramenta conta-gotas e a ferramenta de recor e um pouco sobre luz e sombra. Embora não adicionemos sombras nesta lição, é importante, pelo menos, anotar um pouco sobre isso quando você começar a colorir sua ilustração. A primeira coisa que você precisa considerar ao colorir sua composição é decidir de onde a luz está vindo. Por exemplo, se você estiver fazendo uma cena diurna o sol pode estar vindo diretamente de cima, então o telhado pode estar no sol, mas alguns elementos no chão sob árvores ou qualquer coisa assim pode estar na sombra, ou se você estiver fazendo uma imagem de sensor, o sol pode estar vindo de trás de sua estrutura, então tudo o que você vê estará na sombra. Finalmente, se você está fazendo uma cena noturna, obviamente não vai haver nenhum sol para iluminar a imagem, mas você pode querer adicionar alguma luz da lua ou iluminação dentro de sua casa ou vaga-lumes ou outras fontes de luz. Novamente, é importante ter em mente que tudo em primeiro plano será mais escuro do que o que está no horizonte. Eu tenho o meu segundo exemplo de ilustração aqui e oh rapaz, isso parece uma bagunça? Este é o lugar onde os diferentes preenchimentos de cores e camadas são úteis. Deixe-me esconder tudo, mas apenas a estrutura principal. Vamos começar com isso e depois vamos fazer o fundo e os detalhes mais tarde. A primeira coisa que quero fazer com este A-Frame é colorir no telhado. Eu já sei que eu quero que este seja o ponto de descanso ou o ponto focal para seus olhos. Vou fazer disto a minha cor creme claro. Na minha composição, o sol provavelmente está vindo do topo. Vou supor que a véspera sob o teto aqui está na sombra. Essa será a minha cor rosa mais escura, e então o próprio edifício será a cor vermelha. Esta ferramenta que estou usando aqui é o conta-gotas. Você pode simplesmente selecionar uma cor. Mesmo se você estiver no modo de isolamento e, em seguida, você pode trazê-lo para cima e pressionar a tecla de opção no seu teclado e ele irá soltar a cor diretamente para onde você deseja. Agora, eu quero que todas as janelas sejam desta cor azul. Minha regra geral quando estou fazendo isso é mover para baixo o grânulo de cor do mais claro para o mais escuro quando eu estou colorindo as coisas. O telhado é esta cor creme claro. Vou usar a cor de pêssego para colorir no detalhe do telhado. A maneira como eu coloro na estrutura principal é qualquer plano que está voltada para a mesma maneira, eu vou colorir na mesma. Esta parede aqui é esta cor de pêssego, então eu estou colorindo naquela parte da chaminé da mesma cor e o mesmo vale para o lado. Com o meu corrimão, eu queria que ele saísse da casa e eu sabia que eu já usava o tom de pêssego do lado da parede. Eu fiz o corrimão a cor creme e, em seguida, o lado que está na sombra é no rosa. Então, para o rodapé, eu fui para a mesma cor que a casa, fazendo pêssego virado para fora e a cor vermelha de frente para nós. Agora eu tenho tudo colorido e eu quero trabalhar nas cores e ver se eu poderia brincar com alguma coisa ou simplesmente mudar as coisas ao redor. Eu selecionei tudo aqui e eu vou bater este ícone de roda de cores na parte superior, é chamado Recolorir arte. Como você pode ver, aqui está minha ilustração e está me mostrando todas as cores diferentes. Você pode mexer com as coisas aqui e elas podem ficar loucas bem rápido. Mas se eu entrar em minhas opções avançadas, você pode ver todas as cores que eu usei aqui e você pode deslizá-las ao redor e experimentar o quanto quiser. Como você pode ver, as coisas estão ficando muito incomuns na minha ilustração. Você também pode fazer essas cores diferentes ou o que quiser. É uma ótima maneira de mudar as cores globalmente e não ter que mexer muito se você gosta de onde as cores individuais são colocadas. Na verdade, estou muito feliz com a minha paleta de cores, então vou mantê-la do jeito que é. Mas essa é uma ótima maneira de experimentar suas cores e jogar com diferentes opções. Nesta lição, você aprendeu os conceitos básicos de iluminação e como colorir sua ilustração com o conta-gotas e as ferramentas de recolorir. Na próxima lição, vamos adicionar alguns detalhes à nossa composição. Comece a pensar sobre os pequenos detalhes que você pode querer adicionar que vai fazer isso realmente se sentir como a sua casa de sonho. Antes de passar para a próxima lição, será uma boa idéia ter seus blocos principais já coloridos. 9. Adicione detalhes e estilo: Nesta lição, vamos adicionar pequenos detalhes. Isto é o que vai fazer com que a sua ilustração realmente se sinta como a sua casa de sonho. É aqui que vamos adicionar os elementos que fazem com que a casa se sinta vivida. Esses objetos podem ser árvores, janelas ou cadeiras de gramado ou luzes festivas em junho, o que quer que isso faça parecer que sua casa é o que eu quero que você inclua. Vou mostrar-lhe como adicionar detalhes às minhas próprias ilustrações e, em seguida meu desafio para você será adicionar 2-3 objetos à sua própria ilustração e realmente pensar sobre como você vai quebrar esses objetos e suas formas em formas básicas. Nesta ilustração, eu tenho um apartamento que eu estou imaginando é acima como um supermercado ou um mercado de bairro ou qualquer coisa assim. Meu objetivo para isso é adicionar algum caráter a este edifício. O que eu quero fazer primeiro é adicionar uma peça decorativa a este edifício para que pareça feito de pedra. O que eu vou fazer é arrastar para fora estas duas peças superiores um pouco, que já ajuda a não torná-lo apenas como um retângulo, mas mais como um retângulo decorativo. Eu quero adicionar um traço a isso e então eu vou fazer um caminho de deslocamento sobre isso. Isso parece-me muito bom. Agora vou fazer a mesma coisa para este lado. Agora eu tenho esta interessante peça decorativa no topo. Agora eu quero completar esse visual de pedra adicionando alguns padrões de tijolos. O Adobe Illustrator acabou de adicionar este novo recurso fantástico que é chamado de Repetir Grade. Vou te mostrar como usar isso. A maneira que eu faço tijolos é apenas fazendo uma pequena linha aqui e então eu apenas adicionar outra pequena peça no meio para criar as juntas entre os tijolos. Eu quero fazer um monte de cópias disso, e eu definitivamente posso fazer isso à mão, mas esse novo recurso torna isso muito fácil. Você entra em Repetir e, em seguida, Grid, e você obtém esses pequenos guidões, e então você pode mover essas opções também. Eu só quero dois aqui, e então eu quero derrubá-lo e isso é um monte de tijolos. Então eu poderia espalhar isso também. Isso parece bom para mim. Então, onde a parte interessante sobre isso entra é que você pode entrar em suas opções de repetição e então você pode brincar com essas opções diferentes aqui. Você pode variar a maneira como os tijolos estão voltados para que pareça um pouco mais personalizado. Então eu posso expandir isso e está em uma máscara de recorte, então você só precisa ir em frente e excluir essa máscara de recorte. Mas agora você tem todos esses objetos que você fez em dois segundos. Eles parecem variados e interessantes. Então você pode seguir em frente atrás da janela. Agora parece que você pode ter um prédio de tijolos. Eu só vou terminar esse padrão e então eu vou mostrar vocês como fazer alguns pequenos detalhes extras para esperançosamente inspirá-los a pensar fora da caixa ao pensar sobre seus próprios objetos e detalhes em suas próprias ilustrações. A primeira coisa que eu queria fazer era criar alguns cartazes que pareciam estar na janela. A maneira como eu fiz isso foi apenas criando alguns retângulos e girando-os um pouco e movendo-os ao redor. Para fazê-los parecer que estão dentro da janela, eu recusei a opacidade. Eu também queria incluir uma pequena caixa lá fora onde poderia haver alguns produtos frescos. Comecei com um retângulo e movi um dos nós para baixo para criar uma caixa angular. Eu fiz da mesma cor que o avião voltado para fora, e adicionei um pouco mais da forma para fazer parecer que havia divisórias. Eu só uso círculos para criar um pequeno pacote de laranjas ou algo assim. Mesmo que esses detalhes sejam simples, eu posso começar a me imaginar descendo, indo trabalhar no meu trajeto ou algo assim, e eu posso pegar um café e uma laranja deste pequeno supermercado. É assim que quero que pensem nas ilustrações. Quero que sintas que te consegues imaginar a viver aqui porque, honestamente, isso torna tudo um pouco mais divertido. Você me viu usar esse truque para fumar na simples lição de casa. Eu estou apenas criando uma forma com um monte de pontos com a ferramenta de caneta, e então eu apenas arredondá-los para fora e apenas parece um arbusto. Este é um dos meus truques favoritos. Eu estou criando dois círculos aqui e eu vou entrar no painel Efeitos e, em seguida, descer para ziguezague e eu vou criar algumas pequenas flores abstratas para ir sobre a vegetação na caixa de flores. Provavelmente minha maior dica aqui seria explorar essas opções diferentes. Você pode criar um monte de peças realmente divertido e único procurando apenas por brincar com este material. Tudo bem, nesta lição, você aprendeu a quebrar alguns desses pequenos detalhes em seus componentes básicos de forma e agora vamos passar para a iluminação e sombras. 10. Iluminação e sombra: Nesta lição, vamos nos concentrar em adicionar iluminação e sombras. Isso está indo um passo além de apenas colorir os elementos do bloco, mas agora vamos adicionar algumas sombras aos edifícios e outros objetos e realmente marcar essa iluminação para torná-la um pouco mais dinâmica. Deixe-me mostrar como a iluminação funciona em um cubo e um círculo. Isto é basicamente o desenho 101. Mas quando você tem um cubo e você pode ver três faces desse cubo, cada rosto terá um nível diferente de luz para ele. Quando você está desenhando uma esfera, a iluminação geralmente atinge um lado disso, e então gradualmente grada-se sobre a superfície e, em seguida, geralmente tem um pouco de um retroiluminado na outra extremidade do reflexo. Agora estamos trabalhando em um estilo muito plano. Você pode pensar, “Como diabos eu posso conseguir esse olhar esférico em um objeto plano?” Bem, você pode basicamente dividi-lo em um par de passos em vez de um gradiente. Você pode dividi-lo em talvez um ou dois níveis de sombra, e então você pode aplicar isso a qualquer objeto arredondado em sua composição. Agora eu vou me aproximar da iluminação e das sombras, e há alguns lugares chave que eu já sei que eu quero adicionar sombras. Nesta ilustração, a iluminação vem do canto superior esquerdo. Tendo isso em mente, eu quero adicionar um pouco de sombra àquela peça decorativa no topo, apenas para dar um pouco de dimensão, adicionar uma sombra por baixo, e então eu quero adicionar uma sombra ao nível inferior também. A maneira que eu faço isso é eu apenas usar a ferramenta caneta e me conectar aos diferentes pontos onde eu quero que a sombra para começar e terminar, e então eu vou usar minha cor vermelho escuro, como essa é uma das cores mais escuras que eu tenho na minha paleta. Então eu posso ajustar a opacidade para o que parecer certo para a composição. As sombras, eu estou adicionando à camada base porque eu quero que essa sombra para estar debaixo dessa estrutura como pequena sombra, e é totalmente ok para camada como ele precisa ser colocado em camadas e não seguir a estrutura das camadas exatamente. Agora quero adicionar algumas sombras àquelas laranjas lá em baixo. Na verdade, vou apagar o que fiz e apenas recriá-los para que eu possa copiar e colar. O que eu vou fazer é copiar minha forma laranja original e, em seguida, copiar novamente e movê-lo para cima para o canto superior esquerdo, e, em seguida, excluir todas as formas, exceto para o pequeno pedaço que resta. Então eu posso colar minha forma laranja original atrás dessa sombra, e então eu tenho uma bela sombra curva que segue a mesma curva da laranja. Então eu só vou copiar e colar isso e brincar com o arranjo das laranjas e fazer com que pareça natural e um pouco confuso. Apenas ajustando as coisas um pouco, você pode fazer com que pareça realmente natural e um pouco mais personalizado. Agora você aprendeu o básico da iluminação e das sombras. Quero que adicione qualquer coisa que pareça apropriada à sua composição. Na próxima lição, vamos fazer todos os nossos ajustes finais e terminar nossa ilustração e exportá-la para a web. 11. Ajustes finais: Na última lição, vamos dar uma olhada em nossa composição final, nossas cores, tudo, e ver se há algo que precisamos ajustar antes finalizar e exportar nossas ilustrações. Só alguns truques que eu gosto de fazer. A primeira é inverter a minha composição, vertical ou horizontalmente, apenas para olhar para as formas básicas, e ver se a composição se sente equilibrada. Se não acontecer, então eu normalmente gosto de ajustar alguma coisa neste momento. A segunda dica que tenho para você, é olhar para sua composição, e ver onde estão os pontos focais, ver onde seu olho está sendo desenhado, através da composição. Em gráficos, eles ensinam que você deve começar o olho no canto superior esquerdo, ir para o canto inferior direito, depois no canto inferior esquerdo e, em seguida, sair da composição, através do canto superior direito. Ele cria uma forma de ovo, e ajuda a orientar o olho do espectador através de toda a composição, e cobrir a maioria das informações. Algumas outras coisas para ter cuidado em sua ilustração são: existem duas cores que estão sentadas ao lado da outra que estão muito próximas em valor para onde a definição está se perdendo? Você está transmitindo o humor que você quer definir? Há alguma inconsistência de iluminação na sua composição? Essas coisas são muito fáceis de consertar uma vez que você as reconhece. Eu só vou desafiá-lo nesta lição, para dar uma olhada em sua composição novamente e ver se você pode ajustar alguma coisa. Também mostrarei como uso sobreposições de cores e modos de mesclagem, e como uso a exportação para a função Web, para exportar minhas ilustrações. sobreposições de cores são uma boa coisa para brincar no final do seu processo pois podem ajudar a derreter tudo em sua composição juntos, especialmente se você estiver indo para um certo humor ou uma iluminação, isso pode realmente ajudá-lo. Vou te mostrar como fazer isso. Para os ajustes finais, eu só quero adicionar uma sobreposição de cores, para misturar tudo e dar um pouco mais de dimensionalidade. Então eu terminarei. Com a sobreposição de cores, eu vou adicionar um retângulo, que é do mesmo tamanho que a prancheta, e então eu vou adicionar um gradiente a ela. Eu movi o centro do gradiente para cima para o canto superior esquerdo, já que é daí que vem a minha luz. Então você pode abrir seu menu de opacidade, passar por essas opções e brincar com ele. Você pode ver que isso realmente afeta a forma como sua ilustração parece e pode realmente torná-la pop. Assim que eu estiver feliz com isso, eu vou exportar isso. Isso está em Arquivo, Exportar e, em seguida, Exportar para telas, você verá todas as pranchetas que você tem no documento e você pode nomear isso. Em seguida, você pode escolher em qual pasta você deseja salvá-la. Então este menu de formato aqui é realmente incrível, porque você pode salvá-lo em vários formatos ao mesmo tempo. Acabei de adicionar um sufixo. Ele diz web no final, e eu estou salvando em 72 PPI porque isso é padrão para web. Em seguida, você aperta Exportar prancheta, e você está pronto. Nesta última lição, você aprendeu algumas dicas para ajudá-lo a finalizar sua composição e como exportá-la para a Web. Agora terminamos, e te vejo no final. 12. Finalização: Parabéns, você passou pela aula, e agora você tem uma bela ilustração da sua casa de sonho. Você aprendeu muitas coisas ao longo do caminho, incluindo os prós e contras do Adobe Illustrator, como dividir formulários em seus componentes básicos, como configurar seus documentos do ilustrador para um sucesso com camadas, alguns para que você possa construir paletas de cores que exalem o humor e a sensação que você está tentando transmitir, como fazer sua composição pop com iluminação e sombras, e os ajustes finais e exportação de sua arte para que você possa compartilhá-la. Eu adoraria dar uma olhada nas ilustrações que você criou. Então, por favor, compartilhá-los abaixo na guia Projeto e nas mídias sociais com a hashtag EverythingIsShapes para que eu possa dar uma olhada. Muito obrigada. Te vejo na próxima vez.