{"id":14374,"date":"2022-11-22T09:00:00","date_gmt":"2022-11-22T01:00:00","guid":{"rendered":"https:\/\/blog.pixlr.com\/?p=14374"},"modified":"2022-11-22T21:05:30","modified_gmt":"2022-11-22T13:05:30","slug":"create-retrowave-animations-with-pixlr","status":"publish","type":"post","link":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/","title":{"rendered":"Create Retrowave Animations with Pixlr"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong>Retro design is making a major comeback and is especially popular in the creative industry.\u00a0<\/strong><\/h4>\n\n\n\n<p>Ranging from neon elements and bold accent colors to grainy texture and grunge effects, retro design not only conveys the feeling of nostalgia but also creates a specific connection with the viewer.\u00a0<br>In today\u2019s tutorial, we\u2019re going to show you how to create retrowave-inspired animated artwork with <a href=\"https:\/\/pixlr.com\/e\/?utm_source=pixlrblog&amp;utm_medium=textlink&amp;utm_campaign=retroanimations\">Pixlr<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Get 66% On All Yearly Plans Now!&nbsp;<\/h3>\n\n\n\n<p>Hurray for Black Friday! It\u2019s the sale we\u2019ve been waiting all year for. Upgrade your photo editing skills with all our creative tools and create your best work of art &#8211; all with 66% OFF any yearly plan. Enjoy this massive sale today when you check out <a rel=\"noreferrer noopener\" href=\"https:\/\/bit.ly\/blpixlrblackfriday\" target=\"_blank\">here<\/a> with promo code <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/bit.ly\/blpixlrblackfriday\" target=\"_blank\">PIXLR66BF<\/a><\/strong>!<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/YOUTUBELINKEDIN.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What makes a retrowave artwork?&nbsp;<\/h3>\n\n\n\n<p>Before we begin, it\u2019s important to identify all the elements that a retrowave piece consists of. Retrowave (or synthwave) visuals draw a lot of inspiration from 80s graphics, such as colorful sunset graphics, bright neon lights and grids, arcade-like pixel art etc.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Set your background<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"600\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-1-1024x600.png\" alt=\"\" class=\"wp-image-14332\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-1-1024x600.png 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-1-300x176.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-1-768x450.png 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-1.png 1070w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Go to <a href=\"https:\/\/pixlr.com\/e\/?utm_source=pixlrblog&amp;utm_medium=textlink&amp;utm_campaign=retroanimations\">Pixlr<\/a>, create an empty artboard and set your background, preferably a dark and plain image. You wouldn\u2019t want your background to look overly busy and attention-grabbing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Create a gradient sun<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img decoding=\"async\" width=\"721\" height=\"624\" sizes=\"(max-width: 721px) 100vw, 721px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-2.png\" alt=\"\" class=\"wp-image-14333\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-2.png 721w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-2-300x260.png 300w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To create the sun, we\u2019re using the <em>Shape<\/em> tool and the <em>Gradient Fill <\/em>feature.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img decoding=\"async\" width=\"1024\" height=\"625\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-3-1024x625.png\" alt=\"\" class=\"wp-image-14334\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-3-1024x625.png 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-3-300x183.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-3-768x469.png 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-3.png 1026w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, the gradient sun is the focal point of your piece, so it\u2019s crucial that the colors you choose for your sun are bright and bold. Here, we\u2019re going for a beige, pink, purple and indigo combination.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Country road, take me home!<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/image16.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/image16-1024x683.jpg\" alt=\"\" class=\"wp-image-14367\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16-1024x683.jpg 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16-300x200.jpg 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16-768x512.jpg 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16-1536x1024.jpg 1536w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16-270x180.jpg 270w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16-770x515.jpg 770w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image16.jpg 1999w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>The second most important element in a retrowave artwork is the road. Here, we\u2019ve chosen a landscape image of an empty road.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"1018\" height=\"627\" sizes=\"(max-width: 1018px) 100vw, 1018px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-4.png\" alt=\"\" class=\"wp-image-14335\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-4.png 1018w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-4-300x185.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-4-768x473.png 768w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>We\u2019re going to use our favorite <em>Cutout\/Mask<\/em> tool to remove the mountainous background from the image since we\u2019re planning to only keep the road.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"1011\" height=\"626\" sizes=\"(max-width: 1011px) 100vw, 1011px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-5.png\" alt=\"\" class=\"wp-image-14336\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-5.png 1011w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-5-300x186.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-5-768x476.png 768w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>We\u2019re using the <em>Magic Mask<\/em> with a 46 <em>tolerance<\/em> to remove large chunks of the mountain.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-6-1024x573.png\" alt=\"\" class=\"wp-image-14337\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-6-1024x573.png 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-6-300x168.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-6-768x429.png 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-6.png 1123w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>To make sure the cutouts are clean and refined, we\u2019re using the Draw Mask with a soft brush to erase the remaining bits and pieces of the mountain.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Let\u2019s go for a drive!<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/image15.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/image15-1024x683.jpg\" alt=\"\" class=\"wp-image-14366\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15-1024x683.jpg 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15-300x200.jpg 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15-768x512.jpg 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15-1536x1024.jpg 1536w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15-270x180.jpg 270w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15-770x515.jpg 770w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/image15.jpg 1999w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now that we\u2019ve got a road, we\u2019d just need to add a car! Here, we\u2019ve chosen a landscape image of a car speeding down an empty road.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"569\" sizes=\"(max-width: 992px) 100vw, 992px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-8.png\" alt=\"\" class=\"wp-image-14339\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-8.png 992w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-8-300x172.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-8-768x441.png 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-8-900x515.png 900w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>By using the <em>Cutout\/Mask<\/em> tool, we\u2019ve removed the background and retained the car itself. Remember to position the car and adjust its size in a way that makes sense.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Time to color grade!<\/h3>\n\n\n\n<p>Another quintessential aspect of a retrowave artwork is the color! So now, we\u2019re going to do some simple color grading in order to achieve that classic synthwave look.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-9-1024x598.png\" alt=\"\" class=\"wp-image-14340\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-9-1024x598.png 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-9-300x175.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-9-768x448.png 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-9.png 1071w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Go to <em>Adjustment<\/em> and click on <em>Curves<\/em>. Here, you\u2019d want to click on the green circle and drag the green anchor point to the right. You\u2019d start seeing a change of color &#8211; the road turning from ash gray to vivid purple. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"594\" sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-10-1024x594.png\" alt=\"\" class=\"wp-image-14341\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-10-1024x594.png 1024w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-10-300x174.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-10-768x446.png 768w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-10.png 1077w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, apply the same method to the car so that it matches the color of the road.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. A splash of neon<\/h3>\n\n\n\n<p>You can\u2019t possibly have a retrowave artwork without neon signs or elements. Here, we\u2019re going to show you how to create some cool retro-futuristic neon hoops!&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"625\" sizes=\"(max-width: 1004px) 100vw, 1004px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-11.png\" alt=\"\" class=\"wp-image-14342\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-11.png 1004w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-11-300x187.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-11-768x478.png 768w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Click on <em>Shape<\/em> tool and pick a color for your outline. We\u2019re going for a bright purple outline to match the rest of the artwork.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"758\" height=\"589\" sizes=\"(max-width: 758px) 100vw, 758px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-12.png\" alt=\"\" class=\"wp-image-14343\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-12.png 758w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-12-300x233.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-12-87x67.png 87w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now, go to <em>Fill<\/em> and click on the <em>No Fill<\/em> option &#8211; you\u2019d get a hollowed circle with just the purple outline.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"467\" sizes=\"(max-width: 487px) 100vw, 487px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-13.png\" alt=\"\" class=\"wp-image-14344\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-13.png 487w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-13-300x288.png 300w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Right-click on the circle and choose <em>Rasterize Layer<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"511\" sizes=\"(max-width: 631px) 100vw, 631px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-14.png\" alt=\"\" class=\"wp-image-14345\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-14.png 631w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-14-300x243.png 300w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now that you\u2019ve turned your shape into a layer, you can go to<em> Filter <\/em>and click on <em>Outer Glow<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"506\" sizes=\"(max-width: 796px) 100vw, 796px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-15.png\" alt=\"\" class=\"wp-image-14346\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-15.png 796w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-15-300x191.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-15-768x488.png 768w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>For the <em>Outer Glow<\/em>, we\u2019re going for a fun and flirty pink color. Make sure you adjust the feather and opacity in order to achieve that beautiful neon glow.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"759\" height=\"623\" sizes=\"(max-width: 759px) 100vw, 759px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-16.png\" alt=\"\" class=\"wp-image-14347\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-16.png 759w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-16-300x246.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-16-370x305.png 370w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Now that you\u2019ve got your pink neon hoops, you can easily duplicate them and arrange them along the empty road to create the illusion of your car zooming through a futuristic-looking tunnel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Add some animation<\/h3>\n\n\n\n<p>Finally, time for the fun part &#8211; animating your artwork with our easy-to-use Animation tool.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"924\" height=\"601\" sizes=\"(max-width: 924px) 100vw, 924px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-17.png\" alt=\"\" class=\"wp-image-14348\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-17.png 924w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-17-300x195.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-17-768x500.png 768w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Click on the layer you want to animate and go to the <em>Animation<\/em> panel. Here, we want to add a simple Fade animation to our gradient sun. You can adjust the speed and duration of your animation.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"984\" height=\"546\" sizes=\"(max-width: 984px) 100vw, 984px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-18.png\" alt=\"\" class=\"wp-image-14349\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-18.png 984w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-18-300x166.png 300w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-18-768x426.png 768w\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Here, we\u2019re adding the <em>Grow <\/em>animation to our neon hoops and customizing the <em>Delay<\/em> periods of each hoop.&nbsp;<\/p>\n\n\n\n<p>And voila &#8211; there you have it, the final artwork!<\/p>\n\n\n\n<h3 class=\"has-text-align-left wp-block-heading\">Start creating your retrowave artwork with <a rel=\"noreferrer noopener\" href=\"https:\/\/bit.ly\/blpixlrblackfriday\" target=\"_blank\">Pixlr<\/a>!<\/h3>\n\n\n\n<p class=\"has-text-align-left\">Now that we\u2019ve shown you the necessary elements and steps to achieve a retrowave aesthetic, you can easily create your own retro-inspired animated piece and put your own spin on it by using <a href=\"https:\/\/pixlr.com\/e\/?utm_source=pixlrblog&amp;utm_medium=textlink&amp;utm_campaign=retroanimations\">Pixlr<\/a>\u2019s user-friendly tools and AI-driven features. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"640\" sizes=\"(max-width: 960px) 100vw, 960px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/retro-animation-final.gif\" alt=\"\" class=\"wp-image-14351\"\/><\/a><figcaption><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\" target=\"_blank\" rel=\"noreferrer noopener\">#madewithPixlr<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"has-text-align-center wp-block-heading\"><strong>Don\u2019t forget about our massive <a href=\"https:\/\/bit.ly\/blpixlrblackfriday\" target=\"_blank\" rel=\"noreferrer noopener\">Black Fri-yay sale<\/a>!<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center\">From today till November 28, 2022, you can subscribe to ANY yearly plan and save 66% with promo code <strong>PIXLR66BF<\/strong>! What are you waiting for? Get all the design tools you\u2019ll need to create amazing campaigns for a whole year!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/bit.ly\/blpixlrblackfriday\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"90\" sizes=\"(max-width: 728px) 100vw, 728px\" src=\"https:\/\/blog.pixlr.com\/wp-content\/uploads\/2022\/11\/728x90-Black-Friday-Ad-Space.jpg\" alt=\"\" class=\"wp-image-14375\" srcset=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/728x90-Black-Friday-Ad-Space.jpg 728w, https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/728x90-Black-Friday-Ad-Space-300x37.jpg 300w\" \/><\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Create your own retro-inspired animated piece and put your own spin on it by using Pixlr\u2019s user-friendly tools and AI-driven features.<\/p>\n","protected":false},"author":1,"featured_media":14372,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[40,5,41,16,8],"tags":[],"class_list":["post-14374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-madewithpixlr","category-design","category-inspiration","category-photography","category-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create Retrowave Animations with Pixlr - Pixlr Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Retrowave Animations with Pixlr - Pixlr Blog\" \/>\n<meta property=\"og:description\" content=\"Create your own retro-inspired animated piece and put your own spin on it by using Pixlr\u2019s user-friendly tools and AI-driven features.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\" \/>\n<meta property=\"og:site_name\" content=\"Pixlr Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-22T01:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-22T13:05:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1-1024x683.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Pixlr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pixlr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\"},\"author\":{\"name\":\"Pixlr\",\"@id\":\"https:\/\/pixlr.com\/blog\/#\/schema\/person\/cd6ccef22664ebed4d8295ebe0dfe497\"},\"headline\":\"Create Retrowave Animations with Pixlr\",\"datePublished\":\"2022-11-22T01:00:00+00:00\",\"dateModified\":\"2022-11-22T13:05:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\"},\"wordCount\":887,\"publisher\":{\"@id\":\"https:\/\/pixlr.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png\",\"articleSection\":[\"#madewithpixlr\",\"Design\",\"Inspiration\",\"Photography\",\"Tutorial\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\",\"url\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\",\"name\":\"Create Retrowave Animations with Pixlr - Pixlr Blog\",\"isPartOf\":{\"@id\":\"https:\/\/pixlr.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png\",\"datePublished\":\"2022-11-22T01:00:00+00:00\",\"dateModified\":\"2022-11-22T13:05:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage\",\"url\":\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png\",\"contentUrl\":\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png\",\"width\":1920,\"height\":1280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pixlr.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Retrowave Animations with Pixlr\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pixlr.com\/blog\/#website\",\"url\":\"https:\/\/pixlr.com\/blog\/\",\"name\":\"Pixlr Blog\",\"description\":\"Design Tutorials, Trends and Tips For Pixlr Tools\",\"publisher\":{\"@id\":\"https:\/\/pixlr.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pixlr.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pixlr.com\/blog\/#organization\",\"name\":\"Pixlr\",\"url\":\"https:\/\/pixlr.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixlr.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-cropped-Black-icon.png\",\"contentUrl\":\"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-cropped-Black-icon.png\",\"width\":511,\"height\":511,\"caption\":\"Pixlr\"},\"image\":{\"@id\":\"https:\/\/pixlr.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/pixlr.com\/blog\/#\/schema\/person\/cd6ccef22664ebed4d8295ebe0dfe497\",\"name\":\"Pixlr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixlr.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/413187e9b5f3652d01b74a87e3cab54800f2601d8756e19ce8b734a5200fc65d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/413187e9b5f3652d01b74a87e3cab54800f2601d8756e19ce8b734a5200fc65d?s=96&d=mm&r=g\",\"caption\":\"Pixlr\"},\"url\":\"https:\/\/pixlr.com\/blog\/author\/pixlrblog\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Retrowave Animations with Pixlr - Pixlr Blog","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:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/","og_locale":"en_US","og_type":"article","og_title":"Create Retrowave Animations with Pixlr - Pixlr Blog","og_description":"Create your own retro-inspired animated piece and put your own spin on it by using Pixlr\u2019s user-friendly tools and AI-driven features.","og_url":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/","og_site_name":"Pixlr Blog","article_published_time":"2022-11-22T01:00:00+00:00","article_modified_time":"2022-11-22T13:05:30+00:00","og_image":[{"width":1024,"height":683,"url":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1-1024x683.png","type":"image\/png"}],"author":"Pixlr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pixlr","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#article","isPartOf":{"@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/"},"author":{"name":"Pixlr","@id":"https:\/\/pixlr.com\/blog\/#\/schema\/person\/cd6ccef22664ebed4d8295ebe0dfe497"},"headline":"Create Retrowave Animations with Pixlr","datePublished":"2022-11-22T01:00:00+00:00","dateModified":"2022-11-22T13:05:30+00:00","mainEntityOfPage":{"@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/"},"wordCount":887,"publisher":{"@id":"https:\/\/pixlr.com\/blog\/#organization"},"image":{"@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage"},"thumbnailUrl":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png","articleSection":["#madewithpixlr","Design","Inspiration","Photography","Tutorial"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/","url":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/","name":"Create Retrowave Animations with Pixlr - Pixlr Blog","isPartOf":{"@id":"https:\/\/pixlr.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage"},"image":{"@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage"},"thumbnailUrl":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png","datePublished":"2022-11-22T01:00:00+00:00","dateModified":"2022-11-22T13:05:30+00:00","breadcrumb":{"@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#primaryimage","url":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png","contentUrl":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/11\/retro-animation-final-cover-1.png","width":1920,"height":1280},{"@type":"BreadcrumbList","@id":"https:\/\/pixlr.com\/blog\/create-retrowave-animations-with-pixlr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pixlr.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Retrowave Animations with Pixlr"}]},{"@type":"WebSite","@id":"https:\/\/pixlr.com\/blog\/#website","url":"https:\/\/pixlr.com\/blog\/","name":"Pixlr Blog","description":"Design Tutorials, Trends and Tips For Pixlr Tools","publisher":{"@id":"https:\/\/pixlr.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pixlr.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pixlr.com\/blog\/#organization","name":"Pixlr","url":"https:\/\/pixlr.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixlr.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-cropped-Black-icon.png","contentUrl":"https:\/\/pixlr.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-cropped-Black-icon.png","width":511,"height":511,"caption":"Pixlr"},"image":{"@id":"https:\/\/pixlr.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/pixlr.com\/blog\/#\/schema\/person\/cd6ccef22664ebed4d8295ebe0dfe497","name":"Pixlr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixlr.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/413187e9b5f3652d01b74a87e3cab54800f2601d8756e19ce8b734a5200fc65d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/413187e9b5f3652d01b74a87e3cab54800f2601d8756e19ce8b734a5200fc65d?s=96&d=mm&r=g","caption":"Pixlr"},"url":"https:\/\/pixlr.com\/blog\/author\/pixlrblog\/"}]}},"_links":{"self":[{"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/posts\/14374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/comments?post=14374"}],"version-history":[{"count":0,"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/posts\/14374\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/media\/14372"}],"wp:attachment":[{"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/media?parent=14374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/categories?post=14374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixlr.com\/blog\/wp-json\/wp\/v2\/tags?post=14374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}