{"id":2393,"date":"2017-10-08T01:47:54","date_gmt":"2017-10-08T06:47:54","guid":{"rendered":"http:\/\/www.pivisuals.com\/news\/?p=2393"},"modified":"2017-10-09T13:05:53","modified_gmt":"2017-10-09T18:05:53","slug":"dragon-soul-piano-cover-making-of","status":"publish","type":"post","link":"https:\/\/www.pivisuals.com\/news\/2017\/10\/dragon-soul-piano-cover-making-of\/","title":{"rendered":"Dragon Soul Piano Cover &#8211; Making Of"},"content":{"rendered":"<p>Making the <a title=\"Cosplay Fun\" href=\"http:\/\/www.pivisuals.com\/news\/2017\/09\/dragon-soul-piano-cover-in-cosplay\/\" target=\"_blank\">Dragon Soul Piano Cover video<\/a> was fun, but it did come with its challenges. Most of this came after shooting the video.<\/p>\n<p>Some preliminary work was needed prior to shooting (outside of making the costumes, of course). The biggest was determining the best location for the mic. After some testing, the answer was on the book shelf, to the right of the screen behind a few books.<\/p>\n<p>The other thing was setting up the shot. However, I wish I was more thorough with this. While I like the camera angle, I should have removed the mirror. The reason:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ImageWithMary.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2394 size-medium\" title=\"Oops.\" src=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ImageWithMary-300x169.jpg\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ImageWithMary-300x169.jpg 300w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ImageWithMary-768x432.jpg 768w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ImageWithMary-1024x576.jpg 1024w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ImageWithMary.jpg 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>I should have realized the mirror was going to cause problems; and while I could have left things as is, I felt the presence of this Photo Bomber was too distracting.<\/p>\n<p>On the bright side, I used this distraction (let&#8217;s call her Mary) as an excuse to do some masking\/ rotoscoping. While tedious, it&#8217;s still a worthwhile skill to keep sharpened.<\/p>\n<p>The first step in removing Mary from the video was creating a Mary-Free image in Photoshop. This was done rather easily with the Clone Stamp Tool:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/MaryFreePlate.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2395 size-medium\" title=\"Much Better\" src=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/MaryFreePlate-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/MaryFreePlate-300x169.png 300w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/MaryFreePlate-768x432.png 768w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/MaryFreePlate-1024x576.png 1024w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/MaryFreePlate.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The next step was removing Mary frame by frame. This required the use of masks in After Effects, and keyframing their position whenever somebody walked in front of Mary. This was admittedly a bit of a time suck: but after a decent amount of effort, I was happy with the final product:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/WithWithoutMaryComp.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2396 size-medium\" title=\"It's as if she never existed.\" src=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/WithWithoutMaryComp-267x300.jpg\" alt=\"\" width=\"267\" height=\"300\" srcset=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/WithWithoutMaryComp-267x300.jpg 267w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/WithWithoutMaryComp-768x864.jpg 768w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/WithWithoutMaryComp-910x1024.jpg 910w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/WithWithoutMaryComp.jpg 1920w\" sizes=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/a><\/p>\n<p>Fortunately, once Piccolo came in the shot, he obscured our unwitting Photo Bomber. As such, I didn&#8217;t have to do this for the entire 90 seconds. It was closer to about 40 seconds.<\/p>\n<p>There were a few other steps that had to be done. These included:<\/p>\n<p><strong>\u00c2\u00a0 \u00c2\u00a0 \u00c2\u00a0\u00e2\u20ac\u00a2 Reviewing The Takes:<\/strong> Playing piano in those gloves was not easy. It took several attempts before I got a satisfactory take. I believe out of 7 tries, there were only two takes where I didn&#8217;t cut early due to mishaps. Since the camera kept rolling throughout, I had to review and document where these were.<br \/>\n<strong>\u00c2\u00a0 \u00c2\u00a0 \u00c2\u00a0\u00e2\u20ac\u00a2 Audio Editing\/ Mixing:<\/strong> Even though a good location for the mic was determined prior to shooting, I still took the audio into Audition and did a little mixing to boost the overall sound quality. As always with mixing, I could have spent even longer on it, but I had to know when to say when.<br \/>\n<strong>\u00c2\u00a0 \u00c2\u00a0 \u00c2\u00a0\u00e2\u20ac\u00a2 Add SFX:<\/strong> It was subtle, but I wanted to enhance the video with a few subtle sound effects. The most obvious was the &#8216;Whoosh&#8217; around 0:04, but the footsteps and squeaking sound when I sat on the piano bench were also added after the fact. The other big thing was adding a &#8216;Room Tone&#8217;. This subtle background noise was present when the piano wasn&#8217;t playing and helped the transition between silence and music.<br \/>\n<strong>\u00c2\u00a0 \u00c2\u00a0 \u00c2\u00a0\u00e2\u20ac\u00a2 Color Correction:<\/strong> I have not had much experience with Color Correction, and this was a perfect time to get more acquainted. Ideally, I wanted to give Adobe Premiere&#8217;s Lumetri Scopes a whirl. Unfortunately, that wasn&#8217;t an option this time around. Instead, I used some basic Contrast, Brightness, and Fast Color Correction settings to boost things up. I also got a better handle on the Waveforms and Scopes that detail the video&#8217;s color palette.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/PremiereScreenshot.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2397 size-medium\" title=\"Screenshot of Adobe Premiere.\" src=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/PremiereScreenshot-300x153.jpg\" alt=\"\" width=\"300\" height=\"153\" srcset=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/PremiereScreenshot-300x153.jpg 300w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/PremiereScreenshot-768x393.jpg 768w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/PremiereScreenshot-1024x523.jpg 1024w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/PremiereScreenshot.jpg 1890w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The adjustments were more subtle, but I used it more as a learning exercise while still tweaking things. Quickly: I lowered the brightness, increased the contrast, added some red\/ orange to the highlights and midtones, and gave a slightly redish tint to the shadows. In the image below, the image on top is the original, while the bottom image is the color correction:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ColorCorrection-1.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2401 size-medium\" title=\"It might require some staring, but the differences are there.\" src=\"http:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ColorCorrection-1-267x300.jpg\" alt=\"\" width=\"267\" height=\"300\" srcset=\"https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ColorCorrection-1-267x300.jpg 267w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ColorCorrection-1-768x864.jpg 768w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ColorCorrection-1-910x1024.jpg 910w, https:\/\/www.pivisuals.com\/wordpress\/wp-content\/uploads\/2017\/10\/ColorCorrection-1.jpg 1920w\" sizes=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/a><\/p>\n<p>I normally do editing for animation projects in Sony Vegas, however I wanted to stretch myself a bit and use Adobe Premiere &#8211; something I have only a little experience with. I feel it provides more control with color correction, even without the Lumetri Scopes. Fortunately I was familiar enough with the software that it wasn&#8217;t much of a learning curve.<\/p>\n<p>Overall, I am very happy with the end result for the video. The material is definitely esoteric, but I love it. Specifically, the dancing cracks me up as well as the interchange between Goku and Piccolo. Plus, I love the song (both playing it and listening to it).<\/p>\n<p>The project provided a lot of fun exercises and yielded a video I thoroughly enjoy. Hope you agree &#8211; and found this post informative.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Making the Dragon Soul Piano Cover video was fun, but it did come with its challenges. Most of this came after shooting the video. Some preliminary work was needed prior to shooting (outside of making the costumes, of course). The biggest was determining the best location for the mic. After some testing, the answer was [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[63,131,34,132],"class_list":["post-2393","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-after-effects","tag-c2e2","tag-dbz","tag-dragon-soul"],"_links":{"self":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/2393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/comments?post=2393"}],"version-history":[{"count":3,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/2393\/revisions"}],"predecessor-version":[{"id":2403,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/posts\/2393\/revisions\/2403"}],"wp:attachment":[{"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/media?parent=2393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/categories?post=2393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pivisuals.com\/news\/wp-json\/wp\/v2\/tags?post=2393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}