{"id":1204,"date":"2022-09-19T11:13:28","date_gmt":"2022-09-19T14:13:28","guid":{"rendered":"https:\/\/www.areae.com.br\/blog\/?p=1204"},"modified":"2022-09-19T16:50:57","modified_gmt":"2022-09-19T19:50:57","slug":"desenhando-uma-sequencia-de-movimentos-usando-os-keyframes-da-animacao","status":"publish","type":"post","link":"https:\/\/www.areae.com.br\/blog\/desenhando-uma-sequencia-de-movimentos-usando-os-keyframes-da-animacao\/","title":{"rendered":"Desenhando uma sequ\u00eancia de movimentos usando os keyframes da anima\u00e7\u00e3o"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-attachment-id=\"1205\" data-permalink=\"https:\/\/www.areae.com.br\/blog\/desenhando-uma-sequencia-de-movimentos-usando-os-keyframes-da-animacao\/img_20220917_123144-web\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?fit=1440%2C1080&amp;ssl=1\" data-orig-size=\"1440,1080\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Desenhando uma sequ\u00eancia de movimentos usando os keyframes da anima\u00e7\u00e3o\" data-image-description=\"&lt;p&gt;Desenhando uma sequ\u00eancia de movimentos usando os keyframes da anima\u00e7\u00e3o&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Desenhando uma sequ\u00eancia de movimentos usando os keyframes da anima\u00e7\u00e3o&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?fit=1024%2C768&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?resize=1024%2C768&#038;ssl=1\" alt=\"\" class=\"wp-image-1205\" srcset=\"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?w=1440&amp;ssl=1 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Desenhar uma sequ\u00eancia de movimentos usando os <em>keyframes <\/em>da anima\u00e7\u00e3o \u00e9 um processo trabalhoso, mas que rende um resultado admir\u00e1vel na pe\u00e7a final. A t\u00e9cnica \u00e9 muito usada em p\u00e1ginas de hist\u00f3rias em quadrinhos e cada quadro do movimento deve ser desenhado considerando o <a href=\"https:\/\/www.areae.com.br\/blog\/tag\/estudo-de-gestos\/\" data-type=\"post_tag\" data-id=\"241\">gesto<\/a>, a <a href=\"https:\/\/www.areae.com.br\/blog\/tag\/fundamentos-da-anatomia\/\" data-type=\"post_tag\" data-id=\"194\">anatomia<\/a>, a <a href=\"https:\/\/www.areae.com.br\/blog\/tag\/fundamentos-da-perspectiva\/\" data-type=\"post_tag\" data-id=\"195\">perspectiva<\/a>, o <em><a href=\"https:\/\/www.areae.com.br\/blog\/tag\/squash-stretch\/\" data-type=\"post_tag\" data-id=\"218\">squash and stretch<\/a><\/em> e a fluidez da sequ\u00eancia. \u00c9 um processo que p\u00f5e \u00e0 prova todos os fundamentos estudados pelo artista. Aqui vemos o instrutor Thiago Spyked, do <a rel=\"noreferrer noopener\" href=\"http:\/\/www.areae.com.br\/cursos-desenho-preparatorio-para-publicacao-de-quadrinhos\/\" target=\"_blank\">curso de desenho para quadrinhos da AreaE<\/a>, fazendo uma demonstra\u00e7\u00e3o da t\u00e9cnica na lousa, desenhando um personagem saltando o v\u00e3o entre dois pr\u00e9dios.<\/p>\n\n\n\n<p>Gostaria de ver mais cenas desenhadas usando essa t\u00e9cnica? Proponha alguma sequ\u00eancia de movimento nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desenhar uma sequ\u00eancia de movimentos usando os keyframes da anima\u00e7\u00e3o \u00e9 um processo trabalhoso, mas que rende um resultado admir\u00e1vel na pe\u00e7a final. A t\u00e9cnica \u00e9 muito usada em p\u00e1ginas de hist\u00f3rias em quadrinhos e cada quadro do movimento deve ser desenhado considerando o gesto, a anatomia, a perspectiva, o squash and stretch e a&hellip;&nbsp;<a href=\"https:\/\/www.areae.com.br\/blog\/desenhando-uma-sequencia-de-movimentos-usando-os-keyframes-da-animacao\/\" rel=\"bookmark\">Continue a ler &raquo;<span class=\"screen-reader-text\">Desenhando uma sequ\u00eancia de movimentos usando os keyframes da anima\u00e7\u00e3o<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1205,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[186,208,182],"tags":[171,241,193,194,217,195,218],"class_list":["post-1204","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-como-desenhar","category-curso-de-desenho-para-quadrinhos","category-post-do-dia","tag-dicas-de-desenho","tag-estudo-de-gestos","tag-foto-da-lousa","tag-fundamentos-da-anatomia","tag-fundamentos-da-animacao","tag-fundamentos-da-perspectiva","tag-squash-stretch"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220917_123144-web.jpg?fit=1440%2C1080&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p9zWrx-jq","jetpack-related-posts":[{"id":716,"url":"https:\/\/www.areae.com.br\/blog\/desenhando-usando-a-tecnica-de-squash-stretch\/","url_meta":{"origin":1204,"position":0},"title":"Desenhando usando a t\u00e9cnica de squash &#038; stretch","author":"Equipe AreaE","date":"31 de agosto de 2022","format":false,"excerpt":"Voc\u00ea j\u00e1 ouviu falar sobre a t\u00e9cnica de squash & stretch? Ela \u00e9 um dos fundamentos da anima\u00e7\u00e3o e \u00e9 muito usada para dar dinamismo e fluidez aos movimentos. Ela consiste em comprimir e esticar objetos ou personagens e d\u00e1 um aspecto male\u00e1vel a eles durante a anima\u00e7\u00e3o. A t\u00e9cnica\u2026","rel":"","context":"Em &quot;Como desenhar...&quot;","block_context":{"text":"Como desenhar...","link":"https:\/\/www.areae.com.br\/blog\/category\/como-desenhar\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220827_173611-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220827_173611-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220827_173611-web.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220827_173611-web.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220827_173611-web.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":881,"url":"https:\/\/www.areae.com.br\/blog\/desenhando-uma-cena-em-perspectiva-usando-a-lente-olho-de-peixe\/","url_meta":{"origin":1204,"position":1},"title":"Desenhando uma cena em perspectiva usando a lente olho de peixe","author":"Equipe AreaE","date":"4 de julho de 2022","format":false,"excerpt":"Uma das varia\u00e7\u00f5es da perspectiva com 3 pontos de fuga \u00e9 a lente olho de peixe. O visual dela tem impacto e pode valorizar muito a cena se bem aplicada. Nela, o eixo da profundidade \u00e9 mantido e os do comprimento e largura s\u00e3o modificados como se fossem meridianos. Esta\u2026","rel":"","context":"Em &quot;Como desenhar...&quot;","block_context":{"text":"Como desenhar...","link":"https:\/\/www.areae.com.br\/blog\/category\/como-desenhar\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/WhatsApp-Image-2022-06-11-at-13.55.25-1-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/WhatsApp-Image-2022-06-11-at-13.55.25-1-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/WhatsApp-Image-2022-06-11-at-13.55.25-1-web.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/WhatsApp-Image-2022-06-11-at-13.55.25-1-web.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/WhatsApp-Image-2022-06-11-at-13.55.25-1-web.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":1098,"url":"https:\/\/www.areae.com.br\/blog\/desenhando-o-corpo-masculino-e-revisando-os-fundamentos\/","url_meta":{"origin":1204,"position":2},"title":"Desenhando o corpo masculino e revisando os fundamentos","author":"Equipe AreaE","date":"14 de mar\u00e7o de 2022","format":false,"excerpt":"O aprendizado dos fundamentos \u00e9 um processo c\u00edclico. N\u00e3o \u00e9 porque voc\u00ea aprendeu a desenhar o rosto hoje que voc\u00ea nunca mais vai treinar as suas propor\u00e7\u00f5es novamente. O artista normalmente passa dos fundamentos da anatomia para os da perspectiva ou luz e invariavelmente acaba retornando para a anatomia com\u2026","rel":"","context":"Em &quot;Como desenhar...&quot;","block_context":{"text":"Como desenhar...","link":"https:\/\/www.areae.com.br\/blog\/category\/como-desenhar\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20211204_120845-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20211204_120845-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20211204_120845-web.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20211204_120845-web.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20211204_120845-web.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":1249,"url":"https:\/\/www.areae.com.br\/blog\/desenhando-o-corpo-humano-em-perspectiva-usando-blocos-e-esferas\/","url_meta":{"origin":1204,"position":3},"title":"Desenhando o corpo humano em perspectiva usando blocos e esferas","author":"Equipe AreaE","date":"28 de janeiro de 2022","format":false,"excerpt":"Desenhar o corpo humano em perspectiva \u00e9 um grande desafio. Resolver a anatomia como uma montagem de blocos e esferas ajuda a imaginar como cada pe\u00e7a do corpo est\u00e1 posicionada e a dire\u00e7\u00e3o para onde os seus planos est\u00e3o voltados. \u00c9 isso que o instrutor Leonardo Pinheiro estava explicando na\u2026","rel":"","context":"Em &quot;Como desenhar...&quot;","block_context":{"text":"Como desenhar...","link":"https:\/\/www.areae.com.br\/blog\/category\/como-desenhar\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/leonardo-rodrigues-A2-lv1-2-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/leonardo-rodrigues-A2-lv1-2-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/leonardo-rodrigues-A2-lv1-2-web.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/leonardo-rodrigues-A2-lv1-2-web.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/leonardo-rodrigues-A2-lv1-2-web.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":940,"url":"https:\/\/www.areae.com.br\/blog\/desenhando-o-corpo-humano-em-perspectiva-com-a-ajuda-de-um-retangulo\/","url_meta":{"origin":1204,"position":4},"title":"Desenhando o corpo humano em perspectiva com a ajuda de um ret\u00e2ngulo","author":"Equipe AreaE","date":"30 de maio de 2022","format":false,"excerpt":"Quem tem dificuldade em desenhar o corpo humano em perspectiva levanta a m\u00e3o! Uma dica que pode facilitar bastante o processo \u00e9 imaginar um ret\u00e2ngulo envolvendo o corpo do personagem e encontrar o seu centro. A partir da\u00ed, \u00e9 poss\u00edvel usar esse ponto como refer\u00eancia para imaginar as demais propor\u00e7\u00f5es.\u2026","rel":"","context":"Em &quot;Como desenhar...&quot;","block_context":{"text":"Como desenhar...","link":"https:\/\/www.areae.com.br\/blog\/category\/como-desenhar\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220528_124904-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220528_124904-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220528_124904-web.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220528_124904-web.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220528_124904-web.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":1020,"url":"https:\/\/www.areae.com.br\/blog\/desenhando-um-personagem-em-perspectiva-definindo-o-plano-do-chao\/","url_meta":{"origin":1204,"position":5},"title":"Desenhando um personagem em perspectiva definindo o plano do ch\u00e3o","author":"Equipe AreaE","date":"25 de abril de 2022","format":false,"excerpt":"Voc\u00ea tem dificuldade em desenhar o corpo humano em perspectiva? Desenhar algumas linhas para visualizar o plano onde o personagem est\u00e1 de p\u00e9 (o ch\u00e3o) ajuda bastante na hora de definir a posi\u00e7\u00e3o e o \u00e2ngulo da c\u00e2mera que est\u00e1 captando a cena. Neste exemplo do instrutor Thiago Spyked, do\u2026","rel":"","context":"Em &quot;Como desenhar...&quot;","block_context":{"text":"Como desenhar...","link":"https:\/\/www.areae.com.br\/blog\/category\/como-desenhar\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220423_121959-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220423_121959-web.jpg?fit=1200%2C900&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220423_121959-web.jpg?fit=1200%2C900&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220423_121959-web.jpg?fit=1200%2C900&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.areae.com.br\/blog\/wp-content\/uploads\/2022\/09\/IMG_20220423_121959-web.jpg?fit=1200%2C900&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/posts\/1204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1204"}],"version-history":[{"count":2,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/posts\/1204\/revisions"}],"predecessor-version":[{"id":1317,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/posts\/1204\/revisions\/1317"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/media\/1205"}],"wp:attachment":[{"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.areae.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}