{"id":39569,"date":"2014-04-24T13:19:12","date_gmt":"2014-04-24T17:19:12","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=39569"},"modified":"2014-04-24T13:19:12","modified_gmt":"2014-04-24T17:19:12","slug":"after-effects-video-tutorial-transition-from-one-comp-to-another","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/","title":{"rendered":"After Effects Video Tutorial: Transition from One Comp to Another"},"content":{"rendered":"<h2 id=\"in-this-premiumbeat-exclusive-tutorial-we-show-you-a-technique-for-seamlessly-transitioning-from-one-comp-to-another-in-after-effects\">In this Premiumbeat exclusive tutorial we show you a technique for seamlessly transitioning from one comp to another in After Effects.<\/h2>\n<p><img decoding=\"async\" title=\"Adobe After Effects\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/01\/adobe-after-effects-all-ver.jpg\" alt=\"Adobe After Effects\" \/><\/p>\n<p>Using a vector-based &#8216;eyeball&#8217; transition I&#8217;ll demonstrate a technique for transitioning from one comp to another in AE. The tutorial covers a few simple After Effects fundamentals including:<\/p>\n<ul>\n<li><strong>Creating an eyeball simulation<\/strong><\/li>\n<li><strong>Shape editors<\/strong><\/li>\n<li><strong>Using exclude effects<\/strong><\/li>\n<li><strong>Working\u00a0with alpha mattes<\/strong><\/li>\n<\/ul>\n<p><strong>While this tutorial is rather specific<\/strong> the techniques involved in making an animated eye transition can be used in a wide variety of motion graphic situations.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/92851532?title=0&amp;byline=0&amp;portrait=0\" frameborder=\"0\" width=\"500\" height=\"281\"><\/iframe><\/p>\n<p><em>More of a reader than a watcher? Follow along with the step-by-step tutorial below. Click any image for larger view.\u00a0<\/em><\/p>\n<table width=\"470\" border=\"0\" cellspacing=\"0\" cellpadding=\"10\">\n<tbody>\n<tr>\n<td align=\"left\" valign=\"top\" width=\"20\"><strong>1<\/strong><\/td>\n<td align=\"left\" valign=\"top\" width=\"446\">Create a new composition, new black solid, and new text titled &#8220;Start,Start,Start\u201d.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still001.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39599\" title=\"FEB07 - Comp to Comp.mp4.Still001\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still001.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>2<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new dark magenta shape layer. Make a mask over the first &#8220;start&#8221;. Duplicate the mask twice and drag down to cover all the words.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still002.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39598\" title=\"FEB07 - Comp to Comp.mp4.Still002\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still002.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>3<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set a keyframe on all the mask paths. Move the playhead forward 10 frames and position the mask path off of the letters.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still003.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39597\" title=\"FEB07 - Comp to Comp.mp4.Still003\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still003.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>4<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Move to the beginning of the composition and move the mask to begin on the far left.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still004.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39596\" title=\"FEB07 - Comp to Comp.mp4.Still004\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still004.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>5<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set opacity to 0 at the beginning and end of the animation then set the opacity to 100 percent.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still005.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39595\" title=\"FEB07 - Comp to Comp.mp4.Still005\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still005.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>6<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Offset the keyframes.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still006.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39594\" title=\"FEB07 - Comp to Comp.mp4.Still006\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still006.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>7<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Easy Ease all the keyframes. Use the graph editor to make a curved line.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still007.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39593\" title=\"FEB07 - Comp to Comp.mp4.Still007\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still007.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>8<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the dark magenta layer, place it above the text and give it an alpha track mask.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still008.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39592\" title=\"FEB07 - Comp to Comp.mp4.Still008\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still008.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>9<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create an exact duplicate of the composition and change the text to &#8220;End End End&#8221;.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still009.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39591\" title=\"FEB07 - Comp to Comp.mp4.Still009\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still009.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>10<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new composition called middle.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still010.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39590\" title=\"FEB07 - Comp to Comp.mp4.Still010\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still010.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>11<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Make a new null object that scales down from 100 to 50 over the course of a few frames.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still011.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39589\" title=\"FEB07 - Comp to Comp.mp4.Still011\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still011.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>12<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Parent the start composition to the null object.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still012.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39588\" title=\"FEB07 - Comp to Comp.mp4.Still012\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still012.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>13<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a diamond shape over the &#8220;Start&#8221; pre-comp using the pen tool. Make sure you turn off the fill.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still013.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39587\" title=\"FEB07 - Comp to Comp.mp4.Still013\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still013.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>14<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Use the convert vertex tool to round off the top and bottom vertices.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still014.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39586\" title=\"FEB07 - Comp to Comp.mp4.Still014\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still014.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>15<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set a keyframe for the shapes path.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still015.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39585\" title=\"FEB07 - Comp to Comp.mp4.Still015\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still015.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>16<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Move forward 10 frames and close the eyeball. Move 10 frames forward and open the eye again.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still016.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39584\" title=\"FEB07 - Comp to Comp.mp4.Still016\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still016.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>17<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Add a rectangle to the shape layer, add an exclude intersection effect.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still017.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39583\" title=\"FEB07 - Comp to Comp.mp4.Still017\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still017.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>18<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Parent the shape layer to the null object.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still018.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39582\" title=\"FEB07 - Comp to Comp.mp4.Still018\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still018.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>19<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new black solid and add it to the back. Create a new white ellipses shape layer and make the shape equal on the x and y scaling.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still019.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39581\" title=\"FEB07 - Comp to Comp.mp4.Still019\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still019.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>20<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the ellipses and create an eyeball like the picture.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still020.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39580\" title=\"FEB07 - Comp to Comp.mp4.Still020\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still020.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>21<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Parent the shape layers to the null.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still021.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39579\" title=\"FEB07 - Comp to Comp.mp4.Still021\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still021.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>22<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set keyframes to scale the pupil down over time.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still022.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39578\" title=\"FEB07 - Comp to Comp.mp4.Still022\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still022.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>23<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the eyeball and include only the inner pupil. Set the &#8220;start&#8221; layer to alpha matte so it only appears in the pupil.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still023.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39577\" title=\"FEB07 - Comp to Comp.mp4.Still023\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still023.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>24<\/strong><\/td>\n<td align=\"left\" valign=\"top\">You can stylize using keyframes on the pupil position, strokes, fills, among other things.<\/p>\n<p><a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still024.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-39576\" title=\"FEB07 - Comp to Comp.mp4.Still024\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/04\/FEB07-Comp-to-Comp.mp4.Still024.jpg\" alt=\"\" width=\"397\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Know of any other uses for this technique?<\/strong> Share in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.<\/p>\n","protected":false},"author":16,"featured_media":39606,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[30,21,39,92],"tags":[5375,1921,2668,1702,2665,2667,413,31,2666,844],"class_list":["post-class-post-39569","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-editing","post-class-category-video-tutorials-2","post-class-tag-after-effects","post-class-tag-compositions","post-class-tag-comps","post-class-tag-evan-abrams","post-class-tag-eyeball","post-class-tag-flat","post-class-tag-transition","post-class-tag-tutorial","post-class-tag-vectorized","post-class-tag-video-tutorial"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>After Effects Video Tutorial: Transition from One Comp to Another - The Beat: A Blog by PremiumBeat<\/title>\n<meta name=\"description\" content=\"In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.\" \/>\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-video-tutorial-transition-from-one-comp-to-another\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"After Effects Video Tutorial: Transition from One Comp to Another\" \/>\n<meta property=\"og:description\" content=\"In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/\" \/>\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=\"2014-04-24T17:19:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg?w=1024\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Evan Abrams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ECAbrams\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Abrams\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/\"},\"author\":{\"name\":\"Evan Abrams\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"headline\":\"After Effects Video Tutorial: Transition from One Comp to Another\",\"datePublished\":\"2014-04-24T17:19:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/\"},\"wordCount\":474,\"commentCount\":2,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ae-tutorial-comps-thumb.jpg\",\"keywords\":[\"After Effects\",\"compositions\",\"comps\",\"evan abrams\",\"Eyeball\",\"Flat\",\"transition\",\"tutorial\",\"Vectorized\",\"video tutorial\"],\"articleSection\":[\"After Effects\",\"Tutorials\",\"Video Editing\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#respond\"]}],\"copyrightYear\":\"2014\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/\",\"name\":\"After Effects Video Tutorial: Transition from One Comp to Another - The Beat: A Blog by PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ae-tutorial-comps-thumb.jpg\",\"datePublished\":\"2014-04-24T17:19:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"description\":\"In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ae-tutorial-comps-thumb.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ae-tutorial-comps-thumb.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/after-effects-video-tutorial-transition-from-one-comp-to-another\\\/#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\":\"After Effects Video Tutorial: Transition from One Comp to Another\"}]},{\"@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\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\",\"name\":\"Evan Abrams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"caption\":\"Evan Abrams\"},\"description\":\"Evan Abrams is a freelance motion graphics designer and After Effects guru. He has been using After Effects since version 5.5 (2002) and during his career has worked with clients ranging from multinational corporations and government institutions, to unsigned musicians and start up businesses, and all points in between. Freelancing is one of Evan's great joys since it connects him with new and interesting people, businesses, projects and ideas that he finds fascinating. He currently specializes in motion graphics and kinetic typography. Other fun facts about Evan: he is a 2nd\u00a0Dan Black Belt in Tae Kwon Do and he grew up in rural Ontario Canada next to a The Big Apple (a novelty truck stop). He is a huge fan of DIY projects and he holds a BA in Communications form Ottawa University.\u00a0 To get more of Evan in your life check out EvanAbrams.com, subscribe to his\u00a0Youtube Channel\u00a0or follow him on\u00a0Twitter.\",\"sameAs\":[\"http:\\\/\\\/evanabrams.com\",\"https:\\\/\\\/x.com\\\/ECAbrams\"],\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/author\\\/evanabrams\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"After Effects Video Tutorial: Transition from One Comp to Another - The Beat: A Blog by PremiumBeat","description":"In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.","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-video-tutorial-transition-from-one-comp-to-another\/","og_locale":"en_US","og_type":"article","og_title":"After Effects Video Tutorial: Transition from One Comp to Another","og_description":"In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.","og_url":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2014-04-24T17:19:12+00:00","og_image":[{"url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg?w=1024","width":1024,"height":1024,"type":"image\/jpeg"}],"author":"Evan Abrams","twitter_card":"summary_large_image","twitter_creator":"@ECAbrams","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Evan Abrams","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/"},"author":{"name":"Evan Abrams","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"headline":"After Effects Video Tutorial: Transition from One Comp to Another","datePublished":"2014-04-24T17:19:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/"},"wordCount":474,"commentCount":2,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg","keywords":["After Effects","compositions","comps","evan abrams","Eyeball","Flat","transition","tutorial","Vectorized","video tutorial"],"articleSection":["After Effects","Tutorials","Video Editing","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#respond"]}],"copyrightYear":"2014","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/","url":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/","name":"After Effects Video Tutorial: Transition from One Comp to Another - The Beat: A Blog by PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg","datePublished":"2014-04-24T17:19:12+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"description":"In this Premiumbeat exclusive tutorial we take a look at how to create an animated eyeball transition.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/after-effects-video-tutorial-transition-from-one-comp-to-another\/#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":"After Effects Video Tutorial: Transition from One Comp to Another"}]},{"@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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892","name":"Evan Abrams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","caption":"Evan Abrams"},"description":"Evan Abrams is a freelance motion graphics designer and After Effects guru. He has been using After Effects since version 5.5 (2002) and during his career has worked with clients ranging from multinational corporations and government institutions, to unsigned musicians and start up businesses, and all points in between. Freelancing is one of Evan's great joys since it connects him with new and interesting people, businesses, projects and ideas that he finds fascinating. He currently specializes in motion graphics and kinetic typography. Other fun facts about Evan: he is a 2nd\u00a0Dan Black Belt in Tae Kwon Do and he grew up in rural Ontario Canada next to a The Big Apple (a novelty truck stop). He is a huge fan of DIY projects and he holds a BA in Communications form Ottawa University.\u00a0 To get more of Evan in your life check out EvanAbrams.com, subscribe to his\u00a0Youtube Channel\u00a0or follow him on\u00a0Twitter.","sameAs":["http:\/\/evanabrams.com","https:\/\/x.com\/ECAbrams"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/evanabrams\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/04\/ae-tutorial-comps-thumb.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-aid","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/39569","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=39569"}],"version-history":[{"count":5,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/39569\/revisions"}],"predecessor-version":[{"id":39605,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/39569\/revisions\/39605"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/39606"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=39569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=39569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=39569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}