Transforme seus rabiscos em um filtro de rosto para o Instagram com o Spark AR | Annie Liu | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Transforme seus rabiscos em um filtro de rosto para o Instagram com o Spark AR

teacher avatar Annie Liu, Digital Designer ✨

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      1:43

    • 2.

      Projeto e visão geral do curso

      1:24

    • 3.

      Montagem

      1:08

    • 4.

      Esboço e preparação

      1:48

    • 5.

      Como rabiscar com o Procreate

      3:45

    • 6.

      Como distorcer seu rabisco

      2:09

    • 7.

      Como usar o Spark AR e fazer upload de arquivos

      3:38

    • 8.

      Como testar seu filtro de rosto

      3:12

    • 9.

      Como criar um ícone

      2:24

    • 10.

      Como fazer upload do seu filtro

      3:20

    • 11.

      Conclusão

      0:40

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

953

Estudantes

12

Projetos

Sobre este curso

Os filtros de rosto parecem difíceis de criar, mas não precisam ser! Neste curso, vou ensinar você a tornar esse processo fácil e divertido!

Ótimo para iniciantes e criativos que desejam expandir mídias e o envolvimento social! Este projeto é onde sua criatividade e imaginação vão brilhar!

Este curso tem como objetivo facilitar o aprendizado e a criação dos seus próprios filtros de rosto. Adequado para iniciantes. Os alunos aprenderão a preparar trabalhos para o Spark AR, incluindo como usar as funções básicas da ferramenta, fazer upload e preparar um arquivo para conclusão e aprovação.

Materiais necessários:

  • Adobe Photoshop/Fresco/Procreate (iPad/tablet opcional)
  • Computador com Spark AR (download grátis)
  • Conta do IG
  • Papel e lápis
  • Sua imaginação e criatividade!

Os filtros de rosto são uma maneira eficaz de ganhar mais engajamento social (marcando e compartilhando em stories no IG) e criar uma experiência interativa em conteúdo fixo. Tudo isso enquanto expande sua noção do que é possível e em quais mídias!



Conheça seu professor

Teacher Profile Image

Annie Liu

Digital Designer ✨

Professor

Hi I’m Annie or LIUCID and for the sake of brevity- the meaning behind LIUCID is two folds. 

Clarity through connection (which is the basis of creativity) Light- keep shining, your spark sparks others.

And I’m all about living, creating and teaching with the above mission statement in mind as well as sparking it in others! 

 

In order to give you a sense of who I am- listed are my related expertise when comes to the topic of creativity.

2021  Ox Bookmark Activity x Chinese American Museum Lantern Festival 2020 Asian Creative Collective Speaker (on my Creative Journey) 2020 Adobe Creative Residency Community Fund Recipient 2020 Instagram Featured: &l... Visualizar o perfil completo

Level: All Levels

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Os filtros faciais são uma ótima maneira de expandir as possibilidades do seu próprio trabalho para que o trabalho 2D não tenha que dizer 2D. Na verdade, os filtros faciais são incríveis para impulsionar o engajamento social, e aqui está um caso em questão. Este é o meu efeito orgulho chamado conexões arco-íris, e este filtro de rosto foi realmente destaque na galeria de efeitos de orgulho favoritos do Instagram. Este filtro realmente ganhou quatro milhões de impressões e está sendo usado e compartilhado em todo o mundo. Isso é muito legal. Neste curso, serei seu instrutor. Sou Annie ou Liucid, e por uma questão de brevidade, o significado por trás de Liucid é duas dobras. Uma delas é a clareza através de conexões, e a segunda é a luz: continue brilhando porque sua faísca acende outros. Esta é a declaração de missão que sempre tenho em mente quando estou criando. Seja através de ilustrações, GIFs, letras erradas ou filtros faciais, eu mantenho liucid. Eu sei o que você está pensando. Você está pensando em filtros faciais, que parece muito intimidante criar. Bem, a parte difícil é começar, e vou garantir que seja um processo fácil e divertido. Ao fazer isso, você pode rabiscar o que quiser. Você tem total liberdade criativa e com isso, vamos mergulhar e ficar liucid. 2. Projeto e visão geral do curso: Para esta aula, vamos criar um filtro de rosto do seu rabisco, e aqui está o que vamos cobrir. Vamos cobrir rabiscos, baixar e usar o Spark AR, exportar os arquivos e carregar o filtro de rosto, e, claro, vamos enviar o filtro de rosto para aprovação. Dentro de um dia ou mais, seu filtro facial deve estar pronto para ser usado e compartilhado com todos os seus amigos, inclusive eu, talvez. O que eu vou dizer é que este curso é um que é fácil de seguir ao longo de modo que esta é uma ótima introdução sobre como usar o Spark AR. Então, com isso, vamos para a próxima seção, que é, o que você precisa? Então aqui está o que precisaremos. Precisamos do Adobe Photoshop ou Fresco, ou Procreate, um iPad, tablet, consolo ou lápis Apple, que são opcionais e precisaremos de um computador com o Spark AR baixado. Spark AR é gratuito, a propósito, e precisamos de um papel e lápis, uma conta do Instagram ou conta do Facebook ou ambos e, claro, sua imaginação e criatividade. Então vamos primeiro configurar. 3. Montagem: Primeiro, vamos baixar o Spark AR e os recursos faciais. Eu anexei um PDF gratuito para download sobre onde você pode encontrar isso também, e uma vez que você clicar nele, ele irá levá-lo para onde você precisa ir. Spark AR pode ser encontrado em sparkar.facebook.com, e vamos em frente e clique em “Download”. Passe pelo processo de download e, em seguida, baixaremos o recurso facial. Há um olhar feminino e masculino, e vamos usar isso como modelo e guia. Eu sei que o rosto parece assustador, mas isso é porque este é um rosto 3D trazido para um plano 2D. Imagina que é a tua cara arrancada e esmagada num papel. Embora quando eu disse isso em voz alta, parece estranho. Mas, com esses dois componentes baixados, vamos começar a preparar para que possamos rabiscar e usar nossa criatividade e imaginação. 4. Esboço e preparação: É tempo de preparação e é sempre uma boa prática ter alguma inspiração em mente para que possamos formar uma ideia básica de como queremos que nosso filtro de rosto se pareça. Vamos pegar um papel e um lápis, e procurar alguma inspiração. Talvez seu próprio Google Pinterest ou Instagram onde quer que você encontre e colete inspiração. O que eu costumo fazer é procurar tatuagens faciais ou maquiagem olha para inspiração e para ter uma noção do que pode ser uma boa composição em um rosto olhar. Com a inspiração em mente, a primeira coisa que eu gosto de fazer é desenhar um rosto básico. Não precisa ser perfeito. Na verdade, sinta-se livre para rir do rosto que desenhei. A partir daí, gosto de listar um tema com o qual estou trabalhando e os elementos também. Farei isso agora mesmo. Para mim, eu quero fazer um tipo de tatuagem de rosto escuro e ousado de tema. Por agora, os elementos que eu quero no meu filtro de rosto seriam as palavras ficar longe em vermelho e um pouco de rubor, e talvez algumas sardas. Vou desenhar várias faces para brincar com as variações dos posicionamentos do elemento. Para si mesmo, você pode rabiscar o que quiser. Apenas certifique-se de cobrir os elementos básicos que você gostaria de ver no seu filtro de rosto. Novamente, você não precisa ficar com este esboço, talvez você queira adicionar algo ou subtrair algo mais tarde, mas isso servirá apenas como um ponto de partida. Com um esboço realmente básico que acabamos de criar, vamos passar para as diferentes maneiras pelas quais podemos abordar rabiscos. 5. Como rabiscar com o Procreate: Tenha em mente, existem várias maneiras pelas quais podemos seguir o processo de rabiscar. Vou levá-lo através de possíveis maneiras de você abordar isso. Uma maneira é desenhar os elementos em diferentes camadas no Procreate ou Fresco, depois carregá-los no Photoshop e, a partir daí, organizar seus elementos e distorcê-los de acordo. Outra variação é trabalhar diretamente no Photoshop ou no Procreate. Meu método preferido é trabalhar diretamente no Procreate, então junte-se a mim na próxima seção para começar a rabiscar. É hora de rabiscar. Esta é a parte onde você começa a brilhar. Você tem total liberdade criativa para rabiscar como quiser, e usaremos esse tempo para rabiscar algo juntos usando Photoshop e/ou Fresco/Procreate. Vou usar meu iPad e Procreate. Eu já importei meu modelo de arquivo de rosto no Procreate, e você pode fazer isso clicando na ferramenta “Chave inglesa” e inserindo uma foto. O tamanho do arquivo é 1800 por 1800 e com o modelo de arquivo de rosto aberto, vamos começar a rabiscar, e eu vou dar um passo a passo do que eu vou rabiscar para o meu filtro de rosto. Agora, vou começar com as bochechas e vou criar um rubor em ambos os lados das bochechas. O que vou fazer a seguir é certificar-me de que o encho. Vou diminuir a opacidade só para que seja um blush mais sutil. A próxima coisa que vou fazer, vou em frente e adicionar uma nova camada. Agora só vou escolher um pincel. Vamos ver. Talvez ampliando um pouco e eu vou estar adicionando apenas pequenas sardas, e eu só vou fazer esses pequenos pontos. Só vou encher tudo. A próxima coisa que vou fazer é diminuir a opacidade também para um olhar mais sutil. Em seguida, eu sei que eu disse que ia fazer ficar longe vermelho, mas agora, eu decidi que em vez de vermelho, eu realmente gosto de preto um pouco mais. Eu vou estar usando uma cor preta e eu vou estar fazendo um olhar de rosto tadded. Isso só vai dizer para ficar longe, e isso é o básico do meu filtro facial. Vou acrescentar um pouco desses detalhes. Eu também vou fazer o meu pequeno truque da opacidade, apenas abaixar isso um pouco só para que não seja muito dominante. Esse é o meu rabisco de filtro de rosto.2 6. Como distorcer seu rabisco: Tudo bem. Estamos em um bom lugar com esse elemento flash rabiscar. Mas uma dica rápida para lembrar é que também devemos distorcer alguns dos elementos para seguir a forma do rosto. Lembre-se que o rosto é essencialmente um envoltório 3D em um plano 2D. Vamos fazer uma cópia dos nossos rabiscos e tornar essa camada invisível. Vamos usar a camada invisível para um ícone na lição futura, então segure isso. Com a camada que é visível, vamos usar a ferramenta de dobra e tentar seguir a forma do rosto. Depois que terminamos deformar nosso rabisco, vamos desligar todas as camadas que o rabisco não está ativado e exportar isso como um arquivo PNG. Agora estamos prontos para trazer este arquivo para o Spark AR. 7. Como usar o Spark AR e fazer upload de arquivos: Este é o Spark AR. Vamos criar um novo projeto. Vá em frente e clique no sinal de mais e, em seguida, clique em “Rastreamento facial”. Nós clicamos em “Rastreamento de Rostos” e esta é a janela que aparece e a próxima coisa que eu vou fazer é bater na câmera. Vou usar minha webcam, então vou fazer isso. A próxima coisa que faremos é adicionar um objeto. Isso é aqui, e vamos clicar em “Face Mesh”, e vamos inserir em nossa malha facial. Como a “Face Mesh” está embaixo do “Face Tracker”, o que acontecerá é que onde quer que seu rosto vá, sua malha de rosto seguirá. A próxima coisa que vamos fazer é voltar para o nosso lado direito e clicar em “Materiais”. Adicione um material, e “material0", você vai para o seu lado esquerdo e clicar nele. No lado direito, sua interface mudou e tornou-se material0. A partir daí, você pode entrar em sua textura, e o que você pode fazer é adicionar uma nova textura. Isto é quando adicionamos em nosso arquivo PNG. Abra isso e boom, esse é o seu filtro de rosto. Vou tirar os óculos agora mesmo para ver como é o meu filtro facial. Eu posso ir em frente, e se eu quiser, eu posso jogar com o tipo de sombreador. Normalmente, gosto de brincar com a pintura facial para as coisas disto. Você pode derrubar a opacidade se quiser, ou jogar com qualquer um deles. O que vamos fazer é adicionar em outro objeto, e isso será uma ferramenta de suavização facial. Se você quiser suavizar seu rosto, você pode seguir para esta parte. Caso contrário, este será o seu filtro de rosto. Vou em frente e adicionar uma malha de rosto, inserir isso. Como você pode ver, esta malha facial não está embaixo de um rastreador de rosto, então não está seguindo meu rosto, mas podemos ir em frente e colocar isso embaixo do rastreador de rosto. Agora é confuso porque ambos são chamados FaceMESh0. Eu vou ir em frente e renomear um deles suavizando. Para a malha de rosto suavizante, o que eu vou fazer é a mesma coisa que eu fiz para a última malha facial, que é ir para “Materiais” e adicionar um novo material. Aqui está o material1, este é o novo material. Vou para o meu lado esquerdo e clicar nisso. Então material1, o que vamos fazer é voltar para o lado direito e vamos mudar nosso tipo de sombreador. Nosso tipo de sombreamento agora vai ser retoque. Como você pode ver, se eu bater em cima, é mais suave, e se eu empurrar para baixo, não tão suave. Você podia ver a diferença sutil disso. Eu gosto de colocar um pouco de alisamento. Isso parece bom para mim. Agora que aprendemos a colocar nosso rabisco no Spark AR, a próxima coisa que podemos fazer é testá-lo. Vamos em frente e fazer isso no próximo vídeo. 8. Como testar seu filtro de rosto: Esta é a parte divertida, e esta é a parte onde podemos testar exatamente o que parece no seu dispositivo. No lado esquerdo, clique neste botão aqui, eo que você pode fazer é você pode enviar para o aplicativo. Você pode enviá-lo para sua câmera do Facebook ou sua câmera do Instagram, e o que eu geralmente gosto de fazer é eu geralmente gosto de enviá-lo para a minha câmera do Instagram. Então eu vou fazer isso, e ele está enviando agora para a minha câmera. Vamos ligar para aquela câmera. Na minha frente, eu tenho Instagram aberto e deveria ter havido uma notificação, a fim de tentar sua visualização de efeito. O que você pode fazer é quando receber essa notificação clicar nela e depois clicar em “Continuar”. A partir daí, esse é o seu filtro de rosto e é assim que ele vai parecer em um dispositivo real. Se você não estiver satisfeito com o que ele parece atualmente, o que você pode fazer é voltar e fazer essas alterações e depois voltar novamente para testar seu efeito. Mas se você é como eu e está feliz com o que isso parece, então o próximo passo é criar esse vídeo demo. Um vídeo de demonstração é necessário para o processo de aprovação e ele também estará sob o seu perfil, sob a guia sorridente com brilhos. O que isso servirá como é, ele servirá como uma prévia do seu efeito. Para fazer isso, o que vamos fazer é, vamos ter que ir a este botão azul, clicar e segurá-lo para criar um vídeo. Este vídeo não deve ter mais de 15 segundos e também deve ser vertical. Certifique-se de que não é horizontal. Certifique-se de que esta é a orientação correta do seu telefone. A outra coisa também, que é um pouco extra que eu gosto de fazer é realmente fazer uma mudança de roupa. Eu fiz isso porque isso combinava com meu filtro de rosto um pouco mais do que a roupa que eu tinha em antes. Se você quer fazer isso, você pode fazer isso também. O próximo passo é, agora que aprendemos como criar um vídeo de demonstração, o que aprenderemos a seguir é como criar um ícone. Mas antes de fazermos isso, vou dar um pequeno bônus. Este bônus é, que agora, se quisermos compartilhar esse efeito, não podemos compartilhá-lo diretamente através do Instagram porque esse efeito ainda não foi aprovado. Mas o que você pode fazer em vez disso é você pode gravar o vídeo no Instagram e, em seguida, você pode gravar seu telefone, e então o que você pode fazer é você pode deixá-lo de volta na história do Instagram para compartilhar uma pequena espreitadela do seu filtro. Isso é um pequeno segredo. A partir daí, vamos passar para como criar um ícone. 9. Como criar um ícone: É hora de criar um ícone. Lembra como tínhamos aquela camada invisível que criamos do nosso rabisco não distorcido? Bem, agora é a hora de tornar essa camada visível e exportá-la como um PNG. O que podemos fazer é exportá-lo como um PNG e trabalhar no Photoshop, que é o meu método preferido ou você pode trabalhar diretamente no Fresco ou Procreate para criar seu ícone. Certifique-se de que este ícone tem um tamanho mínimo de 200 por 200 pixels. Para mim, geralmente gosto de fazer um 400 por 400 pixels. Eu tenho isso bem na minha frente e o que eu também fiz foi que eu já fiz o upload do meu arquivo PNG dos meus elementos rabiscos que não estão distorcido. O que eu gosto de fazer a seguir é eu gosto de separar todos os elementos. Neste caso, eu só tenho dois elementos, que é a palavra ficar e longe e eu vou apenas laçá-lo ferramenta e apertar “Command J” em um Mac, a fim de separar ambas as palavras. Então eu vou fazer isso com afastado também. Como você pode ver, longe e ficar agora estão em duas camadas separadas. Isso faz com que eu possa mover as palavras com bastante facilidade. Você pode fazer isso com seus elementos e simplesmente movê-lo para criar uma nova composição. Isso faz com que seja realmente fácil criar um novo ícone. Talvez isso seja o que você gosta como seu ícone. O que podemos fazer a seguir é que você pode clicar em “Shift Command S” para salvá-lo como um JPEG. Guarde-o como um JPEG e assim que tivermos isso pronto, podemos fazer o upload do nosso filtro facial. Quando temos o nosso vídeo demo, quando temos o nosso ícone, e quando temos o nosso filtro facial feito. Vamos fazer isso na próxima seção. 10. Como fazer upload do seu filtro: Então temos nosso arquivo de filtro de rosto pronto, e criamos um vídeo de demonstração, bem como um ícone. Agora é hora de carregar nosso filtro de rosto no hub Spark AR. Mas antes de fazermos isso, um lembrete rápido que incluí um PDF para download que o guiará por esse processo, e se quiser, você pode usar isso e se referir a ele enquanto passamos por esse processo juntos. A primeira coisa que faremos é ir para o lado esquerdo e carregaremos e exportaremos. É este botão aqui. Clique nisso, e essa janela aparecerá. Verifique se há uma marca de seleção verde para o tamanho e os recursos do arquivo. O que vamos fazer é publicar um novo efeito. Vá em frente e clique no botão “Upload”. Eu já fiz isso. Quando você já tiver feito isso, o que acontecerá é que o hub Spark AR aparecerá. Este é o hub AR Spark e eu já preenchi tudo. O que faremos é um rápido passo a passo. Primeiro é o nome do seu filtro. Eu já coloquei isso e chamei este filtro, fique longe, por favor. A próxima coisa são as plataformas. Você pode escolher em qual plataforma você deseja que seu filtro de rosto permaneça. Pode ser Facebook, pode ser Instagram, ou pode ser ambos. Para mim, geralmente gosto de usar o Instagram. O próximo item em questão são as categorias. Você pode selecionar através de uma infinidade de categorias. Claro, a seguir são as palavras-chave. Nas palavras-chave, você pode adicionar algumas tags que você acha que são relevantes para o seu filtro de rosto. Em seguida, temos o nosso vídeo de demonstração, e eu já fiz upload do meu vídeo de demonstração. partir daí você pode realmente escolher as miniaturas de vídeo, mas para mim, agora ele não foi carregado todo o caminho. Não posso fazer isso agora, mas por si mesmo, provavelmente poderia fazer isso. O próximo item em questão é o ícone. Este é o ícone, geralmente é cortado como um círculo. Mas na pré-visualização do filtro de rosto à direita, é assim que ficará na seção de guias. Em seguida, podemos escolher uma data de publicação. Você pode definir um tempo para ou você pode apenas fazê-lo o mais rápido possível. Para obter instruções para o revisor, o que você pode fazer aqui é você pode deixar uma descrição rápida de como seu filtro de rosto se parece. Com tudo isso, a próxima coisa a fazer, e a última coisa a fazer é submeter-se. Se desejar, você também pode testar este dispositivo ou testá-lo em um dispositivo. O que isso faz é que você pode enviar um link para seus amigos ou para si mesmo, e você pode usar esse filtro de rosto antes que ele realmente seja publicado. Isso é muito legal. 11. Conclusão: Parabéns. Você fez um filtro de rosto de rabiscos para faísca AR para exportação, você fez tudo. Por favor, faça upload e compartilhe um vídeo ou uma foto do seu filtro de rosto junto com o link para que todos possamos usar seu efeito incrível. Se você quiser, por favor, compartilhe comigo @LIUCID_ e eu adoraria usá-lo, bem como compartilhá-lo em minhas histórias do Instagram. Enquanto isso, estou ansioso por todos os seus filtros faciais. Cuide-se e continue brilhando.