Design de spline: crie objetos, cenas e animações em 3D [Introdução] | Yeti Learn | Skillshare

Velocidade de reprodução


1.0x


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

Design de spline: crie objetos, cenas e animações em 3D [Introdução]

teacher avatar Yeti Learn, Design | Code | Animate

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 ao Spline Design

      2:00

    • 2.

      Primeiros passos

      1:57

    • 3.

      Comece rápido

      3:44

    • 4.

      Hierarquia

      1:48

    • 5.

      Clique com o botão direito Menu

      2:37

    • 6.

      Tamanho e escala

      0:51

    • 7.

      Barra lateral direita

      2:03

    • 8.

      Barra de ferramentas

      3:26

    • 9.

      Barra de ferramentas 2

      1:04

    • 10.

      MATERIAIS

      2:59

    • 11.

      ILUMINAÇÃO

      2:46

    • 12.

      Torus animados

      5:33

    • 13.

      Gradiente

      4:46

    • 14.

      Profundidade

      10:28

    • 15.

      Componente de clonador

      5:54

    • 16.

      Edição de vetor 3D

      3:50

    • 17.

      Operador booleano em Spline

      3:36

  • --
  • 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.

850

Estudantes

12

Projetos

Sobre este curso

Este curso é continuamente atualizado em resposta a sugestões de estudantes.

Por que Spline?

Spline é uma ferramenta fantástica que permite que você faça modelos de aparência perfeitos que podem ser exportados para qualquer site, motor de jogo ou outro software. Aqui estão alguns dos motivos pelos quais você quer aprender Spline com este tutorial online...

  • Você pode criar cenas 3d, editar materiais e modelar objetos 3D facilmente.

  • Revolucionário para projetos web3

  • Colaboração em tempo real

  • Escultor 3D

  • Experiências interativas

  • A animação de objetos nunca foi tão fácil.

Onde posso usá-los?

Fica totalmente a seu critério! Você pode fazer o upload diretamente para o seu site. O Spline tem muitas opções de exportação para tecnologias da web, como o URL vivo, o javascript de baunilha ou o código de reagem. Você também pode exportar objetos e animações para fazer jogos, vídeos e muito mais.

Por que este curso?

Nós como equipe de Yeti, estamos trabalhando para criar palestras de educação on-line profissionais. Estamos tentando mantê-lo o mais simples possível. Você vai encontrar as melhores práticas de modelagem e animações em 3D.

Todos os alunos têm acesso aos fóruns de perguntas e respostas, onde nossos instrutores, Assistentes de Ensino e Comunidade estão prontos para ajudar a responder às suas perguntas e animar seu sucesso.

A quem se destina este curso:

  • Designers

  • Programadores - Desenvolvedores

  • Freelancers

  • Modellers 3D

  • Designers/Developers

  • Animadores

  • Designers gráficos

  • Quem se sente confortável com outra ferramenta de modelagem e quer aprender o Spline Design

  • Todos interessados em animações, imagens, modelos, ilustrações e arte

Conheça seu professor

Teacher Profile Image

Yeti Learn

Design | Code | Animate

Professor

Get a professional service from beginning to advanced level.

Team Yeti are working for preparing courses that makes you an expert in a specific area. While doing this, we are trying to build the most intensive courses for not wasting your time. For that reason, our contents are simple, compact and intense.

Whether you want to learn a new skill, or you want to improve yourself on some area, we can guarantee that our courses will serve you the quality that you are looking for. Because during the process, you will be given a professional education by Yeti Learn team.

All courses can be reachable from anywhere and anytime you want. Besides, we are answering your questions 24/7.

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 do design da Spline: Ei pessoal, este é um curso de introdução para a ferramenta Spline. Spline é uma ferramenta simples de design 3D voltada para pessoas com pouca ou nenhuma experiência com modelagem 3D. É totalmente gratuito. Você pode trabalhar em um navegador com qualquer dispositivo que desejar. Por ser baseado em navegador, você não precisa um computador potente ou de se preocupar com os requisitos de hardware. As coisas que você pode fazer com o spline dependem totalmente da sua imaginação. Você pode trabalhar com sua equipe, em tempo real, projetar seus níveis de jogo, ler um multiverso, esculpir 3D, projetar e modelar objetos com belos efeitos de cor e iluminação. Neste curso, começaremos com os conceitos básicos do spline, como a interface do usuário, menu lateral e as barras de ferramentas. Em seguida, falaremos sobre os tópicos essenciais, como materiais, planar, animar e muito mais. Esteja ciente de que este é um curso de introdução no nível iniciante. Se você não é novo em spline ou modelagem 3D, você pode pular este curso e conferir nosso perfil para obter tutoriais de projetos incríveis usando a lombada. Se você é iniciante, eu recomendo que você comece com este curso. E depois de terminar este curso intensivo, você poderá assistir a tutoriais 3D do mundo real. Colorado dezenas. Não se esqueça de verificar meu perfil depois de concluir este curso. 2. Primeiros passos: Durante este tutorial, usarei versão do spline para navegador da web. Também existem aplicativos de desktop para Windows e macOS. Não há diferença alguma. Eu acredito que você pode acompanhar com qualquer versão que quiser. Mas ainda assim, eu não quero nenhuma confusão para ninguém. Então, quem quiser seguir com as mesmas configurações, basta abrir o spline em uma guia do Chrome como eu. Tudo bem, se você estiver pronto, vamos começar. No momento, o que você vê é o menu principal. Vamos inspecionar o menu à esquerda. Atualmente, estou nos meus arquivos. Como você pode ver, eu não tenho nenhum arquivo ainda. Podemos criar um novo arquivo a partir daqui, ou apenas usando este botão. Spline é um aplicativo colaborativo para que você possa trabalhar com sua equipe em um projeto. Aqui você verá os projetos que serão compartilhados com você no futuro. Na guia Biblioteca, você pode encontrar muitas cenas e objetos 3D que você pode usar. Voltaremos aqui mais tarde. Vamos seguir em frente. Na caixa de entrada, você pode ver as notificações. Ainda não temos nenhum. E logo abaixo, você pode criar uma nova equipe usando esse botão. Aqui embaixo, na guia Arquivo. Seus projetos excluídos vão para o arquivo. A partir daí, você pode restaurar o projeto ou excluí-lo permanentemente. E podemos ver atualizações, bugs ou desenvolvimentos nesta guia. Definitivamente, posso dizer que spline tem uma equipe muito dinâmica. Eles estão desenvolvendo o aplicativo constantemente. E, por fim, temos o botão de ajuda e feedback. Você pode encontrar links úteis aqui. Você também pode encontrar a documentação do spline, que seguiremos neste curso. Verifique também os atalhos. Fazer uma captura de tela disso pode ser uma boa ideia. 3. Comece rápido: O layout é bem simples e fácil de entender. Basicamente, temos hierarquia à esquerda e gerenciador de objetos. Você pode alternar a visibilidade dos objetos e bloqueá-los. No topo. Temos uma barra de ferramentas. Vamos adicionar formas, exportar coisas e entrar no modo de jogo a partir daqui. E no painel do lado direito, temos as configurações globais, como cor de fundo. Vamos mudar a cor de fundo da cena, algo como amarelado. Deixe-me deletar esse objeto aqui. E também, eu não quero ajudantes e planos de grade. Você pode criar um objeto a partir daqui. Vamos criar um cubo. Você pode editar clicando ou pode clicar e arrastá-lo assim. Agora, se eu segurar a tecla Shift pressionada, vou dimensionar esse objeto proporcionalmente. Se eu também segurar o botão Alt, posso dimensionar isso a partir do centro do eixo. Posso usar essas setas e arcos para mover o objeto ou girá-lo. Também posso girá-lo no eixo y. Então, agora podemos realmente ver que é 3D. E esses pequenos círculos aqui, são para mover o objeto ao redor. Enquanto os cubos são para redimensionar o cubo. E enquanto o objeto é selecionado, podemos ir para a seção de propriedades e podemos mudar o canto. Esses parâmetros aqui dependem do objeto, o que significa que se criarmos um novo cilindro, deixe-me girá-lo. E na direção y também, talvez anexo. Ok, então você pode ver que os parâmetros de forma foram alterados. Agora, eu tenho o parâmetro oco, por exemplo, que é específico para um objeto de cilindro. Se você criar um objeto 2D, terá propriedades como extrusão, que é como adicionar uma terceira dimensão a objetos 2D. Com uma ferramenta vetorial, você pode desenhar um objeto do zero, assim como no Photoshop. Deixe-me desenhar uma forma. Você pode editar sua forma depois de desenhar usando esses pontos. A melhor parte é que depois de desenhar, você pode extrudar e chanfrar. Então você pode usar esse objeto também no espaço 3D. Ok? Já é difícil organizar os itens dessa perspectiva. Uma coisa que você pode fazer é mudar seu ângulo, segurando a tecla Alt e arrastando-a com o mouse. Você pode pressionar e arrastar com roda de rolagem do mouse para se mover assim. Se você não tiver uma roda de rolagem do mouse, você pode manter o espaço e movê-lo assim novamente. E, finalmente, aqui embaixo você pode selecionar a vista ortográfica ou em perspectiva. Também temos visão isométrica. E esses pequenos pontos coloridos permitem que você escolha se deseja ver isso da direita, direta ou acima. E você sempre pode redefinir sua câmera quando precisar. Tudo bem pessoal, isso foi um começo rápido no spline. Discutiremos todos esses detalhes mais tarde. 4. Hierarquia: Em primeiro lugar, quero criar um novo arquivo imediatamente e começar a explorar a plataforma. A partir daqui, parece uma ferramenta de design 2D. Podemos criar retângulos e assim por diante. Vamos falar sobre interface. À esquerda, você pode ver a hierarquia. Você pode arrastar e soltar os objetos, alterar suas posições. Deixe-me criar um novo objeto desta vez. Ah, certo. Podemos alternar a visibilidade ou bloquear o objeto aqui. Não podemos selecioná-lo quando estiver logado. Além disso, se você movê-lo para outro objeto, ele se tornará um objeto filho assim. Ao fazer isso, as coisas que você aplica ao objeto pai também se aplicam ao objeto filho. Como você pode ver, quando eu mudo o pai, a criança também se move. Quando eu o tornar visível. O acerto se aplica a ambos. Você entendeu o ponto. Vamos trazê-lo de volta à hierarquia. A propósito, você não precisa usar essa hierarquia pai-filho. Você também pode usar grupos se quiser agrupar a seleção. Então agora eles se agruparam para que você possa fazer mudanças juntos, certo? Esses são recursos realmente úteis se você estiver trabalhando em vários objetos. Por exemplo, se você estiver criando uma cena, tudo bem, vamos desagrupá-la clicando com o botão direito do mouse no grupo. Então o grupo é um objeto vazio. Podemos excluí-lo. 5. Clique com o botão direito do menu: Ok, vamos falar sobre o menu do botão direito. Você pode copiar o material de um objeto e colá-lo em outro. Esse é o material. Vamos mostrar isso em um exemplo. Quero mudar a cor desse retângulo e copiar o material desse objeto e colá-lo na elipse. Então, agora a elipse também é azul. Continue a partir do menu. Copiamos, recortamos e colamos as ações básicas que você já conhece. E podemos bloquear e ocultar o objeto daqui também, renomeá-lo e redefinir ações. Na verdade, eu quero falar sobre isso. Quando nos ressentimos da posição de um objeto, estamos apenas redefinindo os valores x, y e z para 0. Portanto, não é importante onde quer que eles estivessem antes. Quando redefinimos algo, todos eles se tornam 0. Então, vamos redefinir a elipse também. Ele apenas centraliza o objeto na tela. Também temos a rotação de redefinição e vamos alternar esse evento. Quando fazemos isso, também reenviamos os valores X, Y e Z para 0 do objeto girado. E, finalmente, mudamos a opção. Quando clico no Flip X, não vemos nenhuma diferença no momento porque é simétrico. Todas as formas são simétricas. Então deixe-me adicionar um pentágono aqui e agrupá-los com o retângulo. E agora, quando clico em Flip X, você pode ver o reflexo da forma anterior. Ele vira no eixo x. Vamos desagrupá-los novamente. E, a propósito, você pode acessar o mesmo menu clicando com o botão direito do mouse no objeto. Você não precisa ir e encontrar o objeto da hierarquia à esquerda todas as vezes. E, por fim, temos a opção de alternar interface do usuário. É mais como uma configuração geral de visualização spline. Como você pode ver, ele esconde as barras, as barras circundantes. E quando eu clico novamente, isso os traz de volta. E você também pode alternar a tela inteira com a mesma lógica. Isso torna a tela cheia no navegador. 6. Tamanho e escala: Manter pressionado o botão Shift manterá a proporção da proporção do objeto. Portanto, os valores x e y aqui estão mudando com a mesma proporção. Quando eu seguro o turno. Sem o Shift, eu posso mudar a proporção. Eu posso expandi-lo no X ou Y e assim por diante. Mas observe aqui que estamos apenas alterando seus valores x e y, portanto, seu tamanho. Para alterar sua escala, você deve usar esses botões. Você pode ver agora, não mudamos de posição, mas a escala, usando este botão mudará a escala x. E temos uma opção de redefinição de escala aqui para torná-los um novamente. 7. Bar do lado direito: Vamos falar sobre a barra lateral direita. Além disso, temos o botão Convidar. Você pode copiar o link dos projetos ou digitar o e-mail de alguém para enviar um convite. Em seguida, podemos adicionar ou alterar a câmera a partir daqui. Portanto, isso pode ser usado para olhar o projeto de uma perspectiva diferente. Vamos adicionar uma nova câmera. Quando adicionamos uma nova câmera, vamos ver o que podemos fazer. Falaremos sobre estados e eventos mais tarde. Então, por enquanto, podemos mudar a posição da câmera. Podemos alterar os valores x, y e z. Podemos mudar a escala. E podemos ampliar, diminuir o zoom e coisas assim. Ok? E depois de alterar a posição, você sempre pode alternar a câmera pessoal ou as outras câmeras neste menu suspenso. Não usaremos mais essa câmera. Vamos excluí-lo por enquanto. E descendo, temos uma seção de moldura aqui. E a partir daqui, podemos mudar a cor do plano de fundo. Podemos digitar valor hexadecimal. E você pode alterar a resolução do Canvas. Tudo bem, vamos desfazer a mudança de cor. Aqui temos o pós-processamento de configurações globais. Eu não vou entrar em detalhes agora. Nós os discutiremos mais tarde. E opções de garfo. E também temos configurações de ambiente. E lá embaixo temos ativos materiais. Por exemplo, podemos adicionar um novo material, personalizá-lo e mantê-lo aqui para usos futuros. Da mesma forma que podemos criar uma nova cor. Nós podemos mantê-lo aqui. E, finalmente, temos a seção de ativos de imagem. Podemos importar imagens aqui e mantê-las na barra lateral. 8. Barra de ferramentas: Vamos continuar com a barra de ferramentas aqui. Ele fornece acesso rápido aos objetos mais comuns, opções de transformação e modos especiais, como a ferramenta vetorial ou o modo de quadro. Também podemos ver o valor do zoom, alterar o valor do zoom, exportar o projeto ou entrar no modo de apresentação. Vamos começar com o ícone de mais aqui, que é para criar um novo objeto. Você pode ver a lista completa de objetos disponíveis no menu suspenso. Aqui temos algumas formas 2D e formas 3D. Também temos alguns exemplos de modelos. Por exemplo, engraçado. Então, este é um coelho 3D e podemos importar modelos 3D para projetos spline, o que é muito legal. Então, vou importar um cubo apenas para mostrar objetos 3D em spline. Então, parece 2D. Mas quando eu seguro a tecla Alt e uso o mouse, podemos entrar em uma cena 3D. Então agora você pode ver que está em 3D, certo? Então, essas outras ferramentas são 2D. Como você pode ver, eles não têm nenhuma terceira dimensão. Mas isso é um cubo, certo? E eu posso alterar seus valores de escala em todas as dimensões. Agora, se você voltar para a câmera inicial, podemos clicar em Redefinir aqui. Vamos diminuir o zoom das camas. Temos nosso cubo aqui. Agora, podemos trabalhar com qualquer ângulo que quisermos. E pressionando a tecla Alt, você pode entrar no espaço assim. Então, vamos continuar. Você já conhece a elipse retangular. E isso é para criar textos. Acabamos de criar uma esfera cúbica e isso é para vetor. Então, vamos usar isso como exemplo. Então, quando eu clico aqui, um novo espaço reservado vem. Então, quando clico em algum lugar nos pontos e posso desenhar assim, podemos desenhar qualquer forma que quisermos usando essa ferramenta. E digamos que você queira um pouco de arco, você pode simplesmente segurar o mouse e criar um arco, certo? Selecione isso. E quando terminar sua forma, basta pressionar o botão Escape. Então você ainda pode ajustar os pontos de forma, ok? Se o ponto for um arco, ele se comporta como ele. Se não for, ele se comporta normalmente. Então, digamos que você queira mudar o comportamento de um ponto. Por exemplo, você deseja alterar algum ponto de vetor para arco. Podemos simplesmente pressionar Command ou Control em nosso teclado. E então, quando você mantém o ponto, ele mudou seu comportamento. Então aqui, isso não é um arco agora, mas se eu apenas pressionar command, eu posso fazer um arco. Ok? Assim, você pode editar a forma como quiser. Então é isso que a ferramenta vetorial é. Mas deixe-me deletar essa forma. É muito feio. 9. Barra de ferramentas 2: Você pode entrar no modo de transformação a qualquer momento pressionando aqui. Ele já está selecionado por padrão. Basicamente, podemos mover, dimensionar e girar um objeto. Em seguida, adicionamos o botão de moldura. E esse botão nos leva à seção de molduras, que já vimos nesta seção, porque também podemos vir aqui usando esse botão. Em seguida, temos a porcentagem de zoom, e você pode ver que ela muda quando eu amplio e diminuo o zoom com o mouse. E você também pode usar esse menu suspenso para alguns valores. E na próxima etapa temos a seção de exportação. Portanto, usaremos muito essa seção e há muitas configurações durante a exportação. Acredito que é um pouco cedo para falar sobre exportação. Isso será um vídeo por si só. Ok, vamos deixar isso por enquanto. E, por último, temos ícone de reprodução para acessar o modo de apresentação. 10. Materiais: Em seguida, falaremos sobre os materiais em spline. Eu criei um novo arquivo e um cubo. O cubo é selecionado e podemos ver os materiais aqui. E os materiais Spline são baseados em camadas, eles chamam de sistema de material base de camada. Assim, podemos ter vários tipos de materiais uns sobre os outros, como camadas no Photoshop ou em qualquer outro programa. Na verdade, temos várias opções para usar. A iluminação e a cor vêm por padrão. Mas se você quiser adicionar, você tem uma variedade de opções. Você pode mudar a cor aqui. Você também pode ajustar as configurações de iluminação. A queda é selecionada para o tipo de iluminação, e podemos aumentar e diminuir o brilho. Se você selecionar físico, no entanto, terá campos diferentes, como aspereza, doença mental ou refletividade. Então, quando você estiver satisfeito com o material, se quiser salvá-lo para outros objetos também. Como um pré-fabricado, você pode clicar nesses quatro pontos aqui. E aqui você terá seus ativos materiais. Clique em Mais e renomeie-o como quiser. Para este, vou chamá-lo de meu material laranja. Você também pode vê-lo aqui sob os ativos materiais globalmente. Agora, se eu quiser criar uma nova esfera, posso atribuir esse material ao novo objeto também. E se você quiser brincar com esse material mais tarde, você sempre pode clicar aqui e editá-lo novamente. Ao fazer isso, você pode ver que os objetos estão sendo atualizados simultaneamente. Se você quiser alterar o material de um único objeto e ele tiver um material global porque você não quer afetar os outros. Basta clicar aqui para separá-lo. E então ele se tornará especificamente para esse objeto. Vamos mudar essa cor para imagem e ver o que podemos fazer. Você pode literalmente atribuir texturas a objetos em spline. Você pode selecionar na biblioteca ou fazer upload de suas próprias texturas, se quiser. Você pode até ajustar sua textura aqui. Vamos adicionar novos turistas aqui. E talvez esse toro tenha um material de vidro. Deixe-me reposicionar as Torres. Então, tem um pouco de embaçamento. Também podemos ajustar o quão embaçado está a partir daqui. Tudo bem pessoal, isso foi uma introdução para a seção de materiais. 11. ILUMINAÇÃO: Tudo bem, então em spline, temos dois tipos de luz. Temos luz ambiente aqui e também temos luzes personalizadas que podemos criar, como luz 0, luz direcional ou holofote. Pessoalmente, não sou um grande fã de brincar com a luz do ambiente, mas é bom saber que temos as opções. Podemos ligar ou desligar o ambiente, mudar a cor da luz. Também podemos decidir a intensidade da luz, desligá-la completamente se quiser. Mas quando fazemos isso, nenhum dos objetos fica visível. Podemos alternar entre sombras suaves e sombras normais. Então você vê que as sombras são um pouco diferentes quando eu alterno entre elas. Também temos luz direcional aqui, que não é visível porque desligamos os ajudantes. Se eu habilitar ajudantes, você pode ver a direção da luz. Vamos tornar o ambiente leve 0. É neutro. E vamos deletar este aqui. Tudo bem, não podemos ver os objetos, certo? Vamos em frente e adicionar uma nova luz aqui. Você pode posicionar a luz como quiser. Eu só vou arrastá-lo aqui. Isso parece bom. E também podemos ajustar as propriedades das luzes, como intensidade. Também podemos ir em frente e adicionar uma luz puntiforme. Ok, então deixe-me arrastá-lo até aqui. Podemos ajustar a distância assim. E, finalmente, temos a opção de adicionar holofotes. Deixe-me ajustar a posição dele. Vamos arrastar um pouco até aqui. Talvez isso venha aqui. E vamos mudar o ângulo para que pareça com meus objetos. Nesse caso, existem mais algumas opções aqui, como o ângulo do holofote ou o embaçamento. Vamos aumentar a luz do ambiente novamente para voltar a ter uma visão realista. Talvez assim. Também vou mudar a cor. Eu quero uma cor mais quente. Oh, mas isso é demais. Vamos diminuir isso. Você tem a ideia. 12. Toro animado: Agora que terminamos a interface do usuário, vamos fazer algo divertido. Não vou explicar todos os detalhes na plataforma, como configurações de iluminação ou opções de material. Em vez disso, vamos colocá-lo em prática e fazer alguns projetos para que você possa aprender spline fazendo projetos. Acredito que o aprendizado ativo é a melhor abordagem para aprender uma nova ferramenta. Então, neste vídeo, vamos criar um objeto animado básico, o que é muito fácil. Deixe-me deletar todas as coisas aqui. Podemos trabalhar na tela. Só precisamos manter a luz. Então vamos mudar a cor do plano de fundo, algo mais claro assim. Eu quero criar um objeto 3D turistas. Agora, ao criar, você pode ajustar o tamanho e também a proporção. Você pode criá-lo da maneira que quiser. Se você segurar a tecla Shift, no entanto, a proporção permanece a mesma enquanto você ajusta o tamanho. Então você pode criar turistas tranquilos como este. Além disso, não quero ver a luz na cena. Então, vamos desativar os ajudantes e redefinir a posição do toro. Tudo parece ótimo. Vamos mudar a cor do toróide e você também pode ajustar algumas outras opções de material. Aqui, vou mudar a cor por enquanto. Talvez algo como laranja. Isso parece bom. Esquecemos de desativar as linhas de grade. Agora você pode desativar os planos da grade daqui porque não precisamos disso agora. Estou feliz com o objeto. Então, vamos continuar criando os estados. Spline funciona com estados para animar objetos, e isso facilita a vida. Vamos adicionar um novo estado para que tenhamos dois estados no total, estado base e o estado que acabamos de criar. Enquanto o segundo estágio estiver selecionado, redimensionarei o objeto segurando Shift para manter a proporção. Vamos movê-lo de volta para a origem e redefinir sua posição. E vamos redefini-lo também nos dados básicos. Então, agora você pode ver que o tamanho não é alterado no estado base. E teremos turistas maiores no segundo estado. Para mudar um estado de outro estado, precisamos de qualquer evento. Se o tipo for start, significa que iremos da base para o segundo estado no início, quando a animação começar. Assim, você pode assimilar o estado para o qual deseja mudar. Também podemos alterar o tipo de transição. Vamos mantê-los assim por enquanto e ver o que temos. Você viu que a animação começa instantaneamente quando clicamos em Play. Deixe-me apertar o play novamente. Ok, vamos fazer o mouse passar o mouse sobre ele para ver a diferença. Agora, não há animação inicialmente, quando eu passo o mouse sobre o objeto, ele entra no segundo estado. Também podemos selecionar o mouse para baixo. Vamos ver que desta vez, quando eu clico no objeto, ele entra no segundo estado. Não há como voltar. Mas há outra configuração para isso. Se você habilitar alternar aqui, desta vez, quando você clicar na segunda vez, ele retornará ao estado base. Ok? Também podemos alterar outros parâmetros do toro no segundo estado. Por exemplo, vamos mudar a rotação em x e fazer os turistas virarem. Digamos que 184 direção-x. Agora você vê que é possível fazer qualquer transição. Você pode aumentar a contagem de inversões fornecendo valores mais altos aqui. Aumente ainda mais. Vamos torná-lo um AD novamente. E agora eu quero mostrar alguns tipos de transição. Então, o meu favorito é facilitar a entrada, saída para esse objeto. Agora isso parece melhor. Quando estou satisfeito com os resultados, posso exportar o projeto aqui. Portanto, há um recurso muito interessante do spline. Você pode obter um URL ao vivo instantâneo para projetos e enviá-lo para qualquer pessoa. Seu projeto está funcionando em um navegador por padrão. Deixe-me colar o URL em uma nova guia. Bem aqui. Você pode ver nosso projeto. Eu posso usar essa animação em qualquer site agora. Quão legal é isso? Ok pessoal, eu concordo que essa não é a melhor animação que podemos fazer, mas acredito que aprendemos muito neste vídeo. Faremos mais projetos posteriormente neste curso. Então continue. 13. degradê: Ei pessoal, Neste vídeo vamos falar sobre o gradiente em spline. Então, deixe-me fechar ajudantes e plano de grade. Também vou deletar este. E para todos vocês que já conhecem gradiente de outras plataformas de design, é a mesma ideia. Funciona de forma muito semelhante. Então, para mostrar a vocês, vou apenas adicionar um novo retângulo aqui. Deixe-me redefinir a posição. Então, o gradiente é basicamente um fluxo de cores, certo? Então deixe-me selecionar esse retângulo e adicionar um novo material aqui. Deixe-me escolher um gradiente aqui. Então, haverá um fluxo de cores bem aqui. Vai do preto ao branco. Começa do preto aqui e vai para o branco. E podemos ajustar essas propriedades nesse menu suspenso. Assim, você pode escolher a cor e alterá-la. Talvez mude esse aqui. E eu não sei, talvez este aqui. Você pode alterar as cores ou simplesmente adicionar uma nova cor. Assim, podemos ter uma transição de três gradientes agora. E eu posso mudar a área pela qual eles estão refletindo. Deixe-me deletar o do meio apenas arrastando esses pequenos círculos aqui. Ok? Então você pode ver que podemos mudar e decidir a área em que eles aparecerão. O que mais podemos fazer? Podemos mudar o tipo do gradiente para radial. Então, agora você pode ver que está se espalhando do centro, certo? Ou linear e polar também. Como podemos decidir sobre a mistura do tipo dois, que será suave ou linear. Não vejo muita diferença, mas podemos ver um pouco que é mais suave quando essa opção é selecionada. E podemos, claro, mudar as cores. Também podemos mudar a opacidade. Vamos clicar nas cores. Você pode alterar a opacidade a partir daqui. E também podemos mudar o ângulo. Então, assim, você quer um gradiente horizontal ou vertical? Podemos mudar a partir daqui, assim. Você também pode ter um deslocamento x e y. Ou você pode ajustar a transformação. Ok, então nada que seja muito importante ainda, porque você já deve saber o que é um gradiente. Especialmente se você é um designer gráfico ou se já usou uma plataforma de design antes, você entendeu. Ok, então também podemos ter opções normais de Multiply Screen e sobreposição para material gradiente também. Nada extravagante aqui, mas o legal com spline é que podemos adicionar esses efeitos a objetos 3D também com muita facilidade. Então, deixe-me criar um novo turista e redefinir sua posição. Agora, se eu adicionar um novo material de gradiente aqui, ele já está com boa aparência, certo? Deixe-me mudar algumas propriedades. Vamos mudar esse bloco para talvez ler. Deixe-me adicionar um novo ponto aqui e mudar a cor. Eu não sei, talvez um pouco de turquesa, talvez outro. Vamos deixá-lo laranja. Pois é o suficiente. Também equilibrou a distância. Uma coisa a se notar aqui sobre o círculo final, você pode ver que há uma transição e é tão óbvio, certo? Então, eu quero fazer o círculo final da mesma cor do primeiro. Então, vou copiar esse código hexadecimal e colá-lo aqui para o final, que não tenhamos mais essa transição. Ok, então você vê como é fácil aplicar o gradiente para um objeto 3D. Isso já está tão bonito. Podemos ir em frente e jogar com mais campos. Altere o ângulo talvez, ou altere os valores de deslocamento X, Y. Lembre-se, você sempre pode mudar para polar radial linear assim. E, claro, não se esqueça dos tipos de iluminação. 14. Profundidade: Oi pessoal, bem-vindos de volta. Vamos criar esse objeto de aparência incrível aprendendo a usar a profundidade neste vídeo. Então, se você estiver pronto no menu principal, vamos criar um novo arquivo. Deixe-me deletar isso aqui. Também fecharei ajudantes e planos de grade, como sempre. Então, podemos adicionar um novo objeto , chamado dodecaedro. Não sei se estou pronunciando corretamente. Mas isso realmente não importa, certo? Vamos clicar com o botão direito do mouse sobre ele e salvar redefinir todas as três posições, rotação e escala. Também vou em frente e alterarei os lados de visibilidade para a bolsa, porque só queremos ver o lado interno do objeto. Vamos adicionar um novo material. Agora. Podemos usar a profundidade aqui como material. E a profundidade nada mais é do que um gradiente 3D. Tem as mesmas propriedades. Realmente é muito parecido. Portanto, temos opções próximas e distantes. Temos opções lineares e suaves para o gradiente. E você também pode ajustar a cor conforme desejar. Então, agora, eu quero algo como vermelho para a parte esquerda do objeto. Não, na verdade rosa para o lado direito. Vamos escolher um azul. E, finalmente, vamos mudar o tipo de profundidade para a tela. Mas as cores estão muito intensas agora. Eu quero algumas cores mais brilhantes como essa. E talvez assim. Ok, então quando você estiver feliz com isso, estamos prontos para ir. Também podemos ajustar o poder do efeito, mas vou deixar um 100 como está agora. Vamos também adicionar uma nova esfera à cena. Estou segurando o turno, a propósito, para manter a proporção. Talvez um pouco menor. Ok, então redefina a posição novamente para que tenhamos essa esfera dentro do objeto. Já o fizemos. Eu também quero ver o lado interno da esfera. Vamos mudar isso. E o que podemos fazer aqui é copiar o material do dodecaedro para a esfera, ok? Ele também terá os mesmos recursos. Mas isso é muito grande para a esfera, pois é menor. Então, vamos torná-los menores. E estamos apenas jogando com opções próximas e distantes. Quero algumas cores saturadas para a esfera interna. Assim, ficará cada vez mais escuro ao entrar. Deixe-me ver como isso parece. Parece ótimo. Vamos manter as coisas assim. Ok, então podemos adicionar o terceiro objeto, que é uma pirâmide segure Shift para dimensioná-lo. E vamos também redefinir sua posição. Eu também vou fazer isso de volta também. Então, agora vamos colar o material nas pirâmides também. Agora você pode ver um pouco a pirâmide por dentro, mas vamos torná-la mais escura. Mudança no passo, teremos valores mais saturados nas pirâmides, para que fiquem visíveis. E também nos dará um bom efeito que está espalhando luz, como a luz vem da pirâmide. Vai ficar assim. Talvez adicione o terceiro ponto de gradiente à pirâmide. E será roxo. Este é o meio da pirâmide. Ok? E vamos manter os outros do lado de fora. Agora, essa parte realmente depende de você. Você pode usar qualquer cor. Você pode ajustar valores próximos e distantes para o seu projeto. Vou verificar novamente as outras opções para esse efeito. E a melhor aparência é a tela. Para que possamos deixar assim. Ok, isso já está parecendo muito bom. Mas uma última coisa que quero fazer é dar a eles uma aparência vítrea para que fiquem mais nítidos. Vou adicionar material de vidro à esfera e às pirâmides. Tudo bem, então vamos em frente e selecione esfera e vá para o sinal de mais. Vai dizer vidro aqui. Não está realmente visível no momento, mas podemos mudar o embaçamento para trazê-lo de volta. Também podemos ajustar a espessura. À medida que o tornamos mais espesso, ele se tornará mais visível assim. Mas vamos mudar para sobrepor e ver o que obtemos. Talvez diminuir o embaçamento, diminuí-lo. Ok, algo parecido com isso. Também diminua a espessura. E à medida que você diminui, você pode ver alguma diferença, obviamente. Tudo bem, então vamos deixar assim. Eu não quero perder muito tempo aqui. E vamos também fazer um copo de volta à pirâmide. Vou selecionar a sobreposição. Novamente. Quero jogar aqui por um tempo para ver opções diferentes. Podemos alterar a espessura e o embaçamento novamente, não tenho certeza se você precisa de algo mais escuro ou mais claro. Assim, poderia ficar mais escuro usando o embaçamento. Mas talvez isso seja demais. Deixe-me consertar de novo. Vamos diminuir o embaçamento. Algo por aqui está bom. Ok, então vamos continuar com a animação. No momento, quando eu jogo isso, nada acontece realmente porque não adicionamos nenhum estado ou evento a ser executado. Vamos selecionar o objeto aqui e adicionar um novo estado. E eu também quero mudar sua rotação. Quero adicionar um evento que será linear. Mas vamos ver primeiro, eu quero mudar a duração para dez segundos. Portanto, temos um bom efeito de rotação lenta. Mas, como você pode ver, acaba. Também há facilidade na transição externa. Deixe-me fazer essa duração de dois segundos. Você pode ver que não é um loop infinito. Portanto, alterne a opção de repetição para sim. Mas desta vez ele apenas faz um loop, para e começa de novo. Então, podemos mudar isso para linear para obter um efeito de rotação infinita. Certo? Agora é muito rápido. Vou fazer a duração de dez segundos novamente. Agora, aqui temos uma rotação lenta e estável. Em seguida, devemos adicionar animação para esfera. Aqui eu vou. Em que direção devo seguir? Talvez possamos mudá-lo na direção x. Vamos ver o que temos. Oh, eu não adicionei um estado. No estado base. Deve ser 0, e o segundo estado, deve ser 360. E devemos ter um evento linear com uma duração de dez segundos e garantir que a repetição esteja ativada. Não está se movendo. Eu realmente não consigo ver se está se movendo. Então, vamos desativar essa animação para que possamos entender melhor se não for, não quero excluir esse estado. Então, o que podemos fazer em vez disso, você sabe o que, na verdade, vamos apenas esconder esse objeto para que ele não fique visível. Ok, então não há animação, certo? Por que isso? Temos estado base, estado normal e seus eixos são diferentes. Agora, talvez não o vejamos porque não há diferença real em sua aparência. Como as luzes são da mesma cor, talvez devêssemos mudar em outra direção. Vamos mudar isso de acordo com o motivo pelo qual vemos a diferença. Também não dito. Então, talvez devêssemos girá-lo em mais de uma direção. Ok. Vou digitar 364 x e 364 ytambém. Sim, está girando. A cor está mudando, certo? Eu também estava pensando em adicionar a direção zed também, mas na verdade não precisamos disso. Então, vamos deixar como 0, x e y são suficientes. Quão certo? Já que terminamos com esse medo, próxima é a pirâmide. Selecione a pirâmide e adicione um novo estado. Vamos mudar a direção do vento e precisamos de um evento para isso também. Vou dizer repetir sim, linear e dez segundos para duração. Ok, agora está girando no porquê, como esperávamos. Vamos também desbloquear esse dodecaedro. E, finalmente, temos todos eles na cena e eles estão animando. Então é isso aí pessoal. Espero que você tenha gostado deste vídeo e nos vemos no próximo. 15. Componente do clonador: Ok pessoal, é hora de falar sobre o componente clonador no spline. Para fazer isso, entrarei na seção Bibliotecas e selecionarei uma visualização do resumo, digamos Ver tudo aqui embaixo, selecionarei a visualização que eles forneceram. Encontrei este na web para explicação do componente clonador. Spline usa oficialmente essa cena para explicar os componentes do clonador. Eu acredito que eles criaram essa cena dois para isso. Vamos dar uma olhada. Aqui vemos quatro cores diferentes. Em cima desses retângulos. Existem alguns objetos. Mas se você perceber que não podemos passar o mouse sobre os objetos ao redor, só podemos selecionar o do meio. Se quisermos mover esse aqui. Todos eles vêm com os objetos centrais. E também aqui, se eu redimensionar o centro, os outros também serão redimensionados. E não consigo nem selecionar objetos ao redor. Então, o que está acontecendo aqui? E também nesta seção, é essa. Ok? Então, o que está acontecendo aqui é os que estão ao redor são clones do meio. Tudo bem, então se eu selecionar este objeto e descer aqui e a seção do clonador, você verá que ele tem um tipo radial de clones. Ok? Então, sempre que eu criar um novo objeto aqui, por exemplo, na verdade, deixe-o ser 3D. Deixe-me selecionar um cubo. Ok? Então, selecionando o cubo, se você for até aqui, você verá o objeto clonador. E se eu pressionar plus, ele cria cubos clonados para mim. Então, vamos deletar esse. Já temos exemplos aqui, como este. Vamos verificar quais propriedades temos aqui. Podemos selecionar radial, que é circular, assim. Ou também podemos dizer linear, que será basicamente como uma linha direta, como uma ordem linear. E finalmente, temos grade, que é, eu acredito que esses caras aqui, é uma grade de ordem. Então, deixe-me voltar ao que eu fiz. Seguindo em frente, podemos decidir mostrar ou ocultar o componente base. Por exemplo, quando digo esconder, o do meio se torna invisível. E se você quiser alguma forma circular, você pode querer esconder o pequeno na verdade. Mas neste caso, vamos mostrar de novo. Podemos aumentar e diminuir a contagem dos clones. Então, quando você faz algo assim, parece uma pulseira, certo? Vamos diminuí-lo novamente. Podemos decidir o raio, que é a distância dos clones ao meio assim. E também podemos selecionar o ângulo inicial e o ângulo do movimento circular, ok? Se escolhermos linear, as opções são um pouco diferentes. Desta vez, também teremos a seção de mostrar ou ocultar. Também podemos decidir sobre a contagem. Também temos uma seção de posição. Na verdade, também temos isso em radial. Mas não temos o campo de raio, certo? Então é basicamente isso. Deixe-me falar sobre o ótimo exemplo. Uma coisa que você deve notar que podemos aumentar e diminuir o valor x. Nada mudou ao brincar com o valor y porque não temos um objeto na direção y, podemos alterar o valor zed. Então x está nessa direção e z está nessa direção. Vamos aumentar a contagem em x e y. Então é por isso que não vimos nenhuma diferença logo antes, porque não tínhamos nenhum objeto em y. E agora temos. Para que possamos mudar a distância. Eu acredito que há um bug aqui. Isso não deve ser valores flutuantes. Em vez disso, devemos usar números inteiros aqui. Portanto, se a spline ainda não corrigiu isso, não arraste esses números inteiros de tipo de campo, caso contrário, seu aplicativo poderá falhar. De qualquer forma, você entendeu a ideia, certo? Podemos alterar a contagem na direção x, y e z. Podemos mudar a distância entre eles. E alterne aqui se você quiser usar o Center ou não. Então, vamos ver esse. Isso é novamente um radial. Deixe-me aumentar a contagem. Desta vez. Eu quero te mostrar algo diferente. Podemos mudar o eixo. Ok, deixe-me ampliar e chegar mais perto. momento, estamos desenhando um círculo no eixo x quando você seleciona Y, no entanto, bem, agora você pode ver que ele tem clones radiais verticais. Finalmente, você também pode selecionar o eixo zed. 16. Edição de vetor 3D: Oi pessoal. Neste vídeo, vamos usar a ferramenta de edição vetorial 3D para criar esse logotipo do McDonald's. Para fazer isso, deixe-me entrar no Google e encontrar um logotipo do McDonald's para referência. Esse parece bom. Vou copiar essa imagem. Vou colá-lo em spline e estou pressionando Shift e Option para torná-lo menor. Agora podemos usar essa imagem como referência. Então, vamos redefinir sua posição. Certifique-se de que esteja centralizado. E agora estamos prontos para desenhar em cima desse logotipo. Vou selecionar a ferramenta vetorial. Vou adicionar pontos aos pontos críticos, como cantos, exatamente assim. Portanto, não é muito importante porque você sempre pode editar a localização dos pontos. Então, basta desenhar a sobreposição, o modelo do logotipo. Isso parece bom. E quando eu terminar de me retirar, posso clicar no ponto inicial e ele sai. Ou você também pode pressionar a tecla Escape. E agora eu posso usar essa ferramenta de dobra para dobrar esses lados. Ok? Talvez assim. Você sabe o que mais? Na verdade, primeiro, vamos diminuir a opacidade deste para que também possamos ver o logotipo. Então, vamos encaixar isso aqui. Mas eu não estou me curvando agora. Selecione a ferramenta de dobra. Vou mover esse ponto para cá. Isso parece bom. E deixe-me continuar fazendo isso para cada ponto. Ok? Vou parar por enquanto e verificar o resultado. Saia com a tecla Escape e desative a imagem para ver o que temos. Talvez pudéssemos consertar esse pouquinho aqui. Só estou brincando com os pontos para deixá-los mais suaves. Talvez assim. Agora, quando estiver satisfeito com o resultado, você pode ir para a extrusão. Deixe-me mudar a perspectiva. E também vamos fechar as grades. Quando você adiciona uma extrusão, isso se torna 3D instantaneamente, certo? Assim. E você pode, claro, mudar a cor, definir a cor de fundo para esta aqui, e vamos deixar a cor do logotipo para este amarelo aqui. Desative a imagem novamente. Então, sim, temos esse logotipo bonito do McDonald's em 3D. E, finalmente, aumentarei o chanfro para torná-lo mais realista. 17. Operador de booleanos em Spline: Deixe-me ajustar essa cena, excluindo esses objetos. E também queria mudar a cor do plano de fundo para que você possa ver melhor os detalhes. Feche também os ajudantes e desative as grades. Ok pessoal, neste vídeo vamos falar sobre o operador booleano. Então, o que é isso exatamente? Basicamente, os booleanos permitem criar objetos a partir de subtrações ou interseções de diferentes formas. Vamos ver isso em ação. Digamos que temos uma esfera aqui e outra aqui. Vamos torná-los iguais mais próximos. Talvez. Agora selecione os dois objetos no menu à direita. Você verá esta seção. O primeiro é a subtração, segundo é a interseção e o final é a união. Vamos começar com a subtração. Podemos subtrair o objeto de outro. E isso torna possível criar formas realmente complicadas com facilidade. Você também pode brincar com o objeto subtrativo mais tarde. Você não precisa usar o mesmo objeto. Então exclua essa esfera aqui e vamos usar um cubo em vez disso. Vou apenas mover o cubo para aqui porque o objeto booleano já foi criado. Agora não está visível. Ok? Então isso foi subtração. E você pode realmente criar objetos legais facilmente com a ferramenta de subtração, eu realmente acredito que é o operador booleano mais usado. Você também pode alterar o tipo do booleano posteriormente a partir daqui. Por exemplo, vamos fazer esse cruzamento. Então, agora só temos os pontos de interseção visíveis. Bem, deixe-me mover o objeto para que você possa vê-lo melhor. Talvez mova o cubo até aqui e olhe para ele deste lado. Ou podemos brincar com a esfera. E dessa forma, talvez seja mais óbvio. Se você selecionar união em vez disso, ambos ficarão visíveis. Outra coisa boa sobre os booleanos é que você sempre pode adicionar novos objetos ao grupo booleano. Então, digamos que temos um objeto booleano aqui e que já contenha uma esfera e o cubo. Também podemos usar turistas com eles. Selecione todos eles e crie um novo booleano. A hierarquia ficará assim. Você pode colocá-lo como quiser. Você também pode adicionar mais objetos. Na verdade, não há limite. Você entendeu o ponto. Tudo bem, vamos falar sobre animações com booleanos. Para fazer isso, quero criar um novo cubo e uma esfera. Selecione os dois e faça um booleano alterar o tipo para interseção para que tenhamos essa aparência. Podemos criar um novo estado para a esfera. E nesse estado, mude a posição disso. Crie também um evento para acionar esse estado. Digamos que comece aqui, ative o ciclo e repita, aperte o botão play. E é assim que você pode criar uma animação de interseção.