Tech Guide de Motion (#391)

Co-authored-by: Fabrício Carraro <fabriciocarraro@gmail.com>

_data/cards/pt_BR/motion-2d-animation.yaml

@@ -0,0 +1,21 @@
+name: Animação 2D
+logo:
+short-description:
+key-objectives:
+  - Entender os conceitos básicos e as principais técnicas envolvidas na criação de animações em duas dimensões.
+  - Aprender a utilizar ferramentas como o After Effects e o LottieFiles para produzir animações interativas e dinâmicas.
+  - Desenvolver habilidades para dar vida a personagens e cenários, aplicando boas práticas do design animado.
+contents:
+  - type: ARTICLE
+    title: "Guia de animação 2D: Tudo o que você precisa saber"
+    link: https://explain.ninja/blog/guide-on-2d-animation-everything-you-need-to-know/
+  - type: ARTICLE
+    title: "Tudo o que você precisa saber sobre animação 2D"
+    link: https://www.linearity.io/blog/2d-animation/
+alura-contents:
+  - type: ARTICLE
+    title: "Animações UI com LottieFiles"
+    link: https://www.alura.com.br/artigos/animacoes-ui-lottiefiles
+  - type: COURSE
+    title: "After effects: anime personagens com Duik"
+    link: https://cursos.alura.com.br/course/after-effects-anime-personagens-duik

_data/cards/pt_BR/motion-3d-animation.yaml

@@ -0,0 +1,20 @@
+name: Animação 3D
+logo:
+short-description:
+key-objectives:
+  - Explorar as bases teóricas e práticas que sustentam a criação de modelos e movimentos tridimensionais.
+  - Aprender a usar softwares como Blender criar animações.
+  - Desenvolver habilidades para modelar, riggar e animar personagens.
+alura-contents:
+  - type: PODCAST
+    title: "3D e Motion Design | Layers ponto tech #128"
+    link: https://cursos.alura.com.br/extra/layerstech/3d-e-motion-design-layers-ponto-tech-128-a2032
+  - type: ARTICLE
+    title: "Como começar na carreira de 3d e Animação: do mergulho à aterrisagem, passando por algumas acrobacias"
+    link: https://www.alura.com.br/artigos/como-comecar-e-persistir-na-carreira-de-3d-e-animacao-do-mergulho-a-aterrisagem-passando-por-algumas-acrobacias
+  - type: COURSE
+    title: "Blender: criando um modelo 3D"
+    link: https://cursos.alura.com.br/course/blender-criando-primeiro-modelo-3d
+  - type: COURSE
+    title: "Blender: riggando e animando seu personagem"
+    link: https://cursos.alura.com.br/course/blender-riggando-animando-personagem

_data/cards/pt_BR/motion-after-effects.yaml

@@ -0,0 +1,22 @@
+name: After Effects básico
+logo:
+short-description:
+key-objectives:
+  - Compreender os conceitos básicos do After Effects e como utilizá-los em diferentes contextos criativos.
+  - Explorar as funcionalidades principais do After Effects e como aplicá-las para criar animações.
+  - Desenvolver habilidades para transformar conceitos em animações dinâmicas usando o After Effects.
+contents:
+  - type: SITE
+    title: "After Effects"
+    link: https://www.adobe.com/br/products/aftereffects.html
+  - type: ARTICLE
+    title: "Guia do usuário do After Effects"
+    link: https://helpx.adobe.com/br/after-effects/user-guide.html
+alura-contents:
+  - type: COURSE
+    title: "Motion Design: crie animações incríveis no After Effects"
+    link: https://www.alura.com.br/curso-online-motion-design-animacoes-incriveis-after-effects
+  - type: COURSE
+    title: "After Effects: transformando dados em animações impactantesl"
+    link: https://www.alura.com.br/curso-online-after-effects-transformando-dados-animacoes-impactantes
+

_data/cards/pt_BR/motion-branding.yaml

@@ -0,0 +1,22 @@
+name: Motion branding
+logo:
+short-description:
+key-objectives:
+  - Familiarize-se com os princípios básicos do Motion Graphics e sua aplicação no design e branding.
+  - Aprender a utilizar o After Effects e outras ferramentas essenciais para criar animações profissionais.
+  - Criar animações que fortaleçam a identidade visual das marcas.
+contents:
+  - type: ARTICLE
+    title: "A importância do Motion Graphics no Web Design"
+    link:  https://motiondesign.school/blog/the-importance-of-motion-graphics-in-web-design/
+alura-contents:
+  - type: ARTICLE
+    title: "Melhore a experiência do usuário com Motion Design"
+    link: https://www.alura.com.br/artigos/melhore-a-experiencia-do-usuario-com-motion-design
+  - type: COURSE
+    title: "Canva: criando vídeos com motion graphics"
+    link: https://www.alura.com.br/curso-online-canva-criando-videos-motion-graphics
+  - type: COURSE
+    title: "Mídias sociais: design em movimento com o Canva"
+    link: https://www.alura.com.br/curso-online-midias-sociais-design-movimento-canva
+

_data/cards/pt_BR/motion-creation-and-composition.yaml

@@ -0,0 +1,26 @@
+name: Criação e composição
+logo:
+short-description:
+key-objectives:
+  - Dominar os princípios fundamentais da Gestalt e sua aplicação no design visual.
+  - Desenvolver habilidade crítica para análise e justificativa de decisões de design.
+  - Aplicar conceitos de semiótica na criação de projetos gráficos.
+  - Criar projetos gráficos fundamentados em princípios sólidos de design.
+contents:
+  - type: ARTICLE
+    title: "O que é Gestalt?"
+    link: https://medium.com/chocoladesign/o-que-%C3%A9-gestalt-f3beb4a6af4a
+alura-contents:
+  - type: ARTICLE
+    title: "Você conhece o princípio de Gestalt?"
+    link: https://www.alura.com.br/artigos/voce-conhece-o-principio-de-gestalt
+  - type: ARTICLE
+    title: "Como justificar um bom design ou identificar erros em uma composição visual"
+    link: https://www.alura.com.br/artigos/como-justificar-um-bom-design-ou-identificar-erros-em-uma-composicao-visual
+  - type: PODCAST
+    title: "Gestalt e Semiótica | Layers ponto tech #97"
+    link: https://www.layerspontotech.com.br/2022/09/12/gestalt-e-semiotica-layers-ponto-tech-97/
+  - type: COURSE
+    title: "Design Gráfico com Gestalt: desenvolva um projeto gráfico"
+    link: https://cursos.alura.com.br/course/design-grafico-gestalt
+

_data/cards/pt_BR/motion-design-principles.yaml

@@ -0,0 +1,28 @@
+name: Princípios do Design
+logo:
+short-description:
+key-objectives:
+  - Compreender os princípios fundamentais do design e sua aplicação prática em diferentes contextos.
+  - Adquirir conhecimento sobre as bases teóricas e os elementos que compõem o design visual.
+  - Aprender como aplicar os princípios de design em projetos reais.
+contents:
+  - type: ARTICLE
+    title: "20 princípios e elementos do design"
+    link: https://www.canva.com/pt_br/aprenda/20-principios-elementos-do-design/
+  - type: ARTICLE
+    title: "Como aplicar os princípios de design"
+    link: https://clickup.com/pt-BR/blog/192251/principios-de-design
+  - type: ARTICLE
+    title: "O que são princípios de design?"
+    link: https://www.interaction-design.org/literature/topics/design-principles
+  - type: YOUTUBE
+    title: "Entendendo os princípios do design"
+    link: https://www.youtube.com/watch?v=UmHMVU6dceA
+alura-contents:
+  - type: COURSE
+    title: "Design Gráfico: desenvolvendo identidade visual"
+    link: https://cursos.alura.com.br/course/design-grafico-identidade-visual
+  - type: COURSE
+    title: "Design Gráfico: construindo os elementos de uma identidade visual"
+    link: https://cursos.alura.com.br/course/design-grafico-elementos-identidade-visual
+

_data/cards/pt_BR/motion-digital-product-design.yaml

@@ -0,0 +1,28 @@
+name: Design para produtos digitais
+logo:
+short-description:
+key-objectives:
+  - Compreender os fundamentos do design de produto digital.
+  - Aplicar métodos e etapas estruturadas para criação de produtos digitais do zero
+  - Aprender estratégias para construção de um portfólio profissional de design
+contents:
+  - type: ARTICLE
+    title: "Design de produto: o que é, importância, métodos e etapas"
+    link: https://pm3.com.br/blog/design-de-produto/
+  - type: ARTICLE
+    title: "Como criar um produto digital do zero?"
+    link: https://pm3.com.br/blog/como-criar-um-produto-digital/
+alura-contents:
+  - type: ARTICLE
+    title: "O que são imagens vetoriais e por que utiliza-lás?"
+    link: https://www.alura.com.br/artigos/o-que-sao-imagens-vetoriais-e-por-que-utiliza-las
+  - type: ARTICLE
+    title: "Como montar um portfólio de Design"
+    link: https://www.alura.com.br/artigos/como-montar-um-portfolio-de-design
+  - type: COURSE
+    title: "Adobe Illustrator: criação de ícones e fundos para interfaces digitais"
+    link: https://cursos.alura.com.br/course/illustrator-criacao-icones-fundos-interfaces-digitais
+  - type: COURSE
+    title: "Design Visual: estratégias para planejar e construir seu portfólio"
+    link: https://cursos.alura.com.br/course/design-visual-estrategias-planejar-construir-portfolio
+

_data/cards/pt_BR/motion-editing-and-pace.yaml

@@ -0,0 +1,21 @@
+name: Edição e Ritmo
+logo:
+short-description:
+key-objectives:
+  - Compreender a importância do ritmo na edição de vídeos para criar uma narrativa envolvente.
+  - Aprender técnicas de corte e transição para manter o interesse do público.
+  - Explorar o uso de efeitos de som e música para intensificar o impacto emocional do vídeo.
+contents:
+  - type: ARTICLE
+    title: "Dicas para editar vídeos no ritmo da música"
+    link: https://olivetreefilms.com/br/blog/dicas-para-editar-videos-no-ritmo-da-musica/
+  - type: ARTICLE
+    title: "Set the Pace With This Guide to Film Rhythm Editing"
+    link: https://www.backstage.com/magazine/article/film-rhythm-editing-guide-77147/
+alura-contents:
+  - type: COURSE
+    title: "Premiere Pro: edição com foco em timing e ritmo"
+    link: https://www.alura.com.br/curso-online-premiere-pro-edicao-foco-timing-ritmo
+  - type: PODCAST
+    title: "Ritmo na edição – Layers ponto tech #04"
+    link: https://www.alura.com.br/artigos/layers-ponto-tech-ep-04?srsltid=AfmBOoqVZk25kk1fsCH9iM-e8uUL2nnhSkgXPgMeqUCUZlYARW7oIne0

_data/cards/pt_BR/motion-editing-for-social-media.yaml

@@ -0,0 +1,27 @@
+name: Edição para plataformas de mídia social
+logo:
+short-description:
+key-objectives:
+  - Entender as especificidades de edição para cada plataforma de mídia social, como Instagram, TikTok e YouTube.
+  - Aprender a ajustar o formato, duração e estilo dos vídeos para engajar o público de forma eficaz.
+  - Utilizar elementos visuais e textuais que maximizem o impacto e a retenção em visualizações curtas.
+contents:
+  - type: ARTICLE
+    title: "Como otimizar vídeos para redes sociais: veja dicas"
+    link: https://infinityplus.com.br/blog/como-otimizar-videos-para-redes-sociais/
+  - type: ARTICLE
+    title: "3 dicas de como otimizar vídeos para redes sociais"
+    link: https://olivetreefilms.com/br/blog/dicas-de-como-otimizar-videos-para-redes-sociais/
+  - type: ARTICLE
+    title: "O guia definitivo para editar vídeos do TikTok e do Instagram | Entrevista com criadores"
+    link: https://www.submagic.co/br/blog/how-to-edit-tiktok-and-instagram-videos
+alura-contents:
+  - type: COURSE
+    title: "Mídias sociais: criando vídeos para as redes"
+    link: https://cursos.alura.com.br/course/midias-sociais-criando-videos-redes
+  - type: ARTICLE
+    title: "O que é design para mídias sociais?"
+    link: https://www.alura.com.br/artigos/design-midias-sociais
+  - type: COURSE
+    title: "Mídias sociais: design em movimento com o Canva"
+    link: https://cursos.alura.com.br/course/midias-sociais-design-movimento-canva

_data/cards/pt_BR/motion-editing-with-visual-identity.yaml

@@ -0,0 +1,24 @@
+name: Edição com Identidade Visual
+logo:
+short-description:
+key-objectives:
+  - Estabelecer uma identidade visual consistente que fortaleça a marca ou estilo do conteúdo.
+  - Aprender a incorporar elementos visuais únicos, como cores, tipografia e gráficos, na edição de vídeo.
+  - Explorar técnicas para criar uma experiência visual coesa que ressoe com o público.
+contents:
+  - type: ARTICLE
+    title: "Create videos that match your branding identity"
+    link: https://creativecloud.adobe.com/discover/article/create-videos-that-match-your-branding-identity
+  - type: YOUTUBE
+    title: "Como CRIAR IDENTIDADE VISUAL no FILMORA e FORTALECER sua MARCA | Edição de Vídeos"
+    link: https://www.youtube.com/watch?v=1EY-cM1Ayhg
+  - type: ARTICLE
+    title: "Identidade visual para vídeos: elementos essenciais para chamar a atenção nas redes sociais"
+    link: https://www.trilhafilmes.com/post/identidade-visual-para-v%C3%ADdeos-elementos-essenciais-para-chamar-a-aten%C3%A7%C3%A3o-nas-redes-sociais
+alura-contents:
+  - type: COURSE
+    title: "Edição de vídeo: editando vídeos com identidade visual"
+    link: https://cursos.alura.com.br/course/edicao-video-editando-videos-identidade-visual
+  - type: ARTICLE
+    title: "5 truques de After Effects para iniciantes"
+    link: https://www.alura.com.br/artigos/5-truques-de-after-effects-para-iniciantes

_data/cards/pt_BR/motion-framer-motion.yaml

@@ -0,0 +1,20 @@
+name: Framer Motion
+logo: 
+short-description:
+key-objectives:
+  - Implementar animações complexas como páginas deslizantes e transições suaves.
+  - Integrar o Framer Motion com projetos existentes.
+  - Compreender as melhores práticas de performance e otimização em animações web.
+contents:
+  - type: SITE
+    title: "Documentação: Framer Motion (inglês)"
+    link: https://www.framer.com/motion/
+  - type: ARTICLE
+    title: "Framer Motion + React (Exemplo de Utilização)"
+    link: https://medium.com/@leonardord99/framer-motion-react-514f39a9d03e
+  - type: ARTICLE
+    title: "Galeria De Páginas Deslizantes Animadas Usando Framer-motion E React.js"
+    link: https://acervolima.com/galeria-de-paginas-deslizantes-animadas-usando-framer-motion-e-react-js/
+  - type: YOUTUBE
+    title: "PedroTech: Animations In React - Framer-Motion Tutorial (inglês)"
+    link: https://www.youtube.com/watch?v=GOuwOI-WSkE

_data/cards/pt_BR/motion-introduction-to-motion-design.yaml

@@ -0,0 +1,28 @@
+name: Introdução ao Motion Design
+logo:
+short-description:
+key-objectives:
+  - Compreender os princípios fundamentais do motion design e como aplicá-los em diferentes áreas, como audiovisual e tecnologia.
+  - Explorar as bases teóricas e os elementos que compõem o motion design.
+  - Desenvolver habilidades práticas em motion design para criar projetos em diferentes vertentes do Design.
+contents:
+  - type: YOUTUBE
+    title: "Explicando Motion Design!"
+    link: https://www.youtube.com/watch?v=v6gHS5lTxWc
+alura-contents:
+  - type: ARTICLE
+    title: "Os 12 princípios da animação"
+    link: https://www.alura.com.br/artigos/12-principios-animacao
+  - type: ARTICLE
+    title: "Aplicação de vinheta em motion design no audiovisual e tecnologia"
+    link: https://www.alura.com.br/artigos/vinheta-motion-design-audiovisual-tecnologia
+  - type: ARTICLE
+    title: "A importância do motion design na experiência do usuário"
+    link: https://www.alura.com.br/artigos/importancia-motion-design-experiencia-usuario
+  - type: COURSE
+    title: "Design Gráfico: desenvolvendo identidade visual"
+    link: https://cursos.alura.com.br/course/design-grafico-identidade-visual
+  - type: COURSE
+    title: "Design Gráfico: construindo os elementos de uma identidade visual"
+    link: https://cursos.alura.com.br/course/design-grafico-elementos-identidade-visual
+

_data/cards/pt_BR/motion-main-techniques.yaml

@@ -0,0 +1,19 @@
+name: Principais técnicas
+logo:
+short-description:
+key-objectives:
+  - Compreender quais são as técnicas mais utilizadas pelos profissionais da área de Motion Design.
+  - Aprender as técnicas e utilizá-las na criação de animações.
+contents:
+  - type: ARTICLE
+    title: "12 principais técnicas de Motion Graphics"
+    link: https://newprod.co/motion-graphic/12-top-motion-graphics-techniques/
+  - type: ARTICLE
+    title: "Guia de Motion Graphics: Técnicas e aplicativos"
+    link: https://motioncue.com/motion-graphics-techniques/
+  - type: YOUTUBE
+    title: 5 técnicas poderosas para elevar o nível de seu Motion Design"
+    link: https://www.youtube.com/watch?v=xaRzMphWi50
+  - type: YOUTUBE
+    title: "Habilidades intermediárias no Adobe After Effects"
+    link: https://www.youtube.com/watch?v=isAFI0wpMHI

_data/cards/pt_BR/motion-visual-effects.yaml

@@ -0,0 +1,21 @@
+name: Visual Effects
+logo:
+short-description:
+key-objectives:
+  - Dominar os fundamentos de efeitos visuais.
+  - Desenvolver proficiência em software profissional como o Adobe Premiere Pro.
+  - Aprender técnicas de composição visual e pipeline de produção de efeitos especiais.
+contents:
+  - type: YOUTUBE
+    title: "CGI vs VFX vs SFX - Qual é a diferença?"
+    link: https://www.youtube.com/watch?v=Pok6EN3cfA4
+  - type: YOUTUBE
+    title: "Como uma equipe de 5 pessoas criou os efeitos de um filme vencedor do Oscar"
+    link: https://www.youtube.com/watch?v=hFFopPPrGiE
+alura-contents:
+  - type: PODCAST
+    title: "Montando um PC para VFX Layers ponto tech #843D e Motion Design | Layers ponto tech #128"
+    link: https://cursos.alura.com.br/extra/layerstech/montando-um-pc-para-vfx-layers-ponto-tech-84-a1570
+  - type: COURSE
+    title: "Premiere Pro:como lidar e criar efeitos de vídeo"
+    link: https://www.alura.com.br/curso-online-premiere-pro-lidar-criar-efeitos-video

_data/cards/pt_BR/motion-visual-identity.yaml

@@ -0,0 +1,29 @@
+name: Identidade visual
+logo:
+short-description:
+key-objectives:
+  - Dominar os princípios fundamentais da Gestalt e sua aplicação no design visual.
+  - Desenvolver habilidade crítica para análise e justificativa de decisões de design.
+  - Aplicar conceitos de semiótica na criação de projetos gráficos.
+  - Criar projetos gráficos fundamentados em princípios sólidos de design.
+contents:
+  - type: ARTICLE
+    title: "Identidade visual: o que é, qual a importância e como criar uma"
+    link: https://pm3.com.br/blog/identidade-visual/
+  - type: COURSE
+    title: "Design Gráfico"
+    link: https://www.eucapacito.com.br/cursos/design-grafico/
+alura-contents:
+  - type: ARTICLE
+    title: "Keyvisual: o que é e como ele pode te ajudar a criar um identidade única"
+    link: https://www.alura.com.br/artigos/keyvisual-o-que-e-como-pode-te-ajudar
+  - type: COURSE
+    title: "Design Gráfico: desenvolvendo identidade visual"
+    link: https://cursos.alura.com.br/course/design-grafico-identidade-visual
+  - type: COURSE
+    title: "Design Gráfico: construindo os elementos de uma identidade visual"
+    link: https://cursos.alura.com.br/course/design-grafico-elementos-identidade-visual
+  - type: COURSE
+    title: "Adobe Illustrator: compondo peças gráficas"
+    link: https://cursos.alura.com.br/course/adobe-illustrator-compondo-pecas-graficas
+