{"id":102,"date":"2018-05-01T08:18:00","date_gmt":"2018-05-01T08:18:00","guid":{"rendered":"http:\/\/digiart.lazylark.com\/blog\/?p=102"},"modified":"2018-05-01T16:52:11","modified_gmt":"2018-05-01T16:52:11","slug":"final-project-breakdown","status":"publish","type":"post","link":"https:\/\/digiart.lazylark.com\/blog\/uncategorized\/final-project-breakdown\/","title":{"rendered":"Final Project Breakdown"},"content":{"rendered":"<p>For this final project, I knew I wanted to do something with video animation of some kind. I also knew that I wanted to do something that would be useful outside of the class. With the time that is going into this project, I felt it would be best served if this time and effort went towards something that could be used for something. Thus, the idea of a music video for my band.<\/p>\n<p>Initially I was going to attempt to do claymation, but realized for the length of one of my bands songs it was going to be a lot more work and take more time than this project is supposed to, so I scratched that.<\/p>\n<p>The next thing I tried was using the adobe Character Animator. That program is wild, and using a template I created a puppet version of myself (i&#8217;m an idiot and have no proof of this b\/c I deleted it to make space on my laptop, which is relevant later). This took me a couple hours as the first time I made it, I did so in a way that it didn&#8217;t respond to movement when transferred back to the program from an .ai file. So I had to re-create myself twice in order to have the puppet respond to the movements I was making. I ended up choosing not to do this for the project because I felt the mouth movement wasn&#8217;t expressive enough for something like singing and trying to coordinate puppets playing instruments again, felt like too big a task. So, once again, I was at square two.<\/p>\n<p>I knew I wanted to do something for my band in regards to animation and that&#8217;s when the idea to rotoscope popped into my mind.<\/p>\n<p>I had a video of us playing a song in my friends living room, so I decided to use that as the base. Initially when I began doing this I was going to have the background be the part that I was altering and drawing on. I did this through photoshop, splitting the video up into sections so that the file wouldn&#8217;t overload in photoshop.<\/p>\n<p>Every 20 seconds is about 155 frames.<\/p>\n<p>Here&#8217;s what I tried first:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-103\" src=\"http:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.46-AM.png\" alt=\"\" width=\"1942\" height=\"1084\" srcset=\"https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.46-AM.png 1942w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.46-AM-300x167.png 300w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.46-AM-768x429.png 768w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.46-AM-1024x572.png 1024w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>This was a very poor and quickly given up attempt at this project. I realized I didn&#8217;t like how we looked especially with the lighting against an altered background.<\/p>\n<p>My next idea was to have the instruments be drawn over like this:\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-104 size-full\" src=\"http:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.59-AM.png\" alt=\"\" width=\"1944\" height=\"1104\" srcset=\"https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.59-AM.png 1944w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.59-AM-300x170.png 300w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.59-AM-768x436.png 768w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.05.59-AM-1024x582.png 1024w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>I got a couple frames in and gave up on this because it was going to take way way too long. That&#8217;s been the biggest hurdle I have hit. Time commitment with this.<\/p>\n<p>So finally, I decided to do something of the opposite and have us (the band\/humans) be color blobs playing the instruments like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-105 size-full\" src=\"http:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.10.00-AM.png\" alt=\"\" width=\"1402\" height=\"790\" srcset=\"https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.10.00-AM.png 1402w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.10.00-AM-300x169.png 300w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.10.00-AM-768x433.png 768w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.10.00-AM-1024x577.png 1024w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>This was the project I was happy with attempting to complete. I knew that I wasn&#8217;t going to be able to finish all four minutes by the final project but I had hoped to complete at least a minute, but again, <em>every 20 seconds is about 155 frames.<\/em><\/p>\n<p>I was doing this still using photoshop and mainly through the quick select\/fill and paintbrush tools.<\/p>\n<p>At first it felt like I was getting a lot done in a short amount of time but when it came down to it, I wasn&#8217;t. There are so many frames and three figures in each frame which made for a lot of work.<\/p>\n<p>I spent one afternoon, who knows how many hours straight just working on it, and ended up with four seconds of one figure looking really good: (I took a video on my phone and turned that video into a .gif for you)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-111\" src=\"http:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/ezgif.com-optimize.gif\" alt=\"\" width=\"600\" height=\"750\" \/><\/p>\n<p>Finally I felt like I was going somewhere and doing something with this project. &amp; then my laptop hated me.<\/p>\n<p>After having a decent amount done and like on a good track, while quick-selecting a figure, photoshop suddenly stopped working and popped up with this error message:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-108\" src=\"http:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.01.15-AM.png\" alt=\"\" width=\"1004\" height=\"480\" srcset=\"https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.01.15-AM.png 1004w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.01.15-AM-300x143.png 300w, https:\/\/digiart.lazylark.com\/blog\/wp-content\/uploads\/2018\/05\/Screen-Shot-2018-05-01-at-4.01.15-AM-768x367.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<p>After pressing &#8220;ok&#8221; the program crashed and of course, I had not saved in a while! When I opened it back up almost all of my progress was lost. This meant that after learning what a scratch disk is, and deleting a ton from my laptop because even though I was using an external to store the file that didn&#8217;t mean my laptop itself was okay.<br \/>\nSo I deleted programs and files in order to make sure that no other issues occurred. (One of which was character animator, leaving me with no trace of the puppet self I had originally made).<\/p>\n<p>After spending hours re-working I have about 100 frames of one figure completed. It wasn&#8217;t as much as I had hoped, but at the same time I have spent more than the 16 hours on this project as a whole.<\/p>\n<p>I then took the 100 frames and saved them as a video. I then synced it to the music in iMovie to create the piece that will be shown in critique.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this final project, I knew I wanted to do something with video animation of some kind. I also knew that I wanted to do something that would be useful outside of the class. With the time that is going into this project, I felt it would be best served if this time and effort &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/digiart.lazylark.com\/blog\/uncategorized\/final-project-breakdown\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Final Project Breakdown&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":4,"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digiart.lazylark.com\/blog\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}