Transcrições
1. Nossas boas-vindas: Criar padrões no Procreate nunca foi tão fácil, e se você assistiu minhas aulas anteriores, você sabe que no aplicativo Procreate, você pode criar qualquer tipo de padrão, seja simples ou complexo. Mas e se um cliente estiver pedindo para entregar um arquivo vetorial? Aqui vamos nós. A propósito, bem-vindo. Sou a Nina, embora todos me conheçam como Di Ujdi. Sou artista, ilustrador e designer de padrões. Nesta classe, quero mostrar meu método para vetorizar padrões do Procreate no Adobe Illustrator. Vamos abordar tudo,
desde a preparação e exportação de arquivos do Procreate até aprender sobre diferentes maneiras vetorizá-los no Adobe Illustrator usando a ferramenta Rastreamento de imagem ou a ferramenta Caneta. Além de vetorizar, vou mostrar como
remontar facilmente esse mesmo padrão no Illustrator usando suas próprias ações personalizadas. Vamos nos concentrar em alcançar os melhores resultados enquanto somos eficientes em termos de tempo. Esta aula é amigável para iniciantes, mas o conhecimento básico do Procreate e do Adobe Illustrator será super útil. Ao final desta classe, você saberá como vetorizar padrões do Procreate no Adobe Illustrator, que significa que você estará totalmente preparado caso precise entregar esses arquivos vetoriais. Se você está pronto, vamos começar.
2. Projeto: O projeto para esta classe é muito fácil. Você começará com um padrão acabado feito no Procreate e o vetorizará no Adobe Illustrator. Quando terminar de vetorizar seu padrão, clique no botão Criar projeto, compartilhe seus pensamentos e adicione duas versões do mesmo padrão, uma já fez Procreate e a outra vetorizada no Illustrator. Vai ser maravilhoso vê-los juntos para fazer uma comparação final. Além disso, sinta-se livre para apoiar seus colegas de classe gostando e comentando sobre seus projetos. É sempre mais fácil e divertido aprender, crescer e criar juntos. Eu, pessoalmente, mal posso esperar para ver o que você vai fazer. Tudo bem. Acho que estamos prontos para começar agora.
3. Procreate - Noções básicas sobre padrões: Ei pessoal, bem-vindos a uma configuração diferente. Nesta parte, mostrarei como meus padrões do Procreate são estruturados e por que isso é importante quando se trata de vetorizá-los no Adobe Illustrator. O padrão que estou mostrando nesta aula já está terminado. É uma amostra completa, e fica assim quando está se repetindo. Este padrão é feito de uma maneira em que eu faço todos os meus padrões Procreate. Consiste em várias camadas que são principalmente separadas por cor, posição ou tipo de elementos. Como podem ver, tenho dois grupos. Um é para flores e outro para vegetação, e cada grupo tem várias camadas para diferentes elementos. Criar um padrão ProCreate em camadas como este é ótimo para manter o padrão editável, que você sempre possa fazer ajustes e alterações de cor. Por outro lado, ter tudo separado em diferentes camadas é o que torna o processo de vetorização muito mais fácil. Mas deixem-me mostrar-vos o exemplo. Se o seu padrão é como este e tudo é mesclado assim, então não será possível vetorizá-lo usando os métodos que vou mostrar sem redesenhar completamente tudo no Adobe Illustrator. Você verá exatamente do que estou falando nos próximos passos. No entanto, no caso de você querer aprender a criar padrões em camadas e editáveis, você pode verificar uma das minhas duas classes: criar um padrão intrincado e
editável no Procreate, ou criar um padrão de meia gota denso no Procreate para ver meu todo o processo. O primeiro é para iniciantes, e o segundo é para níveis intermediários. Como eu disse, deixarei os links para você na fonte do glossário. Vamos voltar para a galeria. Este é o meu arquivo padrão original e antes de continuar trabalhando nele, eu quero duplicá-lo. Vou apenas deslizar para a esquerda, clique em “Duplicar” e vamos chamar esse padrão para o Adobe Illustrator. Desta forma, eu posso fazer tantas alterações quanto eu precisar sem perder nada do arquivo original.
4. Procreate - Planejamento prévio: Tudo bem. Agora vamos dar uma olhada melhor nesse padrão para determinar como queremos vetorizar diferentes partes. Meu objetivo principal aqui é decidir quais partes
do padrão eu quero vetorizar com a ferramenta Caneta e quais partes eu quero vetorizar com a ferramenta Rastreamento de imagem. Se eu estiver usando a ferramenta caneta, isso significa que vou redesenhar tudo do zero novamente no Adobe Illustrator. Se eu estiver usando a ferramenta de rastreamento de imagem, isso significa que eu posso converter meu resto de imagens em gráficos vetoriais em um único clique. Este é apenas um vislumbre do que abordaremos nos próximos vídeos quando começarmos
a aprender mais sobre o Adobe Illustrator. Mas é importante mencionar isso agora porque o processo de preparação do arquivo dependerá da ferramenta que usaremos mais tarde. Quando se trata deste padrão, eu quero usar a ferramenta caneta para redesenhar as hastes e folhas porque eu não estou muito feliz com a aparência deles. Sei que posso melhorá-los e torná-los mais precisos no Adobe Illustrator. Para as flores e texturas, usarei a ferramenta de rastreamento de imagem. Usando a ferramenta de rastreamento de imagem para essas peças, eu posso manter essa sensação mais orgânica desenhada à mão quando eu vetorizá-los, e todo o processo será muito mais fácil e eficiente em tempo. Vamos ver como podemos preparar essas diferentes partes dependendo das ferramentas que queremos usar.
5. Procreate - Preparação das camadas: Se você estiver planejando usar a ferramenta Caneta para redesenhar seus elementos do Procreate no Adobe Illustrator como eu usarei com a parte verde, o processo de preparação é muito fácil. Tudo o que você precisa fazer é salvar o relógio de padrões principais como uma imagem JPEG porque você vai usá-lo como um guia de desenho mais tarde. Eu vou apenas para “Ações”, “Compartilhar”, JPEG e eu posso colocar no AirDrop no meu laptop. Se você tem produtos Apple, isso é a coisa mais fácil de fazer, mas se não for o caso, você também pode salvá-lo em “Arquivos” ou adicioná-lo ao Dropbox ou qualquer coisa que seja fácil para você para que você possa enviá-lo para o seu computador. Agora, quando se trata da Ferramenta de Rastreamento de Imagens, as coisas são um pouco diferentes. O que queremos fazer agora é preparar cada camada de
acordo para que esta ferramenta possa reconhecer os elementos corretamente e para que possamos remontá-los novamente como um padrão no Adobe Illustrator. Nossos interesses agora devem ser em determinar quais camadas têm elementos dentro da tela e quais camadas têm elementos que são cortados nas bordas. Assim, neste caso, as camadas com a parte central das flores estão dentro da tela, e as camadas com as pétalas de flores principais e texturas têm elementos que são cortados nas bordas. Essa diferenciação é importante porque uma vez que usamos a Ferramenta de Rastreamento de Imagem para vetorizar esses elementos, eles naturalmente mudam um pouco e
o que está nas bordas não formará um padrão perfeito novamente. Vamos começar a preparar as camadas com elementos que estão dentro da tela. Primeiro de tudo, eu vou desligar o fundo para que os arquivos que salvamos mais tarde tenham um fundo transparente, e eu também vou desligar o resto das camadas e apenas deixar esses dois visíveis, e tudo o que eu preciso fazer agora é mudar sua a preto para que a Ferramenta de Rastreamento de Imagem possa reconhecê-los corretamente. Certo, vou selecionar a cor preta e soltá-la. Agora vou desligar esta parte, e como esta é uma máscara de corte, eu preciso desmarcá-la, e agora eu posso soltar a cor preta aqui também. É isso por agora, eu também posso desligar esta camada. Vou agora trazer de volta as pétalas de flores principais. Então, quando se trata de elementos que são cortados nas bordas,
o processo de preparação é um pouco diferente porque, como eu disse, se eu apenas imagem traçá-los no Illustrator como eles estão agora, a repetição padrão não vai caber. Então, neste caso, eu vou precisar fazer uma repetição fora deles, dentro do Procreate. Se você atualizou seu aplicativo Procreate para a versão mais recente, Procreate 5X, será muito mais fácil concluir essa etapa devido à nova opção de ferramenta de encaixe. Vamos primeiro de tudo re-colorir isso para preto, e agora vou duplicar esta camada para que tenhamos quatro camadas no total. Posso desligar estes e deixar um deles. Quando eu selecionar esta seta para transformar ferramenta, você pode ver que minhas ilustrações de flores são cortadas em cada um dos lados da tela, então quando eu selecioná-los, toda
a área de tela será selecionada, que é exatamente o que precisamos para prosseguir. Se esse não for o caso com seu padrão, você sempre pode criar outra camada e adicionar cor a ela, e antes de prosseguir com essa etapa, basta selecionar ambos, e então você pode dimensioná-la proporcionalmente como um quadrado. Isso é importante para este passo e isso também é algo que eu estou mencionando em minhas aulas para criar padrões no Procreate. Então, neste caso, eu não preciso disso, basta excluí-lo, e vou selecionar este e ir para a ferramenta “Transformar”. Na parte inferior, eu tenho “Transformar” definido como Uniform, e quando eu clico em “Snapping”, você pode ver que Magnetics and Snapping está ativado e Distância e Velocidade estão definidas no máximo. Isso me ajudará a organizar esses blocos com muita precisão, apenas uma explicação rápida dessas duas configurações. Distância é determinar a distância que o objeto selecionado
estará antes que ele se encaixe no centro ou em um guia ou outro objeto, e definindo-o como máximo, que é de 50 pixels, você terá um controle melhor sem ter que ir perto do guia ou de outro objeto antes que ele se encaixe. A velocidade está determinando a rapidez essas linhas de encaixe aparecem e quantas delas aparecem. Você sempre pode jogar com essas configurações para ver o que funciona melhor para você. Certo, então vamos fazer isso melhor. Minha tela é 3.000 por 3.000 pixels, e agora eu só quero dimensionar esta uma pela metade e será 1.500 pixels. Eu vou fazer a mesma coisa para o outro, eu vou trazê-lo de volta, selecioná-lo, e colocá-lo neste canto, e você pode ver como perfeitamente ele se encaixa no lugar. Farei a mesma coisa para o resto deles até ter o meu padrão repetido. Algo para ter muito cuidado ao fazer isso, não
é acidentalmente empurrar a camada, acontece para atender muitas vezes, então você também pode ampliar e verificar se tudo está bem, e parece bem, então eu posso agora apenas mesclar essas quatro camadas juntos e temos nosso pequeno padrão repetir, então vamos desligá-lo por agora e vamos trazer de volta a textura, eu também vou re-colorir para preto, e eu vou fazer a mesma coisa com ele como eu fiz com o flores brancas, então vamos duplicá-lo, e eu vou escalá-lo, para que eu possa criar um pequeno padrão, e é isso, a textura está preparada e eu vou apenas fundi-lo. Vamos começar por agora. Tudo bem, está tudo preparado e agora podemos exportar essas camadas. Então, quando se trata de salvar esses arquivos, não
precisamos fazê-lo um por um, porque quando você vai para “Ações” e “Compartilhar”, você pode ver a opção de compartilhar como arquivos PNG. Então tudo o que precisamos fazer é ligá-los para que fiquem visíveis. Vou ligar o trabalho de linha, as flores, este padrão repetir que fizemos a partir das flores principais, então eu também vou ligar a textura. Tudo parece confuso e não visível agora, então apenas veja o que é visível nas camadas, ok. Todas as camadas estão ativadas, e agora posso ir para “Ações”, “Compartilhar”
e, em seguida, selecionar arquivos “PNG”, e eu posso simplesmente colocá-los no meu laptop. Ok, vamos começar com o Adobe Illustrator.
6. Illustrator - Noções básicas e ações: Aqui novamente, estamos agora no Adobe Illustrator e vou orientá-lo por alguns
dos conceitos básicos e também minha configuração de fluxo de trabalho quando
se trata de criar e vetorizinmpg padrões. Primeiro de tudo, vou abrir uma nova tela no tamanho de 1.000 por 1.000 pixels. Quando se trata do modo de cor, vou deixá-lo em cor RGB, mas você também pode usar CMYK. Tudo depende do que você precisa e do que sua empresa de impressão está usando. Quando se trata de resolução, vou ajustá-lo para 300 ppi. Mas tenha em mente que, se você estiver trabalhando apenas com vetores e não usando, por exemplo, quaisquer efeitos raster, essa resolução de tela não é de todo importante. Você pode definir até 72 ppi e não faria qualquer diferença. A resolução que é importante é quando você terminar sua amostra padrão e quando quiser exportá-la e salvá-la, mas falaremos sobre isso mais tarde. Agora, vou nomeá-lo, e basta clicar em “Criar”. Agora, antes mesmo de começarmos com vetorizar e remontar nosso padrão, quero mostrar a vocês como criar algumas ações personalizadas incríveis que sempre uso ao criar padrões no Illustrator. Essas ações são super úteis e me poupam uma quantidade incrível de tempo. Honestamente, não consigo imaginar fazer padrões no Illustrator sem eles. Como você sabe, para fazer um padrão repetir, você precisa projetar e considerar o que está dentro da prancheta e também o que está nas bordas, e os elementos que estão nas bordas precisam repetir perfeitamente. Deixe-me definir rapidamente este padrão de exemplo para que você tenha uma idéia clara do que estou falando. Vou usar alguns quadrados. Vou posicioná-los aqui no fundo, e também os posicionarei nesta fronteira esquerda. Agora vamos preencher este espaço no centro. Estes elementos estão dentro de uma tela e eu posso apenas agora recolorir eles. Esses elementos estão dentro de uma tela e nada mudará. Estes três elementos estão na borda esquerda e estes três estão na parte inferior. Se estamos fazendo esse exemplo para ser um padrão, precisaríamos selecionar os objetos que estão na borda esquerda. Clique com o botão direito do mouse, Transformar e selecione Mover. Agora precisaríamos adicionar zero pixels à vertical, porque não estamos movendo verticalmente e como estamos movendo horizontalmente, precisamos adicionar 1.000 pixels na horizontal porque esse é o tamanho de nossa tela. Se o seu tamanho for diferente, basta adicionar o tamanho da sua tela de desenho. Agora, precisamos clicar em “Copiar”, porque não queremos apenas mover esses elementos, queremos duplicá-los. Vamos clicar em “Copiar”, e aqui eles estão na mesma posição que os elementos na borda esquerda. Se quisermos completar esse padrão, também
precisamos mover os elementos que estão na parte inferior. Faremos a mesma coisa. Selecione-os, clique com o botão direito do mouse, Transformar, Mover, e agora precisamos adicionar zero à horizontal, porque não estamos movendo horizontalmente, e precisamos adicionar menos 1.000 na vertical. Novamente, clique em “Copiar” para duplicá-lo. É isso, terminamos este exemplo de padrão. Como você pode ver desta forma,
precisamos clicar e, em seguida, pesquisar,
e, em seguida, clicar novamente e adicionar os números cada vez precisamos fazer isso, que é realmente muito frequentemente quando você está criando padrões, porque muitas vezes você precisa ajustar os elementos e movê-los e fazer esse processo tantas vezes. Em vez de fazer tudo isso e desperdiçar uma quantidade incrível de tempo, podemos criar nossas próprias ações personalizadas e fazer a mesma coisa com apenas um clique. O que é super bom saber é que você pode criar todas as ações personalizadas dependendo do que você costuma usar em seu fluxo de trabalho diário. Deixa-me mostrar-te como se faz isso. Eu deletei intencionalmente minhas próprias ações para que você possa ver todo o processo do zero. Primeiro de tudo, vou excluir os elementos que acabei de mover e duplicá-lo. Vamos excluir esses elementos, também esses, e foi assim que pareceu quando acabamos de começar. Agora vamos para a janela de ação. Se não estiver aberto para
você, vá para Janela e selecione “Ação”. Desta forma, você pode abrir qualquer janela que você precisa, seja alinhar, prancheta, cor, pincéis, etc Minha janela de ação está atualmente no modo de botão, então eu vou apenas clicar neste menu de hambúrguer e desmarcar o modo de botão. Agora você pode ver que aqui eu tenho uma pasta cheia de ações padrão. Acho que todos têm isso e podemos clicar aqui para colapsar. Agora podemos criar um novo clicando neste ícone de pasta aqui, e vamos chamá-lo de Ações Padrão. Ótima. Uma vez que temos a pasta, podemos clicar neste ícone mais aqui para criar uma nova ação. Agora podemos nomeá-lo, Mover para a Direita, porque o que eu quero fazer agora é mover os objetos da borda esquerda para a borda direita, assim como fizemos alguns momentos atrás. Vou agora selecionar a tecla de função para ser F1, e posso definir a cor para vermelho. Tudo o que resta a fazer agora é clicar em “Gravar”. Mas tenha em mente, uma vez que a gravação esteja ligada, cada clique e movimento que eu fizer será salvo. Certifique-se de que você não comete nenhum erro enquanto faz isso. Vamos clicar em “Gravar”, e eu vou fazer a mesma coisa que fizemos apenas alguns momentos atrás com os elementos que estão na borda esquerda. Vou selecioná-los, fazer o botão direito do mouse, Transformar e selecionar “Mover”. Vou adicionar 1.000 à horizontal, adicionar zero à vertical e clicar em “Copiar”, é isso. Tudo o que preciso fazer agora é pressionar o botão “Parar” e parar de gravar. Se olhar bem aqui, verá cada movimento que fez ao gravar isto. Se você clicar neste menu de hambúrguer aqui e ir para o modo de botão, você encontrará sua ação salva. Além disso, este é um grande lembrete da tecla de função que usamos. Vamos testá-lo antes de prosseguir com os outros. Agora vou excluir isso e vamos selecionar o que está na borda esquerda. Tudo o que eu preciso fazer agora é pressionar a tecla de função no meu teclado e pressionar F1 ao mesmo tempo. Bem, um pouco de magia em ação. Uma pequena nota lateral para usar qualquer uma das teclas de função como F1, F2, F3, etc Você precisa pressioná-la em combinação com a tecla de
função principal que deve ser nomeada Fn no seu teclado. Estou usando um MacBook e é assim que parece aqui, pelo menos. Agora vamos voltar a gravar o resto das ações. Vou agora clicar no menu de hambúrguer para não gostar do modo de botão para que eu possa ver todas as opções. Agora vamos fazer a ação para mover para a esquerda. Agora vou excluir os elementos que estão na borda esquerda, e eu posso clicar neste ícone mais. Aqui vamos chamar isso de “Move Left”. Vou definir a tecla de função novamente para F1, mas também usarei Shift. Isso significa que quando eu pressionar este atalho, eu vou precisar pressionar não função e F1, como eu fiz para o anterior. Mas precisarei pressionar a função F1 e Shift ao mesmo tempo. Vamos colocar a cor para ser laranja e clique em “Gravar”. Faremos a mesma coisa de antes. Vou selecionar os objetos que estão na borda direita, clique com o botão direito do mouse, Transformar, Mover. Como você pode ver, vertical já está definido como zero pixels e isso é exatamente o que precisamos, mas quando se trata de horizontal, desta vez precisamos adicionar menos 1.000 pixels. Porque desta vez vamos movê-lo da borda direita para a borda esquerda. Agora vamos apenas clicar em “Copiar”, e parar de gravar, e acabamos de salvar em nossa direção. A próxima é mover tudo para cima. Mais uma vez, vamos clicar neste ícone de adição. Vamos nomeá-lo, Move Up, chave de
função pode ser F2 desta vez. Não sei, cor azul, e vamos clicar em “Gravar”. Vou selecionar tudo o que está na parte inferior. Novamente, clique com o botão direito do mouse, Transformar, Mover, e agora precisamos fazer o oposto. Na horizontal, vou adicionar zero pixels porque não estamos dispostos horizontalmente e vertical vou adicionar menos 1.000 pixels para movê-lo para cima. Mais uma vez, clique em Copiar e pare a gravação. O último, vou excluir os objetos que estão na parte inferior. Novamente, pressione o ícone, vamos nomeá-lo, Mover para baixo, e eu vou fazer a mesma coisa que eu fiz antes. Vou selecionar F2 e vou usá-lo em combinação com turno, selecionarei a cor e o registro. Selecione os objetos, clique com o botão direito do mouse, Transformar, Mover, e apenas desta vez adicione 1.000 pixels na vertical e simplesmente clique em “Copiar”, e vamos salvar este. Nós terminamos. Você pode ver o quão rápido isso foi para configurar. A melhor coisa é que fazer isso em cinco minutos vai nos poupar muito tempo depois. Agora, quando vamos para a janela de ação e clicar no menu de hambúrguer, podemos ir para o modo de botão, e vamos rolar para baixo até vermos nossas novas ações. Eu sempre deixo isso neste modo porque a qualquer momento eu posso apenas dar uma olhada e lembrar o atalho que eu criei e quais teclas de função eu preciso pressionar para ele. Você verá ao longo desta classe que usaremos essas ações com muita frequência. Agora que temos tudo pronto, estamos prontos para o rock and roll. Brincadeira, vamos começar a vetorizar.
7. Illustrator - Ferramenta de caneta: Neste vídeo, usaremos a ferramenta Caneta para redesenhar elementos do nosso padrão Procreate. Caneta Tool pode ser um pouco complicado de usar corretamente no início, mas uma vez que você entende a lógica de como ele funciona e praticar um pouco, torna-se muito mais fácil. Além disso, vou mostrar-lhe alguns truques de edição adicionais que usei para alcançar os resultados desejados. Aqui está a pasta com todos os arquivos que exportei anteriormente do Procreate. Como um começo, eu vou apenas adicionar
a imagem de amostra de padrão JPEG principal que vamos usar como um guia de desenho. Posso arrastá-lo e soltá-lo. Você pode ver que é menor do que o tamanho da minha câmera, então irei até a janela Transformar e adicionarei 1.000 por 1.000 pixels. Vou agora para a janela Alinhar e alinhá-la horizontalmente e verticalmente. A próxima coisa na minha lista é criar uma nova paleta de cores e salvar as mesmas cores que usei neste padrão Procreate. Agora vou para a janela Amostras e vou clicar neste ícone de pasta, e vou criar um novo grupo de cores. Você pode vê-lo aqui. Agora tudo o que eu preciso fazer é selecionar a ferramenta Conta-gotas. Está aqui no menu da barra de ferramentas, ou você pode simplesmente pressionar “I” no teclado. Agora vamos selecionar uma cor. Novamente a partir do menu da barra de ferramentas, vou apenas clicar nele, arrastá-lo e soltá-lo na minha paleta de cores. Farei a mesma coisa para o resto das cores. Arraste-o e solte-o. Isso está feito. Agora vamos pressionar “V” para a Ferramenta de Seleção. Posso selecionar a imagem, ir para a janela Transparência e diminuir a opacidade da imagem. Finalmente eu posso ir para as camadas e apenas trancá-lo. Quando se trata deste padrão, se você se lembra, eu decidi redesenhar os caules e folhas porque eu não estava muito feliz com a aparência deles. Eu queria fazer algumas pequenas mudanças e ajustes. Quando se trata de hastes, eu quero criar linhas mais precisas, o que é muito fácil de fazer no Illustrator. Em relação às folhas, quero melhorá-las, alterá-las um pouco, e até mesmo reposicioná-las. Como você sabe, Caneta ferramenta está aqui no menu da barra de ferramentas. É este pequeno ícone de ponta aqui, e você pode clicar nele para selecioná-lo, ou você pode simplesmente pressionar “P” no teclado. É muito fácil de lembrar. Agora vou desligar o preenchimento e selecionar o contorno, e mudá-lo para a cor preta. No menu superior, eu também posso mudar o tamanho da linha pode ser seis, mas eu sempre posso mudar isso mais tarde. Vamos ver como funciona a ferramenta Caneta. A lógica básica da ferramenta Caneta é que, ao usá-la, você clica para criar pontos de ancoragem
e, ao colocar pontos de ancoragem diferentes, você está criando um caminho. Se nós apenas clicar e, em seguida, colocar diferentes pontos de ancoragem, você pode ver que minha linha não é curva, ele tem ângulos retos. Se eu quiser parar de fazer isso, basta pressionar “V” no teclado, essa é a ferramenta básica de seleção. Para cancelar a seleção de uma linha, posso pressionar em qualquer lugar fora da linha, e agora ela está desmarcada. Vamos excluir isso e criar outro. Basta pressionar “P” para selecionar a ferramenta Caneta. Agora, se eu quiser criar linhas curvas, eu preciso iniciar um caminho clicando, segurando-o e arrastando. Você pode ver que essas alças começarão a aparecer. Eu vou apenas posicionar a alça em uma direção da minha linha e eu vou colocar outra para que você possa ver, e você pode ver que a linha está agora curvada. Além disso, você pode ver o tamanho das alças, e também o ângulo em que você irá
posicioná-lo determinará como a próxima linha irá. Se é assim, então o próximo irá curvar nesta direção. Agora vou pressionar “V”, e vou excluí-lo. Agora vamos refazer as hastes de verdade. Basta pressionar “P” para selecionar a ferramenta Caneta, e agora eu posso simplesmente clicar e criar um ponto rosa normal ou eu posso apenas criar um onde eu vou arrastar as alças. Eu quero ter certeza de que quando eu estou arrastando as alças eu não arrastá-los assim ou assim, mas eu arrastá-los para que este está apontando na direção em que a linha irá. Para o próximo, vou para algum lugar aqui em cima onde a curva termina e começa a ir em uma direção diferente. Novamente, clique em e arraste as alças para que você possa posicionar a linha corretamente. Como pode ver, parece correto. Esta alça superior está me mostrando para onde a próxima parte da linha irá, e eu posso apenas terminá-la clicando aqui. Pressione “V” e basta desselecioná-lo pressionando qualquer lugar fora da linha. Isso pode ser um pouco complicado para ficar perfeito imediatamente porque você precisa obter o preenchimento para ele. A melhor maneira de dominá-lo é realmente através da prática e basicamente tentativa e erro. Além disso, você pode ver que meu caminho não é perfeito em tudo. É muito difícil criar uma réplica exata imediatamente, e você nem precisa tentar fazer isso. O que eu faço principalmente ao trabalhar com a ferramenta Caneta é criar um bom caminho que esteja muito próximo do original. Então eu posso entrar e editar se algo não está funcionando. Agora vou mostrar algumas maneiras diferentes nas quais você pode editar o caminho feito com a ferramenta Caneta. Em primeiro lugar, uma ferramenta básica que você pode usar para editar o caminho que você fez é a Ferramenta de Seleção Direta e você pode encontrá-la aqui no menu da barra de ferramentas. Você pode selecioná-lo aqui ou apenas pressionar “A” no teclado para acessá-lo. Agora, quando ampliarmos e selecionarmos isso com a Ferramenta Seleção Direta, você verá todas as alças aparecendo. Às vezes, a linha não está correta devido ao ângulo dessas alças. Você pode clicar aqui e mudar o ângulo se esse for o problema. Outra coisa que pode ser o problema é também como os pontos de ancoragem são colocados. Por exemplo, se este não estiver correto, posso selecioná-lo e então posso arrastá-lo para reposicioná-lo. Eu posso apenas fazer isso clicando e arrastando-o, ou eu posso usar também uma setas no meu teclado para fazer isso muito delicadamente. Pode ir para cima, para baixo ou para a direita e para a esquerda. Vou reposicionar isso um pouco, e este parece bom. Agora vou criar outro tronco com a ferramenta Caneta para mostrar minha ferramenta de edição favorita em ação. Vamos recriar este. Pressione “P” para a ferramenta Caneta e vamos começar clicando e arrastando. Você pode ver como estou posicionando isso. Esta linha é assim e este pode ser um bom lugar para um ponto de ancoragem, porque depois disso, a linha irá ligeiramente em uma direção diferente. Vamos pressionar “V” e clicar lá fora. Temos outro caminho criado, e este também precisa de um pouco de edição. Em vez de usar uma Ferramenta de Seleção Direta como fiz em um exemplo anterior, desta vez vou usar minha ferramenta de edição favorita e é chamada Ferramenta Suave. Você vai encontrá-lo aqui no menu da barra de ferramentas. Quando você clica nesta ferramenta Sharper, você pode abrir mais ferramentas e selecionar “Pequena ferramenta”. Agora vamos pressionar “V” e selecionar esta linha. Vamos selecionar a Ferramenta Suave, e com ela podemos passar por cima da linha para corrigi-la um pouco. Se você não gosta dos resultados, basta pressionar “Command Z” para desfazer, e então você pode simplesmente arrastá-lo em alguma outra parte da linha. Agora você pode ver como a ferramenta suave funciona e como os resultados são muito bons. Esta é realmente a minha ferramenta favorita porque é tão simples, e fácil, e muito rápido quando você quer corrigir suas linhas. Vou agora criar outro caule. Vamos ver se ele pode fazer este, apertar “P”. Desta vez eu vou torná-lo um pouco confuso usando um monte de pontos de ancoragem para mostrar mais opções de edição. Isto sou eu a ficar completamente louco com a quantidade de pontos de ancoragem. Este exemplo está concluído. Se você passou por cima com pontos de ancoragem, há também uma correção rápida do ilustrador que você pode usar, e é chamado de Simplificar. Às vezes eu queria ter isso na vida real quando complico demais as coisas. A linha está selecionada, e agora vou para o menu principal, clique em “Objeto”, vá para “Caminho” e clique em “Simplificar”, e essa pequena janela aparecerá. Agora, se eu quiser, eu posso arrastar isso para ter o menor número de pontos de ancoragem, ou eu posso arrastá-lo para ter mais pontos de ancoragem, como você pode ver neste exemplo. Também posso clicar neste botão e ele
me dará um resultado padrão que o Illustrator está sugerindo para mim. Vamos clicar nisso, e agora temos três pontos de ancoragem. Você também pode clicar nesses três pontos para ver a janela Opção, e lá você pode ajustar as configurações ainda mais. Eu pessoalmente não tenho realmente usado essas configurações adicionais porque as opções padrão sempre foram boas o suficiente. Mas é bom saber que eles existem. Vamos clicar em “Ok”, e é isso. Como eu não estou totalmente feliz com esta parte, eu vou apenas pegar a ferramenta Smooth e passar por cima, e isso é muito, muito melhor. Em conclusão, todas essas ferramentas para editar seu caminho são muito úteis. O que você usará, ou a combinação de ferramentas que você
usará, dependerá do caminho específico que você estiver editando. Se você precisar de uma pequena correção, use a ferramenta de seleção direta e ajuste as curvas ou pontos de ancoragem. Se você quiser ajustar a aparência geral do caminho,
use a ferramenta Suavizar e, finalmente, se complicar demais as coisas, use a ferramenta Simplificar. Antes de continuar desenhando o resto das hastes, eu preciso criar um padrão feito a partir da minha imagem base porque, como você pode ver, essas hastes que estão nas bordas são cortadas e eu não posso ver como elas foram feitas, então eu preciso criar isso melhor. Eu vou agora apenas desbloquear a imagem base e eu posso selecioná-la. Agora o que eu quero fazer é basicamente copiar esta imagem e colocá-la aqui à esquerda e na parte inferior para que eu possa ver o que está nas bordas. Como temos nossas maravilhosas ações personalizadas, eu posso fazer isso em um clique. Se eu quiser mover isso para a esquerda, vamos ver, minha ação é Shift+F1,
então selecione-o, use a tecla de função principal Shift e pressione “F1". Viva. Agora vamos fazer a mesma coisa, mas eu quero movê-la para baixo. Mover para baixo é Shift+F2 pressione, a tecla de função principal Shift+F2. Maravilhoso. Vamos resolver este aqui. Este vai para a esquerda. função principal Shift+F1. Agora vou selecioná-los todos, eu vou agrupá-los, comando G, e agora eu posso apenas bloqueá-los. Como eu disse, agora vou continuar desenhando as linhas, e além de usar a ferramenta Caneta como eu
mostrei, usarei principalmente a ferramenta Suave para ajustá-las um pouco, se necessário, e também usarei a ferramenta Seleção Direta. Todas as hastes estão acabadas. Como você pode ver, eu só desenhei as hastes que estão dentro da tela e também as que estão cruzando a borda esquerda e a borda inferior, porque essas hastes agora serão repetidas. Vamos começar com este na borda esquerda e para repeti-lo na borda direita, eu vou apenas usar minha ação personalizada. Tudo o que eu preciso para pressionar esta “Função F1". Lá está ele. Fico tão feliz cada vez que faço isso, porque não tenho que escrever os números. Lembre-se, se eu estiver movendo por 1.000 pixels ou menos 1.000 pixels, é super fácil. Vamos agora mover os que estão no fundo. Vou pressionar “Função F2". Perfeito. Agora eu posso selecioná-los todos e agrupá-los, Comando G, e eu posso mudar sua cor para a cor original, e por enquanto, eu vou bloquear esta camada. Agora posso redesenhar as folhas. Tudo o que você aprendeu há alguns momentos sobre a ferramenta Caneta e diferentes ferramentas de edição é algo que também usaremos ao desenhar as folhas. Só que desta vez, estaremos criando formas fechadas. Vou ajustar o tamanho do contorno para o número 2 para que eu possa ver o que estou fazendo, e eu vou escolher uma cor de contorno diferente. Vamos com preto de novo. Basicamente, farei a mesma coisa que te mostrei há alguns momentos. Vou clicar e arrastar. Para iniciar a linha, posicionarei as alças
e, em seguida, criarei outro ponto de ancoragem. Como você pode ver, eu tenho pequenas curvas aqui, então eu vou
posicionar mais
alguns pontos de ancoragem para ser capaz mais
alguns pontos de ancoragem para ser capazde recriar isso e então eu posso voltar a criar menos pontos de ancoragem. Você pode ver que também aqui porque a folha estará escondida atrás da flor, Eu não estou realmente preocupado com essas linhas. Só estou preocupado com as linhas que vão aparecer, como as que estão aqui em cima. Estamos quase terminando. Agora, uma vez que você colocar o ponto de ancoragem final, basta clicar no primeiro e fechar a forma. Agora, enquanto tudo ainda está selecionado, podemos simplesmente ir para a barra de ferramentas e clicar nesta seta aqui. Agora, o que está no contorno irá para o preenchimento e o contorno será desmarcado. Vamos ver se há algo que eu quero consertar. Esta parte parece boa. Eu não me importo com esta parte porque ela não vai ser visível e também esta parte parece ok. Se eu quiser, posso usar novamente a Ferramenta Suavizar para revisar essas partes, e também se você precisar,
você pode ampliar, você pode ampliar, pressionar “A” para a Ferramenta de Seleção Direta e, em seguida, clicar na âncora e alterar as alças se isso for o problema. Além disso, se você tem um monte de pontos de ancoragem como fizemos com as linhas, você pode simplesmente simplificá-los indo para Objeto,
Caminho e, em seguida, clicando em Simplificar. Até agora, estou muito feliz com este, então vou agora criar outro para mostrar um truque útil. Mais uma vez, vou pressionar “B” para selecionar
a ferramenta Caneta e você pode ver aqui no menu da barra de ferramentas, Preencher é preto, mas o traçado está desmarcado, modo a mudar que eu posso apenas clicar aqui. Vamos fazer a mesma coisa que fizemos antes. Comece a arrastar as alças, coloque outro ponto de ancoragem, agora vamos ampliar para que eu possa mostrar-lhe este truque útil. Em vez de fazer este canto arredondado sozinho, eu posso apenas fazer um canto afiado e eu vou torná-lo um pouco mais longe de onde minha folha original está terminando. Agora vamos voltar para baixo, eu vou diminuir o zoom. Agora, para terminar, vou clicar no início, e vamos preenchê-lo novamente. Antes de adicioná-lo completamente, esta folha, Eu quero mostrar-lhe esses truques úteis. Vamos ampliar na parte superior e pressionar “A” para a Ferramenta de Seleção Direta e basta pressionar este ponto de ancoragem. Você verá que este pequeno círculo aparecerá. Isso acontece com todos os cantos afiados porque você tem a possibilidade de torná-los redondos. Tudo o que você precisa fazer é selecionar este pequeno círculo e apenas arrastá-lo. Você pode fazê-lo tão redondo quanto você quiser ou tão pouco, então eu vou apenas arredondá-lo um pouco. Ok, legal. Como de costume, vou selecioná-lo e usar a Ferramenta Suave. Acho que esta parte parece horrível, agora está muito, muito melhor. Além disso, outra coisa é que uma vez que você fizer isso, deixe-me mostrar-lhe que vou selecioná-lo com a Ferramenta de Seleção Direta, você verá que esses pontos de ancoragem serão posicionados na mesma posição paralela. Se você não gosta disso, você não quer que essas mãos sejam uniformes, você pode simplesmente clicar em um deles e apenas mudar a posição ou até mesmo mudar a partir do ângulo. Assim um pouco mais. Essas duas folhas estão acabadas, e o que eu queria dizer é que, uma vez que você sabe como essas ferramentas funcionam, é apenas uma questão de brincar com elas e descobrir o que funciona melhor para você e o tipo de design que você está trabalhando em. Pessoalmente para mim, a ferramenta suave é a melhor opção para que eles possam criar as formas que eu gosto. Agora eu vou redesenhar rapidamente as folhas usando as mesmas técnicas e eu também
vou redesenhar essas partes das hastes que eu esqueci completamente. As folhas estão acabadas. Como você pode ver, eu os redesenhei, então eu os editei e tive alguns problemas com este porque eu não estava feliz com o resultado final. Mas então eu entrei e a tornei mais larga e um pouco maior. Agora está tudo bem. Eu também terminei essas partes mais largas do caule e agora eu posso selecioná-los, e eu quero recolorir. Preste atenção ao que está acontecendo na barra de ferramentas quando você está recolhendo coisas. Porque se eu agora basta clicar na cor, ele só vai recolorir o meu contorno e isso não é o que eu quero. Vamos desfazer isso e precisamos ativar o preenchimento. Um preenchimento está no fundo e o traçado está na frente, que significa que o traçado está ativado. Para ativar o preenchimento, basta pressionar “X” no teclado ou você pode simplesmente pressioná-lo aqui. Mas o mais fácil é apenas X. Agora posso selecionar a cor. Vou agrupá-los, Comando G e bloquearei a camada. A próxima coisa a fazer é posicionar as folhas que estão atravessando as fronteiras para que tenhamos um padrão de repetição. Como você pode ver, algumas das folhas como esta estão atravessando esta fronteira e também a borda superior, esta pequena parte aqui, então eu preciso repeti-la à direita e também na parte inferior. Vamos usar comandos. Tecla de função e F1. Aqui está. Agora vamos movê-lo para baixo. Deixe-me ver. É Shift F2. Assim, a tecla de função Shift F2. Vamos ver o que vem a seguir. Vamos também trazer este para baixo, tecla de
função Shift F2. Precisamos trazer esses dois para cima. Vamos pressionar a tecla Function F2 desta vez. Acho que posicionei tudo e agora posso selecionar todas as folhas. Posso recolorir, agrupá-los, Comando G e novamente, posso bloquear esta camada. A próxima coisa na minha lista de afazeres quando se trata de ferramenta Caneta, são estas linhas, deixe-me mostrar-lhe, que vão em cima das folhas. Eu não vou refazê-los da mesma maneira, eu quero mudá-los um pouco, então não é necessário para mim ver o que está acontecendo na imagem original. Mas se você quiser ver o que está acontecendo em sua imagem original, desbloqueie a camada, selecione-a, vá para a transparência, e apenas diminua a opacidade para que você possa seguir o que está acontecendo por baixo e isso trará isso de volta. Além disso, eu acho que agora vou desligar minha imagem base para que eu não me distraia enquanto faço essas linhas. Eu também vou trancar as folhas. Deixe-me mostrar-lhe agora como eu vou desenhar essas linhas que vão sobre as folhas. Vamos selecionar o contorno e recolorir para preto. Eu também mudarei o tamanho do acidente vascular cerebral para quatro talvez. Vamos pressionar “P”. Basicamente, faremos a mesma coisa que fizemos com os caules. Basta pressionar e arrastar para criar suas linhas. Desta vez eu vou terminar as linhas em algum lugar
aqui em cima então isso vai ser diferente do meu padrão original. Veja, eu vou suavizar um pouco ou talvez eu também possa consertar o ângulo aqui. Eu também vou pressionar “A” para uma ferramenta de seleção direta, eu posso clicar nesta âncora e apenas movê-la um pouco aqui. Veja, eu acho que isso parece legal. O que eu vou fazer agora, como você pode ver, esta linha é um pouco chata e também o fim da linha é quadrado, e eu não quero isso assim. Agora vou selecionar a linha e ir para o menu superior, clique em “Traçado” e você pode ver que aqui, eu posso, por exemplo, mudar o fim da minha linha. Pode ser arredondado ou pode ser assim ou como você pode ver na parte inferior, eu posso mudar todo o perfil. Agora é uniforme, esse é o padrão, mas eu também posso usar este. Você pode ver como parece maravilhoso. É isso aí, pessoal. Vou continuar a desenhar as linhas até terminar. Eu também vou movê-los usando as ações personalizadas como eu fiz com hastes e as folhas. Eu vou acelerar isso e eu vou vê-lo no próximo vídeo onde vamos aprender mais sobre o traço de imagem maravilhosa 2.
8. Illustrator - Traçado de imagem: Aqui estamos novamente, desenho com a ferramenta Caneta está terminado, e agora posso mostrar-lhe como vetorizar elementos do seu padrão Procreate usando a ferramenta Rastreamento de imagem. Aqui, abordarei os conceitos básicos dessa ferramenta e também mostrarei diferentes maneiras pelas quais você pode editar e ajustar esses resultados. Por sinal, um grande parabéns para você por usar a ferramenta Caneta e praticar, porque pode ser um pouco desafiador, especialmente se você é um iniciante. Mesmo que seja absolutamente possível vetorizar todo o padrão apenas com a ferramenta Rastreamento de imagem, e sem a ferramenta Caneta redesenhar, o que aprendemos no vídeo anterior é um conhecimento básico forte, que será útil aqui também. Agora vou voltar para o arquivo com imagens PNG que salvei do Procreate, e vou selecioná-las, e apenas arrastá-las, e soltá-las aqui. Vamos diminuir o zoom. Se você adicioná-los assim de uma vez, eles serão empilhados um atrás do outro, então basta desmarcar clicando em qualquer lugar fora das imagens. Agora posso selecionar um e arrastá-lo. Vamos ver o que temos aqui. Se você se lembra, ao salvar e preparar esses arquivos no Procreate, fizemos uma distinção de camadas, que têm elementos dentro de uma tela e camadas que têm elementos que são recortados nas bordas. Agora temos dois arquivos com elementos que estão dentro das bordas, e esses dois arquivos com elementos que foram cortados nas bordas do Canvas, e precisamos criar uma pequena repetição deles. A primeira coisa que quero fazer é mudar seu tamanho. Esses dois que acabamos de colorir em preto e exportados estarão no mesmo tamanho da Tela, então selecione um, vá para a janela Transformar e adicione 1.000 pixels. Farei o mesmo pelo outro. Agora, quando se trata desses dois que foram feitos em padrão de repetição dentro do Procreate, eles não estarão no mesmo tamanho da tela, mas no tamanho duplo. Em vez de 1.000 por 1.000 pixels, eles serão 2.000 por 2.000 pixels. Vamos selecionar um e adicionar o tamanho, 2.000 pixels, e vamos fazer a mesma coisa para o outro. A principal razão para isso é porque no Procreate, duplicamos e escalamos a camada original pela metade de seu tamanho, e agora precisamos dobrar seu tamanho. Espero que faça sentido quando digo em voz alta. Em suma, vamos começar com estas flores principais em repetição para que você possa ver o que acontece. Vou agora trazer de volta a imagem base, e vou desligar os desenhos da banda para que possamos focar melhor. Agora vamos selecionar esta imagem, e vamos alinhá-la à nossa Canvas. Vou alinhá-lo com a borda superior,
assim, e também com a borda direita. Agora você pode ver como essas flores se encaixam com a imagem original. Agora vou selecionar a imagem, e no menu superior, eu tenho o botão Rastreamento de imagem. Mas em vez de apenas clicar nesse botão e obter resultados padrão, pressionarei essa seta aqui e selecionarei “Arte esboçada”. A diferença é que com esta opção, o Rastreamento de Imagem só vai vetorizar o que é preto, e vai manter o meu fundo transparente transparente sem torná-lo branco, então vamos clicar nisso e ver os resultados. O Rastreamento de Imagem é criado, mas se eu quiser ajustar os resultados um pouco, no menu superior também, eu tenho este botão para o Painel de Rastreamento de Imagem. Quando eu clicar sobre ele, eu vou ter esta pequena janela, onde eu posso ver todas as opções disponíveis. Jogar com o limiar é a opção principal, mas se você clicar aqui com antecedência, você também verá outras opções, e você também verá que aqui, Ignorar branco está selecionado, e é por isso que meu fundo transparente permaneceu transparente. Meu maior conselho quando se trata dessas configurações é jogar com eles, e ver o que funciona melhor, porque não há receita secreta que funcione para todas as imagens. Mas aqui estão algumas coisas úteis para saber. O que eu gostaria de fazer agora é definir a exibição como contornos com imagem de origem. Se ampliarmos um pouco, você pode ver que o preto mais transparente é a imagem original, e esses contornos são para traçar resultados que terão uma vez que terminamos o processo. Esta é uma ótima maneira de fazer os ajustes e tentar chegar o mais perto possível do original. Se eu fizer os ajustes no limiar, você pode ver que esses contornos estarão mudando um pouco. Agora traga-o de volta. Por exemplo, se eu aproximar ainda mais, e talvez puxar Caminhos para 100 por cento, você pode ver que o contorno fica completamente distorcido, que definitivamente não é o visual que eu estou procurando, então traga de volta para 50 por cento. Se eu mover cantos de 50 por cento para zero, você pode ver que este pequeno canto aqui vai ficar arredondado, e agora eu vou jogar com essas configurações um pouco porque eu quero ter cantos arredondados. Agora que estou feliz com os resultados, eu posso apenas clicar no botão “Expandir” que está no menu superior para terminar o Rastreamento de Imagens. Minhas formas agora estão preenchidas com cores, e também na janela Camada, você pode ver que todas as formas agora são transformadas em um grupo de elementos vetoriais. Vou fechar esta janela. Como você pode ver, tudo se encaixa perfeitamente com a imagem original do botão Procreate. Não perfeitamente porque no processo de vetorização, as coisas vão mudar um pouco. Além disso, não se esqueça de mencionar o pincel que você usou no Procreate terá um grande papel quando se trata de Imagem Trace mais tarde. Eu uso um pincel Procreate nativo aqui chamado Studio Pen, e faz esses traços limpos que são ótimos para vetorização limpa. Em resumo, dependendo do pincel usado, os resultados do Rastreamento de imagem serão diferentes. Agora podemos desativar a imagem base para que possamos nos concentrar em nossos próximos passos. Agora, você deve estar se perguntando nos últimos minutos sobre esses elementos que são cortados nos cantos. Deixe-me mostrar-lhe o que vamos fazer com eles, e por que nós mesmo posicionamos tudo assim, e por que nós até preparamos essa camada em particular de forma diferente no Procreate. A razão é, para criar um padrão perfeito, repita. Agora podemos excluir essas peças recortadas uma a uma porque elas iriam atrapalhar a nossa nova repetição vetorizada. Vou selecionar isso e desagrupá-lo, Command Shift G, e agora eu posso apenas selecionar o que está nas bordas, e excluí-lo. Vou apagar tudo o que é cortado. Além disso, vou excluir as partes desnecessárias que estão fora do Canvas. Basicamente, eu só vou deixar o que está dentro, e o que está nas fronteiras, mas não é cortado. Ao fazer isso, apenas certifique-se de que você não exclui
acidentalmente os elementos que você precisa. É assim que nosso padrão quase preparado se parece. Eu tenho elementos que estão dentro de Canvas, e também elementos que não foram cortados, e que estão nas bordas. Os elementos cortados que excluímos serão simplesmente substituídos por elementos completos que temos nas bordas opostas. Mas antes de usarmos nossas ações personalizadas mágicas para mover elementos de padrão de um lado para o outro, devemos verificar esses elementos para ver se há algo que precisa ser editado e ajustado. Vou ampliar para ver mais de perto e ver se há alguns erros ou partes que eu não gosto. Agora as ferramentas de edição que mostrei no vídeo anterior serão úteis. Esta flor não parece muito boa, então vamos dar um zoom. Você pode ver que esta linha está um pouco distorcida, tem muitos pontos de ancoragem e precisa ser corrigida. Aqui, eu poderia usar uma ferramenta simplificada ou eu posso até mesmo excluir os pontos de ancoragem manualmente. Para fazer isso, vá para o menu da barra de ferramentas e pressione isso no ícone para ver todo o grupo, e aqui você pode selecionar a ferramenta Excluir ponto de ancoragem, ou você pode simplesmente pressionar “Menos” no seu teclado para acessá-lo. O truque com esta ferramenta é, você pode simplesmente pressionar o ponto de ancoragem para excluí-lo. Mas o que eu gosto de fazer é segurar Shift e depois pressionar o ponto de ancoragem. Desta forma, os resultados serão melhores, porque os outros pontos de ancoragem em torno dele se ajustarão a esta nova situação. Vamos desfazer isso. Se você, por exemplo, basta clicar no ponto de ancoragem sem segurar Shift, você pode ver que você vai obter linha mais reta e dura. Vamos usar a opção com o Shift, e você pode ver a diferença. Vamos pressionar “Minus” novamente para acessá-lo, e eu também posso excluir este. Legal, isso parece muito, muito melhor. Agora eu posso selecioná-lo, e para terminar, Eu também posso usar a ferramenta Suave. Este está feito. Vamos ver os outros. Tudo o resto parece muito bom, e agora podemos continuar. A edição está concluída. Então vamos completar este padrão. Vou agora selecionar os elementos que estão no lado esquerdo. É hora de usar nossas maravilhosas ações personalizadas para movê-las. Para movê-los para a direita, principal tecla de função F1. Agora vou selecionar os que estão na parte inferior. Para mover para cima, a tecla de função principal F2. O padrão está completo. É super rápido e fácil. Agora posso selecioná-los todos e agrupá-los, Comando G, e vou recolorir-los. Como você pode ver, eu acidentalmente recolorei contorno, então eu posso apenas pressionar aqui para mudar isso, e então eu vou apagar o contorno. Uma vez que esta camada está concluída, eu posso ir para a janela Camada e apenas bloqueá-la. Acho que é hora de também criar o fundo para o nosso padrão. No menu da barra de ferramentas, vou apenas selecionar a ferramenta Retângulo, e tudo o que eu preciso fazer é clicar. Agora vou adicionar 1.000 pixels por 1.000 pixels, e clicar em “Ok” que mudou a cor. Agora eu posso apenas alinhá-lo horizontalmente e verticalmente. A próxima coisa a fazer é enviá-lo para trás. Vou usar o atalho Comando, Shift, colchete esquerdo. Você pode ver na janela Camada que o plano de fundo está agora na parte inferior. Você também pode fazer isso fazendo o botão direito do mouse, depois indo para organizar, e aqui você tem a opção de enviar para trás, mas é muito mais fácil usar apenas o atalho. Eu também vou bloquear esta camada. Agora podemos voltar para a imagem traçando o resto dos elementos que precisamos adicionar. Agora vou agarrar esta imagem dentro do interior de uma flor. Vamos trazê-lo aqui. Tudo o que eu preciso fazer é posicioná-lo verticalmente e horizontalmente para que ele fique no centro de nossa tela. Assim como antes, enquanto esta imagem é selecionada, vou no menu superior e clicar nesta seta e selecionar “Arte esboçada”. Vamos para o painel Rastreamento de imagem e definir a vista para contornos com imagem de origem e eu vou apenas ampliar para ver se tudo está como deveria ser, e tudo parece muito bom. Isso significa que eu não tenho que ajustar as configurações, e tudo que eu tenho que fazer para terminar é clicar em “Expandir”. Você pode ver que este tem muitos pontos de ancoragem e é muito confuso. Para este, usarei a ferramenta Simplificar. Tudo está selecionado e agora vou para Object, Path e clique em “Simplificar”. Tudo parece muito melhor, e eu vou apenas usar esta sugestão de simplificação padrão que eu tenho, e tudo que eu preciso fazer é clicar fora da janela. Esses elementos parecem bons, então eu vou apenas selecioná-los e recolori-los, e agora eu posso bloquear a camada. Como você pode ver como esse padrão está se unindo bem. Agora vamos trazer o trabalho de linha. Novamente. Vou apenas alinhar isso para que fique no centro da tela. Vou selecioná-lo, ir para o menu superior, clicar nesta seta e selecionar “Arte esboçada”. Mais uma vez, irei ao painel Rastreamento de imagem e definirei a exibição para contornos com imagem de origem. Vamos ampliar para ver os resultados. Para este trabalho de linha procreate, usei outro pincel nativo chamado sangria de tinta. Como você pode ver, tem uma textura muito agradável, mas os resultados que estou obtendo com a ferramenta Rastreamento de imagem são simplificados. Eu poderia ir para as configurações avançadas e mudar o caminho para ser um pouco maior, então nós temos essas linhas distorcidas. Vamos brincar um pouco com o limiar. Isso parece muito melhor, então eu vou para o menu superior e basta clicar em “Expandir”. Tudo bem, tudo parece bom. Quando se trata dessas linhas, eu vou pular a edição porque eu já ajustei minhas configurações quando eu estou rastreando imagens, e porque eu quero manter essas linhas um pouco mais orgânicas. Agora vou selecioná-los e recolorir. Agora é a hora de criar uma máscara de recorte e colocar o trabalho de linha dentro das bordas dessas partes amarelas da flor. Ao criar uma máscara de recorte e um ilustrador, gosto de fazer tudo dentro da janela Camada, pois tenho uma visão geral melhor de como as camadas são posicionadas e é mais fácil arrastá-las e reposicioná-las conforme necessário. Aqui está o grupo de flores amarelas. Agora vou desbloqueá-los, e aqui está o trabalho de linha texturizada. Quando se trata desta máscara de recorte, como eu disse, o trabalho de linha precisa estar dentro das bordas da flor. Para que isso aconteça, selecionarei o grupo de flores, e as duplicarei. Comando C para copiar e, em seguida, Comando F para colar no lugar. Agora tenho dois grupos e vou selecionar um deles. Eu posso fazer isso aqui na janela Camada e eu vou arrastá-lo para cima. Aqui está o nosso sanduíche de máscara de recorte. Flores amarelas estão na parte inferior e também no topo, e no meio temos o trabalho de linha texturizada. É importante saber que eu quero fazer quaisquer alterações na camada inferior do sanduíche,
porque esse será o fundo da máscara de recorte. O próximo passo é converter o trabalho de linha e a parte superior das flores amarelas em um caminho composto. Agora, essas camadas são apenas grupos feitos de diferentes formas vetoriais, e convertendo-as em caminho composto, vamos simplificá-las um pouco e
seremos capazes de finalmente criar essa máscara de recorte. A camada superior com flores amarelas já está selecionada, e agora eu posso simplesmente ir ao menu principal, clicar em Objeto, Caminho Composto e depois “Fazer”. Como você pode ver, você também pode pressionar Command 8 como um atalho, então vamos clicar em “Make”. Na janela Camada ou camada agora é chamado de caminho composto. Se eu quiser liberar esse caminho composto e transformá-lo novamente em um grupo,
eu posso apenas selecioná-lo, fazer o clique com o botão direito e, em seguida, pressionar “Release Compound Path”. Vamos fazer a mesma coisa para o trabalho de linha. Eu posso selecioná-lo aqui dentro da janela Camada, e agora eu posso apenas pressionar o atalho Comando 8. Isso está feito. Agora posso manter a tecla shift pressionada para selecionar o trabalho de linha texturizada e a camada superior, e agora posso criar uma máscara de recorte. Para fazer isso, você pode ir para o menu principal. Novamente, clique em “Objeto”, Máscara de
recorte e, em seguida, Make. Também temos um atalho Comando 7. Aqui está. Como você pode ver, essas duas camadas agora são convertidas em uma máscara de recorte, e se eu expandi-la aqui na janela Camada, você pode ver que esta é a borda e estas são o trabalho de linha. Se eu desligar a visibilidade da nossa camada inferior, é
assim que tudo parece. Agora vou selecionar ambas as camadas e agrupá-las, e também posso bloqueá-las por enquanto. Agora podemos trazer de volta os desenhos das pétalas. Como você pode ver, o padrão está quase terminado. Nós só precisamos trabalhar em nossa imagem final com uma textura. Agora vou arrastar a imagem de textura no quadro de arte. Uma vez que está debaixo das camadas existentes, eu preciso trazê-lo para cima o atalho é Deslocamento de comando, colchete direito. Ou você pode fazer a mesma coisa fazendo um clique com o botão direito do mouse organizar
e, em seguida, trazer para a frente. Com esta textura, farei o mesmo que fiz com as flores principais. Vou alinhá-lo na borda superior, na borda direita. Agora podemos rastreá-lo por imagem. Vou no menu superior e selecionar “Arte esboçada”. Vamos abrir o painel Rastreamento de imagem para ver contornos com imagem de origem. Como você pode ver, muitas dessas pequenas partículas de grãos não são visíveis, então eu vou ajustar o limiar um pouco. Isso parece melhor. Para terminar, vou apenas clicar em “Expandir”. Como você pode ver, a textura que eu vetorizar é bem simples, mas é claro que existem muitas texturas diferentes que usamos no Procreate, seja para adicionar um toque adicional ao nosso padrão para desenhar elementos com ele, ou adicionar tons de dimensão. Em suma, todo o assunto da vetorização de texturas é enorme e complexo. Já que estamos cobrindo o básico nesta parte, eu decidi deixar todo o tópico de textura para outra hora e para uma nova aula para que eu possa mostrar tudo o que eu sei, e também podemos cobrir diferentes exemplos e ver o que Funciona melhor. Antes de desagrupar esta Camada, eu quero ter certeza de que tudo em minhas Camadas está bloqueado, porque assim que eu selecionar isso e pressionar “Command Shift G” para desagrupar, você pode ver que minha janela Camada, será preenchida com milhões dessas partículas. Isso parece muito confuso agora, então vamos limpá-lo para ser capaz de criar um padrão de repetição fora dele. Agora vou ampliar, e na borda direita, vou selecionar tudo o que está atravessando a fronteira ou é cortado na fronteira. Farei a mesma coisa na fronteira superior. Agora posso excluir o resto das partículas que estão fora da tela. Agora vou ampliar para a borda esquerda e excluir também as partículas externas. Farei a mesma coisa na fronteira inferior. Se eu deixar algumas das partículas que estão lá fora, não
é um grande problema. A única coisa que eu preciso ter certeza é deixar as partículas que estão atravessando a fronteira. Isto parece bom. Agora posso selecionar as partículas que estão na borda esquerda. Eu quero ter certeza de pegar o que está nas bordas, e se eu também selecionar um pouco mais isso não vai importar. Está selecionado e agora posso movê-lo para a borda direita. Vou usar minha chave de função principal de ação personalizada F_1. Vamos fazer a mesma coisa para a borda inferior, e a ação personalizada é a chave de função principal F_2. Maravilhoso. Esta textura está agora em repetição, e eu posso finalmente selecionar tudo, “Comando G” para agrupá-la, e como você pode ver, minha janela Camada está de volta ao normal. Agora vou recolorir essa textura, e a única coisa que resta fazer é criar mais máscaras de recorte. Agora, como você sabe a lógica de como fazer uma máscara de recorte, vai ser muito mais fácil. Desta vez eu faço duas máscaras de corte com esta textura, uma para hastes e outra para as folhas. É por isso que eu vou selecioná-lo e eu vou duplicá-lo, “Command C” e depois “Command F” para colar no lugar. Na janela Camada, vou desligar a visibilidade de um deles. Vamos fazer máscara de corte para as folhas primeiro, eu vou encontrar folhas na minha janela Camada. Aqui estão eles. Vou desbloqueá-los e selecioná-los, e agora também posso duplicá-los, “Comando C”, “Comando F”. Vou selecionar a textura e arrastá-la entre as folhas. Mais uma vez, temos um sanduíche de máscara de corte, e como antes, precisamos converter esses grupos em caminho composto. Enquanto a textura é selecionada, eu posso apenas pressionar o atalho Comando 8, e transformá-lo em um caminho composto. Vou fazer a mesma coisa para a camada superior com folhas. Selecione-o e depois Comando 8. Para criar esta máscara de recorte, eu preciso selecionar ambos, e basta pressionar o comando 7. Como você pode ver, é super fácil e rápido, especialmente se você estiver usando os atalhos. Agora posso agrupar estes dois, destrancá-los por enquanto. Vamos trazer de volta a visibilidade da textura que duplicamos. Agora é a hora de criar uma máscara de recorte para as hastes. Se você se lembra, criamos duas partes das hastes de forma diferente, então deixe-me encontrá-las aqui na janela Camada. Aqui estão as hastes, e aqui estão as partes mais amplas das hastes. Vou destrancá-los. Quando eu seleciono essas partes mais amplas das hastes, você pode ver que nós as criamos como formas fechadas. Quando eu seleciono a outra parte do caule, você pode ver que nós os criamos como linhas. No menu superior você pode alterar o tamanho, você pode alterar o traçado e você pode alterar o perfil. Mas o que preciso fazer agora é unificar essas duas partes. Por exemplo, se eu apenas selecioná-los e ir para o pathfinder e clicar neste ícone, “Unir”, eu obteria esses resultados. Estes resultados definitivamente não são o olhar que eu estou indo para. Vamos desfazer isso, e agora vou mostrar-lhe como fazê-lo corretamente. O que precisamos fazer antes de clicar no “
ícone Unir ” é converter as linhas em formas. Desta forma, ambos os nossos grupos terão os mesmos tipos de elementos. As linhas são selecionadas e eu vou para Objeto e clique em “Expandir”, e nesta janela Expandir eu tenho Preencher e Traçado selecionados, e eu posso apenas clicar em “Ok”. Como você pode ver, as linhas agora são transformadas em formas fechadas. Uma pequena nota, só faça isso quando você estiver absolutamente feliz com a aparência de suas linhas, porque você não será capaz de converter as formas de volta para linhas mais tarde. Vou agora selecionar novamente ambos os grupos, e eu posso clicar neste “ícone Unir”. É isso. Tudo agora se conecta uns com os outros corretamente. Agora estamos prontos para fazer a máscara de recorte final. As hastes são selecionadas, e eu as duplicarei, Comando C, Comando F. Mais uma vez, selecionarei a textura e arrastarei entre as hastes. Vamos converter essas duas camadas em caminhos compostos. Basta pressionar “Command 8" e selecione a textura e novamente, pressione “Command 8", e agora selecionarei ambos e pressione “Command 7" para a máscara de recorte. Para terminar, vou agrupar estes dois, destrancá-los. É isso aí, pessoal. O padrão vetorizado está terminado, e eu mal posso esperar para colocá-lo em repetição e testá-lo no próximo vídeo.
9. Illustrator - Padrão final: É hora de encerrar tudo isso. Neste vídeo, vou mostrar-lhe como colocar seu padrão vetorizado em repetição. Vamos testá-lo e compará-lo com o padrão procreate original, e também veremos como salvá-lo corretamente. Então, vamos começar. Em primeiro lugar, vou ligar a minha imagem base, a que usei como guia de desenho. Vou desbloqueá-lo, selecioná-lo e excluí-lo. Agora eu posso criar um suporte de padrão, pelo
menos é assim que eu chamo. É uma borda invisível em torno do meu padrão que vai ajudar o ilustrador a reconhecer onde meu padrão está se repetindo. Para fazer isso, selecione a ferramenta de retângulo no menu da barra de ferramentas e clique na prancheta. Como meu padrão está se repetindo exatamente nas bordas da prancheta, tudo que eu preciso fazer é adicionar o tamanho da minha prancheta. Vou adicionar 1000 por 1000 pixels. Vou selecionar este objeto, ir para Alinhar
e alinhá-lo horizontalmente e verticalmente para que ele se encaixe corretamente. Quando se trata de preencher ou delinear, ele precisa ser invisível. No menu da barra de ferramentas, o que você selecionou, por exemplo, eu só tenho o preenchimento selecionado, então eu só tenho que clicar neste pequeno ícone chamado Nenhum, e este objeto ficará invisível, e agora eu vou Mande-o para trás. Vou usar o atalho; comando, deslocamento, colchete esquerdo. Você pode ver na minha janela Camada, ela está posicionada na parte inferior, e essa é exatamente a posição que precisa ter. Agora vou desbloquear o resto das camadas. Então eu posso selecionar tudo e agrupá-lo, comando G. Tudo o que eu preciso fazer agora para criar um padrão é simplesmente selecionar este grupo e arrastá-lo para a janela Amostras e simplesmente soltá-lo. Agora vamos diminuir o zoom e selecionar a ferramenta de retângulo e fazer um retângulo enorme, e agora vou preenchê-lo com o meu padrão. Pessoal, isso me deixa tão feliz. É apenas o melhor ver o padrão acabado e como ele se repete infinitamente. Agora vou ampliar para verificar e ver se tudo está se repetindo corretamente. Tudo parece perfeito e o padrão está terminado. Agora podemos fazer um pequeno teste de comparação. Vou excluir esse retângulo e vamos ver como esse padrão vetorial parece comparado ao padrão procreate. Mais uma vez, abrirei minha pasta e adicionarei a imagem de amostra de padrão JPEG. Vou arrastá-lo e soltá-lo, e eu posso redimensioná-lo para 1000 pixels. Agora, antes de converter esta imagem em um padrão, no menu superior, eu preciso clicar em “Incorporar”. Agora eu também posso arrastar isso e soltá-lo na janela Amostras. Eu vou excluir a imagem, e agora eu posso criar dois retângulos para fazer comparação. Este é vetorizado, e este é do Procreate. Em suma, estou super feliz com esses resultados vetorizados. Você pode ver como eles são afiados, e também eles não parecem muito diferentes em comparação com o padrão original. Agora, se você quiser excluir este teste de padrão procreate que você fez para que você não se confunda na janela Amostras, você pode simplesmente arrastá-lo e soltá-lo neste pequeno compartimento. Vou apagar esse teste e nossa última parada
final é salvar nosso padrão vetorial. Claro, sempre salve seu arquivo original do Adobe Illustrator. Quando quiser salvar uma imagem PNG da amostra de padrão final que deseja imprimir, vá para Arquivo, Exportar, Exportar Como e, em Formato, selecione PNG. Vamos nomeá-lo Vector Pattern_final, e também vou clicar em “Usar pranchetas”
e, em seguida, basta clicar em “Exportar”. Agora, nesta janela, é importante definir a resolução para 300 ppi. Esta é a resolução final de que falei no início da aula. Na suavização de serrilhamento, espero estar pronunciando corretamente, sempre mas sempre usar Art Optimized Superampling. Isso fará toda a diferença porque se você usar Type Optimized, você terá problemas com as linhas brancas que aparecerão onde seu padrão está se conectando. Eu sei que muitos de nós surtam quando vemos isso e
pensamos que não fizemos algo corretamente ao posicionar os elementos, mas esses bugs com linhas brancas são principalmente um problema com a suavização de serrilhado no Illustrator. Em suma, selecione o “Art Optimized”, e agora você pode apenas clicar em “OK”. Este foi salvo para impressão, então salvamos em uma resolução mais alta. Mas outra coisa que quero mostrar a vocês é como salvar seu padrão para as mídias sociais. Agora vou para o arquivo e vou abrir uma nova prancheta. Desta vez eu preciso usar o mesmo tamanho que o tamanho da postagem regular do Instagram, que será 1080 por 1080 pixels. Vou manter a cor RGB e na resolução, posso adicionar 72 ppi. Agora vamos criar. Agora vou voltar para a minha prancheta original e pegar esta ferramenta de retângulo para criar um pequeno retângulo que será preenchido com o novo padrão. Agora basta pressionar o comando C para copiar, voltar para a nova prancheta e pressionar o comando V para colar. Você pode ver que na janela Amostras, seu novo padrão aparecerá. Agora podemos excluir isso, pegar a ferramenta de retângulo novamente, clicar e adicionar o tamanho da nossa tela, 1080 por 1080. Vamos alinhar isto. Agora, quando se trata de salvar padrões para mídias sociais, queremos protegê-los para que eles não sejam facilmente roubados, e adicionamos nossa assinatura em cima dela e a salvamos em uma resolução menor. Mas aqui está um truque fácil e simples para proteger o seu padrão ainda mais. Agora você pode selecionar o retângulo e torná-lo um pouco maior. Você pode arrastá-lo assim ou você pode pressionar “ALT” para arrastá-lo proporcionalmente do centro, e isso é bom. Agora o que eu vou fazer é girá-lo um pouco. Você pode ver que a seta está aparecendo e eu só quero girá-la aleatoriamente apenas um pouco. É muito importante apenas usar um pequeno número e uma rotação aleatória. Então, desta forma, quando salvarmos esse padrão, a repetição do padrão será distorcida e não caberá. Então, se alguém quiser
usá-lo, será difícil encontrar sua rotação exata. Vou mostrar-lhe isso em alguns instantes. Mas primeiro, vamos escalar esse padrão repetir um pouco. Vou selecioná-lo, ir para Object, Transform e Scale. Agora, o que eu quero fazer é desmarcar “Transformar objeto” para que “Transformar padrões” seja a única coisa selecionada. Desta forma, eu só posso transformar o que está dentro do padrão. Posso ir aqui ao Uniforme, e escalá-lo até ficar feliz com os resultados. Isso parece bom, vamos clicar em “OK”. A próxima coisa que eu quero mostrar é também como
mover o que está dentro do padrão no caso de você não estar feliz com como tudo está posicionado dentro da prancheta ou você quer fazer alguns ajustes. O retângulo é selecionado e eu vou para Objeto novamente,
Transformar, e desta vez eu vou clicar em “Mover”. Vamos colocá-lo em zero, e você pode ver que aqui eu também tenho “Transformar Objetos”, desmarcá-lo, e a única coisa selecionada é “Padrões Transformados”. Agora, se eu quiser movê-lo horizontalmente um pouco, você pode ver que apenas o padrão está se movendo dentro do nosso retângulo. Então vamos posicioná-lo, e também vamos posicioná-lo verticalmente. Isso parece muito bom e eu vou apenas clicar em “OK”. Agora podemos salvar isso como uma imagem PNG também. Mais uma vez, vá para Arquivo, Exportar, Exportar Como, PNG, use PNG como formato e clique em “Usar pranchetas”. Vou nomeá-lo padrão vetorial Instagram. Agora vamos clicar em “Exportar”. Nesta janela, é importante definir a resolução para 72 ppi e, novamente, quando se trata de anti-aliasing, eu não sei como pronunciar isso. Mas em suma, deixe-o como Art Optimized, e vamos clicar em “OK”. Agora trarei essa imagem salva aqui, para que eu possa mostrar como funcionou nossa rotação. Esta é a imagem que guardamos para as redes sociais e criamos essa pequena rotação que agora, quando eu repito isso e eu quero criar um padrão fora dela, você pode ver que ela não se encaixa. Se alguém quiser roubar sua imagem e salvá-la das mídias sociais, quando a pessoa tenta colocar a imagem em repetição, terá um grande problema porque a repetição não caberá mais e nada se alinhará corretamente nas bordas . Agora você sabe como salvar seus padrões para impressão e como protegê-los e salvá-los para mídias sociais. É isso por enquanto, mas fique ligado para o próximo vídeo para ver meu rosto novamente e ouvir algumas informações finais.
10. Obrigada: Ei de novo. Eu só queria dizer, muito
obrigado por passar um tempo comigo e assistir esta aula. Espero que tenha gostado e aprendido novas habilidades. Depois de terminar o projeto para esta aula, compartilhe-o para que possamos apoiar e inspirar uns aos outros. A propósito, não se esqueça de avaliar e rever esta aula para que eu também possa crescer e aprender com você. Como sempre, se você tiver alguma dúvida ou algo que eu estava mostrando não foi claro, sinta-se à vontade para perguntar qualquer coisa na seção de discussão desta aula, e eu responderei assim que puder. Para ser notificado sobre minhas próximas aulas, siga-me aqui no Skillshare. Você também pode manter contato comigo no Instagram @DIUJDI. Estou a enviar-te muito amor e boas vibrações, e vejo-te na próxima.
Di Ujdi, Illustrator & Art Explorer
