Geometria fácil usando o Procreate + o Illustrator

1. Final de introdução: Bem-vindo à Easy Geometrics. Essa será sua classe Procreate e Adobe Illustrator. Eu sou um artista, ilustrador e professor baseado em Nova York , e eu sou minha 12ª aula de Skillshare. A geometria desempenha um papel muito importante no mundo do design. Se você está projetando um design independente ou você está projetando [inaudível], geometria desempenha um papel integral no mundo criativo. É uma ferramenta importante para ter em sua caixa de ferramentas. Nesta classe, vamos cobrir algumas ferramentas do Procreate, o esboço do design, como preparar o arquivo e exportá-lo para o Illustrator, e uma vez no Illustrator, vamos cobrir o traço da vida, vamos colorir nosso design, vamos criar um padrão, e vamos recolorir; e por último, vamos cobrir o projeto de classe. Para esta aula, você precisará de um iPad e do aplicativo Procreate. Você também precisará de uma caneta. Eu mesmo usarei o lápis da Apple. Você precisará do Adobe Illustrator. Eu estaria usando o Adobe Illustrator CC, e para fins desta classe, nós acionamos usando uma versão que tem a ferramenta padrão. Se você não tem o Adobe Illustrator, não se preocupe. Você pode baixar uma versão de avaliação gratuita em Adobe.com. Vamos explorar algumas cores, e por último, vamos criar um projeto de classe e você também será capaz criar belas geométricas para adicionar à sua caixa de ferramentas. Eu realmente espero que você se junte a mim e eu te vejo na aula. 2. Final em esboço: Vamos começar abrindo o Procreate, selecionaremos uma nova Tela tocando no sinal de adição no canto superior direito. Nesta fase, realmente não importa o tamanho da tela ou a resolução, porque vamos trazer isso para o Illustrator para traçá-la ao vivo e vetorizá-la. Neste ponto, realmente não importa, onde isso importa é, se você está trazendo isso para o Photoshop e, em seguida, as imagens raster. Convém verificar se você selecionou o tamanho correto da tela e a resolução correta nesta fase. Mas para a nossa turma, trazê-lo para o Illustrator, não precisamos nos preocupar com isso. Vou apenas selecionar uma tela quadrada, 3.000 por 3.000 pixels. Vamos tocar no botão Chave inglesa na parte superior, e esse é o botão Ações, vamos ativar, estaremos na guia Tela e vamos alternar no Guia de Desenho, e então vamos selecionar logo abaixo disso, Editar Guia de Desenho. Isso nos leva a um submenu e você verá que há grade 2D, há um isométrico, há uma perspectiva, e há simetria. Para esta aula, vamos trabalhar apenas em simetria. Abaixo da simetria há, diferentes opções, temos a Espessura da linha, a Opacidade da linha, o Desenho Assistido, que já ativamos, e há a Simetria Rotacional, que vamos não ser usando nesta classe, mas é um recurso divertido para brincar com, ele gira todas as suas linhas, como você está desenhando. Simetria Rotacional é divertida de brincar, quando você terminar. Vertical, abaixo disso, é o que estamos agora, Horizontal muda a linha, Quadrante e Radial. Radial é o que usaremos nesta classe. Aqui na barra de cores, você pode mudar a cor para uma cor que lhe convier. Estaremos desenhando em preto, certifique-se de que você não vai direto para o preto, porque então vai ser difícil ver a linha, eu gosto de ficar em algum lugar nos verdes. Em seguida, você pode selecionar Concluído e estamos prontos para começar. Vamos selecionar uma linha Monoweight, queremos ter certeza de que não temos nenhum pincel que começa fino, e vai grosso, e depois fino, porque queremos ter certeza de que estamos ficando bordas realmente limpas. Tente encontrar um pincel monoweight que faça isso por você. O pincel de linha fina sob tinta, que vem com o Illustrator fará o truque, ou uma caneta, qualquer um que seja apenas uma linha reta. Estou usando a linha mono um, e eu fui em frente e selecionei preto, e agora podemos começar. Qualquer coisa que você desenhe na forma de uma torta, eu vou chamar isso, embora não seja realmente uma torta, é como um triângulo isósceles. Qualquer coisa que você desenhe em um triângulo, refletirá em todos os outros. Basicamente, estamos desenhando um triângulo, e então veremos o que descobrimos. Vou começar aqui, no centro, e depois vou ramificar. É óbvio que sou só eu a brincar. Se segurar, terá linhas bem limpas. Vou fazer isso de novo, adicionar outro elemento, vou adicionar um pequeno aqui. Isso é apenas uma questão de preferência, você só vai querer brincar com ele e, à medida que você fizer isso cada vez mais, você descobrirá onde deseja preencher suas lacunas ao trazê-lo para o Illustrator. Tudo isso você aprenderá através do tempo, através de tentativa e erro. Só mais um lá, e depois vou fazer algumas falas para preencher. Se você notar, eu só estou desenhando em um quadrante, e está apenas refletindo em todos os outros. Talvez eu adicione outro aqui, e outro aqui. Você quer ter certeza de que todas as suas linhas estão tocando, porque se elas não estão, então você vai ter um problema quando você vai para a cor. Você quer ter certeza de que todas as suas lacunas estão fechadas. Isso parece muito bom. Encontramo-nos na próxima lição, onde começaremos a colorir. 3. Adicione cor para esboço: Agora vamos para a parte divertida de colorir. Para que ilustradores live trace identifiquem esta imagem e tenham que ser realmente nítidas, você vai querer usar apenas preto. Se você começar a colorir até o momento em que você entrar e traçá-lo ao vivo, ilustrador pega em diferentes tons e tons, e você vai acabar com algo que não é muito nítido. Tudo o que fizermos vai ser preto e depois seremos capazes de colorir uma vez que vivemos rastreá-lo. Para fazer isso, primeiro eu vou renomear esta primeira camada, e chamar esse esboço, e nós vamos criar uma segunda camada, e vamos nomear essa, cor 1. Na cor 1, queremos ter certeza de que o preto é selecionado, e ainda estamos usando o mesmo pincel monoweight ou qualquer pincel que seja bastante preciso, e vamos começar a colorir. Obviamente só estamos trabalhando em um quadrante e isso preencherá tudo o resto. Eu vou começar, vamos apenas ter certeza de que estamos na cor 1 e nós temos que estar no desenho assistido. Só temos que ter certeza de que está ligado. Agora vou delinear mais uma vez. Eu vou fazer zoom para que você veja muito bem. Eu vou delinear mais uma vez, apenas indo para ir, mas direita contra a linha do esboço e ter certeza que eu não vou lá e então, eu só vou trazer e cor. Vou soltar a cor. Eu vou fazer a mesma coisa para este aqui, e eu sei que parece tedioso, mas vai fazer sentido porque eu faço isso assim, e você simplesmente não pode entrar e soltar cores porque nós não estamos trabalhando na camada de esboço. Se você olhar no painel de camadas, você percebe que estamos criando novas formas em vez de apenas preencher a camada de esboço, e há uma razão pela qual eu faço isso é porque eu quero ser capaz de colorir minhas camadas de esboço separadamente. Tudo isso fará sentido, siga e verá uma vez que tudo estiver feito. E agora a chave é, nós não queremos colorir nada que vai tocar a forma preta que nós já criamos nesta camada. Por exemplo, este aqui, eu posso colorir agora nesta camada porque ele não vai interferir com o preto que eu já criei, e isso é praticamente para esta camada. Se eu fosse colorir em qualquer uma dessas outras formas, ele será automaticamente reconhecido como um apenas um grande BLOB com a forma ao lado dele porque eles são todos pretos. Agora podemos ir e começar uma nova camada, e isso vai se tornar cor 2. Às vezes é mais fácil se eu baixar a opacidade na última camada só para que eu possa ver o que precisa ser colorido. Agora posso ir em frente e colorir. Desculpe. Como você pode ver, eu não virei assistente de desenho em, que reduz o trabalho. Ok. Queda e cor, e vamos continuar a fazer isso até que tudo esteja preenchido. Novamente, estamos encontrando uma forma que não vai tocar com as formas nesta camada. Nós somos capazes e podemos selecionar esta forma também, porque esta não vai tocar o preto desta camada, e é praticamente isso. Agora podemos ir para a próxima camada. Isso se tornará cor 3. Verifique se a assistência ao desenho está ativada. Vamos voltar à nossa última camada e baixar a opacidade, e podemos colorir esta próxima. Ajuda quando você aumenta o zoom. Se você não ampliar, uma vez que fizer isso, você vai perceber que deixou algumas linhas para trás e isso não é bom. Nesta camada, isso é praticamente tudo o que podemos colorir porque o último círculo lá vai tocar aquele. Vamos apenas criar outro. Isso tudo soa muito confuso eu sei, mas você vai notar no final que tudo faz sentido porque esta é a única maneira que Illustrator será capaz de ler cada uma dessas formas sem, vamos apenas baixar a opacidade. Illustrator irá perceber as formas sem ter que criar tons e tons diferentes. Desta forma, podemos manter nossas camadas separadas e cada uma delas terá uma cor diferente. É basicamente isso. Eu vou voltar e aumentar a opacidade em todos eles e no próximo vídeo, nós vamos exportar. 4. Exportar: Agora estamos nos preparando para exportar nossa imagem. Vamos selecionar a guia de ações e clicaremos em Compartilhar. Vamos selecionar PSD e a razão pela qual queremos exportá-lo como um PSD é porque queremos garantir que nossas camadas permaneçam intactas. Você tem que selecionar para onde deseja exportá-lo. Vou enviá-lo direto para a minha área de trabalho que eu tenho aberto. Você pode optar por enviá-lo por e-mail ou pode optar por enviá-lo para o Dropbox ou qualquer outro sistema de compartilhamento de arquivos que você tenha. No próximo vídeo, começaremos a viver traços. 5. Trace de imagem: Vamos começar abrindo Adobe Illustrator e encontraremos o arquivo que baixamos. Meu arquivo, eu desembarquei no meu computador e isso iria para o meu arquivo Downloads. Qualquer que seja o método usado, você poderia tê-lo enviado por e-mail para si mesmo ou colocá-lo no Dropbox e arrastá-lo de lá. Se você cair no ar, ele estaria na sua pasta Downloads. No lado esquerdo, aqui você verá “Downloads”, e aqui está minha arte. Agora, a partir deste submenu, queremos ter certeza de que “Converter camadas em objetos” está selecionado. Não queremos nivelar as camadas em uma única imagem porque queremos manter essas camadas agradáveis e separadas. Agora aqui você verá que eu tenho a paleta Camadas, a camada “Plano de fundo” é realmente apenas uma camada em branco, então eu vou excluir isso, eu não vou usá-lo. Em seguida, minha camada “Sketch Image”, eu só vou arrastar isso para o topo porque eu quero que essas linhas para mostrar no topo. Começando com a imagem do esboço, eu vou clicar para que eu possa selecionar essa camada e, em seguida, eu vou para o meu botão “Rastreamento de imagem”, que é automaticamente aqui. No menu suspenso de alternância lá, eu vou selecionar “Cor gráfica”, e essa é uma predefinição que eu tenho e eu vou compartilhar com vocês as predefinições que eu tenho lá e eu também vou colocar isso em um PDF para que você tenha isso. Como você pode ver, você pode brincar com o “Threshold” e, em seguida, há algumas opções avançadas que você pode usar também. Certifique-se de que, de qualquer forma que você colocar o seu, você certifique-se de que “Ignorar branco” está sempre selecionado porque você não quer que o branco apareça através. Como você pode ver, alguns desses bits e peças que estão aqui serão mostrados como uma cor real se você não selecionar, “Ignorar branco”. Você pode brincar com as predefinições, mas se você quiser usar a que eu tenho, eu quase certamente colocarei isso em um PDF separadamente para você na pasta. Nós já apertamos “Rastreamento de imagem”, e agora você tem que se certificar de que você aperta “Expandir”. Isso o expande para uma imagem vetorizada. Vamos apenas fazer o mesmo com o resto deles, eu vou para “Rastreamento de imagem” minha predefinição chamada Cor gráfica e então eu vou apertar “Expandir”. Basta continuar a descer a linha, é um processo bastante simples uma vez que você descobriu sua predefinição. Minha predefinição necessariamente pode não funcionar para você, você pode estar procurando algo mais de um caderno de esboços e apenas criar quantos você gosta para diferentes projetos, você provavelmente vai achar que você vai precisar diferentes tipos de predefinições para obter uma aparência diferente. Agora que todos foram selecionados, tudo foi vetorizado, no próximo vídeo, vamos enfrentar cores. 6. Cor: Agora vamos começar a colorir. Eu já tenho uma paleta que eu tenho p-re selecionado e eu trouxe para aqui. Vou selecionar tudo e vou adicionar isso como um grupo de cores à minha paleta de amostras. Selecionando um novo grupo de cores, clique em OK e agora ele é adicionado aqui à minha paleta. Vou apagar isso para que não interfira com as nossas camadas. Começando com a imagem do esboço, vamos colorir este primeiro. Ao selecioná-lo, ele seleciona tudo nessa camada. Normalmente eu gostaria de fazer minha imagem de esboço ou minha imagem de contorno em uma cor muito clara. Vou selecionar a cor mais clara da paleta. Isto é obviamente por gostos, você pode selecionar uma cor mais escura para este esboço se você quiser um olhar mais ousado. Vamos continuar a descer a linha, colorindo todos os elementos de cada camada. Isso parece muito bom. Podemos sempre em um dos próximos vídeos, vou mostrar-lhe como recolorir para jogar e talvez mover algumas das cores usando o mesmo esquema de cores. No próximo vídeo, vamos criar o padrão. 7. Padrão: Agora vamos criar o nosso padrão. Para esta parte, usaremos a ferramenta de criação de padrões que o Illustrator incorporou. Para fazer isso, vamos selecionar todas as camadas clicando e arrastando, e então vamos para Object, Pattern, Make. Isso é apenas informá-lo de que o padrão foi adicionado ao painel Amostras. Deixe-me diminuir o zoom. Como você pode ver, este já é um padrão muito bom como é. Há outras opções que você pode ir para a guia Opções de Padrão e você pode ir para Brick by Row, talvez você gostaria de uma meia gota. São coisas diferentes que você pode fazer aqui. Por exemplo, digamos aqui quando selecionei Hex by Column, você verá que o padrão se sobrepõe e há duas maneiras de corrigir isso. Você pode ir aqui para a largura e altura e usando as teclas de seta para cima ou para baixo, você pode trazê-lo mais para fora para não tocar mais e, em seguida, você pode fazer a mesma coisa com a altura. Outra maneira de fazer isso é se você clicar neste botão aqui na Ferramenta Tile Padrão, que então permite mover a caixa delimitadora real e que faz a mesma coisa que os botões de alternância. Acho que a largura e altura usando as teclas de seta é mais fácil. Você tem apenas um pouco mais de controle porque você pode apenas shimmy eles um pouco de cada vez. Eu vou trazer este um pouco mais baixo, então é um pouco mais perto, e aquele parece muito bom. Vou clicar em Concluído, e agora o padrão foi adicionado à minha paleta de Amostras. Vamos testar nosso padrão para ter certeza de que é exatamente o que queremos, e selecione outra cor aqui. Nós vamos apenas copiar outra caixa em cima, esperanças que não colou em cima. Mas não há problema, vou colocá-lo em cima. Agora vamos encher essa caixa com o padrão. Agora é um pouco grande demais, mas por tê-lo selecionado, vou para Objeto, Transformar, Dimensionar e desativar Transformar Objetos, e então vamos escalá-lo em 60 por cento apenas para que possamos ver como ele se parece. Esta cor traseira, podemos querer transformá-la em talvez algo mais leve, talvez cinza claro, que braille esverdeado fazer. Como você pode ver, é bem simples. No próximo vídeo, mostrarei como brincar com as cores e recolorir se o esquema de cores que você selecionou inicialmente não for do seu agrado. 8. Recolorir: Agora vamos brincar um pouco com a ferramenta de recor. Quando selecionei esta amostra pela primeira vez e adicionei este fundo cinza, não gostei muito da forma como as cores são todas silenciadas. Então eu vou recolorir eles. Também trouxe mais algumas amostras que agora tenho na minha paleta de amostras aqui. Você só quer ter certeza de que você tem a quantidade certa de cores que você precisa para recolorir seu trabalho artístico. Por exemplo, temos cinco camadas. Cada um tem cores individuais, então precisamos de um mínimo de cinco, mais a cor de fundo nos dará seis. Você quer ter certeza de que quando você está recolorando, que você tem um mínimo de seis cores para jogar, porque se não, o que acontece é digamos que você tem apenas cinco cores e você tem seis selecionados. O Illustrator atribuirá automaticamente uma cor, duplicará a um desses outros elementos, e gostaríamos muito da maneira como separamos nossas camadas aqui. Queremos ter certeza de que temos a quantidade certa de cores, para que o ilustrador possa atribuir a quantidade certa. Com ambos o padrão, e o plano de fundo selecionado, vou clicar no grupo de cores três aqui, e então eu vou descer aqui para o grupo Editar ou Aplicar cores. E isso vai começar a mudar todas as cores. Às vezes, quando você está usando branco, você vai descobrir que o Illustrator vai colocar uma linha através dele, branco ou preto. Geralmente faz isso quando você brinca com as cores, essa cor simplesmente não vai mudar porque é assumindo que é ou um contorno ou um fundo porque é branco ou preto. Se isso acontecer quando você vai para recolorir o seu, apenas certifique-se de que você clique direito na linha, e, em seguida, contanto que você obter a seta, esta cor será incluído no recoloring. Vou selecionar mudar de cor aleatoriamente, e apenas continuar clicando até encontrar uma combinação de cores que combina com você. Este é o lugar onde ele se torna demorado, porque eu posso clicar sobre isso o dia todo, porque todas as cores olhar bonito, mas então você só quer continuar procurando mais. Na verdade, gosto da forma como essa se parece. Como eu disse, posso fazer isso o dia todo. Vamos para esta cor. Isso é realmente bom. Digamos que, por exemplo, agora, eu quero manter o branco que eu tinha. Eu posso desativar isso clicando nisso, e ver como isso se parece. Talvez, eu não queira que esta cor escura seja branca. Talvez eu queira que esteja escuro. Suspeito que goste da combinação de todas as outras cores. Você pode ativar ou desativar qualquer uma dessas setas para selecionar uma nova combinação. Uma vez que você está feliz com o que você tem, basta clicar em OK. Em seguida, ele perguntará se você deseja salvar as alterações no grupo de cores da amostra três antes de fechar? Basta clicar em “Não”, porque você não quer que ele altere sua paleta de cores. Você só queria adicionar uma nova cor só para essa amostra. Isso é praticamente tudo. Em seguida, você pode ir para a ferramenta de recor e recolorir quantas vezes quiser. Vejo você no próximo vídeo. 9. Projeto do curso: Agora, para os projetos de classe. Para o seu projeto de classe, eu só quero que você junte em uma página, seu padrão original e, em seguida, algumas variações dele. As variações podem estar brincando com diferentes paletas de cores ou brincando dentro da ferramenta padrão, selecionando diferentes padrões de tijolos, um padrão hexágono. Ficaria surpreso quando mudasse esses elementos sobre como o padrão assume uma vida totalmente nova. Estou muito animada para ver o que você inventou. Por favor, certifique-se de publicá-lo na seção do projeto. Eu também terei alguns recursos para você baixar. Estou tão feliz que você se juntou a mim nesta aula. Este é um muito rápido e fácil e é um ótimo ativo saber como criar algumas geométricas para complementar qualquer um de seus trabalhos. Muito obrigado e te vejo por volta da aula.