Como dominar o Affinity Designer V2 no iPad: um guia para iniciantes para ilustração e design gráfico

1. Como dominar o Affinity Designer V2 no iPad: Oi Sou Priscilla, ilustradora, designer de patentes de superfície, educadora e proprietária da Cardwell and Inc, um estúdio de um Estou muito feliz em recebê-lo em meu curso, Mastering Affinity Designer, versão dois, no iPad Um guia para iniciantes em ilustração e design gráfico. Se você é um ilustrador que quer elevar seus designs como criativos, buscando uma alternativa poderosa aos aplicativos baseados em assinatura ou alguém novo na arte vetorial Este curso é para você. Sei como pode ser assustador mudar de um fluxo de trabalho baseado em pixels para aprender um programa vetorial com uma nova interface Pode parecer que você está começando do zero. Mas não se preocupe, eu tenho tudo o que você precisa. Neste curso, vou guiá-lo passo a passo para reunir com confiança a versão dois do Affinity Designer Então você pode se perguntar por que aprender arte vetorial. As ilustrações vetoriais são um divisor de águas. Eles são usados em todos os lugares, desde logotipos e marcas até padrões para roupas, decoração de casa e A melhor parte é que os vetores são infinitamente escaláveis, então você pode redimensionar e recolorir seus designs sem perder Setores como design gráfico, moda, publicidade e design de aplicativos dependem de gráficos vetoriais. Dominar essas habilidades lhe dará uma vantagem competitiva, tornando a arte vetorial uma adição valiosa ao seu kit de ferramentas Nesta aula, vamos nos aprofundar em dois projetos para ajudar você a desenvolver suas habilidades. Primeiro, nossa ilustração de xícara de café em estilo plano para dominar o básico e, em seguida, uma impressão artística em três D baseada em plantas, onde exploraremos a adição de profundidade e dimensão Ao longo do caminho, você aprenderá a navegar pela interface com o Ease, ferramentas essenciais como o gradiente de lápis de caneta em ferramentas de texto e recursos como estúdios de cores de camadas e efeitos para dar um acabamento profissional aos seus designs Vou terminar mostrando como exportar sua arte no formato correto para uso impresso ou digital Para facilitar ainda mais as coisas, incluí esboços e paletas de cores para os dois projetos de sua classe, que você possa acompanhar Tudo o que você precisará para esta aula é seu iPad, uma caneta e o aplicativo Affinity Designer versão dois Se você estiver pronto para mergulhar na arte vetorial e desbloquear um novo nível de liberdade criativa, junte-se a mim na aula e começaremos a próxima lição acessando os recursos de sua classe. 2. Recursos do curso: Antes de começar as aulas e os projetos de classe, certifique-se de baixar os recursos fornecidos na seção de recursos na versão web, não no aplicativo móvel. Esses recursos incluem paletas de cores e esboços para ajudar você a acompanhar com facilidade Baixe-os em seu armazenamento de arquivos e, uma vez baixados, você pode importá-los para o affinity designer à medida que avançamos no Agora, para esse projeto de classe, seu projeto para essa classe é simples. Crie uma ilustração vetorial e compartilhe uma captura de Você pode fazer isso a qualquer momento durante o curso e enviá-lo para nossa seção de projetos. Podem ser os designs em que trabalhamos juntos, ou você pode criar algo completamente original. Compartilhar um projeto não é só mostrar seu trabalho. É uma ótima maneira de inspirar outros artistas a experimentarem essas técnicas também. Tudo bem, chega de falar, vamos começar. Me conheceu na próxima lição, na qual examinaremos a galeria e a interface da segunda versão do Affinity Designer 3. Configurações da galeria e do aplicativo: Nesta lição, veremos os conceitos básicos da interface da galeria do Affinity Designer O aplicativo comprado aparece no seu iPad como um ícone azul e o toque abre a visualização da galeria No lado esquerdo da interface, você tem o ícone de afinidade e, ao tocar, abre as opções para fechar Verifique se há atualizações, que o levarão à App Store para ver se há alguma atualização ou oferta especial e mostrar exemplos de obras de arte e aplicativos do aplicativo na indústria Nessa visualização, tocar no texto do Affinity Designer no canto superior esquerdo levará você de volta à galeria de aplicativos Em seguida, importar conteúdo permitirá que você importe todos os documentos que você quiser que estejam nos formatos do Affinity Designer, e Sobre forneceremos informações sobre o aplicativo Em seguida na lista, temos nossa guia Documentação ativa, e esses são os documentos quais você está trabalhando atualmente. Esses documentos de trabalho são como guias em um navegador da web. Eles só podem ser usados enquanto estão abertos e não são salvos automaticamente. Se você fechar sem salvar, perderá o documento, por isso é importante salvá-lo enquanto trabalha. Para salvar o documento, toque nas três linhas na guia de título, o que permite renomear seu arquivo, salvar e escolher um local para o arquivo ou simplesmente salvar para atualizar uma versão salva anteriormente em seu local atual A próxima guia é a nova guia do documento. Você notará que tem um pequeno triângulo cinza no canto inferior direito, o que indica que você tem mais opções disponíveis. Aqui, as opções são novo documento, novo da área de transferência, novo a partir de um modelo, que é um documento que você configurou como ponto de partida para usar repetidamente ou um novo projeto novo projeto é uma pasta na sua galeria onde você pode reunir documentos com temas semelhantes Você cria uma pasta de projeto pressionando longamente um documento até que ele comece a tremer e, em seguida, arrastando-o e soltando-o em cima de outro documento na galeria, o que cria uma pasta de projeto manualmente Para desfazer isso, você pode tocar nas três linhas do documento e selecionar para removê-lo do projeto Você também pode usar as três linhas em uma pasta do projeto para renomeá-la A próxima guia é a guia Abrir para abrir documentos existentes, importar documentos ou criar um novo documento a partir de uma foto no seu dispositivo. A guia do modelo permite que você abra o local do arquivo e abra um modelo existente. A guia de aulas abre algumas videoaulas e ilustrações pré-fabricadas que foram enviadas à Affinity por artistas, e você pode visualizá-las para estudar seus processos e como eles criaram Você precisará baixá-los para o seu dispositivo para usá-los, portanto, certifique-se de ter armazenamento disponível. Em seguida, você tem sua guia Ajuda. Primeiro, você tem sua seção de ajuda que permite acessar um manual incorporado ao aplicativo Isso fornecerá informações sobre qualquer ferramenta Affinity Designer que você queira usar As categorias podem ser abertas em subcategorias mais específicas Você também pode sair dessa seção tocando no x no canto superior direito O portal de ganhos, o Guia de início rápido e o que há de novo no iPad são tutoriais e guias coloridos igualmente úteis, que serão abertos no site da Affinity Na parte inferior da galeria, você tem as informações da sua conta e as configurações do aplicativo. A guia de configurações abre suas preferências de como você pode usar a interface. Deixo a maioria das configurações com os padrões, mas vou destacar algumas que simplificarão seu fluxo de trabalho à medida que você Em geral, eu ativei mostrar toques para que você possa ver os círculos azuis na tela quando eu estiver mostrando gestos de toque Na interface do usuário, você pode ajustar o nível de cinza em seu plano de fundo. Se você for canhoto, terá a opção de ativar o modo canhoto, que inverterá as ferramentas na interface do documento para que as ferramentas fiquem do lado direito e os estúdios do lado esquerdo Deixo a minha com a mão direita. Eu ativo a opção mostrar barra de status, e isso mostrará uma barra de status na parte inferior do documento para que , ao selecionar uma ferramenta, ela forneça uma breve visão geral de como usá-la ou de quaisquer atalhos que você possa usar com o controlador de comando Vou abordar isso em nossa aula sobre gestos. Também quero destacar que embora existam gestos para desfazer com um toque de dois dedos na tela e refazer com um toque de três dedos na tela, você também pode mostrar os botões na interface do documento, que não aparecem por padrão, ativando-os Finalmente, neste menu, eu ativo, peço um nome ao criar camadas ou ferramentas, e isso será extremamente útil para e isso será extremamente organizar suas camadas, pois abrirá automaticamente uma caixa de texto para inserir um nome de grupo sempre que você agrupar objetos, economizará várias etapas e um tempo valioso em seu fluxo de trabalho para que você não precise selecionar manualmente uma camada, em seguida, selecione renomear em um menu, pegue a caixa pop-up e renomeie-a É uma ótima economia de tempo. Geralmente, deixo a guia de preferências de cores como está, mas é aqui que você pode ajustar suas preferências de cores RGB e CMYK ao criar arquivos Na guia de ferramentas, gosto de ativar as ferramentas de sincronização entre documentos Se eu estiver usando ferramentas com configurações específicas em um documento, elas serão transferidas para qualquer outro documento no aplicativo. Também habilito a rotação do Canvas em todas as ferramentas para que eu possa girar meu Canvas enquanto eu crio Para as configurações do lápis, se você estiver usando o lápis Apple de segunda geração, poderá ajustar o que deseja que o recurso de toque duplo faça, bem como a curva de pressão do lápis. Deixo o meu alternando entre a movimentação e a ausência de ferramenta, que é a configuração padrão A guia Fontes permite importar todas as fontes que você tem no armazenamento de arquivos para o seu aplicativo para uso. O menu de atalhos fornece uma variedade de atalhos que você pode usar se tiver um teclado ou controlador de comando ativado Os serviços vinculados permitem que você vincule seu armazenamento de arquivos, se quiser, e a guia de redefinição redefine suas preferências para os padrões de fábrica. OK. Isso é tudo para nossa visualização e preferências da galeria. Junte-se a mim na próxima lição para configurar nosso documento e ter uma visão geral das ferramentas na interface. 4. Criando um documento: Nesta lição, vamos criar um novo documento no Affinity Designer e obter uma visão geral da interface do documento No menu lateral da nossa galeria, selecione novo documento. Um novo menu aparecerá , oferecendo opções para modelos pré-fabricados no lado esquerdo que têm dimensões comuns para impressão e mídia. No lado direito, você pode definir suas próprias dimensões para um documento. Para o nosso, primeiro vou definir as unidades do documento pixels e depois definir o tamanho tocando nos números para ativar a grade Vamos criar nossas dimensões de 1080 por 1080 pixels e 300 DPI, que é o padrão para aplicativos prontos para impressão Você pode definir o formato da cor no lado direito e ativar se deseja que sua prancheta tenha um fundo transparente Isso também pode ser feito posteriormente em seu documento. Em seguida, selecione para criar um novo documento. Lembre-se de que, como estamos trabalhando com vetores, não importa se temos um tamanho de tela um pouco menor pois eles são infinitamente Quando seu documento for aberto, você verá uma variedade de ferramentas e estúdios disponíveis para você. Na parte superior, há alguns menus que são estáticos e usados independentemente das ferramentas que você está usando em afinidade O restante do painel superior é um menu contextual diretamente relacionado às ferramentas encontradas no lado esquerdo da interface Dependendo da ferramenta selecionada à esquerda, você verá o menu na parte superior mudar para oferecer mais opções ao usar essa ferramenta. À direita, você tem os estúdios onde encontrará ferramentas comuns aos programas de desenho digital. Cada um deles será aberto para oferecer opções mais específicas para seu uso. Assim que você sair do estúdio, eles entrarão em colapso. Mas se você estiver trabalhando em um estúdio e quiser mantê-lo aberto, você pode usar o ícone de alfinete para encaixá-lo na lateral da interface Depois de fazer isso, ele manterá qualquer estúdio que você estiver usando aberto até que você desative essa configuração Na parte inferior direita está uma ferramenta útil. Se você tocar no ícone do ponto de interrogação, ele exibirá todos os rótulos do menu para cada ícone visível na interface. As etiquetas das ferramentas estão à esquerda. Os estúdios estão à direita. Os rótulos da parte superior da interface, no entanto, aparecerão no centro da tela com os menus que são estáticos e não mudam à esquerda, na parte superior da coluna. Os menus estáticos à direita vêm em seguida na coluna, e o menu contextual que muda com a ferramenta estará na parte inferior dessa coluna No canto inferior direito, as setas de desfazer e refazer estão localizadas e as ativamos em nossas configurações, então agora elas estão visíveis É isso para esta lição. Junte-se a mim na próxima lição para obter uma introdução rápida aos nossos menus e aprender sobre menus rápidos e gestos na interface do documento que simplificarão seu fluxo de trabalho à medida que você 5. Menus globais e rápidos: Nesta lição, abordarei uma rápida introdução aos menus, menus rápidos e gestos Primeiro, vou começar com os menus na interface que são estáticos e não mudam, independentemente da ferramenta que está sendo usada. O primeiro ícone no canto superior esquerdo leva você de volta à visualização da galeria onde começamos no aplicativo. Ao lado está o ícone do designer de afinidade, que indica que você está na persona vetorial do aplicativo usando apenas ferramentas baseadas em vetores Permaneceremos nessa persona durante toda esta lição Mas tocar no ícone mostrará que você também tem uma persona de pixel com uma interface inteira de ferramentas baseadas em pixels ou Rasta, como você teria disponível em um programa como Esse é um dos recursos fantásticos deste aplicativo. Ele permite que você use ferramentas baseadas em vetores e pixels no mesmo documento em um aplicativo. Há também uma persona inteira dedicada a exportar suas imagens em seções chamadas persona de exportação com suas próprias ferramentas com suas próprias No entanto, para esta classe, voltaremos ao ícone azul porque usaremos apenas ferramentas vetoriais. Além disso, temos o ícone de três linhas, que abre o menu para acessar as ferramentas comuns para fazer ajustes no seu Canvas ou documento. Aqui, você pode redimensionar e exportar seu documento e modelos, imprimir, colocar uma foto ou um arquivo em seu documento, criar novas pranchetas, alterar ou recortar sua tela Você pode tornar seu Canvas transparente para arquivos P e G. Você pode ativar e desativar seu controlador de comando e várias outras opções baseadas em documentos Vou mostrar alguns gestos e atalhos que usam o controlador de comando, então vou ativá-lo neste menu Quando você toca para ativá-lo, um círculo aparecerá na tela. Tocar nele mostrará a interface completa em cinza claro O controlador de comando é um menu de toque para dar acesso aos atalhos no iPad Ela fica inativa na tela, mas assim que você toca nela e arrasta do botão central até uma das teclas modificadoras, elas ficam azuis para mostrar que estão ativas quando você pressiona um dedo sobre elas estão ativas quando você pressiona um dedo Se você quiser a tecla por um longo período de tempo enquanto projeta, deslize do centro, passe a tecla modificadora e ela permanecerá no lugar sem ser Você também pode repetir essa ação de deslizar, passando a tecla modificadora para desativar a função de bloqueio Você também pode pressionar longamente o centro do controlador de comando para movê-lo para qualquer lugar na interface conforme você projeta. Apenas um lembrete de que, se você ficar preso, detalhes sobre como usar isso podem ser encontrados na seção de ajuda, na interface do usuário e no controlador de comando Isso fornecerá detalhes sobre como usar seus quantificadores Em nossas configurações, também ativamos a barra de status na parte inferior da nossa interface para que, quando você estiver usando ferramentas que possam usar o controlador de comando, a barra de status forneça dicas sobre como fazer isso com mais eficiência O próximo ícone de três pontos na parte superior da interface abrirá um menu que contém suas funções usadas com frequência, como recortar, colar, duplicar, suas operações de inserção, operações como converter curvas e expandir traços, bem como É um ótimo momento para apresentar o menu rápido, onde você também pode encontrar algumas dessas funções usadas com frequência na ponta dos dedos usando um gesto de toque Um toque de três dedos na tela revelará seu menu rápido Você também pode fazer isso tocando duas vezes no controlador de comando ou apenas pressionando longamente a tela com um dedo O menu rápido é muito útil e o usaremos para encurtar algumas de nossas funções à medida que criamos nossos projetos Dica: aqui, à medida que você se familiariza com a arte vetorial, talvez queira certos comandos no menu rápido que sejam diferentes dos padrões encontrados Estou aqui para lhe dar ótimas notícias. Manter pressionada qualquer uma das teclas ativas revelará mais opções pelas quais você pode substituir a função existente. Além disso, se quiser restaurar os padrões, você também pode selecioná-los no menu Tocar na tela fora do menu rápido o desativará As ferramentas estáticas no canto superior direito começam com a lupa Zoom to fit Tem um pequeno triângulo cinza na parte inferior, que oferece um menu com mais opções. Ele permite que você ajuste o zoom de acordo com sua preferência. Um único toque nesse ícone ajustará seu documento à tela a partir de qualquer visualização ampliada que você tenha Eu só quero destacar aqui que o estúdio de navegação no canto inferior direito permite que você aumente e diminua o zoom tocando nas opções disponíveis Ou simplesmente colocando uma caneta ou dedo no ícone e deslizando para cima e para baixo sem levantar Você também pode ampliar com dois dedos separados na tela ou diminuir o zoom juntando dois dedos Você também pode girar a tela dessa maneira. Para restaurar uma rotação para zero, basta voltar ao seu estúdio de navegação e tocar duas vezes nos números de rotação para redefini-la O próximo ícone é o modo de visualização Alternar. As opções ao lado se expandem para revelar recursos e opções de design, como grades, sangramentos, guias de colunas e Vou ativar as grades aqui para mostrar como isso funciona Agora você pode ver a grade no Canvas, mas se eu pressionar o botão de visualização, você poderá ver facilmente a aparência do seu documento sem a grade Vou simplesmente desativar as grades novamente. Ao lado está um ícone magnético, que é a ferramenta de encaixe com opções adicionais se você tocar no pequeno triângulo cinza Finalmente, você pode ocultar completamente sua interface com o ícone quadrado no lado direito Na parte inferior da interface, há um pequeno x que permite desmarcar um objeto que você selecionou Você também pode desmarcar clicando em qualquer área vazia da tela ao redor da prancheta O ícone da lixeira no canto inferior esquerdo também permite que você exclua um nó ou objeto selecionado Para nosso último gesto, toque com dois dedos na tela para desfazer e toque em três dedos para refazer Como alternativa, você pode usar essas setas no canto inferior direito da interface Isso é tudo para esta lição. Junte-se a mim na próxima lição para configurar nosso documento para nosso primeiro projeto. 6. O Estúdio de Cores e Traços: Nesta lição, vamos nos preparar para nosso projeto de classe e aprender a usar o estúdio de cores no Affinity Designer nosso projeto de classe e aprender a usar o estúdio de cores no Affinity Vamos começar importando nosso esboço para a primeira parte Vá até o menu superior com as três linhas e, no menu, selecione o local. No menu pop-up, selecione os arquivos e navegue até o armazenamento de arquivos onde você salvou seus recursos de classe para o esboço do TC, selecione-o e escolha Use o dedo ou a caneta para tocar e arrastar sua imagem para a prancheta No canto superior direito, se o ímã de encaixe não estiver ativado, ative-o e isso permitirá que você centralize o desenho na tela Em seguida, vá para a camada em nosso estúdio de camadas à direita. E vamos localizar nossa camada de imagem de esboço. Toque na camada, deslize para a esquerda e selecione bloquear para bloquear a camada e garantir que ela não se mova enquanto trabalhamos Agora vamos criar uma camada vetorial para criar nossa ilustração. Vá até o menu na parte superior do painel de camadas até o ícone de adição e selecione a camada vetorial. Como ativamos isso nas configurações, uma caixa pop-up aparecerá para nomearmos essa camada automaticamente, e vamos chamá-la de tcp Em seguida, no estúdio de camadas, toque nessa camada até ficar azul e segure e arraste-a logo abaixo da nossa camada de esboço Agora podemos tocar no círculo à direita da nossa camada de esboço para desativá-la até que estejamos prontos para começar Agora que estamos prontos, vou dar uma breve visão geral do trabalho com linha e cor. No design vetorial, diferentemente da arte em pixels ou ásteres, você cria sua linha e suas cores simultaneamente, além de criar seus designs começando com formas básicas À esquerda da interface, vou selecionar a ferramenta de forma com um ícone retangular e arrastar minha prancheta com minha caneta para desenhar a forma e mostrar como isso a forma e mostrar como Os nós ou os pequenos círculos ao redor da forma mostrarão que ela está selecionada. Se você tiver tocado na forma em algum ponto, não verá nenhum nó e talvez seja necessário acessar a ferramenta de movimentação no canto superior esquerdo da interface e tocar no retângulo novamente para garantir que sua seleção esteja ativa Agora podemos ir para o canto superior direito do estúdio de cores com um ícone de círculo. Toque para abrir e toque no alfinete na parte superior para mantê-lo aberto à medida que examinamos as opções. Há dois ícones no canto superior esquerdo. O anel oco é o traçado ou contorno da sua forma, e o círculo preenchido representa a cor dentro da O ícone que está na parte superior é sempre aquele que está ativo e vinculado à sua roda de cores abaixo. Você pode tocar no preenchimento ou no traçado para trazê-lo para frente e ativá-lo. Você pode selecionar cores selecionando a família de cores no círculo externo da roda de cores e, em seguida, selecionando uma cor específica na forma interna. Outro ótimo gesto de toque aqui é que você pode ajustar a cor de um objeto pressionando longamente o ícone do círculo do estúdio com um dedo ou caneta e deslizando para cima e para baixo Você também pode ajustar a largura do traçado usando o ícone de traçado abaixo, pressionando longamente e usando o mesmo gesto para cima e para baixo Também pode alternar a cor do traçado e preencher com um gesto de toque deslizando da esquerda para a direita nos ícones Você também pode remover o preenchimento ou o traçado em um objeto deslizando o dedo para cima no ícone quando ele estiver ativo até que ele fique branco com uma linha azul Selecionar uma cor da roda de cores a restaurará. À direita dos ícones de preenchimento e traçado está a ferramenta de seleção de cores Isso permite que você selecione uma cor da tela pressionando e arrastando longamente a forma do círculo que aparece na cor de sua escolha Isso carrega temporariamente a cor em um círculo diretamente à direita e, quando você toca na cor carregada, ela substitui a cor ativa na sua forma É um bom momento para mencionar a ferramenta de seleção de cores dedicada no lado esquerdo, que tem essencialmente a mesma função No entanto, isso não carregará a cor primeiro, apenas mudará imediatamente a cor do preenchimento ou traçado que está ativo sem essa função de pré-carregamento. Voltarei à ferramenta de movimentação para garantir que nossa forma seja selecionada novamente e veremos nossas outras opções de estúdio de cores. A roda de cores não é a única maneira de selecionar cores. Você pode usar as setas na lateral do texto para ver outras opções de visualização ou tocar no texto para abrir o menu completo e percorrer Todos os números podem ser tocados para revelar painéis de números e letras para entradas precisas Abaixo dos seletores de cores, você tem um controle deslizante de opacidade e rolar isso permite ajustar a opacidade de um preenchimento ou traçado em um objeto. Um controle deslizante de ruído, para que você possa adicionar um pouco mais de textura às suas formas vetoriais Abaixo estão as cores usadas recentemente e as cores rápidas que você pode tocar para selecionar Finalmente, na parte inferior desse painel está o texto que diz amostras Tocar na seta à direita revela um novo painel, que contém suas paletas pantone integradas que vêm com o aplicativo e quaisquer outras que O ícone da grade permite que você altere a visualização de suas amostras Então, vamos criar uma paleta limitada partir da nossa camada de esboço para ver como isso funciona No painel de camadas, reative nossa camada de esboço tocando no círculo à direita e, na parte superior do painel Amostras, toque no menu de três linhas para obter suas opções ao criar suas opções ao Uma paleta de documentos limita seu uso somente a este documento, e uma paleta de aplicativo estará disponível no painel Amostras em qualquer documento no Vamos selecionar a paleta do aplicativo e, no menu pop-up, chamá-la de T. Na parte superior do painel, verifique se o preenchimento está ativo e, em seguida, usaremos nossa ferramenta de seleção de cores à esquerda para criar nossa amostra Ative-o e toque sua primeira cor na camada do esboço, e sua cor de preenchimento no seu estúdio de cores mudará Em seguida, toque no menu de três linhas e selecione Adicionar paleta atual de preenchimento de duas, e você a verá adicionada à paleta Swatch Em seguida, toque na segunda cor e repita toque no menu e adicione o preenchimento atual à paleta Vamos continuar com isso até todas as cores da nossa camada de esboço sejam carregadas em nossa amostra Uma coisa a lembrar: quando uma amostra estiver completa, se você quiser salvá-la, toque no mesmo menu de três linhas e selecione a paleta de exportação para salvá-la no armazenamento de arquivos usá-la em outros dispositivos Enquanto estivermos aqui, também aprenderemos a importar uma paleta Espero que você tenha salvado a paleta dos recursos de sua classe que usaremos na segunda parte em seus arquivos nosso menu de amostras, selecione importar paleta e, em seguida, escolheremos como paleta de aplicativos Navegue até onde você salvou sua paleta de plantas em seus arquivos e importe-a, e é simples assim Agora você pode vê-la em sua lista, e agora vou voltar ao nosso painel de camadas e desativar nossa camada de esboço tocando no círculo à direita e tocando para ativar nossa camada de retângulo vetorial até nossa camada de retângulo vetorial Com a ferramenta de movimentação, agora você pode selecionar a forma do retângulo Além do estúdio de cores, logo abaixo, o affinity designer tem um estúdio inteiro dedicado a ajustes de traços Toque no ícone do traço para abri-lo. Já vimos como você pode usar o gesto deslizante no ícone do painel para alterar a largura do traçado, mas você também pode fazer isso com o controle deslizante no painel Uma terceira opção é inserir um valor numérico para um tamanho de traçado mais preciso e tocar em ok para reduzi-lo A aparência do traçado também pode ser alterada aqui de linha para linha de traço ou pincel, onde você pode selecionar qualquer um dos seus pincéis texturizados em seu estúdio de pincéis que está localizado abaixo do estúdio de camadas, e isso o aplicará à sua curva vetorial Vou voltar ao estúdio de AVC e selecionar a linha do plano por enquanto. Você também pode ajustar as bordas da capa de traçado, a junção e o alinhamento. Mas, por enquanto, vamos deixá-los nos padrões. A última parte do estúdio é a curva de pressão, mas voltaremos a ela à medida que a usarmos em nosso projeto de aula. Podemos tocar em nosso retângulo em nossa camada vetorial e , em seguida, pressionar longamente na tela e selecionar excluir no menu rápido para excluí-lo Por fim, reative nossa camada de esboço tocando no círculo para torná-lo visível e certificando-se de que a camada esteja ativa Na parte superior do painel de camadas, podemos tocar nos números para definir nossa opacidade em 25% usando a grade numérica e, à direita, fazer ajustes no modo de mesclagem da Toque no texto e role até encontrar o modo de mesclagem múltipla Isso é tudo para esta lição. Junte-se a mim na próxima lição para criar nossa ilustração vetorial à medida que aprendemos a usar a ferramenta de forma, a ferramenta de movimentação e o construtor de formas. 7. Projeto 1: as ferramentas de forma, movimento e construção: Nesta lição, começaremos a criar nossa ilustração vetorial enquanto aprendemos a usar a ferramenta Forma, a ferramenta mover, a ferramenta não e a ferramenta Shape Builder, que é uma novidade na segunda versão do Affinity Designer Em nosso estúdio de camadas, selecione a camada vetorial até que fique azul para mostrar que está ativa e, em seguida, podemos tocar em nosso alfinete para fechar o estúdio e começar Em nosso painel de amostras, selecione nossa paleta T e definiremos nossa cor de preenchimento como marrom bege médio Como estamos criando uma ilustração plana das cores dos blocos, toque e deslize no traçado para desativá-lo e, em seguida, toque no preenchimento para que fique ativo na parte superior Para começar a forma de copo da nossa ilustração vetorial, vamos usar nossa ferramenta de forma. Desta vez, ao selecioná-lo, toque no triângulo cinza no canto inferior direito para revelar todas as nossas opções de forma. Selecione a forma do segmento na lista e, em seguida, coloque sua caneta ou dedo na tela e arraste sua forma até que ela fique aproximadamente do tamanho do copo t em nosso esboço e solte-a Vai ficar de cabeça para baixo, mas vamos resolver isso em um momento Com qualquer forma vetorial que criamos, quando levantamos nossa caneta, ainda podemos ajustar a forma de algumas maneiras, enquanto nossa ferramenta de formas ainda está ativa Desde que usemos apenas os nós ou os pontos circulares visíveis. A alça da forma nos permitirá girar a forma para que ela se pareça mais com o corpo de uma xícara de café Colocar um dedo na tela permitirá que você faça isso em incrementos precisos de 15 graus Você também pode usar os nós nos cantos para redimensionar e um dedo na tela manterá a proporção ao fazer isso, para que a forma não se distorça Como alternativa, você pode usar seu controlador de comando tocando para ativar e deslizando para cima para bloquear a tecla modificadora de seta para manter a proporção sem precisar tocar Ok, vou apenas desativar isso. Você também pode ajustar os nós vermelhos em qualquer forma que os tenha para modificar sua geometria Nesse caso, podemos ajustar e achatar a parte superior ou inferior da nossa caneca Qualquer outra ação fora disso apenas criará uma nova forma porque nossa ferramenta de formas ainda está ativa. Vou usar o gesto de dois dedos para desfazer essa nova forma. Para selecionar e mover a forma em geral, você precisará de uma combinação da ferramenta sem ferramenta e da ferramenta de movimentação para reposicionar e ajustar a forma Você pode usar a ferramenta de movimentação para garantir que a forma esteja posicionada na parte superior do esboço e, em seguida, tocar na ferramenta não logo abaixo dela Se você tiver um lápis Apple, o gesto de toque duplo permitirá que você alterne entre o nó e mova a ferramenta em vez de tocar no menu Vou usar a ferramenta node para mover a forma até que ela seja posicionada sobre nosso esboço Ainda é possível ajustar a parte superior e inferior e as laterais como você poderia quando estava usando a ferramenta de modelagem. Mas isso só lhe dá mais flexibilidade sem criar novas formas acidentalmente. Quando estiver satisfeito com a posição de sua forma, podemos continuar criando nossa alça da caneca Volte para a ferramenta de modelagem e, desta vez, selecionaremos a ferramenta de rosca Vou tocar e depois desenhar minha forma. E use um dedo para manter essa proporção. Em seguida, vou usar a ferramenta de movimento e a ferramenta de não para posicionar e ajustar a forma para que ela caiba no topo do esboço da alça Enquanto a ferramenta de movimentação está ativa, o menu contextual na parte superior oferece mais opções para nossa seleção e a forma como posicionamos nossas formas Aqui, você pode mover, selecionar automaticamente, organizar, transformar, alterar o alinhamento ou acessar o bully em operações de geometria da forma Nesse caso, gostaria de colocar minha forma de rosquinha embaixo do corpo da caneca Vou selecionar a opção organizar e selecionar mover para trás no menu suspenso. Agora, quero combinar essas duas formas para que tenhamos uma única forma para nossa xícara. Antes de fazer isso, precisamos selecionar as duas formas e podemos fazer isso usando nossa ferramenta Move para desenhar uma marquise retangular ao redor das duas formas até que elas tenham um contorno azul duas formas até que elas tenham um Agora podemos usar uma nova ferramenta, a ferramenta Shape Builder , exclusiva da segunda versão do Affinity Se você tiver a versão um, ainda poderá contornar isso usando as operações booleanas no menu contextual da ferramenta Mover, onde é possível selecionar e adicionar formas Nossa ferramenta de criação de formas se encontra à esquerda e tem um ícone com formas verdes sobrepostas Toque para ativá-lo e o menu contextual na parte superior mudará para oferecer mais opções Aqui você pode adicionar as formas para criar uma nova forma usando o ícone de adição, excluir seções das formas combinadas usando o ícone de menos ou criar uma forma totalmente nova que combine as duas, mas ainda deixando as formas iniciais intactas Vou ativar o sinal de adição porque quero somar os dois. Em seguida, você precisa selecionar a opção que deseja usar para fazer suas seleções das peças que deseja combinar Vou selecionar a linha à mão livre para obter mais flexibilidade. Agora podemos desenhar linhas em todas as áreas que queremos mesclar para conectar as formas em uma Quando terminar, desmarque todas as nossas formas usando o x no canto inferior esquerdo Tudo bem. Em seguida, vamos criar uma sombra e destacar nossa xícara T. Começaremos com a sombra. No estúdio de cores à direita, toque para selecionar o preenchimento e selecionar nossa cor de sombra escura em nossa paleta Em seguida, ative nossa ferramenta de movimento e selecione o copo T. No menu de três pontos na parte superior da interface à esquerda, encontraremos uma seção chamada alvos de inserção para escolher onde queremos que a nova forma seja colocada Vou escolher o interior porque quero que a sombra esteja aninhada dentro da forma de copo e não em cima dela Uma vez ativa, podemos acessar nossa ferramenta de modelagem e selecionar a forma crescente e, em seguida, colocar nossa caneta na tela para desenhá-la bem grande, e você pode ver como ela está aninhada em nosso Agora podemos usar a ferramenta node e ajustar a alça para girá-la Você sempre pode ir e voltar entre o nó e mover a ferramenta para fazer ajustes sua posição até que a sombra cubra a alça e o lado direito do copo. Essa é a nossa sombra concluída. Em nosso estúdio de camadas à direita, podemos ver que o crescente está em uma camada secundária dentro da forma de xícara qualquer momento, você sempre pode arrastar uma forma para fora de outra pressionando e movendo longamente a camada secundária para fora de sua forma principal, e você também pode colocá-la de volta na camada principal sem usar alvos de inserção arrastando-a de volta para baixo, mas à direita da Se você simplesmente arrastar para baixo, ele a colocará abaixo da camada, o que não é o que queremos. No canto inferior esquerdo, desmarque a forma com nosso x. Em nosso estúdio de cores à direita, selecionaremos nosso preenchimento e a cor de destaque bege em nossas amostras Vou usar a ferramenta de movimentação para selecionar o copo T novamente e, no menu superior, selecionar a inserção como estando dentro Agora posso ativar minha ferramenta de forma novamente e desenhar um novo crescente Com a ferramenta de movimento, gire-a e coloque-a do outro lado do copo T à esquerda e afine-a, e então podemos ajustar nossa forma usando a ferramenta não até que ela fique no topo do destaque em nossa camada de esboço Eu quero manipular a forma um pouco mais, então vou pressionar longamente na minha tela, ativar meu menu rápido e selecionar converter duas curvas Isso transformará nossa forma rígida em uma curva vetorial móvel que podemos manipular mais facilmente usando a A ferramenta de nó também permite selecionar a forma e converter um ou vários nós de nós pontiagudos em lisos. Ou nós inteligentes usando esse menu contextual. Você também pode usá-lo para adicionar nós a uma forma para ter mais flexibilidade e ajustar uma forma movendo as linhas entre os nós. Você também pode excluir um nó tocando e batendo na lixeira quando estiver azul Ok, isso é tudo para esta lição. Junte-se a mim na próxima lição para aprender a usar a ferramenta lápis e a curva de pressão no estúdio de traçado para criar o vapor em nossa xícara. 8. A ferramenta Lápis e Nó: Nesta lição, usaremos a ferramenta lápis, a curva de pressão e a ferramenta de largura do traço para criar o vapor que sai da nossa xícara de chá Vou desmarcar com o x no canto inferior esquerdo e, em seguida, à direita em nosso estúdio de cores, deslizar para cima para remover a cor de preenchimento Em seguida, toque para ativar o traçado e selecionar a cor preta na nossa paleta de cores No lado esquerdo de nossas ferramentas, agora podemos selecionar uma nova ferramenta, que é a ferramenta lápis. A ferramenta lápis permite criar linhas e formas vetoriais organicamente como se você estivesse usando um pincel de linha encontrado na maioria dos aplicativos de desenho digital Toque nele para ativar e, em seguida, desenhe uma linha na sua prancheta A primeira coisa que você pode notar é que a linha pode estar um pouco instável e o traçado pode não ser tão grosso ou fino quanto você gostaria Para corrigir isso, você precisa ajustar a largura e a estabilização da ferramenta lápis Enquanto estiver ativo, você verá dois controles deslizantes que apareceram no lado esquerdo O controle deslizante inferior permite ajustar facilmente a largura do traçado, e o outro controle deslizante afeta o grau de estabilização ou suavização do traçado à medida que você desenha No menu contextual na parte superior. Você também pode escolher o tipo de estabilização que deseja usar As opções são estabilizador de janela, estabilizador corda ou nenhum estabilizador Vou começar com o estabilizador de corda. Quando isso estiver ativo, quando você desenha uma linha, haverá uma pequena corda que fará com que você demore até que sua linha seja suavizada Isso lhe dá um pouco mais de controle sobre a linha dependendo do número selecionado no controle deslizante Vou apenas desenhar uma linha em uma configuração baixa. E então em uma configuração alta para mostrar a diferença. Você também pode criar cantos afiados ou nós afiados usando o estabilizador de corda se você movê-lo em O estabilizador de janela, por outro lado, permitirá que você suavize suas linhas ao desenhar com um pouco mais de facilidade, mas não fornece esses nós nítidos quando você faz uma curva repentina Os nós são todos nós lisos. Geralmente, se você desenhar uma linha com a ferramenta lápis e, em seguida, tirar a caneta da tela e voltar para a linha para continuar, ela apenas criará uma nova curva Você pode ver isso no painel de camadas , pois isso criará uma nova camada. A ferramenta de escultura no menu contextual da ferramenta lápis pode ser usada para remediar isso Tocar nele o ativa e, se você tiver retirado a caneta da tela, tudo o que você precisa fazer é tocar no nó final para continuar o A ferramenta de escultura também permite alterar uma linha e redesenhá-la entre quaisquer dois pontos na Eu vou desfazer a escultura. Além disso, você tem a cor do traçado no menu contextual e pode tocar nela para revelar a roda de cores completa ou o painel de amostras para selecionar as cores que você pode estar usando Além disso, você tem um balde de tinta que permitirá que você revele a cor do preenchimento. Isso normalmente não é mostrado na interface. Depois, você pode fazer a mesma coisa selecionando suas cores. No momento, não criamos nossos traçados com um preenchimento, então parece um pouco estranho com essa curva aberta Isso é apenas para mostrar que você pode adicionar um preenchimento a qualquer traçado criado a qualquer momento. Mas, por enquanto, vou tocar no círculo branco com a linha azul para remover nosso preenchimento. O objetivo disso é nossa função de fechamento automático, e você notará que, no momento, criamos traços ou curvas abertas Se você estiver tentando fazer uma curva fechada, ative esse fechamento automático tocando Então, ao desenhar seu traçado, você verá um ponto vermelho aparecer no início e no final desse traçado. Quando eles se conectarem, isso criará uma forma fechada. Eu vou te mostrar a diferença. Se você não tiver a função de fechamento automático ativada, ainda poderá desenhar a forma, mas notará que os nós não se encontram. zoom, você verá que realmente precisa tocar na ferramenta Não e, em seguida, puxar o nó final para cobrir o nó inicial até que ele fique amarelo para que você saiba que a forma está fechada. A função de fechamento automático é uma função muito útil de se conhecer. Além disso, você tem as opções de como ajustar as propriedades do lápis, seja pelos padrões do pincel, pressão automática ou Por enquanto, vou deixá-lo no modo automático. Vou usar minha ferramenta de movimentação para selecionar todas essas curvas em uma marquise retangular Em seguida, use a lixeira para excluí-los ao mesmo tempo no canto inferior esquerdo Vamos encerrar nossa aula criando nosso steam para Tp enquanto analisamos algumas outras funções. Certifique-se de que todas as formas sejam selecionadas usando o x, e então poderemos reativar nossa ferramenta de lápis Também estou me certificando de que meu estabilizador de corda cerca de 28 e traçando uma linha sobre nosso esboço a vapor Em seguida, podemos ativar a ferramenta de aceno e usá-la para ajustar e mover os nós e as linhas A ferramenta Node permitirá que você adicione mais nós para maior flexibilidade se você escolher ou ajustar as linhas para manipular um pouco mais a forma Também pode tocar em um nó e ajustar as alças para alterar o ângulo e direção das linhas às quais elas estão conectadas. Finalmente, você também pode tocar em um nó e alterá-lo de um nó suave para um nó nítido ou um nó inteligente usando o menu contextual Mas, por enquanto, vou desfazer isso com um toque com dois dedos. O traço que desenhamos é uniforme e não muito cônico. Vamos voltar ao nosso estúdio de AVC à direita e examinar especificamente nossa curva de pressão para torná-la mais parecida com vapor. Ao mover a linha da curva de pressão para baixo, você pode ver que a conicidade do traçado também se ajusta Você pode tocar na linha para adicionar um nó extra no centro e, enquanto ela ainda estiver ativa em azul, você pode movê-la para manipular a forma dessa curva Se eu tocar novamente, posso adicionar outro nó e continuar mexendo com a forma da nossa curva Mas você também pode excluir um nó pressionando-o longamente e selecionando excluir nó, ou você também tem a opção redefinir a linha inteira. Isso é importante porque o affinity designer lembrará sua curva de pressão do traçado e a aplicará a todos os seus traços depois disso Se você descobrir que desenhou um novo traçado e ele ainda estiver mostrando a curva de pressão de um traçado anterior, essa é a área que você precisa alterar. Vamos continuar com nosso nó na outra extremidade da curva de pressão e trazê-lo até a parte inferior para afunilar o outro lado do traçado Agora, eu preferiria que meu Steam tivesse um pouco mais de largura no centro, para que possamos usar uma nova ferramenta para afinity designer na versão dois, que é nossa ferramenta de largura de traçado Ele tem um ícone laranja nas ferramentas à esquerda e, ao tocar para ativá-lo, você verá alças que cortam o traçado ativo e podem ser ajustadas para ampliar o centro desse traçado Você pode adicionar mais nós a qualquer momento, que podem ser reduzidos ou ampliados a seu critério Se você abrir o estúdio de traçado no lado direito e mantê-lo aberto, também poderá ver o efeito da adição de novos pontos ao traçado em nossa curva de pressão. Vou simplesmente desfazer esses. A seguir, veremos as funções de duplicação no Affinity Designer à medida que criamos nossos outros Com nossa linha selecionada com a ferramenta de movimentação, há várias maneiras de duplicar esse traçado, para que não precisemos reinventar a A primeira é colocar dois dedos na tela e depois mover o objeto com a caneta ou o dedo para duplicar Esse é meu favorito pessoal. Como alternativa, você pode tocar para ativar o controlador de comando e arrastar para baixo sobre a tecla de opção até que fique azul e , em seguida, usar a caneta para mover a forma e duplicá-la Arrastar novamente desativará isso. Você também pode pressionar longamente a tela para ativar a duplicação ou a duplicação de energia A duplicação automática é diferente da função normal de copiar e colar , pois permite que você faça alterações em uma forma duplicada que será replicada na próxima vez que você duplicar Eu vou te mostrar como isso funciona. Com o segundo golpe de vapor, usarei minha ferramenta de movimentação para ajustá-la e diminuí-la antes de selecionar duplicar no menu rápido Você verá que desta vez a forma não é apenas duplicada, mas também diminuiu de tamanho na mesma proporção Finalmente, a última maneira de usar essa função de duplicação de energia é no menu de três pontos na parte superior, que também fornecerá a duplicação de energia para Se você quiser interromper essa duplicação de energia, basta desmarcar a forma antes de duplicar Tudo bem. Vou excluir as formas extras usando a ferramenta de movimentação e uma marquise retangular e seguida, tocando Para finalizar, vou selecionar e duplicar o traçado inicial, redimensioná-lo e, com essa duplicata simples de dois dedos, criar outra cópia para o outro lado e Isso é tudo para esta lição. Junte-se a mim na próxima lição para seguir em frente com nossa ferramenta Caneta. 9. A ferramenta Caneta: Nesta lição, faremos pausa e examinaremos a ferramenta caneta, que é uma das ferramentas mais usadas na ilustração vetorial Use o X para desmarcar qualquer forma e, em nosso estúdio de traços, redefina sua curva de pressão para que suas linhas fiquem uniformes Também vou usar meu controle deslizante de traçado para afinar a linha. Para praticar com essa ferramenta sem afetar nossa ilustração, vou criar uma nova prancheta, que é outra tela dentro do mesmo documento Vá até o menu de três linhas e toque no texto que diz pranchetas Em seguida, desenhe uma nova prancheta ao lado da nossa existente e solte Você verá essa nova prancheta chamada prancheta dois em seu painel É uma nova tela e todas as formas criadas nessa tela serão exibidas na sua prancheta no painel de camadas Assim como uma camada de fundo em aplicativos de desenho digital, você também pode alterar a cor das suas pranchetas usando o estúdio de cores Enquanto estiver ativo, você pode ir até o estúdio de transformação no canto inferior direito, que oferece opções para redimensionar sua prancheta, você possa definir as dimensões de largura e altura e tocar em k. Vou fechar um estúdio antes de prosseguirmos Criar pranchetas separadas em um documento significa que você pode ter paletas, esboços e imagens de referência disponíveis sem afetar sua afetar Já que estamos falando de imagens de referência, outro ótimo recurso do Affinity Designer é que há um painel de estúdio de imagens embutido painel de estúdio de imagens à direita com o ícone da foto Você abre o painel e pode pesquisar imagens isentas de direitos autorais no Pixabay ou Pexels para usar como referência imagens ou objetos a serem traçados enquanto aprende a usar as Você concorda com os termos de serviço que aparecem e, em seguida, pesquisa um item como café e, em seguida, pode pressionar e arrastar a imagem para baixá-la na sua prancheta Não vou baixá-lo por enquanto. Mas vamos passar para nossa ferramenta Caneta. No lado esquerdo do nosso estúdio, o ícone da ferramenta de caneta parece uma ponta de caneta-tinteiro Toque para ativá-lo. Ao contrário da ferramenta lápis que cria as linhas à medida que você as desenha, a ferramenta caneta permite que você estabeleça cada nó ou ponto de ancoragem e, em seguida, uma linha se conectará automaticamente nó a nó à medida que você cria As linhas e curvas podem ser ajustadas da mesma forma que você fez com a ferramenta lápis usando nossas ferramentas de movimentação e nó enquanto a linha ainda está ativa Antes de continuar, quero apenas dizer que, seja uma linha ou uma forma fechada, os vetores serão chamados curvas em muitos programas de desenho digital Você pode me ouvir usar esse termo durante esta lição para designar qualquer um deles. Na interface do designer de afinidade, nos menus ou no painel de camadas, você verá qualquer forma vetorial chamada de curvas Vamos reativar nossa ferramenta de caneta. No menu contextual, modo caneta é o modo padrão dessa ferramenta Continue tocando sua caneta ou dedo na tela para posicionar seus nós e você verá que, por padrão, os nós são nós afiados Para finalizar uma linha, você deve tocar duas vezes no último nó vermelho até que ele mude de cor de um preenchimento azul para branco. Em seguida, você pode começar a criar uma nova linha ou forma. Você também pode criar formas próximas tocando duas vezes no primeiro nó que você estabeleceu. Para criar nós suaves com suas linhas no modo caneta, você precisa tocar e arrastar sem levantar seus estilos na direção em que deseja que a linha se curve. Se você quiser voltar a criar nós nítidos após um nó suave, você pode ativar o controlador de comando e encaixá-lo para a esquerda e, ao tocar na tela, nós nítidos serão ativados Vou simplesmente desativar isso. qualquer momento, você pode alternar para a ferramenta de nó para ajustar as alças Basie que aparecem em cada nó, ajustar a linha ou mover os nós a ferramenta de nó ainda ativa, você também pode usar uma marca retangular sobre vários nós ao mesmo tempo e alterar o tipo de nó usando o menu contextual de nítido para Se você voltar para a ferramenta caneta, se o último nó tiver o preenchimento azul, você poderá continuar estendendo essa curva. A ferramenta de caneta tem alguns gestos próprios se você quiser modificar suas linhas sem precisar ativar a ferramenta Node na barra de ferramentas Você pode ativar seu controlador de comando para bloqueá-lo no lado direito e, em seguida, tocar para ajustar qualquer nó ou linha ativa. Vou simplesmente desativar isso. Você também pode pressionar dois dedos e bloquear o modificador de seta no controlador de comando na parte superior para arrastar um nó com as alças de controle bloqueadas Vou simplesmente desativar isso. Um gesto de três dedos na tela também permitirá que você edite as curvas, embora eu possa achar isso um pouco Vou simplesmente desmarcar essa forma com nosso x no canto inferior esquerdo Se você é iniciante no uso da ferramenta caneta, pode ser difícil decidir onde colocar os próximos nós à medida que se familiariza com essa ferramenta. Eu sugeriria importar um esboço ou imagem ao usá-lo para que você possa aprender a seguir os contornos Outro recurso notável é que, se você estiver usando um lápis Apple de segunda geração, poderá tocar no ícone no menu contextual para ativar o modo elástico, que mostrará uma prévia antes de colocar os nós, o que pode ser muito útil à medida que você aprende Vou usar a ferramenta de movimentação para selecionar essas linhas que criamos e excluí-las. Existem alguns outros modos para sua ferramenta de caneta disponíveis no menu contextual O modo inteligente permite que você coloque nós inteligentes para criar linhas fluidas suaves em vez de linhas angulares Em seguida, você tem o polígono, que permite criar linhas retas com nós nítidos e finalizar suas formas sem precisar tocar duas vezes no primeiro Outra ótima função ao criar formas fechadas é que você pode ativar um modo chamado snap to nodes no menu contextual Com esse ativo, você pode transformar formas que estão desalinhadas em formas perfeitamente simétricas Com o modo poligonal ativo, crie livremente os nós para formar uma forma de quatro lados Eu intencionalmente não estou sendo preciso. Então, podemos garantir que nosso snap to nodes esteja ativo e, em seguida, mudar para nossa ferramenta de node para alinhar nossos nós em um Você os verá alinhados em vermelho se estiverem encaixados horizontalmente e verdes se estiverem encaixados se estiverem Nosso próximo modo no menu contextual é o modo de linha, que interrompe suas linhas depois que dois nós são colocados para formar uma linha reta sem precisar tocar duas vezes no nó para desmarcar a Assim como a ferramenta de lápis, com qualquer um desses modos, você também pode ajustar cor do traçado ou tocar no balde de tinta para revelar uma cor de preenchimento e ajustar a cor de preenchimento. Você sempre pode ajustar a aparência deles depois criá-los usando o stroke studio. Eu só quero tocar em duas outras configurações no menu contextual antes de terminarmos Vou colocar nosso modo de volta no modo caneta para isso. Em seguida, à direita, a primeira opção é a seleção de preservação e a segunda é adicionar às curvas Preservar a seleção garantirá que as linhas na forma anterior continuem ativas, mesmo que não estejam na mesma camada no painel de camadas. Agora você pode usar a função Snap to nodes para alinhar a nova forma com uma forma anterior, não apenas para alinhar os nós Vou simplesmente desativar essa configuração. lado dela, quando a opção Adicionar duas curvas está ativa, à medida que você cria curvas separadas, todas as curvas são realmente criadas dentro da mesma camada Você pode ver isso ao abrir o estúdio de camadas. Você ainda pode ajustar as cores e as propriedades dessas curvas que também não estão conectadas simultaneamente Isso também tem um benefício adicional, pois você pode usar a ferramenta de movimentação para mover todas as curvas na mesma camada ao mesmo tempo Vou desativar essa configuração. Vamos usar rapidamente nossa ferramenta de movimentação para selecionar todas essas formas e excluí-las com nossa lixeira no canto inferior esquerdo Em seguida, voltaremos à nossa prancheta original e usaremos nossa ferramenta Caneta para finalizar a sacola T e os detalhes de nossa ilustração Primeiro, vou ativar a ferramenta caneta e colocá-la no modo linha. Vamos usar a ferramenta caneta para criar a linha na parte inferior do TC, que é a pseudosombra E certifique-se de que esteja alinhado horizontalmente. Em seguida, criaremos a linha do nosso saco T e, em seguida, passaremos para modo poligonal e criaremos a forma de retângulo e garantiremos que nossos nós estejam alinhados vertical e nossos nós estejam alinhados Você também pode selecionar um preenchimento para a forma do retângulo, e pronto para esta lição Reserve um tempo para experimentar um penol até que ele se sinta mais confortável e, em seguida, junte-se a mim na próxima lição para aprender sobre nosso estúdio de camadas e gestos à medida que concluímos 10. O Estúdio de Camadas: Nesta lição, veremos como o estúdio Layer no Affinity designer O estúdio de camadas se encontra no lado direito da interface com um ícone que se parece com páginas em camadas Tocar no ícone abre o painel que mostra todas as formas e curvas em que trabalhamos enquanto criamos nossa Na parte superior do estúdio, você tem duas camadas de menus. O primeiro ícone de três retângulos permite que você compacte seu estúdio de camadas para imagens miniaturas sem a descrição para obter mais Vou tocar para reverter isso. Quando as camadas têm suas descrições disponíveis, há certos ícones à esquerda que indicam qual é o conteúdo da camada. Elas podem ser curvas camadas de forma totalmente ajustáveis que ainda mantêm suas restrições geométricas e camadas de pixels ou imagens importadas quais você verá um ícone de foto As três linhas ao lado fornecerão as opções de camada para fazer ajustes nas camadas, e o alfinete que vimos anteriormente permite que você mantenha seu estúdio aberto se quiser como estava. No próximo nível de menus, o ícone de adição na parte superior permite criar uma nova camada vetorial ou camada de pixels se você quiser usar pixels em seu projeto vetorial com a persona pixel máscara, camadas vazias e grupos vazios são as próximas neste menu. O próximo ícone permite mesclar camadas abaixo ou mesclar camadas selecionadas Só para observar que, embora pareça que essas funções não funcionem no afinity designer, para usar essas funções, você precisa primeiro converter suas camadas de vetores em camadas de pixels rasterizando e depois mesclá-las, que são opções encontradas mais abaixo encontradas mais Se você quiser manter suas formas como vetores para opção de ajustar o tamanho e as cores à medida que trabalha, sugiro agrupar as camadas ou usar as operações booleanas enquanto a ferramenta de movimentação está ativa para adicionar as está ativa para adicionar Você também pode usar a opção de mesclar curvas no menu de três pontos na parte superior da interface para colocar duas formas não conectadas na mesma camada Se você tiver várias formas em um grupo em suas camadas, você também pode expandir ou contrair a seleção ou recolher todos os pais para levar suas camadas de volta ao nível da prancheta Merge Visible combinará todas as camadas visíveis em qualquer prancheta em uma nova camada base de pixels sem afetar as formas e curvas vetoriais originais Além disso, o ícone da pasta permite que você agrupe seus objetos em camadas, o que fizemos nas lições anteriores ou desagrupe grupos de objetos Abaixo disso, você tem opções para transformar o conteúdo da sua camada usando efeitos de distorção não destrutivos. Eu vou te mostrar como isso funciona com a dobra de malha. Selecione uma de suas curvas, como o vapor, e, nesse menu, selecione malha Isso solicita que você o nomeie. Depois de pressionar OK, agora você pode alterar os nós da malha para ajustar a forma. No painel de camadas, você pode ver que a camada original está intocada Vou tocar duas vezes para desfazer esse recurso. O ícone da lixeira permite que você exclua uma camada selecionada. O menu de três pontos ao lado fornecerá uma configuração de camada mais detalhada. Aqui você pode ajustar a opacidade. E bloqueando ou desbloqueando a camada ativa. Gostaria de chamar sua atenção para o modo solo neste painel. Isso remove todas as outras camadas para que você possa trabalhar em uma camada sozinha. Tocar novamente trará de volta todas as camadas visíveis. Você também pode acessar esse modo no menu rápido pressionando longamente e selecionando sozinho ou deslizando para baixo no controlador de comando para bloquear a tecla de opção e , em seguida, voltando ao painel de camadas e tocando em uma camada para isolá-la Vou tocar novamente na camada para restaurar todas as camadas e, em seguida, deslizar para desativar o controlador de comando Você também pode ajustar a opacidade de uma camada na parte superior do painel de camadas tocando para abrir a grade de entrada ou simplesmente deslizando para cima e para baixo com um dedo ou uma caneta nos números para ajustar a Para restaurar 100% de opacidade, basta tocar duas vezes nos números À direita, você pode tocar e rolar para selecionar um novo modo de mesclagem ou usar as setas para percorrer Tocar duas vezes no texto também retornará o modo de mesclagem ao normal Descendo até a visualização das camadas principais, quando a ferramenta de movimentação à esquerda está ativa, tocar em uma camada ativa essa camada em azul e seleciona o objeto na Deslizar para a direita desativará a seleção. Deslizar para a esquerda em uma camada abrirá um menu para permitir que você adicione a uma seleção existente, exclua uma camada, bloqueie-a ou renomeie a Para selecionar várias camadas, basta continuar deslizando para a direita nas camadas que você deseja selecionar e ajustar suas propriedades simultaneamente Se as camadas que você deseja selecionar ou agrupar estiverem todas próximas umas das outras, toque na camada superior com um dedo e, em seguida, na camada inferior com dois dedos, selecionará todas elas Você também pode usar o controlador de comando para fazer isso tocando para ativá-lo e, em seguida, deslizando para cima para bloquear a tecla shift e, em seguida, tocando para selecionar Vou simplesmente desmarcar o controlador de comando. Pressionar longamente uma camada permitirá movê-la para cima e baixo acima ou abaixo de outras camadas, e a linha azul exibida mostrará onde a camada está sendo colocada. Você também pode arrastar uma camada e colocá-la em cima de outra camada, mas ligeiramente para a direita sobre o texto para colocar um vetor dentro de outra. Fizemos isso anteriormente com alvos de inserção, mas você também pode fazer isso manualmente no painel de camadas Vou fazer uma pausa aqui para demonstrar criando um formato de coração em cima da nossa bolsa T. Desmarque todas as camadas ativas com o X e vá para o nosso estúdio de cores Certifique-se de que seu traçado esteja desativado deslizando para cima e , em seguida, selecione nosso preenchimento e, em nosso painel de amostras, a cor rosa empoeirada da nossa paleta. Toque em nossa camada retangular no painel de camadas porque queremos que nosso novo formato de coração Em seguida, selecione a ferramenta de forma e a forma de coração na lista. Verifique se o estalo está ativo e seguida, desenhe a forma de um coração Agora podemos usar nossa ferramenta Node para posicioná-la no centro desse retângulo e, em seguida, no painel de camadas, selecionar a forma do coração e arrastá-la para a direita da etiqueta retangular da bolsa T para colocar o coração dentro dessa Agora você pode ver que é uma camada secundária desse retângulo principal Enquanto estamos aqui, podemos criar forma de um círculo ao redor da nossa xícara de chá Desmarque a forma do coração com o X e, no estúdio de cores, selecione preto para o traçado e sem preenchimento, e tocaremos em uma camada desta vez perto da parte inferior de nossas camadas para colocar essa forma e, em seguida, vá para nossa ferramenta de forma à esquerda e selecione a elipse Ao desenhá-lo, coloque um dedo na tela para manter a proporção e, em seguida, podemos usar o movimento e nenhuma ferramenta para posicioná-lo sobre o esboço Agora vou desativar nossa camada de esboço para ter uma visão clara de nossa ilustração final e, em seguida agrupar todas as curvas soltas, como o vapor, e reorganizar camadas que eu achar que estão Agora podemos selecionar todas as camadas da ilustração tocando na primeira camada com um dedo e na última camada com dois dedos para agrupá-las em um único grupo Vou chamar esse grupo de Copa Concluída. E essa é a primeira parte da nossa ilustração feita. Quero mostrar um último recurso incrível caso você compartilhe suas ilustrações nas redes sociais, que está no aplicativo Navigator no Affinity Designer, no Affinity Designer Agora, isso tem um modo de visualização dividida muito interessante. Às vezes, ao fazer uma ilustração, você quer se lembrar das formas vetoriais que usou ou apenas ter uma imagem legal de antes e depois para uma postagem nas redes sociais. Por padrão, esse modo não está ativado, mas se você tocar e ajustá-lo para raio-X ou contorno, poderá ver sua ilustração dividida em formas simples Eu realmente amo esse recurso. Isso é tudo para esta lição e para o Projeto 1 deste curso. Espero que tenha sido útil para ensinar o básico do aplicativo Sinta-se à vontade para fazer uma captura de tela e adicionar seu projeto à seção de projetos de classe desta aula Você sempre pode adicionar a segunda parte posteriormente. Brinque com cores e variações em sua versão e experimente as técnicas que você aprendeu na primeira parte. Mal posso esperar para ver o que você criou. Agora vamos à segunda parte desta aula. Nas próximas lições, criaremos uma planta de três estilos D usando as ferramentas que usamos na primeira parte, mas também desenvolveremos novas ferramentas na interface para ajudar a transformar suas ilustrações vetoriais de um mas também desenvolveremos novas ferramentas na interface para ajudar a suas ilustrações vetoriais de estilo simples em um estilo tridimensional com volume, sombras, destaques Também veremos os ativos e os recursos de exportação na segunda versão do Affinity Designer Te vejo na aula. 11. Projeto 2: criando vaso de flores 1: Bem-vindo à segunda parte do curso Affinity Designer. Agora que temos uma visão geral abrangente das principais ferramentas do Affinity Designer Agora podemos tentar um projeto mais detalhado criando um pt de três estilos D. Para começar, vamos nos certificar de que está livre de qualquer forma vetorial e garantir que ela não tenha preenchimento ou traçado. Em seguida, podemos acessar o menu de três linhas na parte superior do nosso armazenamento de arquivos para importar nosso esboço para nosso segundo projeto Selecione o texto que diz, coloque, selecione o armazenamento de arquivos onde você salvou seus recursos de classe e selecione nosso esboço da planta Coloque a caneta na prancheta, arraste até o tamanho da prancheta e solte-a Agora podemos redimensionar e se o encaixe estiver ativado no canto superior direito, podemos centralizá-lo em nossa prancheta podemos centralizá-lo em nossa Esta é a imagem na qual vamos construir nossa ilustração agora . Vá até o painel de camadas e encontre sua imagem no P dois, deslize para a esquerda e bloqueie essa camada para que a imagem não se mova enquanto criamos nosso design Na parte superior do painel de camadas, selecione o ícone de adição e crie uma nova camada vetorial. Vamos segurá-lo e arrastá-lo abaixo da nossa camada de esboço. Em seguida, ative nossa camada de esboço tocando e reduza a opacidade Vou selecionar cerca de 25%. Você pode configurá-lo em qualquer nível com o qual se sinta confortável. Em seguida, defina o modo de mesclagem para multiplicar e agora podemos ver os contornos como um guia à medida que construímos nossas formas vetoriais Certifique-se de que todas as camadas estejam desmarcadas usando o x no canto inferior esquerdo e, em nosso estúdio de cores, vá até suas amostras na parte inferior e selecione nossa paleta de cores para nossa impressão artística que importamos em uma de nossas Agora podemos começar criando nosso primeiro vaso de flores. Selecione a cor laranja terracota mais escura para seu preenchimento e desative um traçado Em seguida, selecione a ferramenta de forma na barra de ferramentas esquerda e a forma retangular Vamos usar isso para desenhar um retângulo que tenha aproximadamente a largura e a altura do primeiro esboço do vaso de flores Use o nó e a ferramenta de movimentação para posicioná-lo aproximadamente sobre a camada do esboço Essa forma tem cantos afiados em comparação com os cantos arredondados do nosso esboço. Para corrigir isso, vamos usar uma nova ferramenta em nossa barra de ferramentas, a ferramenta de canto Toque para ativá-la à esquerda e, em seguida, desenhe uma marquise retangular para selecionar os dois nós na parte inferior do vaso de flores que queremos Depois de selecionados, os nós ficarão azuis. Como ambos estão selecionados, tudo o que fizermos com um nó será refletido no outro nó selecionado. Toque e arraste um canto em direção ao centro do retângulo até que ele se pareça com o arredondamento da nossa camada de esboço Em seguida, use sua ferramenta de nó e movimento para reposicionar a forma sobre o esboço Lembre-se de que o esboço é apenas um guia, então não precisa ser perfeito Agora, com essas plantas, ao contrário do nosso primeiro projeto, vamos adicionar alguns gradientes e efeitos para criar uma ilustração em três D em vez de uma ilustração plana Para começar, vamos adicionar sombras e destaques ao nosso vaso de flores Antes de determinarmos onde colocá-los, precisamos pensar de onde vem nossa fonte de luz em nossa ilustração. Vou apenas ativar uma camada no meu painel para demonstrar isso. Vou selecionar o canto superior direito. Para nossa fonte de luz. Isso significa que tudo no lado esquerdo e na parte inferior ficará nas sombras Eles terão um valor mais escuro e as cores à direita e na parte superior serão mais claras e brilhantes Tenha isso em mente ao trabalhar. Por enquanto, vou apenas desativar essa camada. Para alcançar esses valores mais claros e mais escuros, usaremos uma nova ferramenta em nosso fluxo de trabalho, a ferramenta de gradiente. Vá até o painel de ferramentas no lado esquerdo e selecione a ferramenta de gradiente Ao ativá-lo, ele permitirá que você desenhe uma linha em seu vaso de flores, desde a luz alta até o canto superior direito até a sombra no canto inferior esquerdo, e criará esse gradiente automático Os nós nas extremidades permitem ajustar as cores do gradiente. Toque para selecionar primeiro o nó à direita e, em seguida, vá até nosso estúdio de cores e selecione a cor clara de Biji em nossas amostras para o primeiro Em seguida, toque no segundo nó e selecione a cor de terracota mais escura que tínhamos inicialmente Isso dará imediatamente aos seus vasos de flores uma sensação de dimensão. Se acessarmos nosso menu contextual na parte superior dessa ferramenta, podemos tocar no texto para selecionar nosso tipo de gradiente As opções aqui não são nenhuma. Um gradiente sólido, um gradiente linear, um gradiente elíptico, um radial, um cônico O Bitmap é interessante e um dos meus favoritos, pois permite selecionar uma imagem de seus arquivos como preenchimento de gradiente Vou mostrar como isso funciona com um dos meus ladrilhos de padrão contínuo Vou tocar em bitmap e, em seguida, selecionar local nas fotos e selecionar uma impressão Assim, posso inserir um padrão sem emenda. Também posso movê-lo e redimensioná-lo da mesma forma que faria com qualquer gradiente Vou voltar ao gradiente elíptico usando a função de desfazer com dois dedos A qualquer momento, você pode tocar na linha do gradiente e adicionar outro nó para adicionar outra cor ao gradiente Mas, por enquanto, vou desfazer e deixar como está. À direita das opções de gradiente, o primeiro ícone permite girar o gradiente. Ao tocar no segundo ícone você pode inverter a direção do A terceira para desbloquear ou bloquear a proporção para que você possa ajustar cada alça elíptica de gradiente separadamente, e eu vou ajustá-las um pouco Para adicionar um pouco mais de dimensão, quero aplicar um destaque brilhante lado direito do vaso de flores D selecione todas as formas e, no estúdio de cores, selecione a cor esbranquiçada em nosso painel de amostras como nosso preenchimento sem traçado Em seguida, vá até sua ferramenta de modelagem e selecione um crescente, e vamos colocá-lo no lado direito do vaso de flores, onde é um pouco mais claro Você pode usar sua ferramenta sem ferramenta para ajustá-la. Lembre-se de que você sempre pode converter em curvas usando o menu contextual na parte superior se quiser mais flexibilidade com sua Em seguida, selecione a ferramenta de movimentação e ajustaremos sua aparência com um novo estúdio na barra de ferramentas à direita Esse é o nosso estúdio de efeitos. Encontre o texto F X e toque para abrir o estúdio. Ele contém uma série de efeitos divertidos que você pode aplicar automaticamente à sua forma. Por enquanto, o efeito que estamos procurando é o golpe gaussiano Toque no texto até que ele fique cinza e um controle deslizante aparecerá à esquerda da barra de ferramentas, onde você poderá ajustar o efeito escolhido Você pode fazer isso de três maneiras com o golpe gaussiano ajustando o controle deslizante Ou simplesmente mover seus estilos para cima e para baixo na tela enquanto ela está ativada. Ou, finalmente, você pode tocar nos números na parte superior do controle deslizante para definir um valor específico de pixel Acho que vou definir o meu por volta dos anos 30 porque quero ter um destaque embaçado, como se a luz estivesse apenas refletindo na curva do No painel de camadas, vou definir o modo de mesclagem para adicionar e torná-lo um pouco mais luminescente e, em seguida, ajustar um pouco a opacidade até ficar Por fim, quero chamar sua atenção para o painel de estilos na parte inferior do estúdio FX. Toque no texto para abri-lo. Sempre que você aplica um efeito como o gradiente ou a curva de pressão do traçado modificada como fizemos nas aulas anteriores, você pode salvar o efeito como um estilo para reutilizá-lo repetidamente em seus designs Posteriormente, você pode aplicar as configurações de salvamento automaticamente a qualquer outra forma com a qual esteja trabalhando. Vamos nos certificar de que estamos em movimento como ferramenta e, em seguida, fazer dessa seleção nosso destaque. Em seguida, no menu de três linhas na parte superior do painel Estilos, selecionaremos Adicionar estilo da seleção. Isso aparecerá automaticamente como um estilo neste menu na parte inferior. Também vamos selecionar a forma do retângulo com nossa ferramenta de movimentação e salvar nossas configurações de gradiente para esse Novamente, adicione o estilo da seleção em nosso menu. Isso economizará muito tempo ao criarmos nossos vasos de flores, porque apenas aplicaremos esses efeitos com função de colar à medida que criamos nossas formas. É isso para esta lição. Reserve um tempo para criar uma forma em seu Canvas e depois brincar com os efeitos encontrados no estúdio FX ou com as diferentes opções de gradiente usando a ferramenta de gradiente Quando estiver pronto, junte-se a mim na próxima lição para criar nossa planta para este vaso de flores. 12. Como criar a planta de dinheiro: Nesta lição, começaremos a criar as folhas e os caules para nossa primeira planta. Certifique-se de que todas as formas em sua tela sejam selecionadas tocando no x na parte inferior esquerda da interface Indo para nosso estúdio de cores à direita, selecione o verde médio da nossa paleta de amostras de cores como um preenchimento sem traçado, e começaremos com as folhas circulares Vou ampliar enquanto fazemos isso. Selecione sua ferramenta de forma à esquerda e podemos criar as folhas facilmente com a forma de elipse Escolha sua elipse e desenhe um pequeno círculo. Se você quiser um círculo perfeito, coloque um dedo na tela ao fazer isso. Vou selecionar a ferramenta de movimentação e colocar o círculo como uma das folhas traseiras e ajustá-lo ao tamanho desejado. Em seguida, selecionaremos a ferramenta de gradiente para criar as sombras e os destaques na capa Coloque-o em elíptico e coloque o destaque onde você vê aquele pequeno círculo No estúdio de cores de nossas amostras, defina o verde claro como a parte mais clara do gradiente E o verde mais escuro como a cor da sombra. Assim como o vaso de flores, também criaremos o destaque na folha. Volte para nossa ferramenta de movimentação e desmarque todas as nossas formas No estúdio de cores à direita, selecione o esbranquiçado das amostras de cores como um preenchimento sem traçado e, em seguida, selecione sua ferramenta de forma e, novamente, selecione a elipse Crie um pequeno círculo no canto superior direito da folha e, usando a ferramenta de movimentação, posicione-o no destaque em nosso esboço Agora podemos ir ao estúdio de efeitos à direita e selecionar o desfoque gaussiano Vou defini-lo em cerca de quatro pixels usando a grade numérica. À direita, em nosso painel de camadas, vamos definir essa camada no modo de mesclagem de anúncios para adicionar essa luminosidade e ajustar também a opacidade. Agora podemos deslizar para a direita na luz alta e camada da folha e selecioná-las em azul e usando a pasta na parte superior do painel de camadas, criar um grupo e rotulá-lo como folha circular Agora que criamos uma folha, podemos usar a função duplicate para duplicar todo o grupo e criar as outras Verifique se a ferramenta de movimentação está ativa e toque no grupo no painel de camadas. Com um grupo selecionado, coloque dois dedos na tela e use sua caneta para mover a forma duplicada e posicioná-la na próxima forma de folha em nosso esboço Comece com as folhas na parte de trás e vá avançando. Ao fazer isso, ajuste as dimensões do grupo à medida que você trabalha. Vou acelerar minhas voltas temporais enquanto faço isso por uma questão de tempo, mas você está apenas repetindo mesma duplicação, movendo-se e ajustando A qualquer momento, você também pode ajustar os gradientes nas folhas individuais Mas, por enquanto, estou muito feliz com aparência de nossas folhas e com o tamanho das folhas. Quando terminar, volte para a direita para o nosso painel de camadas e selecione o primeiro grupo de folhas com um dedo e o último grupo de folhas com dois dedos para selecionar todos eles e use a pasta para agrupá-los e chamar esse grupo de planta monetária. Verifique se a ferramenta de movimentação está ativa e, em seguida, desmarque o grupo usando o x no canto inferior esquerdo Em seguida, para nossos caules. No estúdio de cores, remova o preenchimento e selecione o traçado e a cor marrom escuro nosso painel de amostras À esquerda, selecione a ferramenta caneta e coloque-a no modo on-line. Crie uma linha de cada folha até o vaso de flores. Como estamos no modo de linha, as linhas terminarão após cada segmento. Basta contornar toda a planta, fazendo esses caules um por um. Feito isso, ative a ferramenta de nó e ajuste a curvatura de cada haste e a posição dos nós para que fiquem ao redor de onde está o destaque. Vou fazer tudo isso em cima das folhas no momento para que possamos ver o que estamos fazendo. Vou acelerar minhas voltas temporais à medida que avança. Tudo bem. Quando as folhas estiverem onde queremos, voltaremos para a direita do nosso painel de camadas e agruparemos nossas hastes tocando na camada superior com um dedo e na camada inferior com dois dedos, para selecionar todas, selecionando grupo na superior do painel e nomeando esse novo grupo Em seguida, pressione e segure o grupo e arraste-o abaixo das folhas e do vaso de flores. Para finalizar, vamos pegar todos os grupos associados a essa planta deslizando para direita em nosso painel de camadas até ficarem azuis e, em seguida, agrupá-los e nomear a planta do grupo Ok, isso é tudo para esta lição. Junte-se a mim na próxima lição enquanto concluímos nossa segunda planta. 13. Como criar estilos: Nesta lição, vamos criar o vaso e o suporte para nossa segunda planta. Desta vez, vai ser muito simples porque já salvamos vários efeitos de estilo da nossa primeira planta. Para começar, vá até o painel de camadas e toque na camada do esboço Também vou aumentar a opacidade para 50% para que possamos ver claramente as várias formas desta planta Agora podemos desmarcar todas as camadas usando os ovos. À direita, em nosso estúdio de cores, selecione a cor laranja média em nossa paleta de amostras Abaixo disso, no painel Camadas, toque para abrir o estúdio e toque para ativar a planta número um, para que as formas que criaremos sejam criadas acima dessa planta. Para começar no pote, vá até a barra de ferramentas esquerda até a ferramenta de forma e selecione a forma da elipse na lista expandida Toque e arraste na tela para colocá-la na tela e, em seguida, use a ferramenta não no canto superior esquerdo para posicioná-la e redimensioná-la na parte superior do esboço, usando-a como guia geral Se o recurso de captura estiver impedindo você de alinhá-lo ao seu esboço, basta tocar no canto superior direito Agora, queremos ter uma tampa plana em nossa panela. Volte para a ferramenta de forma e, desta vez, selecione a forma do retângulo Toque e arraste para desenhá-lo em sua tela. Em seguida, ative a ferramenta não e use-a para colocar seu retângulo sobre a elipse para que ele se sobreponha onde queremos cortar Depois de posicionada, selecione a ferramenta de movimentação e desenhe um letreiro retangular para selecionar as duas formas Agora podemos usar nossa ferramenta de criação de formas na barra de ferramentas esquerda. Toque para ativá-lo e, no menu contextual na parte superior, selecione o sinal de menos para subtrair as formas umas das outras Em seguida, desenhe uma linha para remover o retângulo e a parte superior da elipse em vermelho para criar a parte superior plana do Isso também pode ser obtido pela função de subtração Blean se você estiver usando uma versão mais antiga do afinity designer com Vou simplesmente desfazer com dois dedos e ativar a ferramenta de movimento para mostrar como isso funciona No menu contextual, você pode selecionar as operações Blean e, na lista, a opção de subtração, o que permitirá obter a mesma aparência E essa é a forma do nosso pote concluída. Agora, vamos adicionar um pouco de dimensão. Certifique-se de que o pote esteja selecionado com a ferramenta de movimento e agora podemos ir ao estúdio de efeitos à direita e selecionar o estilo de gradiente salvo em nosso primeiro pote Toque para aplicá-lo e ele mudará o estilo para combinar com nosso primeiro pote. Eu realmente adoro a simplicidade desse recurso. Em seguida, à esquerda, ative a ferramenta de gradiente e ajuste o gradiente conforme desejar para trazer mais sombra ou ajustar as cores nos nós Lembre-se de que você também pode desativar a proporção no menu contextual para ter um pouco mais de liberdade Em seguida, criaremos nosso destaque. Desmarque todas as formas e, em seguida, vá para nosso estúdio de cores e selecione o esbranquiçado de nossas amostras como preenchimento sem traçado Selecione a ferramenta de forma na barra de ferramentas esquerda e nossa forma crescente Toque e arraste para colocá-lo e , em seguida, use a alça para girá-lo até a posição certa Ative a ferramenta de nó e ajuste-a sobre o destaque do esboço e, em seguida, pressione e segure na tela e selecione, converta em curvas em nosso menu rápido Depois, você pode ajustar quaisquer nós afiados e suavizá-los ou ajustar as curvas Quando estiver satisfeito, volte ao estúdio F X à direita e selecione o estilo de desfoque gaussiano que salvamos em nossa seção de estilo e No painel de camadas, toque em dois, selecione e desative a camada de esboço para ver a aparência do nosso segundo pote Vamos reativá-lo e continuar em pé. Certifique-se de que todas as formas estejam desmarcadas usando os ovos. Em seguida, à direita, no estúdio de cores, vá até nossas amostras e selecione a cor preta para o traçado sem preenchimento Na barra de ferramentas esquerda, selecione a ferramenta caneta e coloque-a no modo caneta Vamos usar isso para traçar a moldura na frente do porta-panelas, seguindo o contorno do esboço à medida Em seguida, toque duas vezes para fechar o primeiro nó. Em seguida, selecione a ferramenta de nó e certifique-se de que seu encaixe esteja ativo no canto superior direito, assim como os nós encaixados no menu contextual superior Agora comece a mover os nós até que eles se alinhem horizontal e verticalmente Pode levar um minuto, mas fique atento às linhas vermelha e verde para mostrar que elas estão alinhadas corretamente Em seguida, na parte de trás da moldura, ative a ferramenta caneta novamente e, desta vez, crie uma forma de triângulo com três nós. Ative a ferramenta Node e certifique-se de que ela esteja alinhada com nossa última forma Em seguida, selecione a ferramenta de movimentação e, à direita, no painel de camadas. Certifique-se de que essa camada esteja ativada em azul e, em seguida, segure e arraste a camada até que ela fique abaixo da camada do pote A linha azul indicará onde você a está colocando, e esse é o nosso suporte pronto. Isso é tudo para esta lição. Junte-se a mim na próxima lição para criar nossas folhas e caules de segunda planta. 14. Criando o monstro: Nesta lição, vamos criar as folhas e caules para nossa planta Monstera Começaremos com as folhas e, para essas formas orgânicas, usaremos a ferramenta lápis. Certifique-se de que todas as formas anteriores sejam selecionadas usando o X na parte inferior esquerda da tela. Vá para a direita até o estúdio de cores e, em nossas amostras, escolha a cor verde clara para nosso preenchimento sem traços Em seguida, selecione a ferramenta lápis na barra de ferramentas esquerda. Em suas configurações no menu contextual, ative a função de fechamento automático e eu também vou colocar meu estabilizador na janela e configurá-lo em aproximadamente 12 No painel de camadas, toque na camada superior do suporte que acabamos criar para que as folhas sejam criadas acima dela e, em seguida, usando nossa camada de esboço como guia, desenharemos nossa primeira folha, certificando-nos de que, ao chegarmos perto do ponto inicial, o círculo de fechamento automático apareça em vermelho para fechar essa forma Em seguida, selecione sua ferramenta de gradiente na barra de ferramentas à esquerda e posicione-a no gradiente elíptico no Gire o gradiente para que o único nó esteja apontando para o canto superior direito e, em nosso estúdio de cores, no lado direito, transforme esse nó em verde claro, toque no outro lado do gradiente elíptico e Ajuste as alças até que você tenha o gradiente dentro desse destaque no esboço e fique próximo ao lado direito da folha Em seguida, vá para nossos efeitos de camada e, na seção de estilo, vá para o menu e selecione Adicionar estilo da seleção. Agora, podemos voltar à nossa barra de ferramentas esquerda até nossa ferramenta de lápis e vamos criar o resto de nossas folhas, e o gradiente deve ser aplicado à medida que as desenhamos, trabalhando no sentido anti-horário Agora, vou reativar minha camada de destaque secreta para nos lembrar onde estão nossos destaques Depois, podemos voltar para a ferramenta de gradiente e começar a fazer alguns ajustes em nossos gradientes em nossas folhas Certifique-se de ter desativado a proporção para poder mover as duas alças do gradiente livremente. Em seguida, selecionaremos folha por folha e ajustaremos o gradiente elíptico conforme Vou me certificar de que meus destaques estejam à direita em direção ao topo, usando essas linhas de destaque como guia. Também tornarei minhas folhas que estão longe da fonte de luz um pouco mais escuras com o gradiente, bem como quaisquer áreas sombreadas por As folhas estão mais próximas da nossa fonte de luz. Podemos ajustar para tornar o gradiente um pouco mais claro. Quando estiver satisfeito com a forma como os gradientes são colocados, vá para o estúdio de camadas à direita e abra-o Vou apenas desativar essa camada de destaque. Em seguida, vamos agrupar as folhas tocando na camada superior da folha com um dedo e na última camada com um dedo e da folha com dois dedos para selecionar todas elas e, em seguida, tocando na pasta na parte superior e selecionando o Nomeie esse grupo de Monstera e toque em K. Agora podemos desmarcar todas as nossas camadas usando o x na parte inferior esquerda da Em seguida, vamos criar as nervuras centrais para nossas folhas. À direita, em nosso estúdio de cores, vamos selecionar uma cor verde média diferente da que usamos em nosso gradiente como traçado e sem preenchimento Na barra de ferramentas esquerda, selecione a ferramenta caneta e, em seguida, abra o painel de camadas e abra o grupo monstera Selecione a primeira folha no grupo e, em seguida, no menu superior, selecione o menu de três pontos e, nos alvos de inserção na parte inferior, selecione dentro Em seguida, use sua caneta para desenhar um segmento na folha, da base até a ponta. A direção será importante. Use o controle deslizante à esquerda para ajustar a espessura do traçado até que você possa vê-lo claramente, mas não seja muito grosso. Em seguida, toque na segunda camada da folha no painel de camadas. Novamente, selecione o alvo de inserção e escolha dentro. Em seguida, usaremos nossa ferramenta de caneta para colocar nosso próximo segmento. Vou repetir selecionando o terceiro, selecionando o alvo de inserção, criando meu segmento com a ferramenta caneta e continuando nas duas últimas folhas Vou acelerar meu lapso de tempo ao repetir os dois últimos. Quando terminar, selecione “Sem ferramenta” na barra de ferramentas à esquerda e também desative o encaixe Em seguida, selecione cada linha , uma de cada vez, e use seu esboço como guia para posicionar a veia e dobrá-la na folha Continue ao redor da planta com cada nervura e dobre-a sobre a nervura no esboço de cada uma das folhas Não tenha pressa e faça uma a uma, selecionando no painel de camadas e depois ajustando. Agora, no painel de camadas, vamos selecionar todas as veias deslizando para a direita em cada camada até que ela seja destacada em azul Em seguida, tocaremos para ativar o stroke studio no lado direito na parte inferior , vamos até a curva de pressão e ajustaremos a curva trazendo o lado direito para baixo para que as linhas nas pontas de nossas folhas se afinem. A ferramenta de nodo à nossa esquerda ainda está ativa, então você pode ajustar a posição das folhas se precisar. Reserve um minuto e talvez ajuste as veias até sentir que elas estão posicionadas exatamente como você gostaria. Finalmente, contraia o grupo de folhas e podemos desmarcar todas as nossas formas com o x no canto inferior esquerdo Agora, no estúdio de AVC, também podemos redefinir essa curva de pressão. Em seguida, vamos criar os caules das folhas. No estúdio de cores, selecione o mesmo verde que você usou para as veias sem preenchimento. No painel de camadas, toque no grupo de folhas de monstera para que os caules sejam criados acima dele Em seguida, selecione a ferramenta caneta e verifique se ela está no modo de linha. Toque para desenhar uma linha da primeira folha frouxamente até o vaso de flores e repita para cada uma das folhas ao redor da planta Como estamos no modo de linha, cada segmento terminará quando o posicionarmos. Em seguida, à esquerda, selecione sua ferramenta de nó e ajuste cada segmento, um por um, para que pareça estar vindo da base da folha. Você pode tocar e ajustar as curvas, dobrar os segmentos ou adicionar nós Só queremos que pareçam mais orgânicos e pareçam estar se conectando com as nervuras na base das folhas e daí indo para o vaso. Agora, obviamente, eles ainda estão no topo. No painel de camadas, selecione a primeira haste com um dedo e a última com um toque com dois dedos para selecionar todas. Em seguida, você pode selecionar a pasta na parte superior e agrupar todas elas e chamar o grupo de raízes. Em seguida, ative a ferramenta de movimentação e, em nosso painel de camadas, toque e arraste esse grupo até que ele fique abaixo do pote. A próxima coisa que vamos fazer é criar destaques na folha. Certifique-se de que todas as formas e camadas estejam desselecionadas no canto inferior esquerdo e, em seguida, vá para as amostras no estúdio de cores Selecione a cor esbranquiçada como preenchimento sem traçado. Em seguida, selecione o grupo de folhas para que nossos destaques sejam criados acima delas. Selecione sua ferramenta de lápis e certifique-se de que a roupa automática ainda esteja ativa e use um esboço para desenhar os destaques um por um em cada folha Depois de terminar, selecione a ferramenta de movimentação e, no painel de camadas, selecione todas as camadas deslizando para a direita Em seguida, no estúdio F X à direita, aplique nosso estilo para destacar. Agora você pode voltar ao seu estúdio de camadas, e podemos agrupar todas as camadas e nomear os destaques do grupo. Desmarque todas as formas com o x no canto inferior esquerdo. Para finalizar, como essa planta é uma monstera de queijo suíço, vamos criar as formas recortadas nas folhas Nos estúdios de cores, use a cor bege como preenchimento sem traçado novamente e, em seguida, toque na camada monstera para criar nossas formas Curta a ferramenta de lápis e comece a desenhar as formas recortadas usando o esboço como guia solta Tudo bem se você sair dos parâmetros das folhas com algumas das formas. Depois de terminar no painel de camadas, toque na camada superior com um dedo e na camada inferior com um toque de dois dedos para selecionar todas. Desta vez, vá até o modo de mesclagem e selecionaremos a opção de apagar do modo de mesclagem Esse modo fará com que pareça que suas formas foram recortadas, mas não é destrutivo A qualquer momento, você pode ajustar a posição dos recortes. Em seguida, vamos agrupar todas essas formas usando a pasta na parte superior e vamos chamá-las de orifícios. Reserve um momento para desativar a camada de esboço para que você possa ver aparência da sua ilustração sem as linhas do esboço Além disso, desmarque todas as formas para que você possa vê-las claramente. Quando estiver feliz, reative-o. Essa é a nossa planta Monstera pronta. No painel de camadas, podemos pegar todas as camadas do nosso grupo para esta planta e selecioná-las deslizando para a direita em cada grupo Em seguida, na pasta na parte superior, vamos criar um grupo para toda a planta e chamá-lo de planta dois. É isso para esta lição. Me conheceu na próxima aula para começar em nossa última planta, a. 15. Como criar o vaso de flores de cacto: Nesta lição, vamos criar as formas, sombras e destaques para nosso último vaso de flores Certifique-se de que todos os objetos estejam desmarcados usando o x no canto inferior esquerdo e, em seguida, vá para a direita até nosso estúdio de cores e nossas amostras e selecione a cor laranja média como nosso preenchimento, mas sem traçado À direita, no estúdio de camadas, toque no grupo de duas plantas para que nossas formas sejam criadas acima delas. Vou apenas ampliar a tela para que possamos ver nossas formas com clareza. Na barra de ferramentas esquerda, selecione a ferramenta de forma e a forma retangular para criar a seção inferior do vaso de flores Toque e arraste a forma com sua caneta. Em seguida, ative sua ferramenta de nodo à esquerda e posicione a forma usando seu esboço como guia geral Agora, arredondar os cantos inferiores. Na barra de ferramentas esquerda, ative a ferramenta de canto e desenhe um letreiro retangular para selecionar os dois nós inferiores até que fiquem azuis Como ambos são selecionados, tudo o que fizermos em um nó será refletido no outro. Toque e arraste um canto em direção ao centro do retângulo até que ele se pareça com o arredondamento da camada do esboço Em seguida, criaremos a borda desse pote voltando para nossa ferramenta de modelagem no lado esquerdo. Mas desta vez vamos selecionar a ferramenta de retângulo arredondado em nosso menu de formas porque queremos que todos os quatro cantos sejam igualmente arredondados Toque para arrastá-lo para fora para criar o aro. Em seguida, ative sua ferramenta sem ferramenta e posicione a forma usando seu esboço como guia geral Agora, quero ter certeza de que essas formas estão alinhadas no centro Selecione a ferramenta de movimentação na barra de ferramentas esquerda e desenhe um letreiro retangular ao redor das duas Em seguida, no menu contextual na parte superior, selecionarei a ferramenta de alinhamento e selecionarei o alinhamento central Enquanto a seleção ainda estiver ativa, vá para a barra de ferramentas direita do F X Studio e para a seção de estilo na parte inferior, selecione nosso estilo de vaso de flores salvo e toque Agora, para os destaques, D selecione todas as formas e, no lado direito, vá até o estúdio de cores e as amostras e selecione a cor esbranquiçada como preenchimento sem traçado Em seguida, no painel de camadas, toque para selecionar a camada da borda para que nossos destaques sejam criados acima dela. Na barra de ferramentas esquerda, selecione sua ferramenta de lápis e certifique-se de que a roupa automática ainda esteja ativa, e use o esboço para desenhar os destaques na parte inferior da panela e uma seção adicional na borda Depois de terminar, selecione a ferramenta de movimento e, no painel de camadas, selecione as duas formas deslizando para a direita e, no estúdio de efeitos, aplique nosso estilo para realçar Enquanto essa seleção ainda estiver ativa, volte para o Layer Studio e, usando a pasta na parte superior, selecione o grupo. Nomeie os destaques do grupo e selecione. Volte para o Layer Studio mais uma vez. Desta vez, toque e selecione a borda e a base do vaso de flores. Toque na pasta, selecione o grupo e dê ao grupo o nome de pote número três. Esse é o nosso vaso de flores De. Junte-se a mim na próxima lição para criar nosso cacto. 16. Como criar a planta de cacto: Nesta lição, vamos criar os segmentos, destaques e espinhos do nosso cacto Para começar, vamos criar as seções individuais do cacto usando a ferramenta lápis Certifique-se de que todas as suas formas estejam desselecionadas tocando no x na parte inferior esquerda Em seguida, à direita, em nosso estúdio de cores, selecione a cor verde clara como nosso preenchimento sem traços. Em seguida, no painel de camadas, toque para selecionar a camada de destaque para que nossas seções de plantas sejam criadas acima dela. Na barra de ferramentas esquerda, selecione nossa ferramenta de lápis e certifique-se de que, no menu contextual, a roupa automática Meu estabilizador está na janela e minha configuração será de aproximadamente 12 Use o esboço como guia geral para desenhar a seção no canto superior direito do cacto Em seguida, na barra de ferramentas esquerda, vá até a ferramenta de gradiente e ative-a No menu contextual, selecione o gradiente elíptico e gire-o até que o único nó seja apontado para o destaque do Toque nele e, à direita, no estúdio de cores, no painel de amostras, verifique se ele está definido nesse verde claro Em seguida, toque no outro nó e selecione o verde médio ao lado dele. Em seguida, ajuste o comprimento do gradiente para que os nós afastados da fonte de luz à direita fiquem mais escuros Então, quando estiver satisfeito com a posição, à direita em nosso estúdio F X, selecione o menu de três linhas e escolha Adicionar estilo na seleção. Agora podemos voltar para a barra de ferramentas esquerda e selecionar nossa ferramenta de lápis novamente. À medida que continuamos desenhando os outros segmentos do cacto, começaremos com os segmentos mais afastados da base e avançaremos em direção ao Os gradientes devem ser aplicados à medida que avançamos e à medida que desenhamos essas formas. Sinta-se à vontade para permitir que os segmentos se sobreponham. Depois de terminar, você pode ativar a ferramenta não à esquerda e ajustar as curvas que desejar Agora vamos ativar a ferramenta de gradiente na barra de ferramentas esquerda novamente e ajustar os gradientes para que os segmentos à direita fiquem mais claros e os da esquerda fiquem mais sombreados Quando estiver satisfeito com as formas, reative a ferramenta de movimento à esquerda e, em seguida, vá para o painel de camadas à nossa direita, selecione o segmento superior com um dedo e toque no segmento inferior com dois toques para selecionar todas Em seguida, na pasta superior, selecione grupo e nomeie as formas de cactos do grupo E toque em K. No painel de camadas, deslize para a esquerda nesse grupo e bloqueie-o para que ele não se mova enquanto criamos nossos destaques Agora, para os destaques, desmarque todas as formas usando o x na parte inferior esquerda e, no estúdio de cores, em nossas amostras, selecione o esbranquiçado como preenchimento sem traçado No estúdio de camadas, selecione novamente o grupo de formas de cacto para que nosso destaque seja criado Por causa da curva desses segmentos, vamos até nossa ferramenta de forma na barra de ferramentas esquerda e selecionaremos a forma crescente a ser usada para esses Toque e arraste para criar a primeira meia-lua e gire-a com a alça e, em seguida, vá até a janela sem ferramenta à esquerda Depois, você pode afinar o crescente e reposicioná-lo no canto superior direito do segmento Em seguida, vamos para a direita para o Effect Studio e para o menu principal. Vamos selecionar Gaussian Blur e defini-lo em Em seguida, em nosso estúdio de camadas. Com essa planta mais próxima da fonte de luz, vamos colocá-la no modo globo com opacidade total Agora podemos voltar ao estúdio FX e ao menu de estilo na parte inferior e selecionar no menu de três linhas, adicionar estilo a partir da seleção. Na barra de ferramentas esquerda com a seleção ativa, selecione a ferramenta de movimentação e usaremos o controlador de comando para duplicar o restante dos destaques Toque para ativar o controlador de comando e, em seguida, bloqueie-o na posição inferior. Em seguida, use seus estilos para tocar e mover para duplicar um destaque para cada segmento do conectus Em seguida, desative o controlador de comando , ative a ferramenta de movimentação à esquerda e use-a para selecionar cada destaque, movê-lo e redimensioná-lo para cada segmento, um por um Continue girando e posicionando até que os posicionamentos tenham o tamanho e a forma desejados Em seguida, podemos ir para o painel de camadas à direita. Para os segmentos que estão longe da fonte de luz, vou selecioná-los um por um deslizando para a direita e, em seguida, reduzir a opacidade apenas deslizando os números para baixo Por fim, selecionaremos o primeiro destaque com um toque de um dedo e o último com um toque de dois dedos para selecionar todos eles e, em seguida, usando a pasta, agrupá-los e rotular o grupo como destaque do Cactus E toque em K. Agora, em nossas camadas, podemos deslizar para a esquerda neste grupo para bloqueá-lo para que ele não se mova enquanto criamos as espinhas do Desmarque todos os objetos com o x no canto inferior esquerdo. Em seguida, vá até nosso estúdio de cores e selecione o verde profundo e faça dele um traçado desta vez sem preenchimento. Em seguida, no painel de camadas, toque no grupo de destaque do catus para que nossas espinhas sejam criadas acima delas Na barra de ferramentas esquerda, vamos selecionar a ferramenta caneta. Na barra de ferramentas contextual, vamos garantir que esteja no modo caneta Use-o para criar um V básico com três nós no topo de uma das espinhas no contorno do esboço e ajustar a largura do controle deslizante para Em seguida, vá para o estúdio de AVC no lado direito e desça na parte inferior até a curva de pressão. Puxe o nó da curva de pressão no lado esquerdo para baixo. Em seguida, toque para criar um nó central e posicioná-lo na parte superior e, em seguida, traga o nó do lado direito para a parte inferior também. Isso deve criar nosso pinheiro pontiagudo. Agora vamos duplicar as espinhas ao redor do cacto novamente usando o Ative a ferramenta de movimentação primeiro na barra de ferramentas esquerda e, em seguida, toque para ativar o controlador de comando e bloqueá-lo na posição inferior. Quero que você use sua caneta para mover um espigão e um novo será criado Não estamos realmente preocupados com a orientação, mas apenas usamos a camada de esboço como guia para colocar um pico em cada Se você acha que gostaria de mais alguns, sinta-se à vontade para adicionar alguns extras, você sempre pode excluí-los mais tarde. Continue até criar o suficiente para cada segmento. Então, quando estiver satisfeito com quantos você criou, toque no controlador de comando e desative-o deslizando para baixo novamente. Agora podemos voltar para nossas espinhas, girá-las, redimensioná-las e reposicioná-las em nosso cacto Como bloqueamos nossa camada de cactos e destaques, deve ser bastante fácil simplesmente tocar girar, mover e redimensionar Lembre-se de que o esboço é apenas uma sugestão. Ao fazer o meu, vou acelerar minhas voltas temporais, mas não tenha pressa e posicione as espinhas onde quiser Você também pode usar a função de duplicação com dois dedos se achar que há pontas adicionais aqui e ali que você deseja adicionar Sinta-se à vontade para pausar o vídeo se precisar de mais tempo para posicionar seus picos Quando terminar, volte para o painel de camadas à direita. Vamos tocar em nosso pico superior na camada com um dedo e, em seguida, rolar para baixo para encontrar o pico inferior e tocar nele com dois dedos para selecionar todos eles. Use a pasta na parte superior para agrupá-los e nomear os picos do grupo E toque K. Agora, no painel de camadas, vamos deslizar para a direita em todas as camadas e grupos de plantas de cactos, e vamos usar a pasta na parte superior para criar um grupo inteiro e, desta vez, vamos deslizar para a direita em todas as camadas e grupos de plantas de cactos, e vamos usar a pasta na parte superior para criar um grupo inteiro e, desta vez, rotular como planta três. Muito bem, chegando até aqui. Você pode desmarcar todas as suas formas com o x no canto inferior esquerdo e, em nosso estúdio de traços, redefinir sua curva de pressão Em seguida, desmarque a camada de esboço no painel de camadas e reserve um momento para ver suas belas ilustrações Quando terminar, reative sua camada de esboço e pronto para esta lição Junte-se a mim na próxima lição para criar nosso plano de fundo, adicionar texto e aprender sobre nosso estúdio de ativos. 17. Fundo, texto e Assets Studio: Nesta lição, vamos criar o plano de fundo para nossa ilustração. Em seguida, aprenderemos como salvar ilustrações agrupadas como ativos e finalizaremos adicionando uma cotação à nossa impressão Para começar, desmarque todas as formas na tela e, na barra de ferramentas direita do estúdio de cores, vá até as amostras e selecione a cor esbranquiçada como preenchimento sem traçado Em seguida, vá para o painel de camadas e toque em nossa planta pois queremos colocar essa nova camada o mais próximo possível da parte de trás. Em seguida, vá até a ferramenta de lápis na barra de ferramentas esquerda e certifique-se de que, no menu contextual, ela esteja no fechamento automático Em seguida, use seu esboço como um guia geral e crie a forma abstrata traçando sobre ela que fica atrás das plantas Quando terminar, vá para a direita até o painel de camadas e, se ainda não estiver, toque para ativar e, em seguida, arraste essa camada abaixo da camada da planta para que fique em segundo plano. Desmarque todas as formas com o x no canto inferior esquerdo. Em seguida, vá para a direita até nosso estúdio de cores e, em nosso painel de amostras, selecione preto desta vez como o traçado sem preenchimento Toque em nosso cacto no painel de camadas, para que a linha que vamos criar seja feita acima dessa À esquerda, vamos selecionar nossa ferramenta de caneta. No menu contextual, coloque-o no modo de linha. Queremos ter certeza de que nosso encaixe no canto superior direito está ativo Em seguida, usaremos o esboço para criar a linha na parte inferior das plantas para a superfície em que elas estão apoiadas Na barra de ferramentas esquerda, você pode então selecionar a opção sem ferramenta e ampliar para garantir que o segmento esteja alinhado horizontalmente na base dos potes, e você verá isso pela linha de encaixe que aparece Agora podemos desmarcar todas as nossas formas usando o x na parte inferior, e essa é a nossa ilustração completa Finalmente, quero falar sobre um estúdio realmente poderoso no Affinity Designer, que é o estúdio Asset Ele pode ser encontrado na barra de ferramentas direita e tocar nele abrirá o estúdio Dentro dele, o Affinity tem vários ativos agrupados pré-fabricados que vêm com o aplicativo e você pode tocar em qualquer um deles para inseri-los Se você acessar o painel de camadas, poderá ver como esses ícones foram montados em camadas de vetores e também poderá modificar e personalizar qualquer um deles para torná-los seus Vou apenas dar um toque com dois dedos para remover esse ativo do nosso Canvas. Você também pode salvar ativos que você criou na sua biblioteca de ativos. Sempre que você tiver uma ilustração plana ou um objeto agrupado, poderá transformá-la em um ativo Em nossa ilustração, vou selecionar nossa planta tus agrupada em nosso painel de camadas É muito importante que você faça isso em grupo. Caso contrário, o affinity salvará todas as partes da ilustração, uma por uma, em sua biblioteca É muito chato ter que pressionar e excluir todos eles. Para criar ativos, volte ao seu estúdio de ativos e, no menu de três linhas na parte superior, selecione a categoria e, em seguida, nomeie sua categoria. Vou nomear minha arte vetorial. Em seguida, toque novamente no menu de três linhas e selecione adicionar uma subcategoria Um novo menu chamado ativos será exibido. Você pode tocar no novo menu de três linhas e renomear essa subcategoria Vou ligar para minhas plantas. Agora podemos tocar em nosso menu mais uma vez e, desta vez, selecionar adicionar ativo na seleção. Agora, todo o seu cacto está salvo e você pode usá-lo repetidamente. É simplesmente brilhante. Agora, isso não se limita às imagens vetoriais que você criou. Você também pode salvar designs baseados em pixels feitos na persona pixel Eu procrio muitos motivos em aquarela em pixels para usar em designs de padrões de superfície e posso importá-los e salvá-los para usar como ativos que posso adicionar facilmente aos meus designs de padrões baseados em afinidade para para usar em designs de padrões de superfície e posso importá-los e salvá-los para usar como ativos que posso adicionar facilmente aos meus designs de padrões baseados em afinidade para combinar com elementos vetoriais. Você também pode exportar ativos criados para o armazenamento de arquivos tocando no menu de três linhas E selecione a categoria Exportar para acessá-las na versão desktop do Affinity Ok. Para finalizar, vamos usar uma nova ferramenta. A ferramenta de texto para criar uma citação para nossa impressão artística. Na barra de ferramentas à esquerda, a ferramenta de texto tem um ícone com um A. Quando tocamos nessa ferramenta, temos duas opções texto artístico e texto em quadro. texto em quadro permite que você defina seu texto em colunas, como em revistas editoriais, mas o texto artístico é mais adequado para fontes e citações decorativas e permite ajustar o tamanho do texto usando a ferramenta de movimentação para ajustar a caixa delimitadora Esse é o que vamos usar. Você pode tocar em seu Canvas quando ele estiver ativo para colocar sua caixa de texto. Em seguida, no menu contextual na parte superior. Selecione uma fonte tocando no nome da fonte e percorrendo Vou selecionar a placa de cobre. Se você tiver uma fonte diferente que comprou e deseja usar, lembre-se de que pode adicioná-la nas configurações da galeria que mencionei em uma de nossas primeiras aulas na classe. Vou colocá-lo em negrito e fazer nosso tamanho de fonte seja de aproximadamente 65. No alinhamento, selecione alinhamento central e agora podemos digitar nosso texto Toque na tela novamente se o teclado estiver oculto. Estou usando o texto base da planta, e ele dirá que onde quer que você esteja plantada, floresça com graça. Por fim, quero fazer com que esse texto se encaixe no esquema de cores da ilustração. Vou selecionar a ferramenta de movimentação e centralizar meu texto no meio da tela e, em seguida, ir para a direita até o estúdio F X. No menu de estilo na parte inferior, vou selecionar nosso gradiente que usamos para as folhas de nossas plantas e aplicá-lo diretamente no texto Em seguida, vou para o menu principal do estúdio F X e ativo a sombra interna tocando e deslizando para a Vou colocar o deslocamento em cerca de 19 e a opacidade Também vou ativar o chanfro e o relevo para que pareçam um pouco mais tridimensionais e posicioná-los em aproximadamente cinco pixels nos dois controles deslizantes superiores Essa é a nossa impressão artística pronta. Junte-se a mim na próxima lição para aprender como usar nossa função de exportação para exportar suas imagens. 18. Exportando suas imagens: Nesta lição, vamos exportar nossas imagens. Você pode fazer isso de duas maneiras. Mencionamos o fato de que existe uma pessoa de exportação inteira em afinidade, que permite que você não apenas exporte sua ilustração, mas também exporte todas as seções da Guardaremos isso para uma próxima aula, pois é ótimo para projetos com ilustrações isoladas, como folhas de adesivos No entanto, para nosso projeto, porque queremos exportar toda a prancheta como uma impressão artística Vamos manter a simplicidade e usar as funções de exportação integradas na personalidade do affinity designer. Vou usar nossa impressão artística baseada em plantas como exemplo, mas isso também se aplica à impressão artística em copos T. Certifique-se de que todas as formas estejam desmarcadas e, no painel de camadas, toque na prancheta dois Antes de exportar, a primeira coisa você deve pensar é se deseja que sua imagem tenha um plano de fundo ou não. Se for uma impressão externa, talvez você queira o fundo branco. Mas se você quiser usar suas ilustrações para impressão sob demanda, por exemplo, em uma camiseta como motivo, convém ter um fundo transparente para que possa ser facilmente colocado em roupas sem aquele Se você quiser que seja transparente, antes de exportar, vá até o menu de três linhas no canto superior esquerdo da interface. Selecione Tela neste menu e, em seguida, selecione Tela transparente até ver padrão quadriculado por trás da ilustração Por enquanto, vou deixar o meu com um fundo branco. Depois de tomar sua decisão, vá para o texto neste menu que diz Exportar. Isso abrirá um novo menu para você. Na parte superior, você pode selecionar o formato no qual deseja salvar o arquivo. O primeiro é P e G, e se você quisesse um fundo transparente, essa é a seleção que você precisa fazer. Se quiser o fundo branco normal da prancheta, você pode selecionar qualquer uma das funções JPEG ou TIF Você também pode exportar em configurações de arquivo comuns, como PSD, que é um arquivo em camadas ou como PDF Os formatos que mencionei exportarão sua imagem como um arquivo baseado em pixels e definirão as dimensões que você escolher. Por enquanto, vou me certificar de que está em JPEG. Se você quiser exportá-lo como um arquivo vetorial, para ainda permitir que você altere o tamanho ou a paleta de cores em outro software baseado em vetores, você precisará exportar seu arquivo como um arquivo SVG ou EPS, que a maioria dos programas vetoriais ainda pode editar Depois de selecionar seu formato, você precisa definir as dimensões nas quais deseja exportar a imagem. Toque para ajustar essas dimensões usando a grade numérica. Vou definir o meu em 1:08 zero pixels, que é comum nas mídias sociais Você também pode tocar para tê-la em pixels ou qualquer outra dimensão mostrada na grade. A beleza de ter usado todos os vetores em nosso design é que as opções de tamanho são infinitas Depois de sair do número de grades, você também pode bloquear ou desbloquear a proporção tocando no símbolo da corrente entre a largura e a altura Vou deixar o meu como está. Você pode ajustar suas predefinições de qualidade tocando no texto personalizado e rolando para selecionar sua Na parte inferior desse menu, o tamanho do arquivo será ajustado à medida que você fizer alterações , para que você possa realmente ver o tamanho da exportação do arquivo. À direita, você pode tocar e renomear o arquivo de exportação. E abaixo disso, você tem a opção da seção do arquivo que deseja exportar. A área de seleção é o padrão, mas está limitada à área ou objeto que a ferramenta Mover selecionou antes de você escolher Exportar. Tocar no texto lhe dará mais opções. Se você estiver usando várias placas, poderá selecionar se deseja alterar a exportação para outra. Se você selecionar o documento inteiro, ele exportará uma imagem de todas as suas pranchetas ao mesmo tempo No nosso caso, selecionarei a prancheta dois. No canto inferior direito, você tem uma ótima opção para ver uma prévia do que está exportando antes de fazer isso Quando estiver satisfeito com a aparência, você pode fechar esta janela e selecionar a guia de compartilhamento para exportá-la para o armazenamento de arquivos, para o rolo da câmera ou para qualquer outro aplicativo. Você também tem a opção de tocar em. E cancele para retornar ao documento. Essas configurações de exportação eram apenas para a imagem que você está tentando exportar para salvar todo o arquivo do documento de afinidade, o que eu recomendo, pois a afinidade não salvará automaticamente seu documento se você não Basta voltar para a galeria e usar as três linhas para salvar o documento no armazenamento de arquivos e, em seguida, você poderá voltar e trabalhar em todo o documento a qualquer momento. É isso para esta lição. 19. Considerações finais: Muito obrigado por se juntar a mim nesta aula. Gostei muito de orientar você no processo de criação de ilustrações vetoriais e espero que você tenha entendido bem o quão versáteis essas habilidades podem ser em diferentes campos criativos Eu adoraria ver o que você criou, seja uma variação projetos da classe ou seu próprio design original. Faça o upload do seu trabalho tirando uma foto verde e compartilhando-a na seção de projetos da turma. Não tenha medo de experimentar formas, textos, gradientes ou até mesmo uma paleta de cores totalmente nova Quanto mais pessoal você o tornar, mais exclusivo será seu design. Ver seus projetos me inspira e também incentiva outros estudantes a mergulharem na ilustração vetorial Se você estiver nas redes sociais, pode me marcar na Cardwell and Inc para que eu possa ver e compartilhar seu trabalho em minhas histórias Se você gostou da aula, eu realmente agradeceria se você deixasse um comentário. Isso ajuda outros alunos a encontrar o curso e me dá ótimas ideias para futuras aulas. Se você tiver mais ideias para aulas baseadas em vetores que gostaria de abordar, deixe seus comentários na discussão em classe. Não se esqueça de seguir meu perfil para ficar atualizado sobre minhas últimas aulas, dicas e brindes Novamente, obrigado por se juntar a mim e por ter feliz criação Mal posso esperar para ver o que você vai inventar.