{"id":7402,"date":"2025-08-08T13:32:18","date_gmt":"2025-08-08T20:32:18","guid":{"rendered":"https:\/\/landylachs.com\/sketchblog\/?p=7402"},"modified":"2025-10-24T10:59:12","modified_gmt":"2025-10-24T17:59:12","slug":"trahearne-animated-panel-test-august-8-2025","status":"publish","type":"post","link":"https:\/\/landylachs.com\/sketchblog\/2025\/08\/trahearne-animated-panel-test-august-8-2025\/","title":{"rendered":"Trahearne Animated Panel Test | August 8, 2025"},"content":{"rendered":"<p><a href=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/gw2-The-Harbingers-Path-Ch2-14-animation-test.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7403 size-full\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/gw2-The-Harbingers-Path-Ch2-14-animation-test.gif\" alt=\"Animated panel crop from &quot;The Harbinger's Path&quot; Trahearne and Malyck fan comic. Shows an angry Trahearne surrounded by vined thorns, ley-line energy teeming all around him. Both his bioluminescence and the ley-line energy around him pulse and flicker.\" width=\"400\" height=\"300\"><\/a>This is a very, very rough test &#8211; but contemplating adding slight animation to the <a href=\"https:\/\/landylachs.com\/harbinger\/ch2\/guild-wars-2-the-harbingers-path-ch2-14.html\" target=\"_blank\" rel=\"noopener\">final page of chapter 2.<\/a>&nbsp;<\/p>\n<p>I should probably be using fade\/opacity transitions for this and not frames, but, I both don&#8217;t know how to do that in Krita (yet, if the function is there), and I&#8217;m also partial to frame animation to probably a detrimental degree, haha.&nbsp;<\/p>\n<hr>\n<p><strong>Edit: August 9, 2025&nbsp;<\/strong><\/p>\n<figure id=\"attachment_7426\" aria-describedby=\"caption-attachment-7426\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation-practice-web.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7426 size-full\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation-practice-web.gif\" alt=\"Practice 2d frame animation of Trahearne from Guild Wars 2. He stands near thorned vines as ley-line energy pulses around him. \" width=\"640\" height=\"640\"><\/a><figcaption id=\"caption-attachment-7426\" class=\"wp-caption-text\">Practice frame animation<em> (Unfinished)&nbsp;<\/em><\/figcaption><\/figure>\n<p>Decided to practice a bit more with this (separate) test, and also widened the aspect ratio. I&#8217;m not planning on finishing this because it was mainly unplanned practice, and the way I set up the file is pretty messy. Mainly after the initial sketch, I made a layer and just drew on top of each keyframe &#8211; both the character and the background. This would probably make it too time-prohibitive if I wanted to try and fix every error and make the frames motion read more smoothly, haha.&nbsp;<\/p>\n<p>Really fun to do though, and it gave me a good sense for how Krita&#8217;s timework works now. Should make it easier for me to add some small animation to Chapter 2&#8217;s final page at some point!&nbsp;<\/p>\n<p>Anyway, earlier WIP versions in the full post below:&nbsp;<\/p>\n<p><!--more--><\/p>\n<hr>\n<p><strong>Edit: August 8, 2025&nbsp;<\/strong><\/p>\n<figure id=\"attachment_7421\" aria-describedby=\"caption-attachment-7421\" style=\"width: 350px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation_wip.07.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7421 size-full\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation_wip.07.gif\" alt=\"\" width=\"350\" height=\"622\"><\/a><figcaption id=\"caption-attachment-7421\" class=\"wp-caption-text\">WIP 4<\/figcaption><\/figure>\n<p>Did an even rougher frame test to better familiarize myself with Krita&#8217;s animation timeline. This is definitely practice, and not something I&#8217;d consider finished.&nbsp;<\/p>\n<p>A few earlier versions in the full post below:<\/p>\n<div id='gallery-1' class='gallery galleryid-7402 gallery-columns-3 gallery-size-full'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation.02-sm.gif'><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"622\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation.02-sm.gif\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-7409\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-7409'>\n\t\t\t\tWIP 1\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation.03-sm.gif'><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"622\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation.03-sm.gif\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-7410\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-7410'>\n\t\t\t\tWIP 2\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation.05-sm.gif'><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"622\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation.05-sm.gif\" class=\"attachment-full size-full\" alt=\"\" aria-describedby=\"gallery-1-7407\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-7407'>\n\t\t\t\tWIP 3\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>I tried a lot of tinting\/color washes over the frames, before deciding I think I like the contrast of the versions without those color tints. Then, I decided the opposite. I think that means I need to sleep on it. Haha. Below is a version without the color tints, that&#8217;s close to the most recent WIP:&nbsp;<\/p>\n<figure id=\"attachment_7419\" aria-describedby=\"caption-attachment-7419\" style=\"width: 350px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation_wip.06.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-7419 size-full\" src=\"https:\/\/lizliu.com\/sketchblog\/wp-content\/uploads\/2025\/08\/Trahearne-idle-animation_wip.06.gif\" alt=\"\" width=\"350\" height=\"622\"><\/a><figcaption id=\"caption-attachment-7419\" class=\"wp-caption-text\">Practice frame animation.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This is a very, very rough test &#8211; but contemplating adding slight animation to the final page of chapter 2.&nbsp; I should probably be using fade\/opacity transitions for this and not frames, but, I both don&#8217;t know how to do that in Krita (yet, if the function is there), and I&#8217;m also partial to frame<span class=\"excerpt-ellipsis\">&#8230;<\/span><\/p>\n<p><a class=\"more-link\" href=\"https:\/\/landylachs.com\/sketchblog\/2025\/08\/trahearne-animated-panel-test-august-8-2025\/\" itemprop=\"url\">Continue Reading<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[733,5,422],"tags":[737,734,388,689,458],"class_list":["post-7402","post","type-post","status-publish","format-standard","hentry","category-2d-animation","category-digital-art","category-guild-wars-2","tag-2d-animation","tag-animation","tag-sylvari","tag-the-harbingers-path","tag-trahearne"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Landy","author_link":"https:\/\/landylachs.com\/sketchblog\/author\/liz\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/landylachs.com\/sketchblog\/category\/2d-animation\/\" rel=\"category tag\">2D Animation<\/a> <a href=\"https:\/\/landylachs.com\/sketchblog\/category\/digital-art\/\" rel=\"category tag\">Digital Art<\/a> <a href=\"https:\/\/landylachs.com\/sketchblog\/category\/guild-wars-2\/\" rel=\"category tag\">Guild Wars 2<\/a>","rttpg_excerpt":"This is a very, very rough test &#8211; but contemplating adding slight animation to the final page of chapter 2.&nbsp; I should probably be using fade\/opacity transitions for this and not frames, but, I both don&#8217;t know how to do that in Krita (yet, if the function is there), and I&#8217;m also partial to frame...Continue&hellip;","_links":{"self":[{"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/posts\/7402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/comments?post=7402"}],"version-history":[{"count":19,"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/posts\/7402\/revisions"}],"predecessor-version":[{"id":7432,"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/posts\/7402\/revisions\/7432"}],"wp:attachment":[{"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/media?parent=7402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/categories?post=7402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/landylachs.com\/sketchblog\/wp-json\/wp\/v2\/tags?post=7402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}