{"id":146166,"date":"2021-01-04T11:00:03","date_gmt":"2021-01-04T17:00:03","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=146166"},"modified":"2021-01-04T10:49:47","modified_gmt":"2021-01-04T16:49:47","slug":"cyberpunk-2077-bootup-display-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/","title":{"rendered":"Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-find-yourself-gawking-at-some-of-the-elements-in-the-latest-video-game-from-cd-projekt-red-replicate-a-similar-effect-in-after-effects\"><span id=\"find-yourself-gawking-at-some-of-the-elements-in-the-latest-video-game-from-cd-projekt-red-replicate-a-similar-effect-in-after-effects\">Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in After Effects.<\/span><\/h2>\n\n\n\n<p>Even if you&#8217;re not wired into the video game world, it&#8217;s more than likely that over the past month you&#8217;ve heard some grumblings about the recently-released video game <em>Cyberpunk 2077<\/em>. The less-than-stellar console release was even covered by the likes of <a rel=\"noreferrer noopener\" href=\"https:\/\/www.nytimes.com\/2020\/12\/19\/style\/cyberpunk-2077-video-game-disaster.html\" target=\"_blank\" data-wpel-link=\"external\"><em>The New York Times<\/em><\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/www.theguardian.com\/games\/2020\/dec\/18\/cyberpunk-2077-how-2020s-biggest-video-game-launch-turned-into-a-shambles\" target=\"_blank\" data-wpel-link=\"external\"><em>The Guardian<\/em><\/a>\u2014and wiped almost a <a href=\"https:\/\/www.bloomberg.com\/news\/articles\/2020-12-15\/cd-projekt-founders-lose-1-billion-as-game-bugs-hurt-reputation\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">billion<\/a> dollars&#8217; worth of value from the company.<\/p>\n\n\n\n<p>Nonetheless, we&#8217;re not a video game industry website, so I&#8217;ll stop there with the reports on the game <em>Cyberpunk 2077<\/em>. However, with the console issues aside, the game looks visually stunning on PC. Additionally, it&#8217;s filled to the brim with cyberpunk interfaces\u2014which I love. There&#8217;s something eye-catching and aesthetically pleasing about interfaces and devices set in the future that are more reminiscent of yesterday&#8217;s tech than the technology of tomorrow\u2014see <em><a href=\"https:\/\/www.imdb.com\/title\/tt0083658\/?ref_=nv_sr_srsg_3\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Blade Runner<\/a><\/em> or <em><a href=\"https:\/\/www.imdb.com\/title\/tt0088247\/?ref_=nv_sr_srsg_3\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Terminator<\/a><\/em>.<\/p>\n\n\n\n<p>There&#8217;s one sequence in the game where your main character has just received a new eye transplant, and his system must reboot.<\/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\/XgixUhWMsPw?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>It&#8217;s a classic trope of the cyberpunk, and even the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.premiumbeat.com\/blog\/genre-breakdown-sci-fi-films\/\" target=\"_blank\" data-wpel-link=\"internal\">sci-fi genre<\/a> as a whole.<\/p>\n\n\n\n<p>Additionally, as in the sequence below from <em><a href=\"https:\/\/www.imdb.com\/title\/tt0103064\/?ref_=nv_sr_srsg_0\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Terminator 2<\/a><\/em> (not from the cyberpunk genre, by the way), while the sequences are usually busy and look complicated to replicate, they&#8217;re built and filled with basic shapes and text that shouldn&#8217;t be too hard to replicate.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 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\/dFzwGg46waM?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>Let\u2019s take a look at how we can go from this&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Before-Cyberpunk.gif\" alt=\"Before Cyberpunk\" class=\"wp-image-146507\"\/><figcaption><em>Video via <a href=\"https:\/\/www.shutterstock.com\/video\/clip-1062894130-female-soldier-future-fiction-helmet-holding-assault\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">KASPORSKI VITALI<\/a>.<\/em><\/figcaption><\/figure>\n\n\n\n<p>To this&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Interface.gif\" alt=\"Cyberpunk Interface\" class=\"wp-image-146489\" width=\"580\" height=\"326\"\/><figcaption><em>Video via <a href=\"https:\/\/www.shutterstock.com\/video\/clip-1062894130-female-soldier-future-fiction-helmet-holding-assault\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">KASPORSKI VITALI<\/a>.<\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Due to the many moving parts of this sequence, it might be more beneficial to specifically follow the text as opposed to looking for clues in the screenshots. Even then, I recommend swerving off the laid-out path to create something new. <\/p>\n\n\n\n<p>First, add <strong>two color solids<\/strong>, and make sure the color of the second solid matches that of the intended look. In my case, I used a <a href=\"https:\/\/www.shutterstock.com\/color\/crimson\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">crimson red<\/a>. <\/p>\n\n\n\n<p>I&#8217;m going to change the blend mode of the red solid to hue and slightly decrease the scale so it doesn&#8217;t fill the entire composition. Then, I&#8217;m going to  add a <strong>Generate Grid Effect<\/strong> to the first solid, and align that so it fits into the red solid (it doesn&#8217;t have to be perfect). <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-numbers-lots-of-them\"><span id=\"numbers-lots-of-them\">Numbers\u2014Lots of Them<\/span><\/h3>\n\n\n\n<p>First, like any formulaic dystopian interface, we need numbers and lots of them. We want a system boot-up that&#8217;s more &#8220;binary Matrix&#8221; than &#8220;clean Apple.&#8221; To do this, <strong>add a solid layer<\/strong> to your composition. Then, in the <strong>Effects panel<\/strong>, add a <strong>numbers generator<\/strong> to the solid.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg\" alt=\"Add a Numbers Generator\" class=\"wp-image-146491\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-1.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Add a numbers generator in the Effects panel.<\/em><\/figcaption><\/figure>\n\n\n\n<p>We then want to configure a few settings.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>We&#8217;re going to change the type to <strong>Hexadecimal<\/strong>.<\/li><li>Select random values.<\/li><li>Increase or decrease the value\/offset\/rando to an insane amount. The crazier the number, the more sporadic the values will be.<\/li><li>Position the numbers to the top-right of the screen.<\/li><li>Change the size to 25.<\/li><li>And increase the tracking so the characters are spaced out.<\/li><\/ul>\n\n\n\n<p>Now, you&#8217;re going to want to replicate the solid layer several times until you have an instance like the screenshot below.<\/p>\n\n\n\n<p>To give the generators variety, slightly alter the value\/offset\/rando between each layer.<\/p>\n\n\n\n<p>Each section should only last a second (or even less). You want to offset the layer position so they appear at varying times on the composition. For a more significant effect, I&#8217;d <strong>duplicate<\/strong> the numbers, <strong>pre-compose<\/strong> them, and <strong>position<\/strong> them over the composition&#8217;s other side&#8212;do this two to three times. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg\" alt=\"Pre-compose Files\" class=\"wp-image-146492\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-2.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Once the numbers are complete, pre-compose the files.<\/em><\/figcaption><\/figure>\n\n\n\n<p>With the numbers complete, pre-compose all of the files. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-loading-bar\"><span id=\"loading-bar\">Loading Bar <\/span><\/h3>\n\n\n\n<p>Next, we&#8217;re going to create the typical bootup loading bar. This looks like a tedious animation, but it&#8217;s simply several duplicated files.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg\" alt=\"Bootup Loading Bar\" class=\"wp-image-146495\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-3-1.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Creating the typical bootup loading bar.<\/em><\/figcaption><\/figure>\n\n\n\n<p>First, create the exterior of a loading bar using the shape tool.<\/p>\n\n\n\n<p>Next, create a <strong>separate shape<\/strong>\u2014a smaller rectangle to fit into the larger bar and to represent a singular step of the loading process. We&#8217;re then going to <strong>press S<\/strong> to bring up the scale properties, set a <strong>keyframe<\/strong>, and <strong>animate<\/strong> the scale properties over a couple of frames.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>First frame &#8211; 0%<\/li><li>Second frame &#8211; 50%<\/li><li>Fourth frame &#8211; 100%<\/li><\/ul>\n\n\n\n<p>Next, select the <strong>loading bar layer<\/strong> and the newly created <strong>rectangle<\/strong>. In the <strong>Skew properties<\/strong>, hold the stopwatch to add an expression and add:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>content(&#8220;Rectangle 1&#8221;).transform.skew<\/strong><\/li><li><strong>wiggle(33,20)<\/strong><\/li><\/ul>\n\n\n\n<p>Now, we&#8217;re going to duplicate the smaller rectangle several times within the pre-composed layer until it looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg\" alt=\"Cyberpunk Loading\" class=\"wp-image-146496\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Loading.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p>Above the loading bar, use the <strong>Text tool<\/strong>, then add <strong>0%<\/strong> complete. Next, open the <strong>Text Properties<\/strong> until you find the <strong>Source Text<\/strong>. Here we can add a keyframe and alter the text accordingly as the loading bar proceeds.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg\" alt=\"Cyberpunk Text\" class=\"wp-image-146497\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Text.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Adding your text.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Next, write &#8220;<strong>loading<\/strong>&#8221; on the left side of the bar, and add the <strong>Typewriter Effect<\/strong> to the text. The default effect is fine as-is. <\/p>\n\n\n\n<p>Pre-compose all shapes and text, and use the scale keyframe method listed above, but in reverse order. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Final frame &#8211; 0%<\/li><li>Second from last frame &#8211; 50%<\/li><li>Fourth from last frame &#8211; 100%<\/li><\/ul>\n\n\n\n<p>Additionally, on the precomposed composition, we\u2019re going to also add a <a href=\"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">wiggle expression<\/a> to the position to keep it moving.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>temp=wiggle(5,5);<\/strong><\/li><li><strong>value+[temp[1], 0];<\/strong><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-bootup-text\"><span id=\"bootup-text\">Bootup Text<\/span><\/h3>\n\n\n\n<p>Would a boot-up sequence really be complete without several instances of text flashing across the screen? No, it wouldn&#8217;t. <\/p>\n\n\n\n<p>Using clich\u00e9 computer keywords, write a paragraph of text, and add the <strong>Typewriter preset<\/strong> to the text. Depending on how accurate your project is, you may want to <a rel=\"noreferrer noopener\" href=\"https:\/\/www.shutterstock.com\/blog\/keywording-stock-photography-tips\" target=\"_blank\" data-wpel-link=\"external\">research keywords<\/a> that would make sense for the moment. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg\" alt=\"Typewriter Preset\" class=\"wp-image-146499\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-6.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Make sure to find keywords that fit your project.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Before the Typewriter preset has been able to display all words, move a few seconds forward. Once again, select the source text property as we did in the <strong>Percentage Complete<\/strong> section, then select the <strong>stopwatch<\/strong> and change the first word to complete. Next, move a few frames forward and change the second layer of text to complete. Continue to do this until your paragraph of text is entirely changed to complete.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-populating-the-space\"><span id=\"populating-the-space\">Populating the Space<\/span><\/h3>\n\n\n\n<p>Pulling inspiration from the <em>Terminator<\/em> sequence, we&#8217;re also going to add a <strong>small grid<\/strong> to the bottom-left.<\/p>\n\n\n\n<p>To do this, we&#8217;re going to add a new <strong>Solid layer<\/strong>, then add a <strong>Grid Generator<\/strong> from the <strong>Effects panel<\/strong>. You can leave the settings to their default values, but we need to decrease the scale to sit neatly in the bottom-right. Additionally, I&#8217;d add a <strong>grid wipe<\/strong> to the layer and have the transition complete over a few frames. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg\" alt=\"Add a Grid Generator\" class=\"wp-image-146502\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-4.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Add a Grid Generator from the Effects panel.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Next, we&#8217;re going to add numerous shapes from the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.premiumbeat.com\/blog\/51-free-accent-animation-motion-graphics\/\" target=\"_blank\" data-wpel-link=\"internal\">FREE Premium Beat Accent Pack<\/a> so it fits nicely into the grid. I&#8217;m also going to add a few shapes from this pack throughout the load up. <\/p>\n\n\n\n<p>Before moving onto the look, we&#8217;re going to add a new <strong>Text layer<\/strong> for the final set of animations and adding nothing but a <strong>plus<\/strong> (<strong>+<\/strong>) <strong>symbol<\/strong>. You&#8217;ll then equally <strong>duplicate<\/strong> the plus symbol until it&#8217;s evenly spread throughout your composition. Sixteen is an equal amount for a 16:9 composition.<\/p>\n\n\n\n<p>Offset the position of each plus symbol a few frames so they appear in order throughout the composition.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg\" alt=\"Offset the Plus Symbol Positions\" class=\"wp-image-146503\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-7.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Make sure to offset the position of each plus symbol a few frames throughout the composition.<\/em><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-given-the-sequence-style\"><span id=\"given-the-sequence-style\">Given the Sequence Style<\/span><\/h3>\n\n\n\n<p>To solidify the effect, we&#8217;ll add a series of visual tweaks to give the boot sequence that cyberpunk flavor.<\/p>\n\n\n\n<p>First, add a <strong>white solid<\/strong>, then use the <strong>Mask tool<\/strong> to create a thin rectangle that expands across the entire composition.<\/p>\n\n\n\n<p>Now, press <strong>T<\/strong> and then <strong>P<\/strong> on the layers to bring up the opacity and position. Hold <strong>ALT<\/strong> while selecting the <strong>stopwatch<\/strong> on the <strong>Opacity<\/strong> setting to bring up the <strong>Expression editor<\/strong>. Then, add <strong>loopOut(type = &#8220;cycle&#8221;, numKeyframes = 0)<\/strong> to the field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg\" alt=\"Adding Visual Tweaks\" class=\"wp-image-146504\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-8.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Give the boot sequence that cyberpunk kick by adding a series of visual tweaks.<\/em><\/figcaption><\/figure>\n\n\n\n<p>Now, add this exact information to the position, <strong>duplicate<\/strong> the layer, and then set it a little lower.<\/p>\n\n\n\n<p>These white lines should skirt across the screen like an old TV scan line. However, they don&#8217;t look like a scan line at the moment, so we need to do  few things.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>First, change the <strong>blend mode<\/strong> to each scan line to add.<\/li><li>We&#8217;ll add <strong>fractal noise<\/strong> and change the noise type to block and increase the contrast and brightness.<\/li><li>We should also give the mask a feather of <strong>20-25<\/strong>.<\/li><\/ul>\n\n\n\n<p>Finally, add three adjustment layers.<\/p>\n\n\n\n<p>On the bottom adjustment layer, add an <strong>Optics Compensation effect<\/strong> and slightly <strong>increase<\/strong> the field of view until we start to see visual distortion to the image.<\/p>\n\n\n\n<p>We&#8217;re then going to add a <strong>Venetian Blinds effect<\/strong> to the middle adjustment layer. Change the angle to <strong>90<\/strong>, and the transition complete to <strong>25<\/strong>, with a width of <strong>20<\/strong>.&nbsp;You could also duplicate this effect so it&#8217;s more pronounced. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg\" alt=\"Add a Venetian Blinds Effect\" class=\"wp-image-146505\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/12\/Cyberpunk-Tip-9.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>To the middle adjustment layer, add a Venetian Blinds effect.<\/em><\/figcaption><\/figure>\n\n\n\n<p>On the final adjustment layer, I&#8217;m going to add the free plug-in <strong>Quick Chromatic Aberration<\/strong>, and slightly offset the rotation by one point.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>I&#8217;ve also used a layer of VHS noise mixed with a displacement map to create the opening and closing of the boot-up screen. However, for the most part, everything above will be enough to give you a cyberpunk-inspired boot-up sequence. <\/p>\n\n\n\n<p>Reading back through this guide, I often found myself asking, &#8220;Who is even going to need this? It&#8217;s so specific.&#8221; But, as noted earlier, sometimes knowing how a specific element is created is enough to veer off into a different direction and create a unique effect. <\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><em>Cover image via <a href=\"https:\/\/www.shutterstock.com\/video\/clip-1062894130-female-soldier-future-fiction-helmet-holding-assault\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">KASPORSKI VITALI<\/a>.<\/em><\/p>\n\n\n\n<p>For additional tips on After Effects and related info, check out these articles:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/after-effects-ripple-effect-2\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Animate Your Logo with this After Effects Ripple Effect<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/3d-card-effect-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Create a 3D Card Effect in After Effects with this FREE Project File<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/matte-text-animations-in-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">How to Create Matte Text Animations in After Effects<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/animate-2d-photo-in-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">Techniques on How to Animate a 2D Photo in After Effects<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">How to Animate Individual Letters in Adobe After Effects<\/a> <\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in After Effects.<\/p>\n","protected":false},"author":72,"featured_media":146506,"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,39,583],"tags":[5375,6397,1749],"class_list":["post-class-post-146166","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-editing","post-class-category-video-production-2","post-class-tag-after-effects","post-class-tag-cyberpunk","post-class-tag-science-fiction"],"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>Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects<\/title>\n<meta name=\"description\" content=\"Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in 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\/cyberpunk-2077-bootup-display-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects\" \/>\n<meta property=\"og:description\" content=\"Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in After Effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-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:author\" content=\"http:\/\/www.facebook.com\/uglymcgregor\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-04T17:00:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-01-04T16:49:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/12\/31132459\/Cyberpunk-Interface-Cover.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=\"Lewis McGregor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@lewismcgregor\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lewis McGregor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/\",\"name\":\"Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2021-01-04T17:00:03+00:00\",\"dateModified\":\"2021-01-04T16:49:47+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/7a152cc21e9a209453f30a642d47bf67\"},\"description\":\"Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in After Effects.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-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\":\"Create a Cyberpunk 2077-Inspired Boot-up Display 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\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/7a152cc21e9a209453f30a642d47bf67\",\"name\":\"Lewis McGregor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g\",\"caption\":\"Lewis McGregor\"},\"description\":\"Lewis McGregor is a freelance filmmaker, a certified DaVinci Resolve trainer, and online content creator from Wales. His interests are firmly rooted in cinematography and the science of color. He first picked up a camera at the age of 15, and he hasn\u2019t put one down since. Along with freelance work, Lewis also runs Indie Tips, a filmmaking website focused towards new filmmakers.\",\"sameAs\":[\"http:\/\/www.indietips.com\",\"http:\/\/www.facebook.com\/uglymcgregor\",\"https:\/\/twitter.com\/lewismcgregor\"],\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/lewismcgregor\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects","description":"Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in 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\/cyberpunk-2077-bootup-display-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects","og_description":"Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in After Effects.","og_url":"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_author":"http:\/\/www.facebook.com\/uglymcgregor","article_published_time":"2021-01-04T17:00:03+00:00","article_modified_time":"2021-01-04T16:49:47+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/12\/31132459\/Cyberpunk-Interface-Cover.jpg","type":"image\/jpeg"}],"author":"Lewis McGregor","twitter_card":"summary_large_image","twitter_creator":"@lewismcgregor","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Lewis McGregor","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/","name":"Create a Cyberpunk 2077-Inspired Boot-up Display in After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2021-01-04T17:00:03+00:00","dateModified":"2021-01-04T16:49:47+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/7a152cc21e9a209453f30a642d47bf67"},"description":"Find yourself gawking at some of the elements in the latest video game from CD Projekt RED? Replicate a similar effect in After Effects.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-after-effects\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/cyberpunk-2077-bootup-display-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":"Create a Cyberpunk 2077-Inspired Boot-up Display 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":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/7a152cc21e9a209453f30a642d47bf67","name":"Lewis McGregor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g","caption":"Lewis McGregor"},"description":"Lewis McGregor is a freelance filmmaker, a certified DaVinci Resolve trainer, and online content creator from Wales. His interests are firmly rooted in cinematography and the science of color. He first picked up a camera at the age of 15, and he hasn\u2019t put one down since. Along with freelance work, Lewis also runs Indie Tips, a filmmaking website focused towards new filmmakers.","sameAs":["http:\/\/www.indietips.com","http:\/\/www.facebook.com\/uglymcgregor","https:\/\/twitter.com\/lewismcgregor"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/lewismcgregor\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/12\/Cyberpunk-Interface-Cover.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-C1w","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/146166","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\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=146166"}],"version-history":[{"count":39,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/146166\/revisions"}],"predecessor-version":[{"id":146629,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/146166\/revisions\/146629"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/146506"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=146166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=146166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=146166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}