{"id":38359,"date":"2014-03-31T22:06:44","date_gmt":"2014-04-01T02:06:44","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=38359"},"modified":"2014-04-08T13:50:02","modified_gmt":"2014-04-08T17:50:02","slug":"video-tutorial-hipster-logos-and-badges-in-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/","title":{"rendered":"Video Tutorial: Hipster Logos and Badges in After Effects"},"content":{"rendered":"<h2 id=\"in-this-exclusive-after-effects-tutorial-we-show-you-a-quick-technique-for-creating-an-animated-hipster-badge-in-adobe-after-effects\">In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe 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>You don&#8217;t have to have thick rim glasses to appreciate this After Effects tutorial! The animated hipster badges we&#8217;ll create are super trendy&#8230;and can really &#8216;pop&#8217; to your video projects.<\/p>\n<p>Creating a hipster badge\/logo is pretty straightforward. The video covers:<\/p>\n<ul>\n<li><strong>Using shape layers in groups<\/strong><\/li>\n<li><strong>Using the graph editor<\/strong><\/li>\n<li><strong>Using the merge paths parameter in shape layers<\/strong><\/li>\n<\/ul>\n<p>Even if you don&#8217;t have a need for a &#8216;hipster badge&#8217;, the technique in this tutorial will work for a variety of logo and icon animations.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/90584969\" width=\"500\" height=\"281\"><\/iframe><\/p>\n<p><em>Don&#8217;t want to watch the video? 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 with a solid black circle.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still001.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38392\" title=\"FEB05 - Hipster badges.mp4.Still001\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still001.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>2<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set keyframes for the ellipses to scale from 0 to 400 in half a second.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still002.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38393\" title=\"FEB05 - Hipster badges.mp4.Still002\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still002.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>3<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the ellipses and set the max scale to 450 instead of 400. Add an easy ease keyframe and and smooth out the last keyframe. Offset the larger ellipses by a couple keyframes.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still003.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38390\" title=\"FEB05 - Hipster badges.mp4.Still003\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still003.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>4<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new rectangle in a group. Delete the stroke and add in only a white fill. Scale the rectangle to being 10 pixels wide and 250 px tall.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still004.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38391\" title=\"FEB05 - Hipster badges.mp4.Still004\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still004.jpg\" alt=\"\" width=\"398\" 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 keyframes for the rectangle to scale from 0.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still005.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38388\" title=\"FEB05 - Hipster badges.mp4.Still005\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still005.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>6<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set the rotation of the rectangle to animate to 45 degrees.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still006.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38389\" title=\"FEB05 - Hipster badges.mp4.Still006\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still006.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>7<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the rectangle and rotate to form a cross. Create a new rectangle shape layer. Position it at the bottom of the badge and have it horizontally scale from 0.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still007.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38387\" title=\"FEB05 - Hipster badges.mp4.Still007\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still007.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>8<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Add a feathered black shape using the pen tool in the background of the Matte Layer to enhance the depth of field.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still008.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38385\" title=\"FEB05 - Hipster badges.mp4.Still008\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still008.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>9<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the rectangle. Scale down and move it to the right side of the badge.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still009.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38386\" title=\"FEB05 - Hipster badges.mp4.Still009\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still009.jpg\" alt=\"\" width=\"398\" 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 polystar.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still010.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38383\" title=\"FEB05 - Hipster badges.mp4.Still010\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still010.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>11<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Change the polystar to polygon and set the points to 4, creating a diamond. Position the diamond over the smaller rectangle.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still011.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38384\" title=\"FEB05 - Hipster badges.mp4.Still011\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still011.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>12<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Add a merge path to the second rectangle group. Set the merge paths to subtract to create a cut off banner.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still012.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38382\" title=\"FEB05 - Hipster badges.mp4.Still012\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still012.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>13<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set the scale of the rectangle group to scale up over a half second.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still013.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38380\" title=\"FEB05 - Hipster badges.mp4.Still013\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still013.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>14<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the cut off badge group and move it to the other side of the banner.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still014.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38381\" title=\"FEB05 - Hipster badges.mp4.Still014\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still014.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>15<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Easy ease all the keyframes to create a mountainous hump.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still015.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38378\" title=\"FEB05 - Hipster badges.mp4.Still015\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still015.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>16<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new text layer and add in your desired text. Make sure it&#8217;s a hipster font like Futura!<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still016.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38379\" title=\"FEB05 - Hipster badges.mp4.Still016\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still016.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>17<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Animate the scale of the text using the animate parameters&#8230;add rotation too.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still017.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38376\" title=\"FEB05 - Hipster badges.mp4.Still017\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still017.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>18<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Have the text scale from 0 and rotate from 90.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still018.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38377\" title=\"FEB05 - Hipster badges.mp4.Still018\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still018.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>19<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set the grouping alignment to 50.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still019.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38375\" title=\"FEB05 - Hipster badges.mp4.Still019\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still019.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>20<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set the ease low parameter to 10.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still020.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38373\" title=\"FEB05 - Hipster badges.mp4.Still020\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still020.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>21<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate your text and scale down. Change the text to cite when your company was established.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still021.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38374\" title=\"FEB05 - Hipster badges.mp4.Still021\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still021.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>22<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a small rectangle for the hyphen. Have it scale horizontally from 0.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still022.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38371\" title=\"FEB05 - Hipster badges.mp4.Still022\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still022.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>23<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new black rectangle to cover the text area.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still023.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38372\" title=\"FEB05 - Hipster badges.mp4.Still023\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still023.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>24<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Add 4 letters to the middle of the &#8220;cross&#8221;.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still024.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38370\" title=\"FEB05 - Hipster badges.mp4.Still024\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still024.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>25<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Move each letter to the gaps in the crosses.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still026.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38369\" title=\"FEB05 - Hipster badges.mp4.Still026\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still026.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>26<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set the position of the top and bottom letters to come on as the cross expands.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still026.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38369\" title=\"FEB05 - Hipster badges.mp4.Still026\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still026.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>27<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Create a new black rectangle over the &#8220;B&#8221; slot.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still027.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38366\" title=\"FEB05 - Hipster badges.mp4.Still027\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still027.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>28<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the black square and position it over the A and B spot. Position both rectangles above A and B. Add an alpha and alpha invert the respective letters &#8220;A&#8221; and &#8220;B&#8221;.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still028.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38367\" title=\"FEB05 - Hipster badges.mp4.Still028\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still028.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>29<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Duplicate the black rectangles and set rotation parameters &#8211; each an inverse of one another to create an overlapping diamond shape. Delete the stroke and fills, then add a merge paths effect set to intersect.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still029.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38364\" title=\"FEB05 - Hipster badges.mp4.Still029\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still029.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>30<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Easy ease the rotation keyframes.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still030.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38365\" title=\"FEB05 - Hipster badges.mp4.Still030\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still030.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>31<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Set the rectangle as the alpha matt of &#8220;D&#8221;. Duplicate and rotate and set it as the alpha matte of &#8220;C&#8221;.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still031.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38363\" title=\"FEB05 - Hipster badges.mp4.Still031\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still031.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>32<\/strong><\/td>\n<td align=\"left\" valign=\"top\">You can composite the composition by setting the composition&#8217;s transfer mode to screen.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still032.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38361\" title=\"FEB05 - Hipster badges.mp4.Still032\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still032.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>33<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Use an adjustment layer with a fast blur to blur out the background.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still033.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38362\" title=\"FEB05 - Hipster badges.mp4.Still033\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still033.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\"><strong>34<\/strong><\/td>\n<td align=\"left\" valign=\"top\">Blur the badge by 1 pixel, duplicate and blur again by 2 pixels. Set the opacity of both to 75.<a href=\"http:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still034.jpg\" data-wpel-link=\"external\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-38360\" title=\"FEB05 - Hipster badges.mp4.Still034\" src=\"https:\/\/s3.amazonaws.com\/pbblogassets\/uploads\/2014\/03\/FEB05-Hipster-badges.mp4.Still034.jpg\" alt=\"\" width=\"398\" height=\"223\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Have any suggestions for animating logos and badges in After Effects?<\/strong> Share in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.<\/p>\n","protected":false},"author":16,"featured_media":38545,"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,92],"tags":[5375,2555,2554,2170,80,467,1802,31,844],"class_list":["post-class-post-38359","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-video-tutorials-2","post-class-tag-after-effects","post-class-tag-badge","post-class-tag-hipster","post-class-tag-logo","post-class-tag-motion-design","post-class-tag-motion-graphics","post-class-tag-shape-layers","post-class-tag-tutorial","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>Video Tutorial: Hipster Logos and Badges in After Effects - The Beat: A Blog by PremiumBeat<\/title>\n<meta name=\"description\" content=\"In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.\" \/>\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\/video-tutorial-hipster-logos-and-badges-in-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Tutorial: Hipster Logos and Badges in After Effects\" \/>\n<meta property=\"og:description\" content=\"In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/\" \/>\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-01T02:06:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-04-08T17:50:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/03\/hipster-logo-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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/\"},\"author\":{\"name\":\"Evan Abrams\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"headline\":\"Video Tutorial: Hipster Logos and Badges in After Effects\",\"datePublished\":\"2014-04-01T02:06:44+00:00\",\"dateModified\":\"2014-04-08T17:50:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/\"},\"wordCount\":673,\"commentCount\":5,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/hipster-logo-thumb.jpg\",\"keywords\":[\"After Effects\",\"Badge\",\"Hipster\",\"Logo\",\"motion design\",\"motion graphics\",\"shape layers\",\"tutorial\",\"video tutorial\"],\"articleSection\":[\"After Effects\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#respond\"]}],\"copyrightYear\":\"2014\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/\",\"name\":\"Video Tutorial: Hipster Logos and Badges in After Effects - The Beat: A Blog by PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/hipster-logo-thumb.jpg\",\"datePublished\":\"2014-04-01T02:06:44+00:00\",\"dateModified\":\"2014-04-08T17:50:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"description\":\"In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/hipster-logo-thumb.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/03\\\/hipster-logo-thumb.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/video-tutorial-hipster-logos-and-badges-in-after-effects\\\/#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\":\"Video Tutorial: Hipster Logos and Badges in After Effects\"}]},{\"@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":"Video Tutorial: Hipster Logos and Badges in After Effects - The Beat: A Blog by PremiumBeat","description":"In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.","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\/video-tutorial-hipster-logos-and-badges-in-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"Video Tutorial: Hipster Logos and Badges in After Effects","og_description":"In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.","og_url":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2014-04-01T02:06:44+00:00","article_modified_time":"2014-04-08T17:50:02+00:00","og_image":[{"url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/03\/hipster-logo-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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/"},"author":{"name":"Evan Abrams","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"headline":"Video Tutorial: Hipster Logos and Badges in After Effects","datePublished":"2014-04-01T02:06:44+00:00","dateModified":"2014-04-08T17:50:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/"},"wordCount":673,"commentCount":5,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/03\/hipster-logo-thumb.jpg","keywords":["After Effects","Badge","Hipster","Logo","motion design","motion graphics","shape layers","tutorial","video tutorial"],"articleSection":["After Effects","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#respond"]}],"copyrightYear":"2014","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/","name":"Video Tutorial: Hipster Logos and Badges in After Effects - The Beat: A Blog by PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/03\/hipster-logo-thumb.jpg","datePublished":"2014-04-01T02:06:44+00:00","dateModified":"2014-04-08T17:50:02+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"description":"In this exclusive After Effects tutorial we show you a quick technique for creating an animated hipster badge in Adobe After Effects.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/03\/hipster-logo-thumb.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2014\/03\/hipster-logo-thumb.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-hipster-logos-and-badges-in-after-effects\/#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":"Video Tutorial: Hipster Logos and Badges in After Effects"}]},{"@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\/03\/hipster-logo-thumb.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-9YH","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/38359","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=38359"}],"version-history":[{"count":18,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/38359\/revisions"}],"predecessor-version":[{"id":38882,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/38359\/revisions\/38882"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/38545"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=38359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=38359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=38359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}