{"id":18160,"date":"2020-12-29T10:30:50","date_gmt":"2020-12-29T16:30:50","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=18160"},"modified":"2020-12-30T09:05:47","modified_gmt":"2020-12-30T15:05:47","slug":"after-effects-ripple-effect-2","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/","title":{"rendered":"Animate Your Logo with this After Effects Ripple Effect"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-want-to-add-punch-to-your-logo-animation-check-out-this-after-effects-tutorial-showing-you-how-to-create-a-cool-ripple-effect\"><span id=\"want-to-add-punch-to-your-logo-animation-check-out-this-after-effects-tutorial-showing-you-how-to-create-a-cool-ripple-effect\">Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!<\/span><\/h2>\n\n\n\n<p>Learn how to simulate a ripple effect using the tools within Adobe After Effects. In the tutorials below, we&#8217;ll learn how to work with logo animation (in general), then dive into how this animation gives the impression that the flying logo causes the background to create ripples\u2014much like what would happen if you tossed something into a pool of water. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-animate-a-logo\"><span id=\"how-to-animate-a-logo\">How to Animate a Logo<\/span><\/h3>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/0CnXo7q8WC4?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p>Now that you&#8217;ve covered all the bases for movement inside your logo\u2014whether it be individual vectors or the logo as a whole\u2014we can move on to learning how to create and customize a ripple\/water-like effect.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-customize-a-ripple-effect\"><span id=\"customize-a-ripple-effect\">Customize a Ripple Effect<\/span><\/h3>\n\n\n\n<p>This video tutorial clearly lays out the steps to create this effect. However,&nbsp;(obviously) familiarity with After Effects is a big plus as he breezes quickly through each step.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/yTqufFc62Pw?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p>As you can see, all it takes is a few simple steps using the Radio Waves effects built into After Effects. By playing with the Stroke and Water effect, you can seamlessly create the ripple effect as if the title were laying on the surface of a liquid. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-creating-titles-and-track-mattes\"><span id=\"creating-titles-and-track-mattes\">Creating Titles and Track Mattes<\/span><\/h3>\n\n\n\n<p>Now, if you&#8217;re wanting to take a further dip into how you can manipulate your titles and logos through track mattes and other elements (like stock footage), check out Charles Yeager&#8217;s deep dive into everything you can do with <a href=\"https:\/\/www.premiumbeat.com\/blog\/matte-text-animations-in-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Titles and Track Mattes<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/IPMS60ehkD0?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Be sure to check out the <a href=\"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">PremiumBeat After Effects archive<\/a> for plenty of AE&nbsp;tips, tricks, and techniques. If you&#8217;re searching for elements like <a href=\"https:\/\/www.shutterstock.com\/video\/elements\/category\/lens-flares\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">light leaks<\/a>, <a href=\"https:\/\/www.premiumbeat.com\/blog\/17-free-anamorphic-lens-flares\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">lens flares<\/a>, <a href=\"https:\/\/www.premiumbeat.com\/blog\/16-free-light-dust-elements\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">dust overlays<\/a>, or <a href=\"https:\/\/www.premiumbeat.com\/blog\/add-volumetric-lighting-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">volumetric lighting<\/a>, check out our stacked library of assets at <a href=\"https:\/\/www.shutterstock.com\/video\/elements\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Shutterstock Elements<\/a>. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>For additional information on creating graphics and animations, check out these articles:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/free-motion-graphics-templates-for-premiere-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">10 FREE Motion Graphics Templates for Premiere Pro (Animated Titles)<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/5-keyframe-animations-every-editor-should-know\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">5 Keyframe Animations Every Video Editor Should Know<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/free-design-elements-for-motion-designers\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Free Design Elements for Motion Graphics Artists<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/how-to-create-line-boil-animations\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">How to Create Dynamic and Fun Line Boil Animations<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/free-vaporwave-synthwave-graphics\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Free Vaporwave and Synthwave Graphics for Your Next Project<\/a><\/li><\/ul>\n\n\n\n<p><em>Cover image via <a rel=\"noreferrer noopener\" href=\"https:\/\/premier.shutterstock.com\/image\/detail-1111512254\/top-view-closeup-blue-water-rings-circle-reflections-in-pool\" target=\"_blank\" data-wpel-link=\"external\">YJ.K<\/a><\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!<\/p>\n","protected":false},"author":130,"featured_media":146264,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"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":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[30,21,583],"tags":[177,5375,55,80,51,294,31,5376,844],"class_list":["post-class-post-18160","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-has-post-thumbnail","post-class-hentry","post-class-category-after-effects","post-class-category-tutorials","post-class-category-video-production-2","post-class-tag-adobe","post-class-tag-after-effects","post-class-tag-effects","post-class-tag-motion-design","post-class-tag-post-production","post-class-tag-ripple","post-class-tag-tutorial","post-class-tag-video-editing","post-class-tag-video-tutorial"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Animate Your Logo with this After Effects Ripple Effect<\/title>\n<meta name=\"description\" content=\"Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animate Your Logo with this After Effects Ripple Effect\" \/>\n<meta property=\"og:description\" content=\"Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-29T16:30:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-30T15:05:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/12\/28163356\/shutterstock_image-6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Logan Baker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Logan Baker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/\",\"name\":\"Animate Your Logo with this After Effects Ripple Effect\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2020-12-29T16:30:50+00:00\",\"dateModified\":\"2020-12-30T15:05:47+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/ee923244053f30dddcabca0d20b14f9b\"},\"description\":\"Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"After Effects\",\"item\":\"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Animate Your Logo with this After Effects Ripple Effect\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/ee923244053f30dddcabca0d20b14f9b\",\"name\":\"Logan Baker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b2441382c52af2095560dac5e8f96d0841442d91d42cf7fa1973b8083a89490e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b2441382c52af2095560dac5e8f96d0841442d91d42cf7fa1973b8083a89490e?s=96&d=mm&r=g\",\"caption\":\"Logan Baker\"},\"description\":\"Logan Baker is a freelance video editor, cinematographer, and photographer based in Denver, Colorado. When he's not working you can find him endlessly searching eBay for film cameras he can't afford.\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/lbakershutterstock-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Animate Your Logo with this After Effects Ripple Effect","description":"Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/","og_locale":"en_US","og_type":"article","og_title":"Animate Your Logo with this After Effects Ripple Effect","og_description":"Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!","og_url":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2020-12-29T16:30:50+00:00","article_modified_time":"2020-12-30T15:05:47+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/12\/28163356\/shutterstock_image-6.jpg","type":"image\/jpeg"}],"author":"Logan Baker","twitter_card":"summary_large_image","twitter_creator":"@Premiumbeat","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Logan Baker","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/","url":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/","name":"Animate Your Logo with this After Effects Ripple Effect","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2020-12-29T16:30:50+00:00","dateModified":"2020-12-30T15:05:47+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/ee923244053f30dddcabca0d20b14f9b"},"description":"Want to add punch to your logo animation? Check out this After Effects tutorial showing you how to create a cool ripple effect!","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"After Effects","item":"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/"},{"@type":"ListItem","position":3,"name":"Animate Your Logo with this After Effects Ripple Effect"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/ee923244053f30dddcabca0d20b14f9b","name":"Logan Baker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b2441382c52af2095560dac5e8f96d0841442d91d42cf7fa1973b8083a89490e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b2441382c52af2095560dac5e8f96d0841442d91d42cf7fa1973b8083a89490e?s=96&d=mm&r=g","caption":"Logan Baker"},"description":"Logan Baker is a freelance video editor, cinematographer, and photographer based in Denver, Colorado. When he's not working you can find him endlessly searching eBay for film cameras he can't afford.","url":"https:\/\/www.premiumbeat.com\/blog\/author\/lbakershutterstock-com\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/shutterstock_image-6.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-4IU","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/18160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/130"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=18160"}],"version-history":[{"count":9,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/18160\/revisions"}],"predecessor-version":[{"id":146316,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/18160\/revisions\/146316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/146264"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=18160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=18160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=18160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}