Transcrições
1. Introdução: Ei! Sou Maya Favor. Nesta aula, vou ensiná-lo a esboçar e desenhar motivos para seus padrões no Adobe Fresco. Como designer de padrões de superfície, com um estilo minimalista e imaginário, crio meus padrões a partir de desenhos vetoriais. Faço esboços e desenho no meu iPad e crio as repetições finais no Illustrator. Nesta aula, usaremos o Adobe Fresco, que é um novo aplicativo emocionante para iPad com um monte de recursos para explorar. Uma das características surpreendentes que o Fresco oferece é que você pode desenhar tanto em pixel e vetor no mesmo documento, mas para mantê-lo simples e não fazer o código de aprendizagem para íngreme, vamos nos concentrar em aprender os recursos de desenho vetorial, que facilita a transformação posterior seus desenhos em padrões no Adobe Illustrator. Mostrarei como obtenho inspiração e esboço ideias para padrões e minhas técnicas digitais combinadas. Vamos começar passando pelas ferramentas básicas e gestos do Fresco, mas vamos nos concentrar principalmente em aprender, fazendo isso vou mostrar mais dicas e truques ao longo do caminho enquanto criamos. Você vai aprender minhas técnicas para um fluxo de trabalho suave e fácil e como começar
a visualizar o padrão de repetição
nesta fase inicial do processo de fabricação de padrões. Se você está interessado em aprender uma maneira divertida e fácil de desenho vetorial, então esta aula é para você. Vamos nos concentrar em motivos de desenho para padrões de repetição, mas você pode, claro, usar as mesmas técnicas para criar ilustrações solitário também. Tudo o que você precisa para começar é um iPad e Adobe Fresco.
2. Projeto do curso: Seu projeto nesta classe é desenhar motivos no Adobe Fresco que você pode transformar em um padrão mais tarde. O objetivo é aprender um fluxo de trabalho simples e fácil e como usar o Adobe Fresco para desenhar motivos vetoriais. Nesta aula, não faremos um padrão final de seus motivos Se você estiver interessado em saber como crio padrões no Adobe Illustrator, dê uma
olhada na minha aula Do esboço ao padrão de repetição aqui no Skillshare. Como eu recentemente tenho essas pequenas plantas fofas, Eu vou desenhar plantas como motivos nesta classe. Não é uma obrigação para desenhar plantas, você pode, claro, escolher outros objetos para desenhar, mas será incrível ver sua interpretação e seu estilo único de desenho plantas. Se você sentir vontade, você é mais do que bem-vindo para participar sobre o tema da planta. Estou muito animado para ver o que você cria.
3. Cores: Vamos falar um pouco sobre cores. Então, quando começo a desenhar, geralmente
tenho uma paleta de cores para começar. Essa não precisa ser minha paleta de cores final. Posso mudá-lo durante o processo. Mas para mim, formas e cores são igualmente importantes para obter uma boa vibração do que eu desenho, que me faz avançar no meu processo de desenho. Então é tudo sobre a boa vibração. Então, para fazer uma paleta de cores, você pode fazer isso de várias maneiras. Eu tenho uma aula inteira sobre dominar cores em design de
padrões aqui em compartilhamento de habilidades onde eu ensino a vocês minhas técnicas na escolha de paletas de cores, onde eu recebo inspiração de cores, como descobrir seu estilo de cores e trabalho com cores e padrões. Você pode verificar isso para saber mais sobre isso. Mas nesta aula eu só vou correr
rapidamente através de como você poderia escolher uma paleta de cores para começar. Uma maneira é pegar uma paleta de cores com inspiração no Pinterest. Se você deslizar para cima, você receberá o menu do documento. Se você pressionar o Pinterest, você pode arrastá-lo e soltá-lo e você receberá uma janela dividida no seu iPad. Então, no Pinterest, eu tenho um quadro que é chamado de cor, onde eu salvar pinos que é inspirador para mim com as cores. Então o que eu vou desenhar hoje com as plantas, eu quero algo assim. Você pode obter inspiração em imagens que você salvar no Pinterest. Normalmente, eu não escolho cores diretamente das imagens, mas eu as uso como inspiração para escolher cores. Você pode ter isso aqui à direita, a imagem, e você pode usar sua roda de cores para escolher cores que correspondam à sensação que você está procurando. Eu sempre desenho com rosa. Eu vou escolher vetor escovado o solo básico, ajustar o tamanho, e selecionar a cor rosa. Esta é normalmente uma maneira simples de fazer minhas paletas de cores, eu faço pequenas manchas de cor, e talvez eu queira ter um pouco de verde. Isso foi um pouco verde floresta demais, talvez um pouco mais verde azul, então eu posso usar a ferramenta de preenchimento para preenchê-lo com um verde diferente. Então você também pode usar os controles deslizantes HSB. Acho que quero mostarda marrom, talvez um pouco mais laranja, ou algo assim. Escolha o pincel vetorial e apenas desenhe um pequeno blob. Suas cores serão salvas na pequena área, cores recentes. Você também pode salvar novas cores para esta pequena área. Aqui é onde eu construo minha paleta. Por isso, podes ver o meu quadro de cores no Pinterest
ou, claro, a tua própria inspiração de cores se quiseres escolher uma paleta de cores desta forma. Para remover a janela do Pinterest, pressione a tecla premida e arraste
e, em seguida, pressione a tecla hold e deslize-a pela direita. Então eu vou apagar este pellet como eu tenho outra maneira de buscar minha paleta de cores, e isso é colocar uma imagem que eu salvei no meu desktop, onde eu tenho um pellet que eu tenho usado ultimamente que eu realmente gosto e que tem este terreno cores que eu quero para este desenhos que eu estou fazendo hoje. Então, para buscar esta paleta, vamos salvá-la na área recente, e eu posso apenas segurar para pegar a cor e salvá-la na área recente. Então eu escolho a próxima cor, digite recente, e a próxima e toque no pouco mais, até que eu tenha buscado todas as cores na minha paleta. Eu também quero buscar esta cor de fundo. É isso. Agora, temos nossa paleta aqui. Você pode acessar o branco. Acho que vamos usar branco. Eu só vou salvá-lo na minha paleta e selecionar a ferramenta de cores, e então eu geralmente salvar minha paleta em uma camada separada
na parte inferior para que eu sempre possa voltar para ela mais tarde. Como eu disse, se você quiser mais inspiração sobre como encontrar uma paleta de cores que você gosta, você pode conferir minha classe, masterizando cores design impulsor aqui em skillshare. Quando você escolher uma paleta de cores, podemos passar para a próxima lição, onde falaremos sobre como encontrar inspiração para nossos motivos e como esboçá-los no Adobe Fresco.
4. Inspiração e esboço: Vamos ter alguma inspiração,
há, é claro, muitas maneiras que você pode obter inspiração, uma delas é o Pinterest, então você pode simplesmente deslizar para cima para acessar seu menu de documentos e tocar no Pinterest, Eu tenho um álbum chamado flores, plantas e natureza, se você vai desenhar plantas como eu nesta classe e você é mais do que bem-vindo para dar uma olhada nele e se
inspirar pelas plantas que eu guardei neste quadro, então há alguns cactos rotinados aqui e também um dos meus favoritos é este, eu também recentemente comprei essas pequenas plantas fofas, e eles são realmente a razão pela qual eu vou soltar plantas
nesta classe porque eu só acho que eles são tão fofos, este é um pouco de planta de café e sim, Eu tenho um monte de inspiração aqui e eu também tenho interesses. Vou me inspirar em ambas as fontes, e meu plano é desenhar talvez quatro ou cinco plantas diferentes. Quando você reunir alguma inspiração, eu vou dar uma olhada em ambas essas imagens e minhas lindas plantas pequenas, vamos começar com a parte de esboço e eu vou apenas mover meu iPad porque vamos começar com o esboço à mão. Nesta aula, vamos esboçar à mão e, em seguida, traçar nossa imagem no afresco e também esboçar diretamente no afresco. Vou mostrar-vos as duas técnicas. Começamos com esboços à mão. Pegue um pedaço de papel ou seu caderno e comece a desenhar. Quando você tiver feito alguns esboços à mão, podemos seguir em frente para tentar esboçar o iPad no Adobe fresco, então vamos voltar ao fresco para fazer alguns esboços digitais e eu vou apenas esconder esta camada com a paleta de cores pressionando meu atalho tocado e toque duas vezes na camada. Para esboçar no afresco, eu usei o pincel de pixels, que é chamado lápis, está sob esboço no menu do pincel de pixels. Eu ajusto o tamanho e apenas escolher uma cor preta, e eu acho que eu iria experimentar. Isto, talvez algo assim,
a suavização que eu vou manter no meio eu acho e o resto das configurações de pincel que eu quero ajustar para esta parte de esboço. então como você deve ter visto, como eu comecei a desenhar com um pincel de pixel, afresco adicionou uma nova camada para mim. Este é o pequeno símbolo para a camada de pixel, pequenos pontos, camada de imagem tem pouca imagem sobre eles, e camada vetorial tem um círculo. Agora, quando temos nossa camada de pixel e nosso lápis selecionado, vamos esboçar algumas plantas, para inspiração, eu tenho minhas pequenas plantas bonitas aqui ao meu redor, mas eu também posso arrastar até o Pinterest que conhecemos para obter alguma inspiração. Para isso eu, acho que quero esboçar. Eu vou usar este e então eu vou começar a esboçar. Você vai ter um traço diferente com o lápis se você inclinar o pincel ou se você usar dica, Eu acho que eu quero ter um enredo que se parece com isso, Zoom para fora um pouco e mover o meu pote um pouco para o centro e aqui está uma característica agradável. Se você manter pressionado um atalho de toque, obterá uma posição restrita quando mover o objeto. Vou esboçar alguns galhos, talvez algo assim, e folhas grandes. Talvez algo assim seja apenas um pequeno esboço rápido, como você pode ver, eu estou usando isso para inspiração e também os planos que eu tenho aqui na minha mesa, então agora eu fiz um esboço realmente áspero com o lápis, então se você tem sua mão desenhado esboço agora e também um esboço digital, podemos passar para a próxima lição, onde vou mostrar-lhe como desenhar a peça final com os pincéis vetoriais.
5. Desenhe motivos 1: Vamos fazer uma nova camada e começar a desenhar com o pincel vetorial. Basta tocar na nova camada e eu vou segurar e arrastar essa camada para cima da minha camada de esboço. Vou escolher uma cor para começar e eu acho que vou para esta laranja de minhas paletas salvas e o pincel vetorial. Você tem cinco pincéis vetoriais diferentes para escolher e, em seguida, você pode organizar as configurações do pincel. Eu costumo ir para a primeira rodada básica. Você pode ajustar o tamanho, experimentar o tamanho dele. Isso pode ser bom. Para o alisamento, eu acho que vou para algo no meio e as configurações do pincel, normalmente eu apenas mantenho estes como eles estão, a redondeza, o ângulo e o cone. O que eu mudo é a dinâmica da pressão. Eu costumo ir para cerca de 30% em dinâmica de
pressão, o que basicamente significa que se eu pressionar meu Apple Pencil para baixo, eu vou ter um pincelado mais grosso. Para a dinâmica da velocidade, eu costumo afastar-me. Com a dinâmica de velocidade, a espessura do pincel é afetada pela rapidez do seu traçado. Vou remover esses traços, desligar a dinâmica de velocidade porque não gosto muito
disso e então vamos começar a cair. Como você pode ver agora, quando eu tenho meu pincel vetorial escolhido e uma nova camada, esta camada ainda está vazia. Não foi selecionada uma camada de pixel, uma camada vetorial ou uma camada de imagem. Mas assim que eu começar a desenhar com meu pincel, como é um pincel vetorial, ele será uma camada vetorial. Eu só vou desenhar meus papéis muito rapidamente. Vou usar a ferramenta de preenchimento para preenchê-lo. Para ver a forma claramente, posso desligar a camada de esboço mantendo pressionado o atalho de toque e toque duplo na camada de esboço. Esta é uma forma áspera, então talvez você queira corrigir as bordas um pouco e, em seguida, você pode usar a ferramenta de apagar. Ou você pode escolher a ferramenta de apagar, ajustar o tamanho e certificar-se de que você está na camada certa e apagar. Você também pode acessar a ferramenta de apagar. Se você desenhou algo com um pincel, pode manter pressionado o atalho de toque para acessar a ferramenta de apagar com as mesmas configurações do pincel que você desenhou. Isso é útil. Uma maneira rápida de acessar a ferramenta de apagar. Vamos ver sobre esta forma. Talvez eu só faça o fundo um pouco mais reto, eu posso ampliar e ajustar o tamanho da minha borracha, talvez consertar essa borda um pouco. Vamos avançar, ative a visibilidade da camada de esboço novamente. Então eu vou desenhar minhas diferentes partes de minhas pequenas plantas, os caules e as folhas e um pote. Vou desenhá-los em diferentes camadas. Vamos fazer uma nova camada e certificar-nos de que está abaixo da sua camada de pote. Escolha uma cor diferente e talvez eu vá para este, para o caule. Vamos ver, quão grande é isso? Talvez um pouco maior. Então eu vou desenhar rapidamente as hastes. Você pode desativar a visibilidade da camada de esboço. Eu poderia querer mover as hastes um pouco então eu escolho a ferramenta de seleção e mover as hastes para o centro do pote. Então eu ligo a visibilidade novamente da camada de esboço, faço uma nova camada e eu me certifico de que esta camada está abaixo da outra camada. Então eu escolho uma cor verde. Em vez de desenhar com os pincéis vetoriais, vou desenhar com a ferramenta magnética. Esta é uma técnica pouco agradável para usar se você gosta desenhar com mais afiada e talvez um estilo mais áspero. Eu só uso a ferramenta magnética e desenho uma pequena folha. Eu uso a ferramenta de preenchimento para preenchê-lo. Eu entendo a pergunta, se eu quiser preencher esta camada com vetor ou pixel, e como estamos trabalhando com vetores, eu escolherei vetor. Pressione a seleção para ver seu resultado. Vamos continuar e podemos corrigir os detalhes mais tarde. Eu vou fazer todas essas folhas com a ferramenta magnética, talvez assim, eu vou preenchê-lo, em seguida, selecionar. Isso parece legal. Agora vou desligar a camada de esboço. Pressione e segure o atalho de toque e toque duas vezes na camada de esboço. Talvez eu queira consertar alguns detalhes com esta folha. Vou escolher a ferramenta de borracha. Talvez algo assim. Agora temos nossa primeira planta e esses pequenos detalhes, se eu não gosto muito dessa borda áspera, eu posso corrigir isso com a ferramenta suave no Illustrator mais tarde. Normalmente não me importo muito com esses pequenos detalhes aqui quando desenho os motivos. Agora temos a nossa primeira planta terminada. Acho que gostaria de acrescentar alguma textura a isto. Não há como adicionar texturas vetoriais no Adobe Fresco neste momento, tanto
quanto eu sei, e eu o explorei um pouco. Mas você sempre pode desenhar suas próprias texturas vetoriais e o que eu quero dizer com isso é como pontos e linhas e outras formas em cima de seus objetos planos. Geralmente é assim que eu adiciono texturas se eu fizer. Eu tendem a ter um estilo plano com apenas alguns efeitos de textura muito menores. Nós vamos adicionar alguns pontos, eu acho, para as folhas aqui. Vamos adicionar uma camada em cima das folhas e
vamos escolher apenas branco regular, um pincel vetorial, a rodada básica e eu vou fazer um tamanho muito menor para isso. Eu acho que vou aumentar a pressão dinâmica um pouco porque isso vai torná-lo um pouco de uma forma de gota quando eu desenhar um golpe. Vamos ver como isso vai com essas configurações. Talvez algo assim. Talvez eu queira ajustar um pouco a suavização. Agora estamos conversando, algo assim. Isso parece bom por enquanto, podemos ajustar isso mais tarde. Vou continuar com o resto das folhas. Eu tento não adicionar as formas de queda ou as linhas para mesmo em linhas porque então você vai ter uma expressão muito mais rígida. Para ter uma sensação mais desenhada à mão, tento adicioná-los aleatoriamente. Às vezes eu tenho sucesso e às vezes eu não. Como eu disse, eu geralmente não me importo muito com os pequenos detalhes quando eu desenho os motivos para meus padrões. Normalmente conserto esses detalhes no Illustrator mais tarde. Isso parece bom, eu diria. Estou muito feliz com como isso acabou. Agora temos nossa primeira planta e eu planejo fazer cerca de quatro ou cinco plantas diferentes. Fizemos este com o desenho digital, então agora vamos fazer o próximo com o esboço desenhado à mão. Mas primeiro, vamos juntá-los em uma camada. Eu vou dizer que se você quiser ajustar seus objetos separados mais neste estágio, você deve mantê-los em uma camada cada, mas eu quero mostrar uma configuração agora. Vou apenas mesclar esta camada para baixo,
tocar na camada, mesclar para baixo,
mesclar para baixo e mesclar para baixo. Lá você tem sua primeira planta. Podes, se quiseres redimensionar isto,
porque este é o nosso quadro de arte onde pretendo desenhar cinco plantas. Se você desenhar esta planta grande que eu fiz, você poderia apenas tocar na ferramenta de seleção e torná-la menor. Mas um recurso incrível no Adobe Fresco que eu nunca vi antes em um aplicativo de desenho é que você pode ajustar o tamanho de sua placa de arte quando você está no documento. Toque nas configurações e aqui você pode ajustar o tamanho. Eu vou por talvez 3.000 em vez de 1.000 e acerto Ok. Este é o meu novo tamanho do quadro de arte. Hit Done e lá você tem um tamanho maior. Essa é uma característica realmente incrível. Agora temos uma planta, então vamos deixar isso de lado um pouco. Escolha a ferramenta de seleção e arraste para lá e toque em Concluído.
6. Desenhe motivos 2: Vamos usar o nosso esboço desenhado à mão para desenhar a próxima planta e para fazer isso, vamos apenas tirar uma foto dele com o iPad. Apertarei o pequeno botão de posicionamento de imagem e você pode escolher se deseja tirar de uma câmera, arquivos de
câmera ou da Creative Cloud. Vou tirar uma foto com a câmera e fica assim. Remova o esboço, clique em 'Usar foto' e teremos uma nova camada de imagem com nossa foto do esboço. Basta tocar feito e derrubar a opacidade dessa camada. Para este exemplo, vou desenhar esta planta central. Esta é uma técnica muito simples se você preferir desenhar motivos à mão e depois digitalizá-los. Basta tirar uma foto do seu esboço como fizemos e colocá-lo no afresco, fazer uma nova camada em cima, e então você começa a desenhar. Você pode optar por reduzir a opacidade um pouco mais para que você possa ver mais claro. Em uma nova camada, eu uso o pincel vetorial e uso esta cor rosa para o pote. Eu quero ter certeza de que eu tenho as configurações que eu gosto com a dinâmica de pressão, a suavidade, no meio e ver o quão grande isso é, isso é bom. Minibits e eu desenhei o pote. Vamos ver como isso acabou. Eu preencho essa camada. Toque no atalho de toque e toque duas vezes na camada de esboço. Podemos corrigir esses detalhes mais tarde. Vou acrescentar um pouco disso, para que seja direto. Próximo passo é fazer a pequena planta aqui e para isso, eu vou apenas fazer outra camada, certifique-se de que está abaixo da camada de pote. Escolha a minha cor verde, o pincel vetorial e ajuste o tamanho um pouco. Eu só redesenhei em cima do meu esboço e preencho aquelas folhas e vejo como isso acabou. Eu quero fazê-los como o caule um pouco mais grosso. Vamos desligar a camada de esboço e ver como fica e eu estou feliz com isso. Eu quero ajustar a rotação da planta, apertar a ferramenta de seleção e ajustá-la um pouco. Quero ajustar as panelas. Eu vou fundir essas camadas para baixo porque eu sei que eu não quero mudar mais nisso. Eu tenho os dois objetos em uma camada. Pressione a ferramenta de seleção, redimensione um pouco e coloque-o. Isso é o que você precisa saber para desenhar formas vetoriais simples no Adobe Fresco. Vou continuar a desenhar meus planos e acelerar o processo para você. Nós temos 5 plantas diferentes e a maneira que eu desenho motivos para padrões é que, eu gosto de visualizar meu padrão nesta fase inicial do processo. Para fazer isso, eu vou desenhar todo
o padrão com um monte de motivos diferentes ou como aqui, quando eu tenho motivos phi, eu posso repeti-los um pouco
no quadro de arte para ser capaz de visualizar como o padrão pode Olhe. O que você pode fazer é tornar sua tela um pouco maior novamente. Essa é a maneira mais rápida de diminuir esses objetos. Você também poderia, como mencionado anteriormente, usar a ferramenta de seleção e ajustar o tamanho de cada um do objeto, mas isso é muito mais rápido e o que eu faço aqui para visualizar o padrão é que eu pego, por exemplo, os cactos. Eu toco nessa camada e duplico, então eu a movo para lá e você pode virar. Este é um pequeno truque se você
desenhar apenas alguns objetos para seus padrões para torná-lo mais interessante, você pode invertê-lo assim, e ele vai parecer quase como um motivo diferente. Você também pode mudar a cor, daquele pote pequeno para um rosa claro. Então eu vou continuar a duplicar e virar um pouco mais. Você pode girá-lo um pouco para que ele seja um pouco mais reto. Eu quero mudar a cor deste para um rosa, que parece melhor. Vou continuar a duplicar a planta, talvez alguns deles eu vou virar e alguns deles eu vou apenas manter a mesma direção, duplicar movimento e virar. Agora você pode ver o padrão se
juntando e eu vou duplicar este e movê-lo, aqui, virá-lo. Isso não parecia tão bom, virado, vai apenas mantê-lo como está, eu vou mudar a cor da peça para este roxo e eu vou apenas acelerar para você. Agora você tem um visual de como o padrão poderia parecer. Eu vou manter assim e apenas continuar a construir um padrão no Illustrator e às vezes reorganizá-los completamente. Mas para mim, isso torna mais visual como o padrão poderia ser como uma peça final e eu tenho uma boa vibração sabendo como os motivos funcionariam juntos. É isso. Todos os motivos são desenhados, acabados e os colocamos para que possamos visualizar nosso padrão.
7. Exportar: Então a última peça do quebra-cabeça, a última coisa a fazer é exportar esta obra de arte e você tem algumas opções. Aqui está a ferramenta de exportação. Você pode fazer uma exportação rápida que irá fazer você exportar JPEG, por exemplo. Eles podem salvar no rolo da câmera ou na biblioteca da Creative Cloud. Mas o que faremos é publicar uma exportação. Você pode fazer uma exportação time-lapse, o que é muito divertido. Mas vamos exportar isso como um PDF porque vamos usá-lo no Adobe Illustrator. Se você teria desenhado com pixels, você pode exportá-lo como um PSD. Você também pode exportá-lo como um PNG e JPEG, mas vamos exportá-lo como um PDF. Pressione Exportar. E eu vou salvar o meu na minha área de trabalho e então estamos acabados. Nós exportamos isso como um PDF que você pode usar no Adobe Illustrator. Para saber como faço padrões no Adobe Illustrator, tenho um curso diferente aqui sobre compartilhamento de habilidades, que é chamado do esboço ao padrão de repetição e você é mais do que bem-vindo
para verificar se quiser continuar este desenho dos motivos para o próximo passo onde você vai fazer um padrão deles. É isso. Nós desenhamos nossas pequenas plantas fofas, visualizamos nosso padrão e as exportamos como um PDF.
8. Considerações finais: Isso é tudo por esta aula. Espero que você tenha se divertido desenhando comigo hoje e que você esteja tão animado quanto eu sobre o Adobe Fresco. Como eu mencionei antes na aula, se você está interessado em aprender mais sobre design de
padrões e como transformar seus motivos em padrões repetidos, você é mais do que bem-vindo para conferir minhas outras aulas aqui no Skillshare. Muito obrigado por assistir. Se você não quiser perder minhas futuras aulas, você pode clicar no botão “Seguir” pelo meu nome aqui abaixo. Se você tiver alguma dúvida,
por favor, pergunte-lhes na página da comunidade, e sinta-se livre para deixar um comentário para me informar se você gostou desta aula. Adoraria ouvir seus pensamentos. Eu também estou super animado para ver o que você cria, então compartilhe seu projeto aqui na aula, e se você postá-lo no Instagram, sinta-se livre para me marcar @maja_faber. Obrigado mais uma vez por assistir.
Maja Faber, Surface Pattern Designer
