Como desenhar gráficos vetoriais no Vectornator - um guia de início rápido

1. Apresentação: Ei pessoal. Você já quis aprender mais sobre artes vetoriais? Quer tentar desenhar alguns vetores. Mas a interface complexa e a infinidade de ferramentas em softwares como Adobe Illustrator ou Affinity Designer e frascos. Desligue você. Você realmente não sabe por onde começar. Tenho uma ótima notícia para você. Há um programa chamado vector Nader, e é totalmente gratuito do macOS e também do iPadOS. Durante esta aula, vou guiá-lo através todos os conceitos básicos da arte vetorial usando o vetor Nader. Então você não precisa investir dinheiro e pode verificar se os gráficos vetoriais são para você. Dados modernos. interface Vector Nader é muito simples. Esse é o mesmo princípio por trás dessa interface que você pode estar familiarizado com software como o Procreate, apenas as ferramentas importantes estão lá para nós e tudo extra, tudo o resto é oculto. Estou ensinando mark e nosso guia você através de seu primeiro projeto vetorial. Vamos projetar um pequeno avatar vetorial usando várias ferramentas. Começaremos com formas simples. E também, mostrarei como você pode desenhar suas formas personalizadas usando lápis e famosa ferramenta de caneta. No final da aula, poderemos criar seu próprio avatar. E a partir daí, você pode levá-lo sempre que quiser. Você pode criar mais avatares. Ou talvez você queira se mover para ilustrar objetos, ícones, logotipos, animais. Isso depende totalmente de você. Em uma hora. Vou dar-lhe tudo o que você precisa saber para começar com gráficos vetoriais. Você pode continuar usando dados vetoriais que são softwares muito capazes. Tudo mais tarde. Você também pode mudar para algo mais complexo, como o Adobe Illustrator ou talvez designer de afinidade. Espero vê-lo na primeira lição. 2. Interface: Aqui estamos no vetor Nader para o desktop. Esta é a versão do Mac OS. Há também a versão para iPad que vou mostrar no próximo vídeo. No centro, há sua prancha de arte. Vamos diminuir um pouco usando este menu suspenso View. Então, como você pode ver, estou usando o tamanho A4. Isso é o que configurei antes de iniciar este novo documento, posso ampliar para caber. Então isso vai sentir, Oh, minha tela. No lado esquerdo, você verá uma camada. Deixe-me apenas algumas formas aleatórias rapidamente. Vou apenas adicionar alguns elementos aqui, então aparecerão no painel de camadas. Agora, dê uma olhada. Posso abrir essa camada e tenho três objetos diferentes dentro. Portanto, você sempre pode consultar seu painel de camadas se quiser pesquisar determinados objetos de seus projetos. ferramenta na parte superior da barra de ferramentas aqui é simplesmente a ferramenta de movimentação do cursor. Podemos usá-lo para mover, girar e dimensionar seus objetos. Então você o usará com bastante frequência. A ferramenta abaixo parece muito semelhante, mas a função é diferente. Esta não é uma ferramenta e a Ferramenta Node afeta apenas um nó da ferramenta de tesoura de forma abaixo. E depois disso, temos algumas ferramentas de desenho. Há nossa ferramenta de caneta, ferramenta de lápis e ferramenta Pincel que mostrarei mais tarde. Uma ferramenta de texto aqui se você quiser adicionar texto à sua ferramenta de projeto e forma. A partir daqui, podemos selecionar várias formas pré-fabricadas. A ferramenta especial de borracha vetorial que apagará parte da sua forma vetorial assim. Muito útil. Então vamos lado a mão para mover a câmera. Mova sua visão ao redor dessa ferramenta de zoom. E abaixo disso temos nossa cor de preenchimento e traçado. Então, se eu clicar na cor, posso usar o controle deslizante para ajustar isso. Se eu clicar no preenchimento, também posso usá-lo para ajustar a cor do traçado também. Portanto, tenha em mente duas cores separadas. Um é cumprir, um é para traçado que está ao redor do objeto. Vamos passar para o painel do inspetor no lado direito da tela. Neste painel, temos várias abas menores e múltiplas. Há aparência no topo. Como você pode ver, você pode abrir e fechar suas guias aqui no inspetor. Preencha, traçado, sombra, efeito e caminho até o topo. Existem mais alguns recursos adicionais como, por exemplo, operadores booleanos. Tudo bem, isso é apenas uma visão geral muito breve. Não se preocupe muito com isso. Vamos falar sobre cada elemento em mais detalhes enquanto trabalhamos durante esta aula. No próximo vídeo, mostrarei a diferença entre a interface para desktop e a versão do iPad. Todas as ferramentas são exatamente as mesmas. Eles estão um pouco em locais diferentes. Portanto, confira o próximo vídeo para ver a interface do iPad. 3. Interface do iPad: Aqui estamos no monitor vetorial deles para um iPad. Como você pode ver, versão deste aplicativo. É muito parecido. O conjunto de ferramentas no lado esquerdo da tela é exatamente a mesma versão ácida para desktop. Apenas uma grande mudança aqui no lado esquerdo é a falta de painel de camadas. painel Camada no iPad estará no lado direito do outro com outros painéis no Inspetor. Mas outras ferramentas estão todas aqui. Estamos usando a entrada de toque em vez de mouse. E não podemos pressionar, digamos, a tecla Shift no seu teclado aqui. Para fazer com que este círculo seja oval com círculo ou retângulo perfeito para ser quadrados perfeitos. Então, em vez de dineina, basta colocar um dedo adicional na tela. Então isso é um truque muito comum. Normalmente, em sua área de trabalho, você clicará em Shift ou Control. No iPad, basta colocar um dedo adicional na tela que deve fazer o mesmo truque. No lado direito da tela, temos nossos painéis, nosso inspetor, o grupo completamente na área de trabalho. Mas aqui na versão do meu iPad, acho que é ainda mais fácil trocar entre eles. Temos como ícones na parte superior e, em seguida, podemos abrir um painel exato que precisamos. Este, por exemplo, quando você pode configurar o preenchimento e o traçado. Então podemos mudar, ir para organizar o caminho e, em seguida, nossas camadas depois disso, as camadas são movidas para o lado direito. Tudo o resto é exatamente o mesmo que no aplicativo para desktop, então você não precisa se preocupar com isso. Você pode fazer tudo o que eu faço na versão para desktop no seu iPad e ao contrário. Apenas uma grande diferença aqui é o seu método de entrada. Você tem Apple Pencil, ícone, mouse, eu tenho teclado, mas você pode colocar um ou dois dedos adicionais na tela para indicar a combinação de atalho. Tudo bem, te vejo na próxima lição. 4. Preencher e curso: gráficos vetoriais são baseados em formas e cada forma pode ter cor de preenchimento, cor e traçado. Você pode ver preenchimento e traçado no painel do inspetor no lado direito. Vamos testar isso em uma forma. Deixe-me usar rapidamente uma ferramenta de forma para desenhar um círculo. Estou segurando Shift no meu teclado para ter um círculo perfeito como este. E podemos ver que isso agora está preenchido com a cor cinza. Aqui, isso acaba com o campo. Posso desligá-lo e ligar. Se eu clicar na cor em si, verei esse controle deslizante que me permitirá alterar rapidamente a cor de preenchimento. Também podemos usar gradientes. Gradiente é essa transição suave entre duas cores. Nesse caso, precisamos configurar duas cores diferentes como essa, talvez algo dessa área. Tudo bem, agora preenchemos nossa forma com um gradiente, então temos algum campo. Que tal AVC? Vamos ativá-lo. ajustar a cor também clicando nesta caixa cinza. É ótimo porque a cor selecionada é cinza. Então vamos ajustar a largura do traçado para que possamos vê-lo. Agora é bem grande. Tudo bem? Existem poucas outras coisas que podemos ajustar sobre o traçado, como início e fim. No nosso caso, temos círculos, então isso não é realmente útil, mas vamos testá-lo de qualquer maneira. Início e fim é simplesmente adicionar seta aos traços, às suas linhas. Algo que pode ser útil quando você está fazendo algum tipo de diagramas. Tudo bem, vamos desligar isso. Também podemos ajustar o traço e a lacuna para a nossa linha. Dessa forma, você pode ter linha com lacunas. Isso é muito útil. E como você pode ver, temos quatro valores de colina, por isso é bastante ajustável. Vamos reduzir o tamanho do traçado para que possamos vê-lo. E como você pode ver agora, adicionando valores ao traço e à lacuna, consegui criar essa linha tracejada em torno da forma. Isso é bom. Se você selecionar sua forma, poderá trocar entre cores. Infelizmente, não podemos usar a classificação com traço, por isso simplificamos isso. Mas, em geral, esse botão troca entre Preenchimento e Traçado os substitui. Você também pode ver a cor para preenchimento e traçado aqui logo abaixo do painel de ferramentas, você vê que este é Phil. Isso é derrame. Você também pode desligar e ligar isso daqui. Tudo bem, então tenha em mente que cada forma tem dois valores de cor, preencha e traçar a linha ao redor da forma. Você pode ver o histórico de seus campos e usar o que está antes. Você pode até adicionar isso à paleta. Assim, você pode reutilizar isso facilmente mais tarde. 5. Como desenhar formas: Às vezes, precisamos desenhar formas básicas como círculos, quadrados. É quando podemos usar moldado ou aqui no lado esquerdo. E nosso painel normalmente está configurado para ser um quadrado. Se você desenhar imediatamente assim, você terá um bom retângulo. Se você segurar Shift no teclado, você pode desenhar um quadrado perfeito como este. Enquanto mantém o turno, você tem a proporção de um para um. Tudo bem, se você jogar com este controle deslizante na comórbida, mova-o para cima. Você completará a forma. Você tem cantos arredondados imediatamente em seu retângulo assim. Isso também pode ser modificado no painel do inspetor aqui. Na aparência, você pode ver o controle deslizante do raio de canto. Você pode modificá-lo depois de desenhar a forma também. Você não precisa se preocupar com isso enquanto está desenhando a forma. Tudo bem, essa é a forma padrão, mas há muitas outras formas escondidas abaixo. Então clique nestes três pontos e você descobrirá que são as formas que podemos escolher. O segundo na lista é oval. Deixe-me mudar a cor desse cara para que possamos vê-lo. Talvez laranja. Tudo bem, então temos oval e o trabalho dele exatamente o mesmo. Você apenas arrasta por aí. Se você segurar Shift, você terá um círculo perfeito, proporção de um para um. Isso é bem simples. O que vem a seguir na lista? O próximo é uma forma de estrela. Mas há mais nisso. Normalmente, você tem o controle deslizante indicando quantos braços você terá agora eu tenho três. Eu movo para cima e peguei 17 agora. Mas se eu segurar o turno, posso empurrar os braços para dentro da forma, mudando a aparência da estrela, tornando os braços muito curtos assim, quase como crachá. Você também pode ajustar quantos braços você obteve do painel de aparência aqui. Podemos adicionar mais braços. Podemos reduzir o número depois de desenhar a forma, também. Como você pode ver. É mais para isso, não apenas como forma de estrela simples. Podemos usar controles deslizantes, usar shift para empurrar os braços dentro das formas estão fora das formas para alterar o Luke. Então, graças à Star Tool, podemos realmente desenhar várias formas diferentes, não apenas estrelas. Você também pode adicionar raio, raio canto à sua estrela para que você arredonde os cantos, você em torno de todos os nós em seu estilo para ter uma aparência muito mais suave. Agora, nossa estrela parece mais com um sol. Como você pode ver, consegui desenhar rapidamente três formas diferentes usando a mesma Ferramenta Star. Certo? O que vem a seguir na lista? Vamos clicar em três pontos novamente. Em seguida, é a configuração da ferramenta de polígono para aparar polígonos em três lados como primeiro, mas podemos modificá-la movendo esse controle deslizante para cima. Agora tenho cinco lados diferentes. E, novamente, você pode modificar esse número depois de desenhar a forma. Assim, você pode usar o controle deslizante no inspetor para isso também. Linguagem, a Ferramenta Star, podemos fazer nosso canto arredondado assim. Você pode desenhar qualquer forma e ajustar quantos lados você precisa? Tudo bem, só à esquerda do Frank aqui e na verdade não moldaram linhas estelares. Portanto, esta é uma ferramenta de linha básica para desenhar linhas retas como esta. E agora não temos uma cor de preenchimento. Vamos adicionar traçado a ele então. Para linhas, usamos traçado para formas. Temos nosso preenchimento e traço em torno da forma. Tudo bem, então chegamos a essa bela linha. Podemos modificar o início e o fim, como você deve se lembrar da sessão anterior. Podemos adicionar como cabeça e o fim desta linha. Se precisarmos. Você pode girar a linha inteira, mas também pode escolher a ferramenta de nó aqui e simplesmente mover 1 da linha ao redor da outra assim. Tudo bem, então esta é a linha dois. Falaremos mais sobre linhas em nossa próxima sessão. E a última ferramenta na lista aqui é apenas um caso especial da linha que é como espiral dentro. É meio que dobrado por dentro. Bela linha espiral. Isso não é uma forma também. Esta é apenas uma linha, então temos traçado agora, podemos ajustar o valor. Quanto essa espiral está entrando? E pontos, todas as opções que temos disponíveis em nossas seções de forma. Então, temos várias formas diferentes, como círculos, retângulos, estrelas e polígonos. E então alguns deles receberam controles deslizantes adicionais. Portanto, não se esqueça dos controles deslizantes adicionais. Posso ajudá-lo por que modificar as propriedades da forma. No lado direito. Você tem sua aparência quando você pode arredondar cantos, mas para alguma sombra como o visual Star Trek. A coisa nova aparece no topo da estrela do inspetor. E então temos um número de pontos que podemos modificar para essa forma. Tudo bem pessoal, te vejo na próxima lição. 6. Como desenhar linhas: Tudo bem, sabemos desenhar algumas formas básicas. Que tal linhas? Sua ferramenta de caneta Y. Usando esta ferramenta, você estará adicionando nós. E esses nós serão conectados com uma linha como essa. Quando você apenas clica, a linha será reta. Se você voltar ao mesmo ponto em que começou, poderá fechar a forma. Para formas fechadas, você pode até adicionar uma cor de preenchimento como fizemos anteriormente. Tudo bem, vamos excluir isso e tentar a ferramenta Paint mais uma vez. Desta vez, vou clicar e segurar. Então eu clico e mantenho pressionado, clique e mantenho pressionado, clique e segure. Como você pode ver desta vez, minha linha não é reta, mas a ferramenta de caneta curvilínea é perfeita para criar linhas curvas. Você deve simplesmente clicar e segurar. Dessa forma, você pode arrastar alguns pontos de controle para fora do nó. Esses pontos de controle permitirão que você faça uma linha de curva. Não é muito intuitivo para iniciantes, então você deve tentar pelo menos algumas vezes. Algumas pessoas dizem que a ferramenta caneta é a ferramenta vetorial mais poderosa. Isso é doloroso, mas essa não é a única ferramenta que podemos usar para desenhar linhas. No próximo na lista é chamado Pencil Tool. E isso é mais estilo de mão livre. Podemos configurar a pequenez básica aqui. Vamos fazer 50%. Em seguida, podemos simplesmente clicar e arrastar. A linha aparecerá diretamente ao lado do cursor. Portanto, é mais fácil de usar do que a ferramenta Caneta, mas temos menos precisão. A ferramenta Caneta é mais difícil de usar, mas mais precisa. Esta é mais como ferramenta à mão livre, fácil de usar, mas um pouco menos de precisão. E é claro que também podemos fechar formas voltando ao primeiro. Mesmo depois de desenhar a linha usando a ferramenta lápis, você ainda pode ajustar a suavidade usando este controle deslizante. Esse é um recurso muito legal. Certo? Há mais uma ferramenta nesta lista. Por aqui, ferramenta de pincel. Vamos dar uma chance. Se você usar a ferramenta de pincel, verá que sua linha tem algum tipo de pressão presa a ela e que está alinhando o lado, como podemos ver, a linha azul e que há algum tipo de pressão sobre ela. Então a linha é mais espessa no final. Desculpe, Tina, no final. Como você pode ver aqui, podemos modificar o tipo de escovado anexado à nossa linha que mudará a aparência. Também podemos mover esse controle deslizante para tornar esse pincel menor, assim. qualquer momento você pode voltar para a linha regular. Mesmo que usemos essa ferramenta de pincel, estamos em linhas regulares. Então, vamos fazer algo oposto. Estou usando a ferramenta lápis agora. Tenho ferramenta lápis, não ferramenta Pincel. Mas se eu selecionar esta linha, dirigi lápis e vou até aqui para a área de pincel e pincel. Posso adicionar o pincel a ele mais tarde. A ferramenta de pincel não é realmente uma ferramenta separada. Na verdade, é apenas uma ferramenta de lápis com um pincel adicionado imediatamente. Você também pode adicionar um pincel para conhecer qualquer outra linha em seu design mais tarde também. Tudo bem, temos caneta, lápis e pincel. E como você deve se lembrar da sessão anterior, também podemos desenhar linhas retas usando esta ferramenta especial escondida em nosso painel Forma. E esta linha também pode ser, o pincel também pode ser aplicado a essa linha reta também. Tudo bem, então deixe-me demonstrar que estou desenhando linhas agora usando a ferramenta de linha. Esta é uma ferramenta dedicada que nos ajuda a desenhar linhas retas. Você pode selecionar todos eles. Posso modificar a largura da linha aqui. Podemos torná-los mais grossos. E se você quiser, você pode adicionar cabeças ou extremidades para fazer algumas setas, por exemplo. Isso também é possível. Finalmente, você pode mudar a linha regular em pincel clicando aqui. O pincel é editável para que possamos editar este pincel e você verá esse gráfico de pressão. Este é um gráfico que simula a pressão aplicada na linha. Você pode modificar isso conforme você precisa. E desta forma temos algum tipo de linha mais realista como desenhada à mão. Tudo bem, isso é tudo sobre linhas e curvas. Vejo você na próxima lição. 7. Operações booleanas: Já sabemos desenhar formas usando ferramenta de forma e também como formá-las usando linhas. Agora é hora de aprender como podemos combinar duas formas. Como você pode ver aqui, eu tenho um retângulo, eu poderia quadrar e também circular. E vou combiná-los juntos. Para fazer isso, você precisará selecionar ambas as formas, precisa ter ambas as formas selecionadas. Você pode usar sua ferramenta de movimentação, seu cursor principal assim, selecionar ambos. E então, no painel do inspetor no lado direito, procure o caminho chamado superior. No meu caso aqui na parte inferior, abrirei esta guia e o ângulo interno várias operações booleanas diferentes que posso usar. O primeiro da lista é chamado Unite. Se eu clicar nisso, vou simplesmente criar uma nova forma que é composta daquelas duas formas que as unem, eu as adiciono. O segundo na lista é subtrair. Clique nisso. A forma na parte superior, criaremos um buraco na forma abaixo. Eu subtraio este, eu corto. Vamos desfazer isso e verificar qual é o próximo quadro? Este, está cruzado. Se eu clicar nele, só acabarei com essa parte de interseção. Essa era uma boa parte comum de ambas as formas. O próximo é o mais poderoso chamado dividir. Depois de clicar nele, parece que nada aconteceu, mas dê uma olhada. Agora posso simplesmente mover qualquer elemento separadamente para que tudo esteja dividido. Agora, isso é realmente poderoso. Tudo bem, temos mais um na lista. E o último como x ou é meio oposto ao cruzamento. Se eu clicar nele, a parte de interseção desapareceria e todo o resto será conectado. Tudo bem, então temos nossas operações booleanas. Podemos adicionar formas juntas, podemos subtraí-las, podemos dividi-las em formas menores, mas também podemos modificar qualquer forma diretamente usando o nó para. A ferramenta de nó é esse segundo cursor, o cursor branco abaixo deste. Isso é chamado de ferramenta Node. Isso não moverá toda a forma. Ele só moverá uma nota, 1, assim. Ao usar isso, posso alterar o visual em qualquer forma. Posso até clicar na linha aqui para adicionar um nó totalmente novo. Dê uma olhada, e agora a forma é totalmente diferente. Era um quadrado simples, mas agora está marcado uma forma muito mais complexa. Como você pode ver, esta nota é curvilínea. Posso clicar nele, ir para o lado direito e posso transformar isso para ser nó afiado como este, curvilíneo ou afiado. Temos um inteligente e também há mais um no final. Este desconecta, lado direito e lado esquerdo da nota para que eu possa movê-los de forma independente assim, muito útil para curvas afiadas como esta entrando. Assim, podemos adicionar ou remover nós. Você pode clicar no nó e pressionar Excluir no teclado e ele desapareceu. Nenhuma ferramenta também é muito útil para personalização de suas formas. Podemos usar apenas a ferramenta Node e transformar esse círculo em forma de coração. Dê uma olhada. Vou movê-lo para baixo. Agora. Vou desconectar o lado direito e esquerdo. Eu posso puxar isso também. A última coisa que eu mudei esse nó aqui para ser nítido. E transformamos um círculo em dificuldades, apenas alguns cliques. Então, como você pode ver, o NO2 também é bastante poderoso se você souber usá-lo. Tudo bem pessoal, te vejo no próximo vídeo. 8. Vamos Fazer um Avatar: É hora de colocar tudo o que aprendemos até agora em bom uso. Vamos projetar avatar vetorial. Este é o nosso projeto de classe principal. Vamos começar. Estou definindo minha cor para cinza porque quero me concentrar em formas e linhas primeiro sem me preocupar com as cores, vou mudá-las mais tarde. Então, primeiro, apenas um círculo cinza simples. Esta será nossa cabeça. Mova para o centro. Você também pode usar o painel laranja no lado direito para organizá-lo para o centro para documentar assim. Perfeito. Tudo bem. Temos nosso círculo cinza. O centro da placa de arte, como você pode não ser. Então, mais longe, o motor de popa é quadrado. Agora estou usando a ferramenta Node e arrastarei esse nó todo o caminho para baixo e torná-lo mais parecido com uma cabeça humana. Legal. Parece que preciso movê-lo um pouco para abrir espaço para o pescoço e o corpo aqui. Acho que é muito grande. Vamos redimensionar isso arrastando o deslocamento de espera do canto para que você reside com a mesma proporção. Tudo bem, é hora de mais um círculo. Mais uma vez, Shape Tool. Nós arrastamos esse círculo aqui uma cor cinza um pouco mais escura neste caso, podemos vê-lo. Então eu posso simplesmente copiar e colar o Comando C, comando V. E peguei o segundo para o segundo olho. Como você pode ver, eu não tenho guias inteligentes em torno disso me ajudando. Quando estou alinhado minhas formas. Azul e dê uma olhada, eu tenho essas linhas azuis por aí. Dessa forma, posso facilmente colocar meus olhos no centro desta cabeça. Se você não conseguir ver Guias inteligentes, vá para Exibir e marque ponto-ponto ativar. Muito útil agora eu os desligo. Não consigo vê-los novamente. Vá para View, ligue-os. Agora tenho caras inteligentes que me ajudaram a alinhar objetos. Bom. Certo? O que vem depois? Talvez possamos usar novamente a forma oval. Um pouco para a esquerda. Assim. Este será meu ouvido. Vou precisar arrastar essa forma abaixo da minha cabeça principal. Posso usar o painel de camadas para arrastá-lo para baixo assim, então ele está oculto abaixo agora. E novamente, mais uma cópia da mesma forma Comando C, Comando V. Vamos virar isso. Tudo bem, assim, nós viramos nossa forma. Podemos selecioná-los juntos para que possamos posicioná-los no centro. E podemos até escalá-los juntos um pouco assim. E como você pode notar, na segunda forma, a cópia ainda está acima da minha cabeça, então eu preciso arrastar isso abaixo também. Tudo bem. Nós desenhamos algumas formas. Bom começo. Vamos desenhar algumas linhas. Talvez possamos usar a ferramenta caneta que aprendemos antes. Então aqui está a ferramenta de caneta. Se eu clicar e arrastar e, novamente, clicar e arrastar algum lugar aqui, vou desenhar uma linha. Agora não tenho cor de traçado apenas cor de preenchimento. Vamos consertar isso. Vou desligar o preenchimento e sintonizar o traço. Eu não preciso de nenhum final aqui. Preciso de finais e cor cinza. Estamos trabalhando com cinza até agora para que possamos nos concentrar em formas e linhas. Está certo, isso não é um sorriso. Então, vamos alterar isso usando a ferramenta nó para nó nos permite modificar curvas como esta. Podemos até mover nós por aí, muito melhor. Legal. Usamos a ferramenta caneta. Que tal a outra ferramenta aprenderá sobre a ferramenta lápis. Vamos torná-lo um pouco mais suave e tentar desenhar algo como um nariz aqui. Ao contrário de sempre, não se estresse demais se sua linha ou forma não for perfeita. Estamos fazendo gráficos vetoriais. Podemos modificar tudo mais tarde usando a Ferramenta Node. Apenas um esboço rápido para começar a iniciar este projeto. Tudo bem, o que eu uso? Ferramenta retangular para criar um pescoço e algum tipo de corpo aqui. Tudo bem, vamos alinhar isso ao centro. Este também. Agora vou selecionar duas formas ao mesmo tempo e usar operações unite. Então eu os adiciono, eles se tornam uma forma. Assim. Bom. Usando a ferramenta Node, você pode mover os nós como quiser. Então podemos mover isso um pouco para dentro. Você pode até selecionar um determinado nó, basta clicar em um nó e então podemos arredondar esse nó. Então, se você clicar em um nó como este, ele será selecionado. Agora posso ir e procurar por raio de canto. E eu posso mover esse controle deslizante para arredondar esse nó específico. Tudo bem, eu posso até digitá-lo do teclado se você estiver usando o teclado agora, vou digitar 50% para este e também 50% para outros sinais. Então, é exatamente o mesmo no meu caso. Certo. Isso agora está acima da minha cabeça principal, então eu preciso arrastar essa camada para baixo. Também podemos renomear isso. Sei que isso é amigo. Agora estou pronto para arrastá-lo todo o caminho para baixo, então fique abaixo. Bom. Vamos virar. Aparência. Vou desligar o traçado e sintonizar a cor de preenchimento desse elemento. Gosto disso. Parece engraçado, mas é um bom começo, bom plano para o nosso avatar. Certo, acho que vamos acabar esta lição desenhando um pouco de cabelo aqui. Então eu acho que vou reduzir tudo. Então eu tenho mais espaço para ela. Isso é melhor ou mais espaço agora. Talvez ferramenta de lápis. Então, temos experiência de desenho à mão livre e simplesmente desenhamos. Primeiro, a mão está na frente da cabeça e depois vamos desenhar mais uma forma para trás. E podemos ver atrás da cabeça dele algo assim. Claro, a segunda forma precisa ser arrastada todo o caminho para baixo. Não aqui, ainda mais baixo atrás do pescoço, atrás do corpo assim. Todo Frank está no lugar. Agora podemos nos concentrar em adicionar cores e elementos menores e polir nossos nós são curvas. Vejo você na próxima lição, vamos continuar com este projeto. Então, salve seu documento. 9. Adicionar Cores ao nosso Avatar: Já temos todos os elementos básicos no projeto. Agora é hora de adicionar algumas cores e também reduzir o número de nós em alguns casos. Então nossas linhas são mais suaves. Agora estou mudando a cor dessa forma grande da minha cabeça usando o painel de preenchimento no lado direito, você pode até adicionar a cor principal à sua paleta para que você possa reutilizá-la facilmente mais tarde. Nesse caso, não posso simplesmente mudar a cor do pescoço porque é como uma forma do corpo. Então, vamos dividi-los. Para fazer isso, vou desenhar um círculo aqui. E vou usar a ação Bowen para dividir o pescoço do corpo. Vamos redimensionar esse círculo. Acho que é um pouco grande demais agora. Reposicione exatamente no centro. Podemos usar o painel de alinhamento. Em seguida, selecione as duas formas ao mesmo tempo. E clique em Dividir na área de caminho aqui. Ao fazer isso, você separará todos os elementos. Posso afastar isso e até mesmo excluir. Tenho meu pescoço aqui e as roupas separadamente. Ação muito útil. Vamos arrastá-lo para baixo no painel da camada. Está abaixo da cabeça. E farei a mesma coisa com o pescoço. Limpe, arraste e solte abaixo. Agora é álgebra escrever assim. Tudo bem? Agora posso usar a Ferramenta Node. Isso é como este segundo cursor e posso reduzir o número de nós. Como você deve se lembrar, desenhamos isso usando ferramenta de lápis, ferramenta de desenho gratuita. Portanto, não podemos controlar o número de nós ao fazer isso. É branco. Agora vou brincar um pouco com minha ferramenta de nó e, principalmente, apenas remodelando e removendo a nota para tornar essa linha mais suave. Por que usar a ferramenta Node, você está editando nó por nó. Você pode clicar no nó e pressionar Excluir no teclado para se livrar desse nó, se você precisar adicionar mais nós, basta clicar na linha e o nó aparecerá. Remodelando, remodelando usando o nó para quase lá. Como você pode ver, geralmente temos muitos nós enquanto usamos a ferramenta lápis, ferramenta de desenho gratuita. Para suavizar isso, precisamos nos livrar de alguns. Tudo bem, isso é muito melhor. Posso desligar a cor do traçado desse elemento. Não precisamos de um derrame. Então, vamos configurar a nova cor de preenchimento para ser marrom. E então podemos simplesmente desligar o traço assim. Para esta área superior. Acho que precisaremos fazer uma cor um pouco mais clara como esta. Parece muito bagunçado. Redesenhe com o serviço de ferramentas de lápis, muito trabalho para consertar isso. Vou excluir todo o elemento. Redesenhou essa ferramenta de caneta de largura. Clique nele, clique em Excluir. Vamos selecionar a ferramenta Caneta e vamos tentar redesenhar isso com a ferramenta caneta. Então clique e arraste, clique e arraste. Dessa forma, podemos controlar o número de nós que estamos usando. Clique e arraste, clique e arraste um aqui. E então podemos fechar a forma. Bom. Ainda podemos usar nó para rir isso para dez nós afiados como este. Poderíamos nó afiado aqui. Usando a ferramenta Mover, você pode até esticar todo o objeto assim de volta para a Ferramenta Node. Isso também deve ser nítido. Perfeito. Tudo bem. Então usamos lápis e também observamos também para ajustar formas para ela. Também adicionamos vergonha às cores em nossas formas como esta. Legal. O quê? Em seguida, temos ouvidos aqui e já temos uma cor para isso. Então, podemos simplesmente configurar essa cor. Ups. Eu adiciono derrame por acidente. Então eu posso simplesmente desligar isso e mudar a cor de preenchimento como devo ouvir isso. Para o pescoço, posso modificar isso. Se eu clicar neste nó aqui, deixe-o nítido. Temos mais navio mais assim, forma mais dinâmica. Parece legal. Vou me livrar dessa roupa abaixo e redesenhá-la novamente. Então eu tenho um retângulo completo lá sem lacunas como essa. Agora eu simplesmente para movê-lo abaixo do pescoço. Aumente o zoom. No meu caso, estou usando o atalho de teclado Command plus para ampliar. Precisamos reposicionar esse retângulo um pouco mais baixo. Vamos ampliar novamente para que eu possa vê-lo exatamente corretamente. Assim, perfeito. Tudo bem, não fazer isso. Posso selecionar esse nó e esse nó juntos segurando shift. Portanto, dois nós são selecionados. E agora posso usar o controle deslizante de canto redondo para arredondá-los ao mesmo tempo. Bom. Podemos até mover esse ponto um pouco para dentro. E este também. O pescoço é muito mais escuro. Não queremos isso. Então, vamos recolorir isso. Esta é a cor original da pele no meu caso. E agora não consigo ver a diferença entre o pescoço e o rosto. Então, vamos desenhar forma adicional usando a ferramenta caneta, apenas um pouco assim. Agora vou colocar isso entre a cabeça e o pescoço. Você deve ser muito preciso. Você deve colocá-lo na camada correta entre o rosto e o pescoço. Agora não posso dizer que está abaixo do meu rosto, então preciso esticá-lo um pouco. Tudo bem, agora já posso dizer isso. Legal. Então isso seria como Ali para sombrear, dando-nos uma espécie de distinção entre pescoço e cabeça. Como você pode ver, é muito grande agora. Vou duplicar toda a área do pescoço selecionada junto com esta sombra e usar a opção de caminho cruzada. Então, apenas a parte que se cruzam. Fique no meu projeto. Perfeito, mova-o para baixo. E aqui está minha sombra. Ryan. Temos um progresso muito bom durante esta lição. Publicamos muitas formas, adicionamos cores ao nosso projeto não é mais cinza, então vamos adicionar cores aqui também. Isso deve ser uma cor de traçado. Posso usar a ferramenta seletor de cores diretamente aqui. Então. Também podemos definir algum tipo de cor rosada para os lábios. Ainda não terminou, mas temos dois bons progressos. Vamos tentar terminar este pequeno avatar durante nossa próxima lição. Então vejo você lá e não se esqueça de salvar seu progresso. 10. Acabamento e exportação de Avatar: Vamos continuar com nosso avatar. Na última sessão, adicionamos algumas cores. Agora vamos cuidar das linhas. Já cuide das formas. Então, vamos selecionar linhas desta vez eu tenho linhas aqui e para o nariz e também aqui, seleciono todas as linhas e fases. E agora posso modificá-los. Posso usar pincel neles. Fresh simulará diferentes pressões da caneta, mas também podemos definir nosso próprio pincel. Então, vamos com os dados. Aqui está o gráfico em que posso clicar no centro e agarrá-lo. Desta forma. Desta forma, a linha será muito mais espessa no centro e mais fina na borda. Tudo bem, é o que eu quero assim. Então, aplicamos um pouco de pressão no centro, por isso é mais natural. Claro, também podemos usar o Node Tool, esta segunda ferramenta de seleção que nos permite mover nós individuais assim. Podemos até clicar e removê-los pressionando delete no teclado. Ao remover nós desnecessários, faremos nossas linhas marcharem mais suaves. É por isso que estou fazendo agora aqui pelo nariz, simplesmente removo e ajuste os nós. Bom, e o mesmo processo aqui para os globos oculares. Certo? Vamos equilibrar isso aqui. Este é desnecessário. Mova isso para o centro. E desta forma aprimoramos nossas linhas. Claro, você sempre pode experimentar sem nenhuma ferramenta movendo e ajustando outros elementos que redesenham nossos prontos. Vamos voltar à fase. Vou fazer uma duplicata desse sorriso aqui. Eu só uso o atalho Command C comando V. E agora, para a duplicata, combinamos isso com o anterior. Então nosso modificou a aparência do anterior agora ficando muito mais espesso, colocou uma duplicata no topo e torná-la um pouco mais escura. Então eu combino duas linhas diferentes aqui. Acho que vou modificar. O maior, o que está na parte de trás. Então, selecionarei isso no menu Camada. E agora vou modificar o pincel que usamos para ele. Então, vamos para este painel de pincéis aqui. Eu posso mudar isso para este ponto de pincel é quase invisível no final e o começo assim. Tudo bem, tem um bom efeito aqui. Agora. Isso é feito. Podemos adicionar alguns detalhes usando linhas para nossas roupas aqui embaixo. Então vou pegar a ferramenta Caneta e desenhar rapidamente uma linha simples aqui. Assim. Não preciso mais desse pincel, então vamos expulsar isso. A linha regular serve. Também podemos modificar e a largura desta linha regular e, claro , a cor que podemos até usar o seletor de cores incorporado. Então comece com isso, faça essa cor ficar mais escura. Assim. Tudo bem. Mais uma vez, nenhuma ferramenta para alguns ajustes menores aqui embaixo. Quando você estiver satisfeito com a posição e a forma desta linha, basta copiar e colar toda essa linha. Você pode usar o atalho no comando do teclado C, Command V. E então vamos virar isso. Então clique aqui para virar. E podemos posicionar isso no lado direito da imagem. Agora, temos pequenos detalhes aqui, detalhes extras. Nosso avatar está quase terminado. Podemos usar a ferramenta Node para fazer algumas alterações finais se você quiser mover alguns conhecidos para remodelar algumas linhas, pontuando o momento perfeito. Tudo bem, também podemos usar a ferramenta caneta para desenhar linhas adicionais acima da nossa forma aqui para adicionar um pouco de textura a ela. Então, vou desligar a preenchimento e ativar a cor do traçado. Também posso aplicar este pincel de pressão que usei antes e, em seguida, selecionar a cor correta. Esta linha adicional nos dará textura extra aqui. Acho que vou modificar isso e fico um pouco mais longo demais. A linha base para isso, essa cor deve ser mais clara ou mais escura do que a cor original como esta. Tudo bem, então por que não fazer um plano de fundo para o nosso avatar Li2? Então, estou usando a ferramenta retângulo agora. Nós preenchemos a cor e podemos ajustar a cor de preenchimento agora. Ele será baseado na cor principal da parte de coagulação. Vou mudar a cor sólida para gradiente. Este é um gradiente radial do centro. Eu modificarei essa cor aqui para ser ainda mais brilhante. Certo? Agora estou pronto para usar a ferramenta Move para esticar essa forma para cobrir todo o quadro de arte. Como você pode notar, ele cobre nosso avatar também. Então, vamos arrastar isso para baixo no painel da camada, no final. Tudo bem, temos nossa formação. Talvez eu faça uma duplicata desta linha aqui para dar ainda mais textura. Então deixe-me ligar fracamente fazer uma cópia do Dan. Então vou posicionar a cópia muito próxima dela, mas preciso modificar a forma dessa linha, a curva desta linha. Mais assim. Bom. Espero que seu avatar pareça semelhante ou melhor que o meu. Você também pode adicionar um gradiente a ela, aquele que eu estou atrás da cabeça para mostrar que é como um pouco de sombra interior ali. Vou precisar virar. Papai agora é da esquerda para a direita. Quero que isso venha de cima para baixo. Isso é bem simples. Você só precisa usar uma ferramenta de movimentação. E então você pode arrastar essa alça amarela para modificar a posição do gradiente. Certo? Tudo bem, estou feliz com os resultados que é muito bom para o nosso primeiro projeto neste software de edição vetorial. Agora estamos prontos para economizar, compartilhar nosso trabalho. Claro, salve seu arquivo de origem primeiro para que possamos editar e modificar sua arte vetorial mais tarde, mas não queremos compartilhar isso como gráficos raster. Assim, podemos escolher diferentes formatos aqui sob o botão Compartilhar. Você pode salvá-lo como PNG, por exemplo, e configurá-lo como seu avatar em algum fórum ou outro perfil. Tudo bem pessoal, obrigado por sua atenção e vou resumir toda essa aula na próxima lição. 11. Avatar no iPad Timelapse: Antes de saltarmos para o resumo, vou refazer todo esse projeto. Então vou projetar um pequeno vetor, nosso tau, um pequeno. Mas desta vez estou usando a versão iPad do aplicativo. Então, para alguns de vocês, eles estão usando a versão para iPad. Eu decido também gravar esses vídeos de lapso de tempo. Isso é acelerado para respeitar seu tempo antes, porque o processo é muito semelhante. Então você saberá exatamente o que estou fazendo aqui. Como você pode ver, esta é a primeira etapa do projeto quando estou usando apenas cores cinza escuro sem a coloração adequada dos meus objetos ainda. Então eu configuro todas as formas de base, testa, nariz, olhos, todas essas coisas. Mais tarde, vou adicionar pescoço e corpo e seu estilo à minha ALU para amortizar. Este é exatamente o mesmo projeto. Isso é lapso de tempo acelerado. E neste caso, estou trabalhando usando a versão Apple pencil e iPad do mesmo vetor de aplicativo Nader, e que você pode baixar na App Store gratuitamente. Então aproveite esse lapso de tempo. 12. Resumo da classe: Parabéns, Você chegou ao final desta aula, mas isso é apenas o começo da sua aventura. Somos gráficos vetoriais e este vetor Nader para cima. Como mencionei antes, você pode usá-lo tanto na versão desktop, no Mac, no iPad. Espero que você tenha conseguido concluir nosso projeto. Você projeta seu próprio pequeno avatar. Sinta-se à vontade para compartilhar sua criação abaixo na seção do projeto. Se você tiver alguma dúvida, você também pode usar a seção de perguntas, o fórum. Você pode fazer a pergunta ou discutir com outros alunos. Este foi apenas o seu primeiro projeto. Neste software. É hora de pensar sobre o que seria seu próximo projeto, você vai criar um ícone, logotipo ou talvez outra ilustração? Talvez desta vez você possa projetar um objeto. Animal. Desafie a si mesmo e pratique todas as ferramentas que aprendemos até agora. Tenha em mente que a ferramenta caneta é bastante desafiadora de usar, é necessária alguma prática. Então, não desista. Pratique sua habilidade de ferramenta caneta. E muito em breve você poderá ilustrar tudo o que quiser usando artes vetoriais. Tudo bem. Obrigado por aprender comigo, e espero vê-lo um dia em uma das minhas outras aulas. Adeus.