Designs de perspectiva 3D no Adobe Illustrator: um curso de Graphic Design for Lunch™

1. Design gráfico para ideias de perspectiva de Lunna 3D: Olá, sou Helen Bradley. Bem-vindo a este episódio de Design gráfico para almoço, design de cubo de perspectiva 3D no Adobe Illustrator. Hoje, vamos olhar para a criação formas de perspectiva 3D no Illustrator e vamos fazer isso manualmente. Vamos criar a perspectiva, a perspectiva de um ponto, à mão. Agora, enquanto você está assistindo a esses vídeos, você verá um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima e, em segundo lugar, escreva apenas algumas palavras sobre por que você está curtindo a aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas e olho e respondo a todos os seus projetos de classe. Se você estiver pronto agora, vamos começar a fazer uma ilustração de perspectiva 3D no Illustrator. 2. Pt 1: Para criar nosso desenho 3D, precisaremos de um novo arquivo, então escolherei Arquivo e depois Novo. Estou fazendo meu tamanho de tela em 1920 por 1080. Estou trabalhando com cor RGB. Se você estiver trabalhando em uma versão anterior do Illustrator, que funcionará muito bem para você, verá apenas uma caixa de diálogo diferente antes de criar seu documento. Agora precisamos de algumas linhas de régua aqui, então eu vou escolher Ver e, em seguida, Réguas e Mostrar Réguas porque a régua me permite arrastar algumas guias. Vou desenhar a minha perspectiva 3D neste tipo de área, assumindo que este é o horizonte. Eu estou fazendo meu horizonte aqui em cima, e eu também vou puxá-lo para a direita. Este é o meu ponto de fuga, se quiser. Vamos para o painel Camadas. Eu vou bloquear esta camada, então isso é apenas travar estes dois guias. Lembrando, é claro, que os guias no Illustrator são apenas formas. São apenas formas como tudo o resto e assim, eles vão se mover se você não fechá-los. Vou adicionar uma nova camada. Porque bloqueei esta camada, preciso de uma camada para trabalhar. Vou mirar a ferramenta Retângulo e vou arrastar um quadrado aqui. Estou trabalhando neste painel aqui para minha perspectiva 3D. Eu estou segurando a tecla Shift como eu faço, para que eu crie um quadrado. Agora vou encher meu quadrado com uma cor. Esta é apenas uma cor que estou usando para um propósito temporário. Em seguida, eu vou mirar a Ferramenta Polígono e neste caso, eu quero um triângulo, então eu estou apenas arrastando para fora um triângulo porque ele não vai ficar assim quando eu terminar. Vou para a Ferramenta de Seleção Direta que me permite selecionar em todos os pontos deste triângulo. O que vou fazer é colocar este ao lado do ponto de ancoragem na minha praça. Vou arrastar esta para a posição aqui e vou levar esta até ao meu ponto de fuga. Agora que eu tenho essa forma no lugar e selecionado, eu vou mudar sua cor, novamente, apenas temporariamente. Agora, eu vou fazer a mesma coisa, então eu quero outro polígono, uma figura de três lados. Se o seu não estiver aparecendo como uma figura de três lados, quando você clicar na ferramenta polígono, clique uma vez no documento. Neste ponto, você pode definir o polígono para quantos lados deseja. O meu foi predefinido para três, então eu vou clicar em “Ok”. Aqui está o meu polígono. Mude para a Ferramenta de Seleção Direta pressionando a letra A. Vou arrastar meus pontos de ancoragem para a posição. Vamos levar este primeiro para o ponto de fuga e ele precisa ser alinhado perfeitamente. Agora vamos pegar este. É um pouco difícil ver meu quadrado agora, então só vou deixá-lo perto e agora eu posso ampliar e aproximá-lo ainda mais. Finalmente, este ponto de ancoragem, clique nele, então apenas ele é selecionado e movê-lo para a posição. Agora, se queremos verificar novamente tudo neste ponto, podemos escolher Ver e, em seguida, Contorno. Na vista de contorno, podemos ver um contorno da nossa forma. Estamos vendo apenas as linhas que compõem nossas formas e nada mais. Isso só torna mais fácil ver que tudo está perfeitamente alinhado, o que é. Escolha Exibir e, em seguida, Visualizar para retornar à exibição regular do documento, pressione Control ou Command Zero para diminuir o zoom. Com esta forma selecionada, vou clicar duas vezes em sua cor e, novamente, mudar a cor apenas temporariamente. Agora que criamos nossa forma inicial, no próximo vídeo, vamos aplicar nossas cores globais e também garantir que a forma e o Illustrator estejam configurados, para que seja fácil criar outras formas baseado neste. 3. Pt 2: Agora que criamos a primeira de nossas formas 3D, há uma configuração no Illustrator, precisamos desabilitar. Você verá aqui quando eu selecionar este quadrado que os cantos ao vivo são acessíveis para mim e essa opção só vai ficar no meu caminho. Então eu vou escolher Exibir e, em seguida, Ocultar widget canto. Agora, quando eu selecionar a forma, você verá que não há widgets de canto, isso vai ajudar a ser capaz de fazer seleções em um minuto. Agora, estamos prontos para lidar com a cor, e o que eu escolhi fazer é fazer a cor mais escura, esta aqui, e eu usei sucessivamente cores mais claras aqui. Agora eu vou fazer isso usando tons e sombra. Então eu vou começar selecionando o mais escuro das minhas cores. Não importa se a mais escura de suas cores como esta aqui ou esta aqui, basta selecionar a mais escura. Vá para o painel Amostras, clique aqui em “Novo grupo de cores” e selecione “Arte selecionada”, “ Converter processo em global”, “Incluir amostras para tons” e clicar em “Ok”, e isso nos dá uma cor global aqui, e essa é a cor que é aplicada a esta forma aqui. Em seguida, vamos escolher Janela, e vamos escolher Guia de cores. Como criamos essa cor como uma cor global, agora temos uma seleção de cores globais alternativas que podemos usar. Eu tenho algumas cores globais mostrando aqui porque eu fui para o menu suspenso e escolhi Opções de guia de cores, e eu defini meus passos para sete. Você pode querer definir seus passos para um valor mais alto para que você tenha muito para escolher. O que eu vou fazer é escolher uma cor ligeiramente mais clara aqui, e eu vou comandar Click, ou Control Click em outra cor mais clara. Vou clicar no menu suspenso e escolher Salvar cores como amostras. Estas vão ser as minhas cores globais. Neste ponto, eu posso simplesmente inato neles, arrastando-os para o mesmo grupo de cores e me livrar deste. Agora, vou voltar à minha forma, vou selecionar este painel aqui e vou aplicar essa cor global a ele e garantir que cada uma dessas outras formas tenha uma cor global aplicada a ele. Agora, estamos prontos para seguir em frente e duplicar as formas. Vamos para o painel Camadas. O que eu tenho aqui é uma camada com uma série de objetos nele, então eu vou selecionar sobre todos os meus objetos, eu vou agrupá-los, então eles vão viajar como um único objeto ou um único grupo. Agora, neste ponto, fazendo duplicatas, eu poderia simplesmente fazer uma duplicata do meu grupo, mas provavelmente vai me dar um pouco mais de opções se eu fizer uma duplicata da minha camada. Vou arrastar minha camada para o ícone Nova camada e, em seguida, posso bloquear a anterior. Agora, isso significa que eu tenho uma segunda cópia da minha forma original, e o que eu vou fazer é ir para a Ferramenta de Seleção Direta. Porque o que eu quero fazer é selecionar apenas o final desta forma, eu não quero selecionar esses pontos de ancoragem aqui porque isso é o que eu posso fazer agora, eu posso mover essa forma para criar uma forma adicional. Eu só vou colocá-lo na posição em que eu quero que ele esteja. Eu vou para o painel Amostras, e eu quero criar uma nova amostra para esses grupos específicos, então basta ir, e selecionar sobre o grupo. Esta vez bloqueada, por isso nem sequer estamos a apontar para ela. Eu vou clicar aqui no “Novo Grupo de Cores” e eu vou apenas clicar em “Ok”, então eu tenho um segundo grupo de cores aqui. Agora, neste ponto eu vou clicar no “ Grupo de Cores ” e clicar na caixa de diálogo “Recolorir”. Eu vou clicar em “Editar” e eu quero recolorir este segundo grupo de cores, então eu vou segmentá-lo aqui, e eu vou apenas arrastar por aí para encontrar outro conjunto de cores para ele. Agora, eu tenho minha roda em segmentos aqui, mas você pode pegar a roda normal se você quiser. Estou feliz com isso. Eu só vou clicar em “Ok”, e eu vou salvar as alterações em meus grupos de cores. Eu tenho um segundo grupo de cores aqui, estas não são cores globais embora. Se quiséssemos cores globais, poderíamos selecionar sobre essa forma e ir e criá-las como cores globais e remover o conjunto original. Em seguida, aplicaríamos essas cores às nossas formas e, em seguida, clique duas vezes sobre isso , certifique-se de que é esta cor global , certifique-se que esta é a cor global, que é, e assim também é esta. Vamos repetir isso, vamos pegar a camada, soltá-la no ícone Nova Camada, bloquearemos as outras camadas, agarraremos a face frontal desta forma e arrastá-la. Agora, a razão pela qual eu disse que vamos desenvolver coisas nesta área é que se nós arrastá-lo até aqui, não faz mais sentido porque ele está faltando este painel lateral. Teríamos de adicionar um painel lateral a ele se o colocássemos nesta posição. Vou deixá-la neste quadrante, por isso faz sentido. Posso arrastá-lo para qualquer posição, posso arrastá-lo para dentro ou para fora. Agora, se eu quiser que este seja um conjunto diferente de cores, eu vou selecionar novamente “Over My Shape”, e eu vou fazer um conjunto de cores para isso. Vou clicar na caixa de diálogo “Recolorir”. Vou clicar em “Editar”. Vou selecionar o grupo de cores a ser usado. Vou mudar as cores deste grupo de cores, e depois clicar em “Ok” e “Sim”. Se eu quiser que isso seja cores globais, eu vou precisar criá-las como cores globais, e isso significa que eu posso me livrar do conjunto que não é cores globais. Podemos verificar isso duas vezes para dizer quando selecionamos este lugar que ele é realmente colorido com uma cor global. Vou continuar e adicionar algumas formas à minha ilustração. 4. Pt 3 e Pt formas: Vejamos agora criar algumas formas extras e redimensioná-las. Voltaremos para a última palete. Vou bloquear qualquer forma que não queira usar. Vou voltar a estas formas azuis. Vou desbloqueá-lo e duplicá-lo. Eu vou bloquear uma versão dele e ir em frente e reajustar o posicionamento desta versão aqui. Se eu quiser que ele esteja em cima de tudo, eu posso apenas arrastá-lo para o topo da última paleta. Estou feliz com a cor azul, mas nesta fase, eu quero que o rosto desta forma seja um pouco maior. A maneira que fazemos isso é certificar-se de que estamos na ferramenta de seleção direta e selecionamos apenas sobre esta face porque não queremos alterar o ponto de fuga, mas queremos fazer isso maior. Vamos para a ferramenta de escala. Vou “clicar duas vezes” na ferramenta de escala, porque isso me permite acessar o diálogo. Quero uma escala uniforme e não quero escalar traços e efeitos. Não quero que nada aqui seja escalado, exceto a forma em si. Eu só vou enrolar isso em cerca de 120, bem, provavelmente 130. Você pode dizer que escolher esses pontos de ancoragem aqui significou que toda a forma agora foi dimensionada em proporção. Vou clicar em “OK”. Agora temos essa forma aqui que é um tamanho maior e podemos continuar e criar formas baseadas em outras formas. Vou usar as cores que já tenho. Vou mirar a forma. Vou selecionar a Ferramenta Seleção Direta, ir para a minha forma, arrastá-la para uma nova posição. Posicione-o acima de tudo o resto. Se eu preferir esse olhar, vou reselecionar isso e movê-lo de volta e vou ampliá-lo. Mais uma vez, eu vou para a ferramenta de escala e eu acho que eu vou soltar este em torno de 125 por cento e clique em “ok”. Mais uma vez, Se quisermos movê-lo, podemos apenas ir e selecionar sobre a face dele e apenas movê-lo onde quer que seja que queremos que ele seja. Agora vou continuar e adicionar algumas formas adicionais antes de irmos para o passo final. No próximo vídeo, vamos dar uma olhada rápida em levar uma dessas formas em um quadrante diferente. 5. Coloque uma forma em outro quadrante: Se você decidir que quer levar uma dessas formas para um quadrante diferente, isso é o que você vai fazer. Vamos isolar uma das formas que podemos usar. Vou usar este no topo. Vou arrastar e soltar no novo ícone. Eu vou desbloqueá-lo e eu vou pegá-lo com a ferramenta de seleção direta, a duplicata, e apenas movê-lo através deste painel aqui. O que falta é esta forma aqui em baixo, e também tem uma forma extra aqui que não precisa. Vamos mover as coisas um pouco. Vou abrir o painel e abrir o grupo. Eu vou decidir qual dessas formas eu quero manter. Bem, eu quero manter este aqui em cima porque este é este avião aqui. Mas é este avião aqui atrás que eu quero mover. O que eu vou fazer é ir e mirá-lo, e eu vou ampliar e movê-lo. Com a ferramenta de seleção direta, eu vou selecionar sobre os cantos deste plano, e vai ser difícil para mim bloquear tudo o resto enquanto eu faço isso, então eu vou pegar este elemento e trazê-lo para cá e eu vou este e traga para cá. Mais uma vez, eu vou olhar para isso em vista de contorno com vista de contorno apenas para verificar que eu tenho tudo muito bem alinhado. Vamos entrar aqui e ter certeza de que o alinhamento é perfeito. Parece que é bom lá. Vamos descer aqui e ter certeza que é bom no fundo também. Parece muito bom para mim. Vou escolher Exibir e, em seguida, Visualizar. Vou diminuir o zoom. Agora temos uma forma que funcionará neste quadrante da grade. Nós só tivemos que reconstruí-lo um pouco para que os painéis que estávamos vendo fossem aqueles que nós veríamos se estivéssemos neste ponto e olhando para um ponto de fuga. Veremos este lado das formas, mas o lado deste. O que vamos fazer é desbloquear tudo aqui. Vou voltar para a ferramenta de seleção direta, só vou colocar isso de volta um pouco. 6. Coloque uma forma em linha com o Ponto de: Para terminar o meu projeto, vou colocar uma forma aqui mesmo sobre esta linha. Agora eu quero usar um verde então eu vou apenas ir e localizar um dos verdes e fazer uma duplicata dele. Vou destrancá-lo e trazê-lo para o topo e trancar todo o resto. Neste ponto, eu só quero mostrar a vocês um pressionamento de tecla que vai facilitar o desbloqueio e bloqueio de camadas. Vou manter pressionada a tecla Alt ou Option e clique aqui. Clique uma vez para ativar os bloqueios e uma vez para desativá-los. Você só deseja alternar isso até que os bloqueios em todas as outras camadas ativados e somente a camada com a qual você deseja trabalhar esteja desativada. Agora eu posso ir e pegar este e eu vou colocá-lo nesta posição. Vai estar centralmente localizado no meio desta forma. Agora ele tem um painel aqui que ele não precisa. Porque estamos olhando para ele de cara, não vamos dizer que são painéis laterais nessa forma. Vou pegar este painel aqui, que é o que está em questão, e ou escondê-lo ou removê-lo. Não importa muito o que eu faço. O importante é que não está no meio da ilustração. Não somos capazes de vê-lo porque não deveríamos estar vendo. 7. Pt seis toques de acabamento: Neste ponto, estou quase acabado. Então eu estou indo para a última paleta. Vou me livrar do meu guia, então vou desligá-los. Vou adicionar uma camada, por isso vai para o topo. Eu vou arrastá-lo para o fundo porque nesta camada eu quero criar um retângulo que é do tamanho do meu quadro de arte, que é 1920 por 1080. Ele é preenchido com uma cor sólida e eu estou indo para o painel Alinhar e certifique-se de que as opções dizem alinhado ao quadro de arte. Vou centrá-lo no quadro de arte e vou preenchê-lo com um gradiente. Vou ao painel de amostras. Vou escolher Open Swatch Library e gradientes e vou escolher Sky. Nós vamos preencher a forma com o gradiente usando a ferramenta de gradiente e agora eu posso apenas testar meus gradientes atrás das minhas formas e quando eu encontrar um que eu gosto, eu posso querer adaptá-lo para uso e eu gosto deste vou torná-lo um gradiente radial apenas selecionando Radial. Então eu vou para a minha ferramenta Gradient e eu vou fazer meu gradiente começar abaixo do ponto central da minha ilustração e apenas puxá-lo para fora. Na verdade, acho que pode parecer melhor, um pouco enterrado dentro dele. Agora podemos mudar todas as cores na ilustração se quisermos, para fazer isso vamos precisar entrar aqui e desbloquear todas essas camadas, então podemos selecionar tudo e aplicar uma mudança de cor. Então eu estou indo para a caixa de diálogo de re-cor. Vou clicar em Editar. Vou bloquear as minhas relações de cor. Agora posso começar a girar e dizer o que posso fazer em termos de re-colorir minhas formas. Se eu quisesse, poderia vir aqui e dividir um conjunto de cores. Eu só estou sendo muito cuidadoso para ter certeza que eles têm formas marrons laranjas. As três cores que são usadas para colorir estão indo na mesma direção para que eu não tenha algo que é verde sobre eles. Vou rebloquear minhas cores e posso fazer um ajuste adicional. Realmente gostei muito daquele olhar púrpura. Se você estiver satisfeito com isso, clique para adicionar um novo grupo de cores e clique em OK. Há uma maneira de criar cubos 3D em perspectiva no Illustrator, é uma perspectiva que nós mesmos criamos, essa é uma perspectiva de um ponto. Seu projeto para esta classe será criar uma ilustração em perspectiva de um ponto usando essas formas de cubo. Publique a imagem de sua ilustração concluída como seu projeto de classe. Espero que você tenha gostado desta aula e que tenha aprendido coisas sobre o Illustrator que você não estava ciente anteriormente. Como você estava assistindo a esta aula, você terá sido perguntado se você recomendaria a classe a outras pessoas. Por favor, se gostasse e aprendesse com a aula, faria duas coisas para mim? Em primeiro lugar, responda sim ao fato de que você recomendaria a aula aos outros e, em segundo lugar, escreva em poucas palavras por que você gosta da aula. Essas recomendações ajudam outros alunos a ver que esta é uma aula da qual eles também podem desfrutar e aprender. Se você gostaria de me deixar um comentário ou uma pergunta, por favor faça-o. Eu leio e respondo a todos os seus comentários e perguntas, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio do Illustrator para o almoço. Estou ansioso para vê-lo em um próximo episódio, em breve. 8. Estrelas de perspectiva 3D: Depois de criar sua ilustração de perspectiva 3D, você pode estar interessado em dar um passo adiante e realmente criar uma ilustração que tenha estrelas nela. Vou te mostrar rapidamente como você faz isso. Eu vou escolher “View Rulers” porque eu quero ser capaz de ver meus governantes. Vou arrastar minha linha do horizonte e então vou arrastar através de uma linha que vai me dar o meu ponto de fuga. Tudo vai ser relativo a este ponto aqui. Deixe-me pegar minha paleta de camadas de volta aqui. Vou bloquear tudo e adicionar uma nova camada. Agora, vou criar uma estrela. Eu estou indo para a ferramenta estelar aqui e eu vou apenas arrastar para fora uma estrela de cinco pontas. Se o seu não estiver saindo como uma estrela de cinco pontas, basta clicar no “Quadro de arte” em vez de desenhar a estrela e apenas certifique-se de que está definido para cinco pontos. Tenho uma estrela de cinco pontas aqui, com a qual estou muito feliz. Vou preenchê-lo com uma cor laranja. Vou escolher esta cor. Em seguida, temos que fazer nossos triângulos. Novamente, eles são triângulos, mesmo que pareça que você criaria elementos de quatro lados, nós vamos apenas criar triângulos porque isso vai nos dar nossas dimensões. Vou criar um triângulo com três pontos. Vou colorir um pouco mais escuro para ver o que estou fazendo. Vá para a Ferramenta Seleção Direta. Vou ancorar este ponto aqui na estrela. Eu vou levar este até o meu ponto de fuga, e eu vou levar este aqui para alinhar até este ponto da estrela. Vou fazer isso de novo. Desta vez, vou buscar uma laranja ligeiramente mais clara e o meu triângulo vai estar aqui. Vou pegar o ponto de ancoragem, trancá-lo lá dentro, trancar o segundo no interior da estrela, e depois levar este até o ponto de fuga. Faremos isso de novo. A Ferramenta de Seleção Direta, vou ancorar esta aqui, ancorar esta aqui, e levar esta até o ponto de fuga. Faremos isso de novo. Vou escolher uma laranja diferente para isso. Leve este para este ponto aqui, este para este ponto, e este aqui para fora, novamente para o ponto de fuga. Agora, há mais uma que precisamos fazer. Eu só vou fazer o meu triângulo e nós vamos testar qual deles nós precisamos. Eu não acho que vai ser nesta área aqui, mas eu acho que vai ser aqui. Vamos lá e testá-lo. Vou colocar um ponto de ancoragem aqui, um ponto de ancoragem aqui, e levar este até o ponto de fuga. Você pode ver que isso é apenas um pouco de um triângulo aqui. Nós não precisamos muito disso, e ele precisa estar atrás deste triângulo aqui e atrás da estrela. Deixe-me deixar isso um pouco mais escuro para que possamos ver claramente qual é o problema. Não é a forma, está em uma posição perfeita, é a forma perfeita. Tem de estar atrás desta estrela e atrás desta forma. Vamos para a paleta Camadas, vamos apenas reorganizar as coisas aqui. Vai ser a forma mais alta porque é uma que acabamos de criar. Eu só vou puxá-lo para trás de tudo. Agora temos uma estrela com todos os seus painéis sombreados. Podemos querer fazer um pouco de re-colorir aqui, mas temos a estrela, então vou deixar você recolorir. Eu vou verificá-lo no Outline View embora, porque Outline View apenas nos permite ter certeza de que tudo está no lugar certo. Quando desenhei isto pela primeira vez, descobri que tinha um ponto que não estava bem alinhado aqui, mas desta vez tenho tudo. Quando você seleciona direto, o único ponto que estou vendo é o que está no ponto de fuga, então tudo parece muito bom. Novamente, o que vamos fazer é, vamos selecionar sobre esta forma e vamos agrupá-la com Grupo de Objetos. Vamos fazer uma duplicata da camada arrastando-a para o novo ícone. Vamos bloquear a camada anterior. Vamos para a ferramenta Seleção direta porque queremos selecionar logo sobre a face da estrela, porque isso nos permite movê-la. Quando entrarmos na posição em que queremos que ele esteja, vamos clicar duas vezes na ferramenta Escala se você quiser, e você pode ampliá-la ou diminuí-la conforme necessário. Esse é um desafio adicional para este efeito 3D em particular, onde você pode criar uma estrela. Deixa-me mostrar-te outra coisa que podes fazer com isto depois de as criares. Vou desligar a outra estrela, quero esta aqui. Eu vou selecionar sobre a frente e sobre apenas e eu vou movê-lo aqui para que ela seja ao longo da linha do horizonte. Eu só estou colocando aqui, eu vou selecionar a forma inteira e eu vou fazer um pincel de arte fora dele. Vou clicar aqui em “Pincel novo” e vou escolher “Pincel artístico” e clicar em “Ok”. Agora, em versões anteriores do Illustrator, você não terá a opção Estender entre guias, mas se tiver, sugiro que você a use. Clique em “Esticar entre Guias” e basta mover este guia para apenas passar a ponta da estrela, pois isso permitirá que você dobre e esticá-lo nesta área, mas não nesta área. Tenho-o desenhando desta forma. Vou começar o meu derrame e terminá-lo. O ponto de partida do traçado seria onde a estrela está e eu vou clicar em “Ok”. Vou me afastar daquela estrela. Vou ao meu “Pincel Tool” e vou desenhar a minha estrela. Você pode ver que tendo desenhado elemento 3D original, agora temos uma oportunidade de usá-lo de maneiras diferentes. Neste caso, ao desenhar uma estrela dimensional usando um pincel.