Construção de formas no designer de afinidade - fundamentos gráficos vetoriais

1. Introdução: Ei, sou Mark. Durante esta aula, mostrarei como desenhar mais de 70 formas vetoriais diferentes. Por que precisamos nos concentrar em formas vetoriais? Você pergunta? Como tudo o que desenhamos usando o Affinity Designer ou outros fatores, software é realmente montado apenas a partir de formas simples. Logo tão bonito, chamo uma ilustração vetorial que você viu pode ser desconstruída em formas básicas. Se você puder desconstruir isso, também podemos construir. Podemos montar o que quisermos se você souber desenhar formas básicas. Preparei nosso livro mundial digital para você. Então, depois de cada aula, você poderá abrir esse arquivo e desenhar todas as formas que aprendemos na lição. Uma prancheta é para uma lição. Dessa forma, você pode praticar logo após terminar de assistir ao vídeo. primeiras pranchetas são realmente fáceis e básicas, mas depois mostrarei técnicas ainda mais avançadas dessa maneira, como mencionei antes, será capaz de desenhar 70 formas diferentes. Usando esse conhecimento, você poderá montar belos ícones, ilustrações, logotipos e clip-art. Vejo você na primeira lição. 2. Aula 1 formas básicas de aula: Bem-vindo à lição uma desta classe. Antes de começarmos, você precisará se preparar. Você precisará baixar esta pasta de trabalho. Eu me preparei para você. Então você terá exatamente o mesmo documento me perguntado. Coloquei uma boa orientação cinza em cada prancheta para você para que você saiba qual forma precisa desenhar. Para cada lição, cuidaremos apenas de uma prancheta. Tudo bem, então não fique sobrecarregado depois de abrir esta pasta de trabalho, fez várias placas de arte. Mas nós os faremos um por um, lição por lição juntos. Primeiro, vou te mostrar o que fazer. Então você fará isso sozinho em sua pasta de trabalho. E depois disso, você pode passar para a próxima lição. Vamos começar com o primeiro. Nesta lição, falaremos sobre formas muito básicas. Começaremos pequenos e depois lições por lição em mais técnicas e ferramentas. Ok, aqui estamos na primeira placa de arte chamada formas básicas em nossa pasta de trabalho digital. Portanto, nosso objetivo para esta lição é desenhar oito formas fáceis. Antes de começarmos, vamos configurar uma cor. Estou usando controles deslizantes no lado direito para personalizar minha cor. Vou usar laranja brilhante para que você possa vê-lo facilmente nesta cor cinza que já está lá em nosso quadro de arte. E eu recomendo que você use uma cor brilhante como essa também. Então eu tenho minha cor aqui. cor de preenchimento está configurada. Não temos nenhuma cor de traço. Pronto para começar. Estou usando a ferramenta retângulo agora. Segurando meu mouse para baixo, posso desenhar qualquer retângulo que eu quiser. Se eu segurar o turno assim, vou manter a proporção um-para-um. E eu posso facilmente fazer um quadrado como este. Você sempre pode escolher a ferramenta Mover e clicar no objeto já desenhado. Dessa forma, você pode ajustar as cores depois que o objeto já estiver em nossa prancheta. Também podemos adicionar uma cor de traçado aqui. Dessa forma, você terá esse esboço em torno da forma. No painel Stroke. Podemos ajustar a aparência dessa linha. Não precisamos de um derrame para este projeto. Vou expulsá-lo e vou ficar apenas com a cor de preenchimento. Tudo bem. Sempre podemos selecionar novamente suas formas com a ferramenta Mover. Você também pode usar a ferramenta Mover para transformar formas. Você pode ajustar o tamanho, você pode até incliná-los assim. Isso os fala de algumas outras maneiras. Como se tivéssemos rotação. Podemos movê-los para o lado direito. Portanto, a ferramenta de movimentação fornecerá necessidades básicas de edição. Tudo bem, vamos passar para a segunda forma. Como você pode ver, temos círculo aqui. Podemos usar a ferramenta oval e funciona exatamente da mesma forma. Mantenha o mouse pressionado para desenhar, segure Shift para fazer um círculo perfeito. Também podemos desenhar o círculo do centro. Para fazer isso, basta pressionar a tecla Command no teclado. Então você não vai desenhar a forma do centro. Também podemos combinar isso com turno e círculo perfeito enrugado. Em seguida, é o polígono. Então, vamos abrir este menu aqui. Este é um pouco mais longo. Temos várias formas aqui. Vamos começar com o polígono. Clique e arraste para desenhar uma forma. Então, estou segurando meu mouse. Aqui está. O último na primeira linha é estrela. Mais uma vez, temos uma ferramenta especial chamada Ferramenta Star para isso. É muito fácil. E este define retângulo, círculo, polígono e começa como um conjunto padrão para AB, qualquer ferramenta de criação de vetores. E, de fato, o programa de edição precisará de todos eles. Mas aqui na linha de fundo, temos alguma versão alternativa de forma de borda. Então, vamos dar uma olhada. Primeiro é quadrado, mas com cantos arredondados. Podemos mudar de cantos aqui no topo. Também poderíamos esse controle deslizante para que possamos controlá-los com precisão. A próxima coisa é apenas metade do círculo. Temos uma ferramenta especial para isso. Existem três ferramentas que surgem um propósito semelhante aqui, testaremos a ferramenta PIE primeiro. Vamos usar a ferramenta PIE. Aqui está a ferramenta Pi, e agora podemos fazer ajustes puxando este ponto de controle laranja. E assim podemos desenhar rapidamente apenas metade do círculo. Em seguida, é o triângulo. Vamos usar a Ferramenta Polygon novamente. Porque essa é uma abordagem clássica. Você usa a Ferramenta Polygon e reduz o número de lados para três. E essa foi uma maneira de desenhar triângulos por muito, muito tempo. Felizmente para nós, Affinity Designer e se dedicou a quatro triângulos. Não precisamos fazer isso todas as vezes. Podemos apenas usar o dedicado e aqui está o triângulo. Podemos até controlar esse triângulo com mais precisão graças a este dedicado a apenas uma forma restante para esta primeira lição. Esta é estrela dupla. Então dê uma olhada. Existe uma ferramenta especial de estrela dupla. Na verdade, não precisamos mesclar duas estrelas separadas e podemos usar a ferramenta estrela dupla. E aqui está. Tudo bem, e assim você pode desenhar todas as oito formas da primeira prancheta. Agora é a sua vez. Então, por favor, vá ao nosso livro mundial digital, ampliando o primeiro quadro de arte e desenhe todas as oito formas antes de passar para a lição número dois. 3. Aula 2 formas inteligentes: Durante nossa primeira lição, abordamos formas básicas em nosso primeiro quadro de arte. Isso é feito. É hora de passar para a segunda prancheta chamada formas inteligentes. Temos mais oito formas aqui que um pouco mais complexas. E vamos usar uma ferramenta de forma inteligente para desenhá-los. Portanto, haverá um controle inteligente para alterarmos a forma com facilidade e rapidez. Tudo bem, deixe-me mostrar-lhe. Vamos usar essa ferramenta à esquerda aqui, a mais baixa de várias formas de manchas abaixo dela. Se a ferramenta pudesse ícones diferentes, isso porque ela mostrou a última forma selecionada. Hoje vamos começar com esta estrela quadrada. Então é como estrela, mas pode marcar braços como essa ferramenta muito útil. Podemos simplesmente desenhá-lo do centro como eu mostrei antes, segurando o Comando no seu teclado. Aqui está. E dê uma olhada. Há um ponto laranja que eu posso arrastar. É assim que você pode alterar a forma inteligente facilmente. Se você vir pontos laranja em suas formas inteligentes, significa que há uma maneira de alterar a aparência. Também podemos usar o menu no menu de contexto superior também alterará a forma. Temos o controle deslizante exatamente para a mesma coisa. Há mais um aqui. Podemos decidir quantos braços temos aqui? Muito rapidamente, rapidamente apenas movendo o controle deslizante. Tudo bem, a próxima forma é circular toda a visão e uma ferramenta de rosca especial para DAT. Não precisamos fazer como dois círculos e depois fazer alguma operação. Existe uma ferramenta integrada para esse tipo de forma. Mais uma vez, segure a proporção Shift unida para ter um círculo perfeito. E se você tocar duas vezes nele com a ferramenta de movimento, verá dois pontos laranja. Portanto, os pontos laranja são controles inteligentes que podem alterar essa forma de modo muito rapidamente. Dê uma olhada. Esse é um processo muito suave. Se você vir o ponto laranja em sua forma, há uma maneira de alterar a forma. Funcionários muito úteis. Tudo bem, e a próxima ferramenta inteligente que vamos usar é uma ferramenta super subestimada e muito poderosa aqui. E como você pode ver, é uma forma bastante complexa se você quiser desenhá-la à mão. Se você usar essa ferramenta independentemente da forma em segundos. E mais do que isso, tantos pontos de controle inteligentes nesta ferramenta, temos cinco controles inteligentes diferentes que podemos ajustar. E podemos transformar essa forma em qualquer coisa que quisermos. Essa ferramenta é realmente, muito poderosa. Vamos brincar com ele mais tarde também. Só quero lembrar que eles existem. Tantas pessoas que mudam para o Affinity Designer de outros softwares vetoriais como Adobe Illustrator, vector knitr Enscape. E eles se acostumam tanto com formas básicas como círculos, quadrados e triângulos que esquecem totalmente nossa seleção de formas inteligentes aqui. Tudo bem, o próximo é muito incomum. Um maior, esta forma de gota de lágrima aqui. Isso também é muito bom. Temos que parar a forma rapidamente sem alterar nenhuma forma comum. E está feito. Formas tão presunçosas. Temos quatro para baixo, mais quatro para ir. E, como você pode notar, a maioria deles é exatamente a mesma ferramenta. Então, esta também é uma estrela de final quadrada R, mas eu simplesmente modifico alguns controles inteligentes. Eu puxo isso para baixo. Aumento o número de braços. E dessa forma você produz e forma totalmente nova usando controles inteligentes. Tudo bem, para o próximo, não vou usar a ferramenta de rosquinha. Usarei a ferramenta PIE porque eles obtiveram exatamente o mesmo conjunto de controles inteligentes. Então, mesmo que essa seja a ferramenta PIE, não temos toda aqui dentro, mas posso fazê-lo puxando esse controle inteligente. E é o mesmo para donut, posso abri-lo em uma ferramenta como você viu antes e transformado em ferramenta PIE. Na verdade, uma ferramenta da TO é muito, muito semelhante. Eles obtiveram exatamente o mesmo controle para que você possa alterar um para ser outro com muita facilidade. Tudo bem, mais dois para ir. E essa forma de flor é, na verdade também a mesma ferramenta que usei antes dela. Então dê uma olhada. Só precisamos fazer algumas alterações usando os controles, então reduza o número de braços aqui. Então podemos tornar essa holoenzima muito maior. Vamos fazer com que este seja espetado assim. E então vamos adicionar a curva a ela. Então, é um pouco redondo e é mais como uma forma de flor agora. Certo? E há uma última forma para desenharmos neste segundo quadro de arte. Flor parecida um pouco. Não é uma estrela. Na verdade, é uma ferramenta inteligente chamada Cloud tool. Dê uma olhada. Há algo chamado Cloud tool aqui. Se você usar essa ferramenta, você acabará com pouca nuvem. A borda é Bill of circles como esta, mas podemos alterá-los puxando esse controle inteligente laranja para baixo. E transformamos essa nuvem em uma flor muito rapidamente. Tudo bem, é assim que você pode desenhar formas de borrão da nossa segunda prancheta, certo? Sinta-se à vontade para experimentar um pouco com controles diferentes. Você pode ver os controles marcados com esses pequenos círculos laranja em formas. Tudo bem, vá para sua pasta de trabalho digital agora mesmo e desenhe formas da segunda prancheta. E eu vou te ver na lição número três. 4. Aula 3 operações booleanas: Durante esta lição, trabalharemos em nossa prancheta número três, tudo sobre operações booleanas. Deixe-me começar com um círculo simples aqui. Vou clicar com o botão direito do mouse e duplicar essa forma. Tudo bem, vamos movê-lo para a posição. E como podemos unir duas formas juntas? Primeiro, precisamos selecioná-los e assim. E, em seguida, no menu superior, selecione. Dessa forma, podemos transformar duas formas em uma. Tudo bem, vou clicar em Adicionar. Agora dê uma olhada. Eu tenho apenas uma forma. Agora estou formando nova forma a partir de dois círculos. Agora vou mostrar o segundo caminho, caminho alternativo. Então, eu tenho dois círculos novamente. E antes de clicar em Adicionar, pressionarei a tecla Option no meu teclado. Dê uma olhada nessa diferença. Vejo essa nova forma aqui, mas no meu painel de camadas temos forma composta. Então, ainda posso abrir isso. E vejo todos os blocos de construção para essa forma para poder modificar o círculo que estava lá primeiro, mesmo depois de me juntar a eles. Então essa é a única diferença. As formas compostas de pontos são mais editáveis mais tarde. Para manter esta lição simples, vou ficar com funções booleanas normais como esta, apenas unindo formas. Tudo bem, vamos passar para o segundo. Aqui temos um quadrado. Farei uma duplicata arrastando com a tecla Control ou Command no meu teclado assim. Selecione ambos. E para este, usarei subtrair. Segunda função e dê uma olhada subtrair, me ajudou a cortar o todo. Então, a forma superior foi usada para cortar o orifício na forma do botão. Tudo bem, vamos nos preparar para a ação número três. Com esse círculo, acho que preciso torná-lo um pouco maior assim. E então farei uma cópia disso neste momento. Comando C comando V, copie e cole atalho. Posicione este aqui semelhante ao primeiro, mas vamos usar uma função diferente agora. Vamos cruzar. Dê uma olhada. Dessa forma. Nós mantemos apenas a parte que se cruzam. Tudo o resto se foi aqui. Função muito, muito útil. Tudo bem, vamos passar para a linha de fundo aqui temos uma forma de coração. Felizmente para nós, Affinity Designer, eu tenho, estou pronto para usar a ferramenta de dificuldades. Não precisamos desenhar conosco mesmos, então vamos colocá-lo em posição aqui. Então precisamos de uma cópia disso. Vou arrastar com a tecla Command no meu teclado para fazer um redimensionamento duplicado de rotação. E desta vez vamos usar x ou função Exclusive OR dê uma olhada. Nós meio que Meghan oposto ao nosso anterior. Então, em vez de cruzar essa parte que se cruzam no centro, agora ela está vazia. Então, excluímos a parte de interseção. Certo? Aqui está nosso próximo exemplo. Próxima ação, na verdade, a última na lista que precisamos aprender hoje. Então, vamos criar esse retângulo aqui, o quadrado. Que tipo de ação devemos usar que nos permitirá tirar essa parte central dessa forma. Então, o último da nossa lista é chamado Divino. Dê uma olhada. Vamos selecionar as duas formas e escolher a última ação. Ele dividirá isso em três formas separadas. Tudo bem, agora posso puxar tudo separadamente. Dê uma olhada. Nada é unido. Por mais tempo. Essa ação dividirá a forma para formas menores. Então, conhecemos todas as cinco operações booleanas agora. Então, vamos fazer mais uma chance de praticar. Usaremos a ferramenta de seta para a última. Não se parece com a ferramenta de seta, mas eu digo que esta é a que queremos usar aqui. Com poucas modificações, podemos facilmente mudar essa seta em forma. Queremos, dê uma olhada. Já sabemos sobre pontos de controle laranja em formas presunçosas. Então, vamos usar isso, não este, mas aqui, tau. Agora simplesmente duplique essa forma existente. Tudo bem, não é exatamente o que precisamos dar uma olhada. Temos essa pequena lacuna aqui. Então, como podemos obter esse efeito? Muito fácil. Então, vamos duplicar o no topo. E o único objetivo dessa duplicação é torná-la maior e usar como Subtrair Shape. Essa é uma prática muito comum ao trabalhar com formas. Então, vou clicar, Subtrair e usar essa forma na parte superior para cortar o orifício na forma inferior e a forma na parte superior desaparecer no processo. Às vezes, você duplica formas apenas para usá-las para algum tipo de operação booleana mais tarde. Tudo bem, essa é a nossa lição número três sobre operações booleanas. Vejo você no próximo. O próximo é o nosso mini projeto. 5. Aula 4 ilustração de sorvete: Ok, vamos colocar tudo o que aprendemos até agora em bom uso. Nosso próximo motor de popa é muitos projetos. Vamos ilustrar esse sorvete aqui. Já sabemos tudo sobre formas básicas, formas inteligentes e operações booleanas, então devemos ser capazes de fazê-lo. No caminho. Também vou mostrar alguns truques novos também. Tudo bem, vamos começar com nossa ferramenta de forma. Podemos detectar quais formas precisamos para essa ilustração. Como você pode ver, temos três círculos e um triângulo e retângulo extra. Tudo bem, então eu desenho meu primeiro círculo e agora vou duplicar isso com o trigue que mostrei antes. Então eu só arraste enquanto mantendo pressionado a tecla de comando no meu teclado. Tudo bem, próximo passo, nosso triângulo. Precisamos adicionar alguma rotação a ele, segure o shift para encaixar assim. E a forma final quando é retângulo com cantos arredondados. Por aqui. Tudo em laranja agora, então vamos mudar isso. Vou selecionar essas duas formas e agora você pode usar controles deslizantes, você pode usar, vamos perguntar, bem, a roda é como uma maneira padrão de escolher cores no Affinity Designer, então usaremos isso aqui. Temos uma nova cor para o con, para o nosso triângulo. Vamos modificar a cor do sorvete. Tudo bem, isso será algo como azul, amarelo e rosa. Tudo bem, já que, como temos todos os edifícios, blocos de construção aqui. Então, vamos reposicionar elementos. Você pode dizer um bom encaixe ativado para que eu possa ver linhas orientadoras adicionais aqui abaixo aparecendo. Para que eu possa posicionar minhas formas facilmente. Este deve estar no topo, então vamos arrastá-lo acima outros no painel de camadas assim. Agora, vamos posicionar isso no topo aqui. No centro, posso ver essa boa linha de orientação extra. Aqui está a opção de encaixe. Você pode desligá-lo assim. E quando o desliguei, não consigo ver linhas orientadoras extras. Então, vamos ligá-lo novamente e dar uma olhada. Agora, minhas formas estão se encaixando. Muito, muito útil. Tudo bem, parece que temos forma básica aqui. Agora vamos adicionar mais alguns detalhes. Então, primeira ilustração, temos esse sorvete derretido aqui. Como podemos fazer algo assim? Vamos primeiro com o retângulo. Eu realmente não posso dizer isso, então vamos arrastá-lo para cima no painel de camadas. Aqui está. Tudo bem, vamos ajustar os cantos agora. Mude formulários de Steve para cantos redondos. E agora o raio para ser muito, muito alto. Temos como o círculo no final. E duplicação rápida disso aqui. Mais um aqui no topo. Agora precisamos mudar a cor deste. Então, usarei o seletor de cores, disco de escolha, amarelo, e agora posso usá-lo a partir daqui. Parece que a parte superior está quase pronta e apenas um pequeno elemento, esse brilho aqui. Como podemos fazer isso, podemos usar forma inteligente para Dan. Vamos com a forma de mancha aqui. Modifique a cor para ficar mais brilhante assim. Agora, podemos usar pontos de controle laranja como lembramos, se alterarmos a forma, um pouco de rotação aqui e tentamos posicionar isso. Neste caso, na verdade, esse encaixe está puxando minha forma para posições diferentes que eu quero. Então, vou desligar o encaixe por um momento. Posso posicionar este exatamente onde eu preciso. Então eu ligo novamente. Tudo bem, a parte superior está terminada. Vamos passar para a parte inferior dessa ilustração. Como você pode ver para esse elemento, devemos usar gradiente. Então, a ferramenta de gradiente e desenhe a linha de cima para baixo. Vamos trocar as cores como este aplicativo mais escuro. Você pode modificar as cores daqui. No meu caso, estou muito feliz com essa cor que eles me deram, então vou mantê-la, talvez eu adicione um pouco de barulho aqui. Então eu vou para a textura. Isso é vetorial, bom, então você não precisa se preocupar com dados, com dimensionamento. Tudo bem, o último elemento, como podemos fazer essa textura aqui. Deixe-me mostrar como podemos adicionar textura a esse elemento. Vou diminuir um pouco e vou escolher a ferramenta retângulo. Vamos desenhar um retângulo aqui. Vou mudar a cor para preto. Agora vou duplicar arrastando este elemento y segurando a tecla Command. Aqui está minha duplicata. Agora eu quero fazer mais uma duplicação com exatamente a mesma transformação. Quero movê-lo para baixo novamente. Posso usar a função duplicada de energia aqui, editar e duplicar. comando J é o atalho para ele. Como você pode ver, não apenas faça uma cópia, mas também mova essa cópia à mesma distância. Quando você usa o atalho Command J, você pode fazê-lo de novo e de novo e de novo. Recurso muito útil Duplicar poder não apenas copiar objetos, mas também copiou a transformação. Vou duplicar todos eles e girar. Agora eu seleciono todos os retângulos pretos, o vertical, horizontal completamente. Já sabemos como podemos adicioná-los todos juntos para criar uma nova forma e adicionar função no topo. E aqui está uma nova forma feita de múltiplos retângulos. Rotação, diminua um pouco. Tudo bem, então como podemos esconder parte desnecessária da forma? Nós só queremos aquele que se sobrepõe web.com. Vou te mostrar mais um truque chamado mascaramento. Na verdade, podemos arrastar esse tipo de curtir sob a forma existente para mascará-lo. Clique nele no painel da camada e arraste-o para dentro da forma existente, não abaixo, mas para dentro. Mais assim. Isso está abaixo e isso está lá dentro. Aqui está. Nós mascaramos a parte desnecessária. Ainda está lá, mas não podemos vê-lo. Perfeito, vamos mudar o modo de mesclagem dessa textura para sobrepor e reduzir a opacidade. E aqui está o efeito que queremos. Tudo bem pessoal. Então, nós meio que testamos nosso conhecimento até agora. Além disso, adicionamos mais alguns truques com mascaramento, com formas de arrastar dentro de outras formas. Ok pessoal, acho que estamos prontos para passar para a próxima lição, mas antes disso, não se esqueça de desenhar seu próprio sorvete usando nossa planilha digital. Tudo bem pessoal, é a sua vez agora, então, por favor, desenhe seu sorvete e então eu os verei em nossa próxima lição. 6. Aula 5 ferramentas de lápis: Nesta lição, vamos explorar a ferramenta de lápis. Então, vamos trocar nossa cor de preenchimento por cor traçado, assim. E agora estamos prontos para desenhar a linha. Também podemos decidir sobre a largura do traçado aqui. Talvez assim. Vamos selecionar a ferramenta lápis aqui à esquerda. Vamos tentar desenhar essa linha aqui. Como você pode ver, o programa tentou estabilizar meu derrame. Estou usando o mouse agora, então isso é útil. Tudo bem, aqui está a minha linha que eles desenham usando a ferramenta lápis que estabilizamos. Vamos desligá-lo. Agora, a linha aparece diretamente após a ferramenta ficar um pouco menos suave. Tudo bem, vamos excluir este e tentar novamente desta vez quando mudarmos o modo, existem dois modos como podemos estabilizar sua ferramenta. Então, vamos mudar para o primeiro e tentar novamente. Este é ainda melhor, na minha opinião, ainda mais suave, temos menos pontos. Isso é bom quadro. Você pode ajustar o final dele. Então, se você fizer isso mais longo, você terá curvas ainda mais suaves como essa. Essa é uma maneira legal de usar essa ferramenta. Está preenchendo como se você estivesse arrastando algo atrás do cartão, linha está aparecendo atrás da ferramenta. É muito mais fácil quando você é usuário do mouse. Tudo bem, e vamos modificar as opções mais uma vez para a segunda linha. De volta a este modo. Torne isso mais curto desta vez. Dessa forma, poderei facilitar as curvas se você tiver curvas muito curvas assim. Se a linha que estabilizar minha ferramenta for muito longa, será muito difícil determinar assim. Você precisa se ajustar. Estabilizar depende do tipo de curva que você deseja desenhar com esta ferramenta de lápis ou você pode desligá-la completamente se você estiver usando, por exemplo, tablet, quem obteve melhor dispositivo de entrada no mouse? Tudo bem, vamos tentar desenhar formas fechadas. Tudo bem, e como você pode ver aqui, a forma não se incluiu e os pais estão faltando recurso no Affinity Designer. Infelizmente, foi, ainda não está resolvido depois de esperar há mais de quatro anos. Então, precisamos fazer o truque. Preciso clicar para fora. Preciso usar a função booleana para fechar a forma sozinho. A linha não fechará a forma. Precisamos clicar. Para fechar a forma nós mesmos. Como você pode ver, eu tenho usado a escultura do recurso. Vamos desligá-lo por um momento. Vou desenhar metade da forma e depois tentarei continuar sem escultura ligada. Então, em vez de unir a forma existente, acabo tendo duas partes separadas. Então é para isso que serve esse recurso de captura. Se estiver ligado, você pode continuar desenhando a linha que parou. Se estiver desligado, você sempre desenhará uma nova forma toda vez que usar a ferramenta. Vamos fazer isso em um sorteio nesta parte primeiro, eu paro e posso continuar agora. Isso ainda será uma forma. Tudo bem, esta é uma forma, mas não está perto. Deixe-me mostrar que esse é um tipo de recurso ausente nesta ferramenta. Não podemos forçar a fechar a forma, essa pequena lacuna aqui. Para corrigir isso, devemos clicar em arte. arte da função booleana foi criada a linha intermediária. Assim. Tudo bem. Vamos desenhar a forma de sombra final neste quadro de arte. Então, tipo de triângulo orgânico desenhado à mão. Eu encorajo você a jogar com estabilização para controle deslizante para que você possa preenchê-lo por si mesmo. E aqui está. E, novamente, não é uma forma fechada. Devo clicar na arte depois de terminar a forma de desenho. Esse é o tipo de truque que precisamos usar aqui porque faltamos o recurso, não podemos forçar a ferramenta de lápis a desenhar formas fechadas aqui, designer repetido. Tudo bem, como você pode ver, esta ferramenta de lápis não é muito precisa. Então, no próximo quadro de arte, mostrarei como você pode voltar e consertar suas linhas e formas com não te ver na próxima. 7. Ferramenta de 6 6 de aula: Durante a lição anterior, usamos a ferramenta de lápis é um pouco confusa e precisa, por isso é o momento perfeito para introduzirmos o NO2. No2 nos ajudará a corrigir e personalizar formas existentes. Está aqui. Parece cursor branco. Dê uma olhada. Este pequeno cursor branco pode mover notas, mover pontos ao redor. Portanto, não vamos mover toda a forma, mas apenas nós apenas pontos. O cursor preto, a ferramenta de movimento na parte superior movem toda a forma. Mas o branco denota mover apenas uma nota 1. Ao contrário disso, dessa forma podemos personalizar e modificar qualquer forma. Tudo bem, então vamos tentar desenhar algumas novas formas usando essa ferramenta de nó. Então, neste exercício, vamos desenhar formas com uma ferramenta de forma como esta. E então vamos converter cada forma duas curvas. Clicando neste botão na parte superior, converta em curvas. E agora podemos usar a ferramenta Node nela para fazer algumas alterações personalizadas como essa. Posso mover isso para onde quiser. Vamos posicionar isso aqui para combinar com a forma cinza. Tudo bem, primeiro. Para o segundo, vamos começar com o círculo. Movi toda a forma com ferramenta Move, o cursor preto. Então eu converto em curvas. Eu uso a ferramenta Node de cursor branco para mover o nó para baixo. Você pode notar que alguns nós são nítidos e alguns nós são curvilíneos assim e obtiveram pontos de controle adicionais que posso dobrar 11 para a direita, para alterar a curva. A primeira forma, como você pode ver, esse é um ponto nítido. Mas posso mudar isso clicando neste botão na parte superior. Posso suavizar isso e posso converter o ponto afiado em um curvilíneo. Dessa forma, consegui esse ponto adicional para torná-lo mais curvilíneo. Tudo bem, também posso fazer isso de outra forma. Converta esse curvilíneo em ponto nítido. Aqui está. Tudo bem, então há dois tipos de pontos, curvilíneo e um afiado. O afiado é marca com retângulo e curvilíneo é Mark vale círculo. É hora da nossa forma TED. Deixe-me ter nosso triângulo convertido em curvas. E eu não tenho nota, eu deveria me mudar para cá. Posso adicionar um novo. Ao clicar aqui, adicionarei um novo ponto de nó que eles podem usar para modificar sua forma. Não apenas movendo nós existentes, mas também adicionando nuance. Podemos adicionar notas para que também possamos removê-las. Dê uma olhada, fiquei em forma de estrela aqui. Tudo bem, agora vamos converter para a ferramenta de nó de curvas novamente. E agora posso remover esse nó, basta clicar no nó e pressionar Excluir no teclado. E ele se foi. Também podemos remover nós desnecessários. Tudo bem, a primeira linha está terminada. Vamos passar para a segunda linha abaixo. Vou começar com círculo aqui. Você conhece a broca. Antes que possamos modificar isso, precisamos converter em curvas e seguida, a ferramenta Node, puxá-la para cima. E precisamos converter esse curvilíneo em nó afiado. Tudo bem, No próximo exemplo, não vou clicar em nós. Como usar o NO2 para puxar o site das formas que também são possíveis aqui no Affinity Designer. Então dê uma olhada. Não posso fazer nada ainda. Devo converter em curvas primeiro. E agora posso escolher a ferramenta Node. E não vou clicar na nota. Vou apenas clicar no lado da forma e posso puxá-lo sozinho sem adicionar novos nós. Certo? Em seguida, temos mais duas formas para ir. Aqui está o retângulo. Vamos converter em curvas, usar a ferramenta Node para modificar para personalizar a forma. Vou mover isso aqui. Tudo bem. Agora precisamos experimentar esse nó. Nós também podemos normalmente, como você pode ver, quando você está usando esse curvilíneo em pontos, pontos de controle, ele está tentando se equilibrar. Existe uma maneira de mover apenas um e segurar a tecla Option no teclado, você pode movê-los fora do equilíbrio. Assim. Você pode simplesmente adicionar um novo nó e colocá-lo aqui. Tudo bem, e a última forma final. Muito fácil. Você pode começar com um triângulo ou um retângulo. Agora converta em curvas. Mova esse cara para cá. Este deveria estar aqui. Vamos transformar este para ser suave. Então, temos pontos de controle adicionais. Este também deve ser suave. E vire isso aqui. Tudo bem, como você pode ver, esta ferramenta de nó é uma ferramenta perfeita para personalizar formas existentes. Assim, você pode personalizar rapidamente a forma que você já tem em seu projeto. Tudo bem, agora é a sua vez. Vá para nossa pasta de trabalho digital e tentei desenhar oito formas na ferramenta Node, prancheta. 8. Aula 7 Ferramenta de caneta: É hora de finalmente aprender sobre a ferramenta Caneta. Muitas pessoas acreditam que essa é a ferramenta mais poderosa e importante para a criação de vetores. Portanto, é um pouco semelhante à ferramenta lápis. Mas neste caso, não vamos desenhar a linha, mas vamos desenhar pontos de notas. Em vez disso, teremos um grande controle. Tudo bem, vamos escolher uma cor de traço. Podemos alterar a largura do traçado aqui usando este controle deslizante. E agora selecionarei a ferramenta Caneta na lista. Aqui está. Temos algumas propriedades adicionais no topo aqui. Vou mantê-lo no modo caneta, o modo padrão. E aqui vou desligar este temporário. Então, eu tenho opções muito padrão. Ligue o conjunto básico e agora vou desenhar a primeira linha. Então clique aqui e clique aqui, clique aqui, aqui, aqui e aqui, e o último aqui. Então, como você pode ver, se eu simplesmente clicar, adicionarei nós e nós serão conectados com linha reta. No lado direito, clico e arraste meu mouse clique e arraste, clique e arraste. Dessa forma, crio nós curvilíneos conectados com a linha curvilínea. Essa é a diferença. Se você apenas clicar, você terá linha reta. Se você clicar e segurar o mouse pressionado, você desenhará uma linha curvilínea. Tudo bem, vamos tentar isso mais uma vez em parte com modo elástico aqui para que eu possa ver a linha, você pode ver esta linha fantasma, a linha azul seguindo meu mouse. Isso está nos ajudando a estimar e a localização do próximo ponto do nó. Portanto, essa é uma opção muito útil para ativar o modo elástico. O último aqui. Em seguida, você pode pressionar Escape no teclado. Se você quiser terminar de desenhar essa linha, você não precisa fechar essa forma. Às vezes você só quer desenhar uma linha. Você pode clicar em Escape para terminar. Acabei de mudar minha ferramenta de caneta do modo caneta para o modo inteligente. Neste modo, o software tentará ajudá-lo a tornar suas formas mais suaves, suas curvas mais suaves. Portanto, é um controle um pouco diferente, mas também está editando a linha passada para você. Então, mesmo você já colocou o ponto de vista, ele pode mudar um pouco até mesmo a linha anterior para tornar ele pode mudar um pouco até mesmo a linha anterior para tornar a forma geral mais suave como você pode ver aqui, é uma linha mais elástica. Não sou um grande fã desse modo. Eu mesmo. Eu prefiro o modo caneta, mas também é para você notar algo chamado Modo Sorriso. Temos uma linha mais elástica que segue sua ferramenta de caneta. Tudo bem, o que vem a seguir? Há mais um modo aqui para explorar o modo polígono Kolb. Como você pode imaginar, esse modo traçará apenas linhas retas. Você não pode fazer uma nota curvilínea neste modo, mesmo você clicar e segurar, você só fará linha reta. Então, isso é algo que você quer usar em vários objetos principais como este aqui. E agora estou fechando o objeto. Você pode ver esse pequeno círculo indicando que próximo clique fechará o objeto e eu posso preencher essa nova forma com cor. Tudo bem, vamos voltar ao modo caneta. Clique e arraste para fazer a linha curvilínea clicar e arrastar. Clique e arraste aqui. Clique e arraste e feche a forma. Agora fechamos essa forma e também podemos preenchê-la com cores. Vamos usar a ferramenta caneta para desenhar a última forma. Este é o tipo de função padrão para nossa ferramenta de caneta, desenhando formas personalizadas estranhas e orgânicas. Não precisamos usar a ferramenta caneta para desenhar círculos ou quadrados. Podemos usar a ferramenta Shape para isso, como você já sabe. Então a ferramenta Caneta é a ferramenta para ir se você precisar desenhar algumas formas orgânicas estranhas como esta aqui e depois fechar a forma. Como você pode ver, não é perfeito. Assim, podemos usar nossa ferramenta Node que aprendemos antes. E podemos mover nossas notas, modificar a curva de cada nó para melhorar nossos resultados com caneta para especialmente quando você está implorando e com esta ferramenta quando você cometer alguns pequenos erros aqui e isso é normal, está tudo bem. Use a ferramenta Node para corrigir seus pequenos erros. E desta forma, você poderá desenhar qualquer unidade de forma personalizada, ferramenta de caneta, ferramenta super importante, muito melhor do que a ferramenta de lápis. Temos um ótimo controle. Nós colocamos nós, substituindo pontos, nós mesmos aqui. Então, definitivamente, vale a pena praticar e aprender mais sobre este. Tudo bem pessoal, aprendemos sobre três novas ferramentas, então é hora de fazer um pequeno mini projeto novamente, eu os verei no próximo vídeo em que vamos projetar nosso próprio MOG. 9. Aula 8 Emoji: Tudo bem, parece que estamos prontos para o nosso segundo mini projeto. Como você pode ver em sua pasta de trabalho digital. Agora vamos projetar um módulo como este. E também no final, aplicaremos alguns efeitos de estilo de camada. Você pode ver esse plástico como brilhar nele. Adicionaremos isso ao nosso design também. Mas primeiro vamos desenhar todas as formas necessárias. Então por diante. Claro, precisamos de um retângulo com cantos arredondados, Essa é a forma base para este emergente. Podemos ajustar o canto usando os pontos de controle laranja como acabamos de ver. Temos forma de base. Agora para o sorriso, para a boca. Há uma forma especial aqui. Podemos segmentar o círculo. Não precisamos desenhar todo o círculo. Isso é muito, muito legal. E muitas pessoas tendem a esquecer este e usam o círculo completo e , em seguida, tentaram cortar no entanto, precisamos girá-lo. Também podemos virar toda a forma assim. Tudo bem, aqui está nosso Sorriso. O que vem a seguir? Olhos? Muito simples, apenas pequenos círculos. Duplicado. Precisamos de dois desses óculos também, e também dicas aqui. Então, mais um para a boca. Por aqui, apenas um retângulo simples. Usaremos isso mais tarde com alguns operadores booleanos e também óculos. Para isso, podemos usar a ferramenta de rosquinha porque temos este orifício embutido dentro e podemos ajustar o tamanho do furo, o raio do furo. E precisamos de ambos os lados esquerdo e direito, assim aqui. E temos quase todas as formas necessárias para essa pequena ilustração. Agora ela, como você pode ver, isso é formas muito orgânicas, então usaremos nossa mais nova adição à nossa ferramenta de caneta de conjunto de ferramentas. A ferramenta de caneta é perfeita para formas orgânicas estranhas como esta. Então eu apenas desenhei algo semelhante usando minha ferramenta de caneta. Lembre-se, clique e segure para tornar a linha curvilínea. Se você apenas clicar, você fará a linha reta. Você deve clicar e segurar. Tudo bem, parece que temos quase todos os elementos agora. Então, acho que podemos começar a adicionar cores. Em gráficos vetoriais é muito fácil recolorir elementos simplesmente clicar em algo e depois mudar a cor da paleta de cores no canto superior direito. Então, vamos começar com a cor principal. Precisamos desse amarelo aqui. Você pode usar a roda de cores assim. Selecione dois ao mesmo tempo para que você não precise escolher a mesma cor duas vezes. Basta segurar shift para selecionar mais de um objeto. Tudo bem, não vamos com azul ela sinta-se livre para remixar este design. Você pode fazer isso um pouco diferente para atender às suas necessidades. Cinza aqui. Isso será branco mais tarde. Vou mudar a cor mais tarde para poder vê-la agora. Eu tenho fundo branco. Então, se eu mudar de cor para branco, eles não poderão ver o elemento. Tudo bem, vamos posicionar isso no centro e movê-lo para cá. Agora mude a cor para branco. E é hora de nossa primeira operação booleana, selecionaremos duas formas e usaremos o divide. Aqui está, como você sabe, agora posso mover tudo separadamente para que eu possa excluir parte desnecessária da forma. Colocamos os olhos aqui, selecionamos as duas formas ao mesmo tempo. Você pode posicioná-los no centro assim. Tudo bem, hora de óculos, precisamos mover formas para obter. Então, vamos adicioná-los novamente usando o operador booleano. Vamos adicioná-los juntos. Agora é apenas uma forma. Bem aqui. Como você deve saber, sempre podemos usar a ferramenta Node para modificar qualquer forma que quisermos. Então, estou usando a ferramenta Node agora para fazer algumas pequenas alterações aqui. Posso mudar as notas para ser nítido, assim. Posso adicionar novos nós clicando na linha. Tudo bem, bom. Talvez também aqui eu faça um nó afiado. E podemos mover isso para cima usando um nó totalmente novo como este. Acho que está muito melhor agora. Há mais um elemento que quase esqueço. Temos a língua aqui na boca dele. Então, vamos usar uma elipse para isso. Uma elipse aqui. Alguma cor vermelha escura. Também vou duplicar feito, preciso. Então, vamos duplicar isso movendo-se com a tecla Command para baixo juntos. Um pouco de rotação. Deve estar por aqui. Mas não queremos dizer tudo. Só queremos dizer isso dentro da boca. Então, vamos arrastá-lo para dentro da boca. Vamos mascarar isso usando outra forma como essa lá fora. Por dentro. Certo, este é o mesmo truque que usamos com ilustração de sorvete. Tudo bem, temos todas as cores ou formas. Agora, vamos adicionar um bom estilo de camada para dar um pouco de brilho plástico. Então eu vou selecioná-la primeiro para experimentar o estilo deles antes de aplicar isso a todos os outros elementos, aqui está fx abaixo de sua camada, painel, estilos de camada. Ele abrirá uma nova janela pop-up como esta. Aqui temos vários estilos. Podemos aplicá-los apenas clicando nesta caixa de seleção. Você pode aplicar mais de um estilo. Mas no nosso caso, só precisamos de algum tipo de 3D como brilho. Podemos usar Chanfro e Emboss aqui. Temos um que está dentro da forma e, em seguida, podemos ajustar o tamanho, a cor e a direção do modo de mesclagem usando controles deslizantes, usando propriedades internas aqui também é algo muito semelhante chamado 3D. Esta é uma função muito semelhante. Isso nos dará esse visual 3D falso. E também temos um conjunto de ajustes aqui que podemos colocar em prática. Então estou usando esse quadro 3D, como você pode ver, posso mudar a direção, posso alterar o tamanho dele. E também está nos dando esse brilho aqui, temos um pouco menos controle sobre as cores. Não podemos alterar o modo de mesclagem separadamente para cores claras e escuras. Isso é uma pequena desvantagem aqui. Vamos dar uma olhada. Aqui está minha camada com efeitos Estilo de camada. Agora vou copiar toda essa camada Command C. Mas em vez de estimular esse objeto, vou colar esse estilo em outros objetos. Então selecione a forma, vá até o estilo de pasta Editar e Colar FX. Aqui está assim que eu não preciso começar do zero. Posso copiar e colar estilo entre minhas formas. Tudo bem, vou desfazer alguns passos. Vou modificar esse estilo antes de colá-lo em todos os meus objetos. Então eu mudaria de Tweedy para Bevel and Emboss novamente, porque aqui eu posso personalizá-lo um pouco melhor ajustando o modo de mesclagem. Assim, posso alterar o modo de mesclagem para sobreposição, por exemplo. E vai se misturar um pouco melhor com a cor Agena, especialmente para a cor mais escura. Dê uma olhada. Tudo bem, isso é um pouco melhor na minha opinião. Então eu vou usar este, esse software de efeito. E isso deve ser realmente muito, muito brilhante, então pode ser leve assim. Tudo bem. Você também pode adicionar um perfil como esse. Este, temos poucos perfis embutidos. Você também pode fazer isso sozinho. No meu caso, vou pular isso. Não preciso de perfil para este. Preciso desse preenchimento suave aqui. Tudo bem, estou feliz com esse estilo de camada, então vamos para o Comando C. E agora vou colar esse estilo em todas as outras camadas. Então, selecionarei todas as minhas camadas restantes aqui. Vou subir e colar FX. Agora, todas as minhas camadas têm o mesmo estilo de camada. Modificarei o estilo da camada para olhos e boca. Eu quero que isso seja como um buraco dentro da forma. Então eu vou modificar fx aqui, desligar isso. E em vez desse efeito, adicionaremos sombra interna. Vamos desativar este clicando na caixa de seleção, adicionamos uma sombra. E novamente, temos controles deslizantes que nos permitirão modificar esse efeito. Isso será como um buraco na forma não aparecendo. Tudo bem, isso é bom. Usamos dois efeitos de camada diferentes. Toda vez que você adiciona efeitos de camada à camada, você pode ver esse pequeno ícone fx ao lado dela. Tudo bem, a última coisa a fazer é agrupar todas as suas formas. Então você tem um grupo para este MOG, assim. Tudo bem, muito bem. Agora é a sua vez. Tente desenhar esse emoji. Você pode até fazer esse exercício várias vezes. Você pode desenhar emojis diferentes se quiser praticar mais. E eu vou te ver na próxima lição. 10. Aula 9 Ferramenta do Cornel: Em seguida, vamos usar a ferramenta de canto. É uma ferramenta de construção de formas muito subestimada, mas poderosa. Vamos desenhar uma forma aqui e apenas um quadrado simples. Tudo bem, e agora vou selecionar a ferramenta de canto no painel de ferramentas à esquerda. Aqui está. Agora você poderá simplesmente clicar nos nós e aplicar o efeito de canto. Nesse caso, eu selecionei cantos redondos por padrão. Você pode até selecionar dois nós ao mesmo tempo enquanto segura Shift. Então você pode aplicar o efeito ao mesmo tempo. Dessa forma, transformamos nossa pontuação em forma de folha muito rapidamente. Tudo bem? Claro que você pode aplicar o efeito em todos os cantos da forma. Você pode selecionar a ferramenta de canto e você pode fazer uma caixa de seleção para cobrir toda a forma. E então você pode simplesmente arrastar o canto para baixo para aplicar o efeito. Vamos mudar o estilo do canto. Talvez algo assim se adapte a essa forma. Tudo bem, também podemos usar o controle deslizante na parte superior, mas como você pode vê-lo, bom Limite 50 pixels aqui. Se você quiser estender esse limite, a maneira mais fácil é simplesmente usar o mouse e arrastá-lo para o centro como quiser. Tudo bem, então este é o segundo efeito que podemos usar com a ferramenta Corner. E podemos misturar esses dois efeitos, canto arredondado e cortar em canto assim. Então dê uma olhada. Vamos criar essa forma semelhante a uma folha muito rapidamente usando a ferramenta Corner. No topo, fazemos pequenos recortes. O botão será completamente arredondado até obtermos metade do círculo aqui. Tudo bem? Desta forma, criamos esse escudo super rapidamente. Tudo bem, vamos tentar aplicar o efeito de canto em diferentes formas. E quadrado pode ser triângulo desta vez. Então deixe-me desenhar um triângulo aqui. Agora vamos usar como cantos negativos, algo que apenas cortará a forma dentro, não arredondando bem assim, mas cortando em cantos afiados. Tudo bem, assim, apontando para a forma. Como você pode ver, você também pode usar esse método para criar novas formas. Como fazer R0 rapidamente? Por que não usar a ferramenta de canto? Deixe-me mostrar a você. Temos esse retângulo. Agora, usando a ferramenta de coordenadas no lado direito. Podemos aplicar nos cantos, mas também podemos mudar o estilo para ser reto, assim. Na verdade, para que você possa criar rapidamente nossas formas em média um designer. Tudo bem, tenho mais um exemplo para mostrar o que começaremos com a forma de estrela desta vez. Até agora eu estava aplicando esse canto a nós externos on-line, mas desta vez aplicaremos essa ferramenta de canto em nós internos. O próximo a um ângulo muito aberto como este. E em vez de cortar a forma, adicionaremos à forma. Dê uma olhada. Podemos puxá-lo para fora da forma. Assim, você pode não apenas puxá-lo para dentro da forma, mas pode puxá-lo para fora da forma para adicionar parte extra da forma como este canto de ferramenta muito poderoso TO e muito subestimado. Tudo bem, então não se esqueça da ferramenta de canto enquanto estiver trabalhando em suas formas. 11. Aula 10 ferramentas de contorno: Nesta lição, exploraremos a ferramenta de contorno. É uma adição relativamente nova ao Affinity Designer. O principal objetivo desta ferramenta é estender as formas. Então dê uma olhada. Aqui está o círculo. Eu seleciono a ferramenta Contorno aqui das últimas. Agora posso clicar na forma e estender a forma ao redor assim. Você também pode tornar essa forma menor. Você pode arrastar isso para dentro da forma. Tudo bem, então nada muito impressionante, ruim. Às vezes, você precisará tornar a forma um pouco menor, criar um pouco de espaço entre as formas. Portanto, é super útil nessa situação. Além disso, temos alguns casos de uso que nos levarão a um efeito interessante. Deixe-me mostrar-lhe. Primeiro, vou desenhar dois círculos aqui. E vou combiná-los em uma forma composta. Algo que fizemos antes nas aulas de operação booleana. Então, camadas e nosso composto de criação dessas duas formas. Tudo bem, e eu vou, deixe-me mostrar o que acontecerá se eu tentar usar a ferramenta de contorno nesta forma composta? Vamos torná-lo um pouco menor e você já pode vê-lo. Há uma conexão entre duas formas compostas. Posso até movê-los depois. Posso até duplicar um deles e criar a forma do Ted aqui. Isso também estará sob esse efeito. Tudo bem, então é assim que as pessoas usam a ferramenta de contorno para obter formas compostas para criar esse efeito de cola pegajosa entre formas de forma fácil e rápida. Tudo bem, então é assim que, essa é a única maneira, como você pode usar a ferramenta de contorno. A segunda maneira é abrir as formas. Então deixe-me mostrar-lhe nesta estrela. Vamos criar uma pequena estrela com antebraços aqui. Ferramenta de contorno. claro que podemos torná-lo menor, torná-lo maior, mas também podemos mudar a forma como o contorno atua. Então, vamos modificar a opção aqui na parte superior. Queremos abrir. Desta forma, você criará um buraco dentro da forma. Você está criando esse conteúdo a partir do traçado, a partir da borda da forma. Podemos ajustar os nós para serem nítidos assim. Arredondado por padrão. Desta forma, você pode abrir rapidamente a forma usando a ferramenta de contorno, à direita, para criar a próxima, como você pode imaginar, criaremos uma forma composta aqui. Então, temos dois retângulos, dois quadrados. Então, vamos mesclá-los em uma forma composta. Desta vez, usarei atalhos ou selecionarei os dois. Mantenha pressionada a tecla Option no meu teclado e clique em arte e muito em cima aqui. Esta é a maneira como você pode criar uma forma composta. Agora posso estender isso, posso torná-lo menor. Claro que posso movê-los depois de aplicar esse efeito. Então, se eu abrir esse grupo aqui, posso movê-los. E eles devem ser pegajosos assim. Certo? Quando chegarmos a esguichar, fique juntos. E há mais uma coisa que podemos fazer se essa ferramenta de contorno, podemos aplicar contorno dois traços, duas linhas. Então, vamos escolher caneta, troca de ferramentas, Preencher para a cor do traçado. E vamos desenhar uma linha simples aqui. Vou clicar e segurar para torná-lo um pouco curvilíneo. Então eu usarei a ferramenta Node para ajustar a linha deste lado também. Tudo bem, aqui está minha linha. Posso duplicar isso, basta começar com um. Talvez seja melhor para que eu possa simplesmente copiar o resultado final depois de Y. Tudo bem, então eu tenho linhas aqui, não formas, tenha isso em mente. Temos cor do traçado, não cor de preenchimento. E agora vou aplicar o contorno sobre ele. E você vai acabar com algo assim. Você pode preencher essa nova forma com a cor de preenchimento. Agora, eu posso realmente colocar uma cor de preenchimento dentro. Mesmo que tenhamos começado com luz simples e a linha ainda esteja lá, podemos modificar a linha a qualquer momento. Tudo bem, então é assim que você usa a ferramenta Conteúdo. Não é muito popular, mas em alguns casos de uso específicos, você precisará disso. Portanto, não se esqueça da ferramenta de contorno. 12. Ferramenta de mistura 11 like: Nossa próxima prancheta não é dedicada a nenhuma ferramenta específica. Ele misturará todas as ferramentas que aprendemos até agora, todas as técnicas que conhecemos. Nós faremos com um pouco diferente. Em vez de você me observar primeiro, quero que você tente. Antes de assistir a este vídeo, acesse nosso livro digital e experimente você mesmo. Verifique quais formas você pode recriar. Quais formas lhe dão problemas. E depois de terminar, assista a este vídeo e talvez você perceba algo que eu fiz, você não, e você pode adicionar isso ao seu fluxo de trabalho. Tudo bem, então vamos fazer isso de forma diferente para este quadro de arte. Primeiro, tente a si mesmo e não seja estressante se você não puder fazê-lo exatamente como está no exemplo na forma cinza. Tudo bem, tente o seu melhor. E depois de terminar, assista a este vídeo e talvez você consiga acompanhar alguma coisa. Você se esquece de algo que eu fiz, mas não o fez. Isso pode melhorar seu fluxo de trabalho. Por que construir formas com várias ferramentas? Tudo bem, espero que esteja pronto. Então aqui está nossa primeira forma, parecia escudo. Então, vou começar com a ferramenta retângulo, que é retângulo simples. E agora vou expandir essas formas para que eu possa fazer alguma modificação nela. Converta em curvas. E então, no topo, usarei a ferramenta de canto como esta. Na parte inferior, usarei a ferramenta de canto novamente. E vou implorar essa aparência. Agora, podemos trocar a cor de preenchimento com a cor do traçado. Redimensionamento. Nós movemos a ferramenta, segure Shift para manter a proporção. Precisamos mudar a parte inferior aqui. Então eu uso a ferramenta Node para isso. Posso remover esse nó e deixarei esse nó aqui nítido. Um pouco de ajustes para fazer ambos os lados iguais. E já temos nossa forma de escudo. Agora só precisamos preencher uma parte do compartilhamento com cores. Então, vou desenhar a forma secundária, selecioná-los e agora dividir. Depois disso, tudo é uma forma separada. Então eu posso matar isso e posso preencher apenas metade com cor. Então, adicionamos cor de preenchimento aqui e aqui está nossa primeira forma, um pequeno escudo. Tudo bem, vamos começar com o segundo. E, novamente, usarei a ferramenta Rectangle para a forma do parafuso prisioneiro. Eu já posso ver que vou precisar forma adicional aqui no topo, temos esse círculo. Então, vamos também desenhar o círculo. Tudo bem, e agora precisaremos fazer algumas operações booleanas usando este círculo aqui. Vamos fazer uma duplicata dele aqui. E subtraia. Duplique aqui. Novamente, vamos tentar subtrair e obtivemos o resultado errado. Devemos mover isso acima da forma principal. Agora vamos subtrair novamente e agora obtemos o resultado correto. Tudo bem. Agora precisamos fazer essas curvas nos lados da forma. Existem vários métodos que podemos usar, mas usarei a ferramenta Node. E agora vou segurar Shift e flecha. Em seguida, desloque uma seta em vez de arrastar esse ponto do mouse, eu uso o teclado. Podemos tornar isso mais suave usando a ferramenta Corner novamente assim. E acabamos terminando nossa segunda forma. Poderíamos mais uma forma nesta linha parecer provável para MOG. Então, definitivamente, precisamos de um círculo como a forma base aqui. Temos nossa base chamada. Vamos movê-lo para o lado por um momento para que possamos ver algumas características faciais, como os olhos. Fácil, só um círculo aqui também. E então algum tipo de sorriso que poucas maneiras de desenhar isso, talvez eu tentarei a ferramenta de segmento para que eu possa ter parte do círculo nosso ponto de partida. Posso usar pontos de controle laranja como você deve se lembrar, para modificar a aparência da forma inteligente. Algo assim. Agora, vamos duplicar toda essa forma. Vamos fazer uma cópia dele aqui. Estique assim. E vamos subtrair. toque final será arredondar os cantos aqui apenas um pouco. Desta forma, criamos esse rosto Smiley, não podemos agora subtrair da forma principal aqui. Tudo bem, então vamos posicionar tudo assim e voltar a forma principal. Podemos adicionar isso juntos. Olhos e expressão facial que tudo como uma forma. Agora, mesmo que não esteja conectado diretamente, podemos simplesmente subtrair isso usando este. Clique aqui na parte superior, subtraia fazemos um buraco na forma principal. E desta forma terminamos nossa terceira forma. Tudo bem, isso parece um pequeno ícone de bússola que você pode ver antes. Então, como podemos fazer isso? Vamos começar com a ferramenta Donald. Este é o círculo de buracos embutidos, então não precisamos fazer um todo nós mesmos. Já temos buraco aqui. Tudo bem, em seguida, usaremos a ferramenta estrela. Claro, precisamos reduzir o número de braços para os quais precisamos ajustar. Então, vamos alterar esse número aqui na parte superior. Você pode usar Slido, você pode digitá-lo do teclado também. Usando controles inteligentes, podemos modificar a forma agora, perfeita. E um toque final será fazer uma duplicata desta estrela. Em seguida, usaremos essa duplicata para subtrair desse donut dessa coisa do círculo. Tudo bem, então isso é um pouco maior que o original e agora podemos subtrair. Então, temos esse tipo de lacuna entre formas graças a essa duplicação, certo? Mais duas formas. Este parece assustador. Então, como podemos começar com essa forma de flor? Vamos com formas inteligentes novamente, forma de Coca-Cola aqui. Não como, parecia uma flor, mas modificaremos essa forma usando controles inteligentes, pontos laranja. Tudo bem, este é o nosso ponto de partida. Podemos movê-lo para cima, aqui em baixo. Existem vários controles diferentes nas formas. E vamos dar uma olhada. Vamos explorar o que podemos fazer aqui. Mais como flor. Agora, podemos movê-lo completamente para baixo até que o desapareça. Então, temos esse buraco no centro. Agora podemos preencher este buraco no centro com forma adicional. Temos nossa forma de base pronta. E a segunda forma é algo chamado estrela dupla. Aqui na lista também. Double Star Tool do centro. Tudo bem, como você pode ver, precisamos fazer algumas modificações aqui. Mova para baixo. Este deve ser como entrar completamente para o centro. Precisamos de mais um braço ganhando seis braços. E faça isso assim. E aqui estamos nós. Acabamos de terminar nossa próxima forma usando formas de borrão, aquela com pontos de controle laranja. Legal. Só resta uma forma aqui. Temos tipo de cruzamento de corações em trancar. Então, vamos começar com uma forma de coração. Quero abrir isso. Eu queria ter oco dentro do gov, poucas técnicas que podemos usar, mas eu iria com a ferramenta de contorno, contorno e depois abriria a forma. Agora posso implorar essa aparência. Posso tornar esta forma permanente aqui na aparência superior do cozimento e agora é apenas uma forma normal, não a ferramenta de contorno. Rotação. Precisamos de mais uma cópia disso, então basta arrastar segurando a tecla Command, gire ainda mais. Deixe-me ajustar a cor do secundário para que possamos ver como eles devem intertravar. Deixe-o um pouco mais escuro. Queremos ter esse efeito de intertravamento como se estivesse registrado em outro. E até eu troquei a ordem das camadas aqui. Não é estranho, precisamos exatamente. É sempre como se um estivesse no topo do outro. Não podemos alcançar esse efeito simplesmente movendo objetos em camadas. Precisamos dividir essa forma. Podemos recolorir esta parte para imitar a forma. Essa é a maneira mais rápida de fazer formas interligadas como essa. Tudo bem, e este quadro de arte foi um pouco mais desafiador do que o anterior, com certeza, espero que você tenha conseguido fazê-lo, mesmo que você use técnicas um pouco diferentes, diferentes ferramentas, pontos ou anote muitas maneiras diferentes de alcançar a mesma forma que você pode aprender até agora. Tudo bem pessoal, agora estamos prontos para o nosso último projeto final desta classe. 13. Aula 12 ícones de aula: Você já aprendeu sobre todas as principais ferramentas para construção de formas no Affinity Designer. Sou um sapato bonito, não haverá problema com nosso último mini projeto final. Aqui nós entramos em design weather ícones. Precisamos de uma nuvem. Primeiro, a maneira mais fácil de construir um palhaço é usar a chamada forma como essa. Quatro círculos que faremos agora podemos ajustá-los ligeiramente usando a ferramenta Mover. Você provavelmente adivinhando qual é o próximo passo aqui, precisamos combiná-los em uma forma. Selecione tudo em uma boa forma. E agora, graças a saber Tool, podemos remover nós desnecessários de baixo. Dê uma olhada. Se eu selecionar todos os nós aqui e clicar em Excluir no meu teclado. Tenho uma boa linha reta aqui, então nossa nuvem está acabada. Agora podemos simplesmente redimensionar esse elemento. Podemos decidir sobre a cor agora, então não precisávamos recolorir isso mais tarde. Então, vamos escolher um tom de azul aqui desta roda de cores no lado direito da tela. Algo assim fará o que você percebe, eu uso gradiente aqui, então vamos usar a ferramenta Gradiente também. Gradiente de cima para baixo. Certo, Outro detalhe que você pode notar já adiciono algum ruído à cor escura para que possamos adicioná-lo daqui usando o controle deslizante de ruído na própria ferramenta de gradiente. Aqui está o controle deslizante de ruído. Você pode adicionar esse bom ruído vetorial a ele. Legal. Aqui está nossa nuvem. Chegamos a nuvens brilhantes e duas nuvens escuras. Então, vamos duplicar este porque vamos reutilizar essa nuvem brilhante para o ícone da neve também. Agora podemos fazer mais cópias disso, então deixe-me copiar aqui. Vou virar isso. Virar. Tudo bem, agora vamos mudar de cor para um azul mais escuro. Precisamos nuvens escuras também. Então, vamos ajustar a cor neste gradiente aqui. Este ainda mais escuro. Talvez vamos modificar este mais uma vez. Aqui está nossa nuvem escura. Vamos reutilizar este calendário de telefone dark club para o ícone de tempestade. Então, vamos movê-lo para cá também. Certo, temos quatro nuvens diferentes agora. Tudo o que precisamos agora apenas de efeitos climáticos sobre eles. Então, o primeiro está ensolarado. Ícone ensolarado. Então, vamos criar um sol. A maneira mais fácil, como você pode imaginar já é usar a ferramenta Star. Então, vamos fazer essa estrela. Nós desenhamos uma estrela aqui, modificamos o número de braços usando este controle deslizante na parte superior. Não precisamos de braços muito longos, mais curtos assim. Tudo bem? Você também pode arredondá-lo, mas neste caso não o faremos. Esta é a nossa forma de base para o sol. Para isso, precisaremos de alguma cor amarela. Novamente, estou usando a roda de cores no lado direito é nossa estrela amarela, eu diria que um sol amarelo. Legal, um, toque final. Converto isso em curvas e obtive a forma normal aqui. E agora usando a ferramenta Corner, selecionarei nós internos como este. Posso completá-los, dar uma olhada. Agora, arraste-os um pouco. Tenho braços afiados, mas o espaço entre eles é arredondado. Então agora é um pequeno toque para este ícone de sol. Legal. Agora podemos posicionar isso atrás das nuvens, então precisamos mudar a posição da Nuvem no painel de camadas aqui, e vamos arrastá-lo para cima. Apenas tenha cuidado, não o arraste para dentro de outra forma. Isso é um erro. Eu faço com bastante frequência, então arraste-o para cima, não para dentro da outra forma. Legal. rotação pode ser assim. Parece que nosso primeiro ícone está terminado. Podemos passar para a nuvem chuvosa agora. Precisamos desenhar gotas de chuva. Para nossa sorte, o Affinity Designer adquiriu uma ferramenta integrada e drop. Está aqui logo acima da ferramenta de dificuldades. Podemos simplesmente desenhar gotas de chuva com apenas um clique, clicar e arrastar. E aqui está nossa gota de chuva. É claro que temos pontos de controle laranja para fazer ajustes de forma. Apenas um pouco ajustado e talvez mais para a esquerda assim. Legal. Vou precisar de algumas cópias dessa forma. Floresta demais, talvez 33 cópias na primeira linha. E depois mais algumas gotas abaixo feitas. Apenas usando a ferramenta Mover para reposicioná-los. E depois mais duas cópias aqui. Aqui está nosso ícone de nuvem de chuva. Bom. Temos dois ícones iônicos prontos Mais dois para ir. Em seguida. Um será para invadir, quer tenhamos isso. Lightning aqui. Vou começar com a ferramenta triângulo desta vez, este é um triângulo normal. Em seguida, escolha a cor da superfície do sol, da mesma cor amarela. Agora podemos mover o ponto de controle para a direita. Assim, e vamos fazer uma cópia dele. Portanto, clique com o botão direito e duplique no painel de camadas. E vamos virá-lo horizontalmente e, em seguida, verticalmente também. Assim, você também pode usar rotação para essa sobreposição. Agora estamos prontos para juntá-los usando a função add. Legal, já temos nosso pequeno relâmpago. Isso estará acima da nuvem ao redor dessa área. Tudo bem. O último, mas o mais complicado, será criar este floco de neve para o nosso último ícone. Então, vamos usar a ferramenta caneta neste caso. Então, usaremos linhas, não formas por um momento. Então Pen tool e eu quero criar esse tipo de floco de neve. Eu não acho que isso seja igual. Então, precisarei ajustar isso em um momento usando a ferramenta Node. Mas primeiro vamos adicionar cor a essa linha para que possamos vê-la. Tudo bem, eu tenho braços não iguais aqui e eles não podem estalar. Não consigo ver onde devo parar. Então, precisaremos usar o guia manual para isso. Vamos arrastar uma linha da régua assim. Então você pode ajustar a luz desse cara e arrastá-lo volta para a régua. E acabamos. Isso é perfeitamente simétrico para que possamos copiar aqui e virar sua ferramenta de caneta novamente, desenhar a linha no meio. Legal. Podemos selecionar todos. Podemos até fazer um grupo agora com isso. Por isso, é mais fácil trabalhar com um pequeno grupo aqui. Duplique todo o grupo como essa rotação. E apenas mais dois elementos para uma linha como essa. Linha diagonal no centro. Mais uma vez, duplicação. Clique com o botão direito em duplicar no painel de camadas. Então o espelho capotou assim. E aqui está nosso floco. Tudo bem, se eu quiser transformar essas linhas em formas, será natural tentar expandir o traçado. Então, vamos tentar isso agora. Se eu subir até a Camada e tentar expandir meus traços, minhas linhas em formas. Recebi algum erro aqui. Metade desse design desaparece. Vamos desagrupá-lo primeiro. Essa é a maneira mais fácil de evitar esse erro. Desagrupe tudo está separadamente agora, podemos transformá-lo em formas, expandir traços feitos. Faremos a mesma coisa pela pequena cruz no centro. Então eu tenho mais duas linhas aqui no centro. Este e este. Já desagrupado. Então, apenas expanda-os. Tudo bem, todas as minhas linhas, vou me transformar em formas para poder selecioná-las todas e somar. Agora isso é apenas uma forma. Legal, redimensionando e reposicionando logo abaixo desta nuvem. É assim que você pode criar seus próprios ícones meteorológicos usando ferramentas sobre as quais aprendemos até agora. Pessoal, sinta-se à vontade para ficar neste último exercício. Se você acha que quer fazer mais ícones do que quatro, está tudo bem. Você pode praticar um pouco mais aqui. E este é, na verdade, nossos mini projetos finais. Portanto, este é o melhor lugar para praticar. Já aprendemos tudo sobre ferramentas. Agora, apenas pratique. Terei mais uma lição com alguns exercícios práticos extras para você. Então, vejo você no próximo. 14. Prática de aula: Parabéns por concluir esta aula. Agora você sabe desenhar todas as formas básicas. Você pode usar esse conhecimento para combinar suas pequenas formas básicas em ícones, logotipos e ilustrações mais complexos. Você precisa agora é um pouco de prática. É por isso que adicionei uma prancheta extra à nossa pasta de trabalho. Agora é bom verificar sua pasta de trabalho mais uma vez. Veja que você tem alguma saída ou domínios. Tudo o que você quer refazer para praticar certas ferramentas mais uma vez. E então, no final, você verá prancheta chamada prática. Isso é o que vamos fazer agora. Vamos praticar com esta última prancheta. Como você pode ver, eu já desenho flores aqui. E seu primeiro exercício de prática pode ser simplesmente recriar o que eu já fiz. Assim, você pode usar formas, você pode usar ferramenta de caneta, ferramenta de canto e outras técnicas que aprendemos. Refaça minhas formas como esta flor aqui. Vamos começar com o círculo. Tudo bem, o que vem depois? Vou usar a Star Tool. Tenha em mente é sempre mais do que uma maneira de desenhar determinada forma. Aqui está minha ferramenta estrela. Agora posso arredondar os braços, torná-lo menor aqui no centro, podemos usar o controle deslizante no topo para adicionar mais braços à nossa estrela. E desta forma podemos formar uma linda florzinha. Tudo bem, olhe bem, agora podemos ajustar a cor da forma selecionada. Monte algumas plantas pequenas, então isso deve estar na frente da minha estrela. Por aqui. Vamos arrastá-lo para o lado para que possamos ver o ritmo, o modelo. Tudo bem, aqui está parte mental do plano que preparei para você. Retângulo muito simples e depois faremos algumas folhas. Mais uma vez, arraste isso para baixo no painel de camadas. Para fazer uma folha. E a técnica que gosto de usar é começar com um círculo. Na verdade, se você começar com o círculo e, em seguida, expandir essa forma, converta em curvas. Dê uma olhada, vou desenhar um círculo. Então eu vou me converter em curvas. E eu posso tirar uma nota para cima, torná-la afiada. E desta forma você pode rapidamente criar uma forma de folha, tudo bem, reduzi-la. Claro, podemos modificar a cor. Podemos até escolher a cor de elementos existentes como este. Duplicação. Arraste enquanto segura a tecla de comando para duplicar rapidamente. Podemos virar aqui. Agora só precisamos desenhar algum tipo de vaso de flores aqui. Então, vamos começar com a ferramenta trapezoidal. Este é um tipo de ferramenta perfeita para vagem de flores. Tudo bem, agora um pouco menor. Então um acabamento aqui no topo deste pote, algo assim. Podemos modificar as cores usando roda de cores ou controles deslizantes de cores. Que tal ferramenta de canto? Vamos arredondar alguns cantos. Este, e talvez este também. Legal. Vou deixar isso um pouco mais brilhante assim. E aqui está minha primeira planta. Vamos modificar essa folha, torná-la um pouco maior. Tudo bem, então o que devo fazer se minha pequena planta, eu preparo para você um quadro de arte em branco no final, dê uma olhada. Há um quadro de arte em branco aqui. Você pode movê-lo para este novo quadro de arte em branco. Então você pode tentar novamente. Você pode desenhar plantas diferentes. Você nem precisa seguir meu modelo aqui. Você pode andar com sua imaginação. Você pode desenhar qualquer planta que quiser. Então, vamos desenhar mais um juntos. Vamos para o segundo aqui. Começaremos com a flor usando nossas ferramentas inteligentes. Então isso é **** e podemos simplesmente modificar essa ferramenta arrastando pontos laranja. E essa é a bela dessas formas inteligentes no Affinity Designer. Muito rapidamente. Tudo bem, transformamos essa flor e apenas em poucos cliques. Bom. Que tal a próxima coisa? Você já usou a ferramenta trapezoidal antes? Então é isso que vou fazer é de novo, desta vez vou virar assim. E como podemos fazer esse círculo no cão superior, duas maneiras de fazer isso. Mas eu prefiro a ferramenta de canto. Então, vamos com a ferramenta de canto aqui e o topo arredondado. Perfeito. Agora estamos prontos para adicionar alguns picos. Então, para isso, usarei triângulo simples. Darker n. Novamente, meu canto favorito para aqui. Ficamos bem arredondados e do pico. Agora podemos duplicar isso várias vezes. Adicione alguma rotação, tente aleatorizar esses elementos para parecer mais orgânico. K. E estamos prontos para colocar nossa flor aqui no topo. Então, vamos arrastá-lo para o topo. Uma cor de pasta um pouco escura que eu escolho. Então, vou modificar isso rapidamente. Legal, e precisamos de um porto para esse carinha. Então talvez vamos começar com oval assim. Em seguida, expanda essas formas para que possamos usar o Node para durar e expandir. E agora temos o nó dois. Podemos torná-lo um pouco mais como se fosse algo entre um quadrado e um círculo ou uma forma oval, muito arredondada. Um pequeno pote como este legal. Coloque-o aqui. Aqui está nossa segunda planta. Tudo bem. Vou deixar para você descobrir mais planos. Você pode usar meu modelo, mas eu encorajo você a também desenhar alguns de seus próprios planos com base em suas ideias. Tudo bem, então preencha este último espaço em branco. Largura da prancheta. Pequenas plantas como essa para praticar ou aprendemos. Sinta-se à vontade para compartilhar sua pequena folha de prática conosco em nosso projeto de aula Skillshare. Tudo bem, isso é tudo nesta classe. Obrigado por aprender comigo e espero vê-lo no meu próximo tutorial. Adeus.