{"id":3356,"date":"2020-09-18T01:19:09","date_gmt":"2020-09-18T01:19:09","guid":{"rendered":"http:\/\/procedural-audio.com\/blog\/?p=3356"},"modified":"2021-12-16T04:50:02","modified_gmt":"2021-12-16T04:50:02","slug":"logo-sound-design-in-after-effects","status":"publish","type":"post","link":"http:\/\/procedural-audio.com\/blog\/2020\/09\/18\/logo-sound-design-in-after-effects\/","title":{"rendered":"Using DSP Motion and After Effects"},"content":{"rendered":"<div class=\"blog-author\">\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2954\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/07\/NicolasFournel-1.png\" sizes=\"(max-width: 263px) 100vw, 263px\" srcset=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/07\/NicolasFournel-1.png 263w, http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/07\/NicolasFournel-1-150x25.png 150w\" alt=\"NicolasFournel\" width=\"263\" height=\"44\"><\/div>\n<div class=\"blog-author\">\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/08\/AxelSpeller2-2.png\" alt=\"AxelSpeller\">\n<\/div>\n<p>In this post, we use <a href=\"http:\/\/procedural-audio.com\/web\/en\/products-dspmotion.html\" target=\"_blank\" rel=\"noopener\">DSP Motion<\/a> to design the sounds of an animated logo created in After Effects. First, let\u2019s see the final result before diving into the process. <\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/Final-with-Audio.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/using-dsp-motion-and-after-effects-1.jpg\" alt=\"\"><\/a><\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px; border:1px solid #ccc;\" poster=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo1.jpg\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/Final-with-Audio.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p>\nThe sound design of the logo consists in 4 layers, all created by drawing sounds in DSP Motion. They were then imported directly in After Effects, and no extra processing was used. You can download all the files at the bottom of this page.<\/p>\n<p>\nFor the first layer, we drew our sound by following the water movement as closely as possible. This gave us the base of the final sound. The Water shader of the Move motion was an obvious choice.<\/p>\n<p>\n<em>Tip: don\u2019t forget to click on the pin icon in the top-right corner of the window to make sure that DSP Motion will stay on top when you draw while previewing the video in After Effects.<\/em><\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px;\" poster=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo2.jpg\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/01_Move_Water_EN.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/01_Move_Water_EN.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/using-dsp-motion-and-after-effects-2.jpg\" alt=\"\"><\/a><\/p>\n<p>\nOnce done, we exported the sound to After Effects. To do that, first make sure in the Settings window that the sample rate in DSP Motion corresponds to what you want for your project. Then, simply hit the render button to save the wave file (make sure that number of files is set to 1 or DSP Motion will generate variations automatically). Finally, drag and drop the resulting wave file onto your After Effects project and create the corresponding clip.<\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px;\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/05_Import2.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/05_Import2.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/using-dsp-motion-and-after-effects-3.jpg\" alt=\"\"><\/a><\/p>\n<p>For the second layer, we used the Air shader of the Move motion to emphasize the passby effect of the water. The drawing still follows the movement of the water, although more loosely. We also used this patch to add a bit of emphasis when the tag line (\u201csoftware for creative&#8221;) appears.<\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px;\" poster=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo3.jpg\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/02_Move_Air_EN.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/02_Move_Air_EN.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo3.jpg\" alt=\"\"><\/a><\/p>\n<p>The Water shader of the Rotate motion was used for the third layer. It adds presence to the main splash, as well as a water component to the tag line.<\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px;\" poster=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo4.jpg\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/03_Rotate_Water_EN.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/03_Rotate_Water_EN.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo4.jpg\" alt=\"\"><\/a><\/p>\n<p>Finally, to create a bit of contrast &#8211; and not have a fully realistic sound design -, we drew a last sound with the Musical shader of the Merge motion. This shader was perfect to add some impact to the Tsugi logo apparition, just after the splash.<\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px;\" poster=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo5.jpg\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/04_Merge_Musical_EN.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/04_Merge_Musical_EN.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/logo5.jpg\" alt=\"\"><\/a><\/p>\n<p>After drawing all the sound layers and importing them into our After Effects project, we adjusted their timing and levels to create the final sound design of the logo.<\/p>\n<p><!--\n<video style=\"width: 100%; max-width: 640px;\" controls=\"controls\"><source src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/06_Mix.mp4\" type=\"video\/webm\" \/><\/video>\n--><\/p>\n<p><a class=\"litymp3_new\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/06_Mix.mp4\" data-lity=\"\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/using-dsp-motion-and-after-effects-6.jpg\" alt=\"\"><\/a><\/p>\n<p>All the sound layers and the corresponding DSP Motion files are available for download below. The logo animation was based on a template from <a href=\"https:\/\/motionarray.com\/after-effects-templates\/splash-fx-logo-reveal-750776\" target=\"_blank\" rel=\"noopener\">Motion Array<\/a>.<\/p>\n<p><a class=\"dspmotion-logo-20200828\" href=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/09\/Patches_and_Waves.zip\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/08\/download-file2.png\" alt=\"download file\" width=\"50\" height=\"60\" class=\"alignnone size-full wp-image-3253\"><span>download files<\/span><\/a><\/p>\n<p>For a more advanced example of sound creation for an animated logo, this time in a DAW (Reaper), check this recent post:<\/p>\n<p style=\"text-align:center;\">\n<a class=\"dspmotion-blog20200917\" href=\"http:\/\/procedural-audio.com\/blog\/2020\/08\/28\/logo-sound-design-with-dsp-motion\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/08\/20200820-logo-sound-creation-1.jpg\"><\/a>\n<\/p>\n<p><a class=\"dspmotion-learnmore\" href=\"http:\/\/procedural-audio.com\/web\/en\/products-dspmotion.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"http:\/\/procedural-audio.com\/blog\/wp-content\/uploads\/2020\/08\/learn-more-about-dspmotion-1.png\" alt=\"learn more about dspmotion\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, we use DSP Motion to design the sounds of an animated logo created in After Effects. First, let\u2019s see the final<\/p>\n","protected":false},"author":1,"featured_media":3418,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[15,20,12],"tags":[],"_links":{"self":[{"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/posts\/3356"}],"collection":[{"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/comments?post=3356"}],"version-history":[{"count":45,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/posts\/3356\/revisions"}],"predecessor-version":[{"id":4807,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/posts\/3356\/revisions\/4807"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/media\/3418"}],"wp:attachment":[{"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/media?parent=3356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/categories?post=3356"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/procedural-audio.com\/blog\/wp-json\/wp\/v2\/tags?post=3356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}