[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"en\u002Fblog\u002Fimage-masking":3,"en\u002Fsettings-page":2996,"blog-what-to-read-next-section":4910},{"content":4,"full_slug":2992,"id":2993,"name":1658,"path":134,"published_at":2994,"uuid":2995},{"tag":5,"_uid":1649,"image":1650,"title":1658,"author":1659,"widget":1686,"bgColor":47,"content":1690,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"meta_image":2986,"meta_title":2989,"page_title":34,"description":34,"publishedDate":2990,"hideFromSitemap":16,"meta_description":2991},[6],{"name":7,"created_at":8,"published_at":9,"updated_at":10,"id":11,"uuid":12,"content":13,"slug":1641,"full_slug":1642,"sort_by_date":134,"position":1643,"tag_list":1644,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":1646,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":1648,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Design resources","2024-08-26T14:09:52.108Z","2025-02-12T14:24:10.265Z","2025-02-12T14:24:10.293Z",540222543,"6e82c4b3-844d-4c3a-a799-56939bc2843d",{"_uid":14,"title":15,"noIndex":16,"noFollow":16,"component":17,"reference":18,"meta_image":1638,"meta_title":34,"page_title":34,"description":1628,"illustration":1640,"hideFromSitemap":16,"meta_description":34},"e44b1a0b-2afa-4abe-a1fe-37c6a104cf23"," Design resources",false,"BlogCategoryOverviewPage",{"name":19,"created_at":20,"published_at":21,"updated_at":22,"id":23,"uuid":24,"content":25,"slug":1629,"full_slug":1630,"sort_by_date":134,"position":1631,"tag_list":1632,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":1634,"first_published_at":1635,"release_id":134,"lang":1636,"path":134,"alternates":1637,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Your next career move: motion graphics vs. animation","2024-09-30T06:45:42.528Z","2026-09-05T00:16:24.094Z","2026-09-05T00:16:24.122Z",555448743,"f0ff000f-00e4-4457-ae55-997ca7312e7c",{"tag":26,"_uid":28,"image":29,"title":19,"author":40,"widget":42,"bgColor":47,"content":48,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":1619,"youtubeId":34,"meta_image":1623,"meta_title":1626,"page_title":34,"description":34,"publishedDate":1627,"hideFromSitemap":16,"meta_description":1628},[27,12],"3788f72d-65c4-4ad7-8c18-e17dc82f2b2e","a8e1a7cf-37e0-4551-aea1-db9befd460bb",[30],{"_uid":31,"image":32,"imageAlt":38,"component":39},"62e34335-8a79-43ca-adbb-08db9dd6b080",{"id":33,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":35,"copyright":34,"fieldtype":36,"meta_data":37,"is_external_url":16},17475438,"","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002F62e79781c4\u002Fmotion-graphics-vs-animation-newblogcover.avif","asset",{},"Linearity","Image",[41],"0f5fe757-eb31-437c-80a1-926f913f8ca3",{"id":43,"alt":44,"name":34,"focus":34,"title":44,"source":34,"filename":45,"copyright":34,"fieldtype":36,"meta_data":46,"is_external_url":16},18932106,"Your next career move: motion graphics vs. animation | Linearity","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F31598723af\u002Fmotion-graphics-vs-animation_widget.png",{},"decor-salmon",[49],{"_uid":50,"content":51,"component":1617},"d1ae1e07-2065-4a2c-b2db-d64c001ad978",{"type":52,"content":53},"doc",[54,60,71,75,97,106,110,146,162,166,174,216,223,254,261,294,300,330,334,341,360,371,381,387,394,404,474,481,485,495,514,523,554,561,569,573,577,584,606,616,622,629,639,645,652,668,681,692,699,714,725,731,738,766,785,795,801,808,816,835,842,852,862,868,875,884,888,896,900,907,921,928,935,945,954,958,968,975,982,998,1002,1006,1013,1095,1102,1112,1160,1171,1178,1188,1195,1199,1216,1220,1231,1238,1242,1252,1259,1269,1275,1282,1286,1296,1308,1312,1318,1325,1333,1337,1344,1410,1416,1475,1496,1506,1513,1540,1547,1557,1569,1578,1590],{"type":55,"content":56},"paragraph",[57],{"text":58,"type":59},"Whether you’re a seasoned player in the creative industry or a savvy business owner interested in elevating your brand's advertising, motion graphics, and animation are techniques you can use to take your practice to the next level.","text",{"type":55,"content":61},[62,64,69],{"text":63,"type":59},"However, before you can do that, it’s important to ",{"text":65,"type":59,"marks":66},"understand the difference",[67],{"type":68},"bold",{"text":70,"type":59}," between each technique. That way, you can pinpoint the method best for you and use it to deliver a killer end product.",{"type":55,"content":72},[73],{"text":74,"type":59},"Ready to get started? Let’s run through the key differences between these two popular types of animation.",{"type":76,"attrs":77},"blok",{"id":78,"body":79},"9d7b30a1-76d0-4568-93c1-ffa19ae4a8b3",[80],{"_uid":81,"title":82,"button":83,"component":94,"description":95,"backgroundColor":96},"i-dcfadd96-037d-4f5d-ad70-ffc0e2a1c84d","Jumpstart your ideas with Linearity Curve\n",[84],{"_uid":85,"icon":34,"link":86,"size":90,"text":91,"type":92,"component":93},"e5e02788-07cf-4d00-8e8a-93084414d9ff",{"id":34,"url":87,"linktype":88,"fieldtype":89,"cached_url":87},"https:\u002F\u002Fwww.linearity.io\u002Fget-started","url","multilink","medium","Get Started","whiteFill","BaseButton","BlogComponentCta","Take your designs to the next level.\n\n","orange",{"type":98,"attrs":99,"content":101},"heading",{"level":100},2,[102],{"text":103,"type":59,"marks":104},"Historical context: the rise of animation and motion graphics",[105],{"type":68},{"type":55,"content":107},[108],{"text":109,"type":59},"The desire to capture movement and bring life to still images stretches back centuries, with early examples like the flip book (1800s).",{"type":55,"content":111},[112,114,118,120,125,127,138,140,144],{"text":113,"type":59},"The birth of animation as we know it began with the invention of celluloid film in the ",{"text":115,"type":59,"marks":116},"late 19th century",[117],{"type":68},{"text":119,"type":59},". Pioneers like Winsor McCay (",{"text":121,"type":59,"marks":122},"Gertie the Dinosaur",[123],{"type":124},"italic",{"text":126,"type":59},", 1914) and ",{"text":128,"type":59,"marks":129},"Walt Disney",[130,136],{"type":131,"attrs":132},"link",{"href":133,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fa-brief-history-of-disney",null,"_blank",{"type":137},"underline",{"text":139,"type":59}," (",{"text":141,"type":59,"marks":142},"Snow White and the Seven Dwarfs",[143],{"type":124},{"text":145,"type":59},", 1937) established hand-drawn animation as a dominant storytelling medium.",{"type":76,"attrs":147},{"id":78,"body":148},[149,153,158],{"_uid":150,"emoji":34,"bgColor":47,"markdown":151,"component":152},"i-8e5a1955-6035-4b79-b808-a082b7abcc6d","Motion graphics, on the other hand, emerged as a field much later, heavily influenced by technological advancements.","BlogComponentDisclaimer",{"lg":34,"md":34,"sm":34,"xl":34,"xs":34,"xl2":34,"xl3":34,"_uid":154,"initial":155,"component":156,"backgroundColor":157},"i-939f9d04-9c3d-4056-b70a-42b945399e9f","32","Spacer","transparent",{"src":159,"_uid":160,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F5fzZFQBXSLM?feature=oembed","i-6515ab0c-24b1-4099-8a44-8ba0f93054c3","YoutubeEmbedComponent",{"type":55,"content":163},[164],{"text":165,"type":59},"Here's a breakdown of the key turning points:",{"type":98,"attrs":167,"content":169},{"level":168},3,[170],{"text":171,"type":59,"marks":172},"Early seeds (1800s–1940s):",[173],{"type":68},{"type":175,"content":176},"bullet_list",[177,197],{"type":178,"content":179},"list_item",[180],{"type":55,"content":181},[182,186,188,195],{"text":183,"type":59,"marks":184},"Pre-cinema devices:",[185],{"type":68},{"text":187,"type":59}," While not strictly animation, ",{"text":189,"type":59,"marks":190},"pre-cinema devices",[191,194],{"type":131,"attrs":192},{"href":193,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fearly-animation-devices\u002F",{"type":137},{"text":196,"type":59}," like the zoetrope and flip book planted the seeds for the illusion of movement.",{"type":178,"content":198},[199],{"type":55,"content":200},[201,205,207,214],{"text":202,"type":59,"marks":203},"Title cards:",[204],{"type":68},{"text":206,"type":59}," Early films often used illustrated ",{"text":208,"type":59,"marks":209},"title cards",[210,213],{"type":131,"attrs":211},{"href":212,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fmovie-title-design\u002F",{"type":137},{"text":215,"type":59}," with minimal animation, hinting at the potential of graphic design in motion.",{"type":98,"attrs":217,"content":218},{"level":168},[219],{"text":220,"type":59,"marks":221},"The rise of motion graphics (1940s–1960s):",[222],{"type":68},{"type":175,"content":224},[225,244],{"type":178,"content":226},[227],{"type":55,"content":228},[229,233,235,242],{"text":230,"type":59,"marks":231},"Experimental films:",[232],{"type":68},{"text":234,"type":59}," The mid-20th century saw a surge of experimental filmmakers like Oskar Fischinger and Norman McLaren, who explored using graphic design elements in ",{"text":236,"type":59,"marks":237},"animated films",[238,241],{"type":131,"attrs":239},{"href":240,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Ffirst-animated-films\u002F",{"type":137},{"text":243,"type":59},".",{"type":178,"content":245},[246],{"type":55,"content":247},[248,252],{"text":249,"type":59,"marks":250},"Technological advancements:",[251],{"type":68},{"text":253,"type":59}," The development of cel animation techniques (acetate sheets with hand-drawn characters) unintentionally freed graphic designers to experiment with animation for specific purposes beyond character-driven narratives.",{"type":98,"attrs":255,"content":256},{"level":168},[257],{"text":258,"type":59,"marks":259},"Motion graphics take center stage (1960s–present):",[260],{"type":68},{"type":175,"content":262},[263],{"type":178,"content":264},[265],{"type":55,"content":266},[267,271,273,277,279,283,285,292],{"text":268,"type":59,"marks":269},"Saul Bass and title sequences:",[270],{"type":68},{"text":272,"type":59}," The legendary graphic designer Saul Bass revolutionized title sequences with iconic works for films like ",{"text":274,"type":59,"marks":275},"Psycho",[276],{"type":124},{"text":278,"type":59}," (1960) and ",{"text":280,"type":59,"marks":281},"North by Northwest ",[282],{"type":124},{"text":284,"type":59},"(1959), showcasing the power of ",{"text":286,"type":59,"marks":287},"motion graphics",[288,291],{"type":131,"attrs":289},{"href":290,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fmotion-design\u002F",{"type":137},{"text":293,"type":59}," in storytelling without characters.",{"type":76,"attrs":295},{"id":78,"body":296},[297],{"src":298,"_uid":299,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002Faj6aBuC1Lb8?feature=oembed","i-1125e358-3609-46ce-a788-088bee25dbf7",{"type":175,"content":301},[302,312],{"type":178,"content":303},[304],{"type":55,"content":305},[306,310],{"text":307,"type":59,"marks":308},"Rise of television and advertising:",[309],{"type":68},{"text":311,"type":59}," The growth of television and advertising created a demand for clear, concise, and visually engaging messages—a perfect fit for motion graphics.",{"type":178,"content":313},[314],{"type":55,"content":315},[316,324,328],{"text":317,"type":59,"marks":318},"Computer animation revolution",[319,322,323],{"type":131,"attrs":320},{"href":321,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fcomputer-animation\u002F",{"type":68},{"type":137},{"text":325,"type":59,"marks":326},":",[327],{"type":68},{"text":329,"type":59}," The arrival of powerful computers in the late 20th century opened doors for sophisticated 3D motion graphics and visual effects, further solidifying motion graphics as a distinct field.",{"type":55,"content":331},[332],{"text":333,"type":59},"Today, animation and motion graphics co-exist and often complement each other. But what are the two different techniques? How do they differ? Are they similar in any way? Keep reading to find out.",{"type":98,"attrs":335,"content":336},{"level":100},[337],{"text":338,"type":59,"marks":339},"What's motion graphics?",[340],{"type":68},{"type":55,"content":342},[343,345,349,351,358],{"text":344,"type":59},"This is a small",{"text":346,"type":59,"marks":347}," subset of animation",[348],{"type":68},{"text":350,"type":59}," that makes previously static images more dynamic. It deals almost exclusively with 2D graphics and ",{"text":352,"type":59,"marks":353},"2D graphic software",[354,357],{"type":131,"attrs":355},{"href":356,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002F2d-animation-software\u002F",{"type":137},{"text":359,"type":59},". ",{"type":55,"content":361},[362,369],{"text":363,"type":59,"marks":364},"Creating motion graphics",[365,368],{"type":131,"attrs":366},{"href":367,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fhow-to-make-motion-graphics\u002F",{"type":137},{"text":370,"type":59}," enhances the visual impact of an otherwise lifeless image, it doesn’t do anything to further its narrative or give it one at all.",{"type":55,"content":372},[373,375,379],{"text":374,"type":59},"For example, do you know when you’re shopping online that a quick buy option appears on screen? Or when a static banner pauses when you hover over it? That’s motion graphics. It’s a ",{"text":376,"type":59,"marks":377},"simple, effective, and widely used ",[378],{"type":68},{"text":380,"type":59},"part of media that millions of people use or encounter every single day.",{"type":76,"attrs":382},{"id":78,"body":383},[384],{"_uid":385,"emoji":34,"bgColor":47,"markdown":386,"component":152},"i-b2e794be-3d69-4324-8730-a925eb630d86","Looking for the secret sauce to motion design? Check out our toolbox of [motion graphics resources](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fmotion-design-resources\u002F) every professional designer needs.",{"type":98,"attrs":388,"content":389},{"level":100},[390],{"text":391,"type":59,"marks":392},"10 examples of motion graphics",[393],{"type":68},{"type":55,"content":395},[396,398,402],{"text":397,"type":59},"Despite being one of the most popular animation modes, it’s often hard to spot. Here are some ",{"text":399,"type":59,"marks":400},"well-known examples",[401],{"type":68},{"text":403,"type":59}," of when it’s put to good use:",{"type":405,"attrs":406,"content":408},"ordered_list",{"order":407},1,[409,420,426,432,438,444,450,456,462,468],{"type":178,"content":410},[411],{"type":55,"content":412},[413],{"text":414,"type":59,"marks":415},"Dynamic logos",[416,419],{"type":131,"attrs":417},{"href":418,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fanimated-logos\u002F",{"type":137},{"type":178,"content":421},[422],{"type":55,"content":423},[424],{"text":425,"type":59},"Animated page titles",{"type":178,"content":427},[428],{"type":55,"content":429},[430],{"text":431,"type":59},"Lower Thirds or title cards",{"type":178,"content":433},[434],{"type":55,"content":435},[436],{"text":437,"type":59},"UI animation",{"type":178,"content":439},[440],{"type":55,"content":441},[442],{"text":443,"type":59},"Animated icons",{"type":178,"content":445},[446],{"type":55,"content":447},[448],{"text":449,"type":59},"Graphic design videos",{"type":178,"content":451},[452],{"type":55,"content":453},[454],{"text":455,"type":59},"Explainer videos",{"type":178,"content":457},[458],{"type":55,"content":459},[460],{"text":461,"type":59},"Music videos",{"type":178,"content":463},[464],{"type":55,"content":465},[466],{"text":467,"type":59},"Online Video transitions",{"type":178,"content":469},[470],{"type":55,"content":471},[472],{"text":473,"type":59},"GIFs",{"type":98,"attrs":475,"content":476},{"level":100},[477],{"text":478,"type":59,"marks":479},"What's animation?",[480],{"type":68},{"type":55,"content":482},[483],{"text":484,"type":59},"Now, it’s time to tackle the great, big parent term that is animation.",{"type":55,"content":486},[487,489,493],{"text":488,"type":59},"In motion graphics, animation is a technique for giving static imagery movement. However, it’s also an umbrella term that categorizes the ",{"text":490,"type":59,"marks":491},"whole field of moving imagery",[492],{"type":68},{"text":494,"type":59},", including everything from cartoons and typography to motion graphics itself.",{"type":76,"attrs":496},{"id":78,"body":497},[498,509,511],{"_uid":499,"title":500,"button":501,"component":94,"description":507,"backgroundColor":508},"i-1df1fdfe-9f7c-4b6c-b041-705763f9f80d","Transform Your ideas into animations",[502],{"_uid":503,"icon":34,"link":504,"size":90,"text":506,"type":92,"component":93},"773c6fef-c7b4-4ef8-89f5-a0f4568ec5b5",{"id":34,"url":505,"linktype":88,"fieldtype":89,"cached_url":505},"https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Ftutorials\u002Fworkshops\u002Fcreate-your-first-animation-with-linearity-move\u002F","Start tutorial","Linearity Move is perfect for beginners and professionals alike. Make your first animation with Move.\n\n","green",{"lg":34,"md":34,"sm":34,"xl":34,"xs":34,"xl2":34,"xl3":34,"_uid":510,"initial":155,"component":156,"backgroundColor":157},"i-46896377-e31f-4820-8b07-cd14883b5636",{"_uid":512,"emoji":34,"bgColor":47,"markdown":513,"component":152},"i-03f6b4f7-034e-484a-8286-69ed73f22cbc","Think of animation as an all-encompassing umbrella that includes multiple motion graphic design styles.",{"type":55,"content":515},[516],{"text":517,"type":59,"marks":518},"This means that while motion graphics may always fall under the umbrella of animation, animation doesn’t always exclusively mean motion graphics—get it?",[519],{"type":520,"attrs":521},"textStyle",{"color":522},"#111717",{"type":76,"attrs":524},{"id":78,"body":525},[526],{"_uid":527,"cards":528,"component":553},"i-cdf7e245-d38a-4525-bca2-17312925105b",[529,542],{"_uid":530,"image":531,"button":535,"component":541},"3316bcc3-0742-4b40-a4aa-58671fe2e4b4",{"id":532,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":533,"copyright":34,"fieldtype":36,"meta_data":534,"is_external_url":16},17475474,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F574x1020\u002F6ea7be6791\u002Ffilters_format-webp-_quality-75-1.webp",{},[536],{"_uid":537,"icon":34,"link":538,"size":90,"text":540,"type":92,"component":93},"800bb715-4fac-4066-bc3b-57c2987c165b",{"id":34,"url":539,"linktype":88,"fieldtype":89,"cached_url":539},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002Fanimated-templates\u002Fillustrated-vector-agency-ideas-ad\u002F","Get this template","BlogTwoColumnTemplatesItem",{"_uid":543,"image":544,"button":548,"component":541},"b43dae9f-5c33-423f-93fd-d66efd5d0294",{"id":545,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":546,"copyright":34,"fieldtype":36,"meta_data":547,"is_external_url":16},17475473,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1019x1020\u002Fd881951188\u002Ffilters_format-webp-_quality-75-2.webp",{},[549],{"_uid":550,"icon":34,"link":551,"size":90,"text":540,"type":92,"component":93},"78651033-1ec1-47b5-a7c7-92405374d872",{"id":34,"url":552,"linktype":88,"fieldtype":89,"cached_url":552},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002Fanimated-templates\u002Fcreative-agency-showreel\u002F","BlogTwoColumnTemplates",{"type":98,"attrs":555,"content":556},{"level":100},[557],{"text":558,"type":59,"marks":559},"5 styles of animation",[560],{"type":68},{"type":55,"content":562},[563,565],{"text":564,"type":59},"Under the umbrella of animation, there are ",{"text":566,"type":59,"marks":567},"five main styles.",[568],{"type":68},{"type":55,"content":570},[571],{"text":572,"type":59},"Each one has different costs, uses, and requirements, and together, they are responsible for the entire world of graphics that we know, love, and use today.",{"type":55,"content":574},[575],{"text":576,"type":59},"Here are the five types of animation techniques.",{"type":98,"attrs":578,"content":579},{"level":168},[580],{"text":581,"type":59,"marks":582},"1. Traditional animation",[583],{"type":68},{"type":55,"content":585},[586,588,592,594,598,600,604],{"text":587,"type":59},"Are you familiar with ",{"text":589,"type":59,"marks":590},"Tarzan ",[591],{"type":124},{"text":593,"type":59},"(1999)? ",{"text":595,"type":59,"marks":596},"The Lion King ",[597],{"type":124},{"text":599,"type":59},"(1994)? ",{"text":601,"type":59,"marks":602},"Pinocchio ",[603],{"type":124},{"text":605,"type":59},"(1940)? Well, those are all made using traditional animation methods.",{"type":55,"content":607},[608,610,614],{"text":609,"type":59},"Traditional animation is a technique in which each frame is ",{"text":611,"type":59,"marks":612},"drawn by hand",[613],{"type":68},{"text":615,"type":59},". It can also be known as hand-drawn animation or cel animation, and until the age of computer animation, it was the dominant type of animation used in cinema.",{"type":76,"attrs":617},{"id":78,"body":618},[619],{"src":620,"_uid":621,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002Fie53R2HEZ6g?feature=oembed","i-6643561a-5b94-41a8-b409-0a1dd6f72828",{"type":98,"attrs":623,"content":624},{"level":168},[625],{"text":626,"type":59,"marks":627},"2. Motion graphics",[628],{"type":68},{"type":55,"content":630},[631,633,637],{"text":632,"type":59},"As explained above, this is a subgenre of animation that turns a ",{"text":634,"type":59,"marks":635},"still image into a moving one.",[636],{"type":68},{"text":638,"type":59}," However, the image rarely has a story or an emotive edge.",{"type":76,"attrs":640},{"id":78,"body":641},[642],{"src":643,"_uid":644,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FBR5IuoxNJUU?start=3&feature=oembed","i-93aca940-ed35-4c93-a9da-2565963e1111",{"type":98,"attrs":646,"content":647},{"level":168},[648],{"text":649,"type":59,"marks":650},"3. Stop motion animation",[651],{"type":68},{"type":55,"content":653},[654,656,660,662,666],{"text":655,"type":59},"This ",{"text":657,"type":59,"marks":658},"frame-by-frame",[659],{"type":68},{"text":661,"type":59}," movement of objects and figures creates an ",{"text":663,"type":59,"marks":664},"illusion of fluid movement",[665],{"type":68},{"text":667,"type":59},". This manual technique allows for any kind of physical item to star in a picture, as long as it keeps still, of course.",{"type":55,"content":669},[670,672,679],{"text":671,"type":59},"Though incredibly delicate and time-consuming, ",{"text":673,"type":59,"marks":674},"stop motion animation",[675,678],{"type":131,"attrs":676},{"href":677,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fstop-motion\u002F",{"type":137},{"text":680,"type":59}," is a popular and beautiful art form. ",{"type":76,"attrs":682},{"id":78,"body":683},[684,687,689],{"_uid":685,"emoji":34,"bgColor":47,"markdown":686,"component":152},"i-d920a233-4196-4e03-83fe-97365df2b56c","It was the style championed in films such as *Fantastic Mr. Fox* (2009) and *Coraline* (2009)",{"lg":34,"md":34,"sm":34,"xl":34,"xs":34,"xl2":34,"xl3":34,"_uid":688,"initial":155,"component":156,"backgroundColor":157},"i-0ff5e3d7-6f9a-4311-9541-cfd45348ae7d",{"src":690,"_uid":691,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002Fn2igjYFojUo?feature=oembed","i-95568d25-63cb-4a2f-8093-cc28f130439a",{"type":98,"attrs":693,"content":694},{"level":168},[695],{"text":696,"type":59,"marks":697},"4. 2D animation",[698],{"type":68},{"type":55,"content":700},[701,708,710],{"text":702,"type":59,"marks":703},"Animating in 2D",[704,707],{"type":131,"attrs":705},{"href":706,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002F2d-animation\u002F",{"type":137},{"text":709,"type":59}," is probably the most common style of animation and refers to two-dimensional graphics that are rapidly sequenced to create the ",{"text":711,"type":59,"marks":712},"illusion of lifelike movement.",[713],{"type":68},{"type":55,"content":715},[716,718,724],{"text":717,"type":59},"Graphics drawn by hand are often categorized as traditional animation. But they can also be produced using ",{"text":719,"type":59,"marks":720},"animation software",[721,723],{"type":131,"attrs":722},{"href":356,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":137},{"text":243,"type":59},{"type":76,"attrs":726},{"id":78,"body":727},[728],{"src":729,"_uid":730,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002F2tC2Q2xphRQ?start=2&feature=oembed","i-8bf7f3d2-5ad9-4f83-88d3-5604874fef73",{"type":98,"attrs":732,"content":733},{"level":168},[734],{"text":735,"type":59,"marks":736},"5. 3D animation",[737],{"type":68},{"type":55,"content":739},[740,742,746,748,752,754,758,760,764],{"text":741,"type":59},"This refers to graphics modeled in a ",{"text":743,"type":59,"marks":744},"three-dimensional virtual environment",[745],{"type":68},{"text":747,"type":59}," and then animated. It’s the most-used style in the animation industry today, and it has inspired movies such as ",{"text":749,"type":59,"marks":750},"Toy Story ",[751],{"type":124},{"text":753,"type":59},"(1995), ",{"text":755,"type":59,"marks":756},"Monsters Inc. ",[757],{"type":124},{"text":759,"type":59},"(2001), and ",{"text":761,"type":59,"marks":762},"Frozen ",[763],{"type":124},{"text":765,"type":59},"(2013).",{"type":55,"content":767},[768,770,774,776,783],{"text":769,"type":59},"Designers specializing in 3D animation begin by conceptualizing a character or object, creating a ",{"text":771,"type":59,"marks":772},"to-scale model",[773],{"type":68},{"text":775,"type":59},", and ",{"text":777,"type":59,"marks":778},"using 3D animation software",[779,782],{"type":131,"attrs":780},{"href":781,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fanimation-software\u002F",{"type":137},{"text":784,"type":59}," to bring it to life.",{"type":55,"content":786},[787,789,793],{"text":788,"type":59},"Integrating the 3D model into the digital environment decked out with special effects allows them to watch how it responds to and ",{"text":790,"type":59,"marks":791},"acts in a 360° space",[792],{"type":68},{"text":794,"type":59},", producing a pretty darn accurate end product.",{"type":76,"attrs":796},{"id":78,"body":797},[798],{"src":799,"_uid":800,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FbwzLiQZDw2I?feature=oembed","i-ef7b3f2e-d557-4ff6-bcda-24b75a9854d4",{"type":98,"attrs":802,"content":803},{"level":100},[804],{"text":805,"type":59,"marks":806},"Motion graphics vs. animation: a comparison",[807],{"type":68},{"type":55,"content":809},[810,812],{"text":811,"type":59},"Now that you understand the key differences, let's compare both modes so that you can pinpoint which ",{"text":813,"type":59,"marks":814},"best suits your requirements.",[815],{"type":68},{"type":76,"attrs":817},{"id":78,"body":818},[819],{"_uid":820,"image":821,"title":828,"button":829,"component":833,"description":834},"i-9f661ae6-4995-4e42-b38b-9acc277db0eb",[822],{"_uid":823,"image":824,"imageAlt":39,"component":39},"a34791cc-3805-497c-8c58-f3a5a93df2a9",{"id":825,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":826,"copyright":34,"fieldtype":36,"meta_data":827,"is_external_url":16},17423592,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F688x488\u002Ff85f7be569\u002Fsnippet-banner-image.png",{},"Bring motion in-house",[830],{"_uid":831,"icon":34,"link":832,"size":90,"text":91,"type":92,"component":93},"efcb819f-5ec6-41ae-b270-8b5898ef1319",{"id":34,"url":87,"linktype":88,"fieldtype":89,"cached_url":87},"BlogComponentBigCta","Animate marketing assets in seconds with Linearity Move.",{"type":98,"attrs":836,"content":837},{"level":168},[838],{"text":839,"type":59,"marks":840},"Statistics vs. narratives",[841],{"type":68},{"type":55,"content":843},[844,846,850],{"text":845,"type":59},"Motion graphics tend to be less captivating than animation. They simply aim to enhance the delivery of a selling point, statistic, or instruction, while animation concentrates on ",{"text":847,"type":59,"marks":848},"crafting a narrative",[849],{"type":68},{"text":851,"type":59}," and developing characters.",{"type":55,"content":853},[854,856,860],{"text":855,"type":59},"A successful animation connects with its audience, tugs at their heartstrings, and tells a story. Meanwhile, a functioning motion graphic merely ",{"text":857,"type":59,"marks":858},"informs, teaches, or instructs",[859],{"type":68},{"text":861,"type":59}," them.",{"type":76,"attrs":863},{"id":78,"body":864},[865],{"_uid":866,"emoji":34,"bgColor":47,"markdown":867,"component":152},"i-97fbedf1-fcbe-44a5-a23d-1515fc90729d","If the animated picture you’re looking at tells a gripping story or enhances a narrative, chances are you have an animation and not a motion graphic.",{"type":98,"attrs":869,"content":870},{"level":168},[871],{"text":872,"type":59,"marks":873},"Simple vs. complex",[874],{"type":68},{"type":55,"content":876},[877,879,883],{"text":878,"type":59},"Generally speaking, motion graphics call for ",{"text":880,"type":59,"marks":881},"less complex designs than animation",[882],{"type":68},{"text":243,"type":59},{"type":55,"content":885},[886],{"text":887,"type":59},"Now, don’t get it twisted. This doesn’t mean that designing them is a piece of cake. It just means that creating a superbly effective motion graphic usually requires fewer resources.",{"type":55,"content":889},[890,892],{"text":891,"type":59},"For example, do you want to design a pop-out title for your company’s introductory video? With the right software, you can likely do so swiftly and with ",{"text":893,"type":59,"marks":894},"little to no complications.",[895],{"type":68},{"type":55,"content":897},[898],{"text":899,"type":59},"If you’re hoping to produce a captivating animated feature from start to finish, one that meets its function expertly just like the pop-out title on your company’s introductory video did, then you’ll need an extensive skillset, ample resources, and an empty calendar.",{"type":98,"attrs":901,"content":902},{"level":168},[903],{"text":904,"type":59,"marks":905},"Reasonably priced vs. expensive",[906],{"type":68},{"type":55,"content":908},[909,911,915,917],{"text":910,"type":59},"As mentioned above, designing an animation that meets its function tends to be more ",{"text":912,"type":59,"marks":913},"time-consuming and complex",[914],{"type":68},{"text":916,"type":59}," than creating a satisfactory motion graphic. Producing a motion graphic requires less specific input and is thus generally ",{"text":918,"type":59,"marks":919},"less expensive.",[920],{"type":68},{"type":76,"attrs":922},{"id":78,"body":923},[924],{"_uid":925,"emoji":926,"bgColor":47,"markdown":927,"component":152},"i-654028d3-72ec-4e82-88c5-6341f438abee","💡","With the increasing use of artificial intelligence in animation creation, you can expect to see the current high prices [decrease by around 30%](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fanimation-statistics\u002F).",{"type":98,"attrs":929,"content":930},{"level":168},[931],{"text":932,"type":59,"marks":933},"2D vs. 3D",[934],{"type":68},{"type":55,"content":936},[937,939,943],{"text":938,"type":59},"Another distinguishing feature between animation and motion graphics is their difference in dimensions. While animation can refer to ",{"text":940,"type":59,"marks":941},"both 2D and 3D graphics,",[942],{"type":68},{"text":944,"type":59}," things like banners and GIFs are almost exclusively comprised of 2D images.",{"type":55,"content":946},[947,949,953],{"text":948,"type":59},"While this difference may result in motion graphics appearing less riveting than the realistic graphics defined by animation, that isn’t necessarily a bad thing. A motion graphic isn't going to capture your heart or seem lifelike. It serves to ",{"text":950,"type":59,"marks":951},"direct and inform",[952],{"type":68},{"text":243,"type":59},{"type":55,"content":955},[956],{"text":957,"type":59},"A 2D design is often easier to digest and understand, enabling the viewer to promptly follow its instructions and the motion graphic to meet its goal.",{"type":55,"content":959},[960,962,966],{"text":961,"type":59},"However, 3D motion graphics is no longer limited to high-budget productions and we are seeing this trend become increasingly common. With user-friendly 3D software becoming more accessible, we can expect a",{"text":963,"type":59,"marks":964}," surge in 3D elements",[965],{"type":68},{"text":967,"type":59}," seamlessly integrated into motion graphics projects.",{"type":76,"attrs":969},{"id":78,"body":970},[971],{"_uid":972,"markdown":973,"component":974},"i-33a9c080-fab4-4166-b998-37c5c96c8ded","\"If we are talking motion graphic trends, then I predict the following:  \n1) 3D textures: using 3D textures in a 2D animation environments.  \n2) Experimental minimalism: simple shapes and high contrast colors in a minimalist composition to avoid distractions.”—Maddy Zoli, Senior Designer at Linearity","BlogComponentQuote",{"type":98,"attrs":976,"content":977},{"level":168},[978],{"text":979,"type":59,"marks":980},"Accessory vs. main focus",[981],{"type":68},{"type":55,"content":983},[984,986,990,992,996],{"text":985,"type":59},"Generally speaking, motion graphics tend to ",{"text":987,"type":59,"marks":988},"integrate over preexisting live-action",[989],{"type":68},{"text":991,"type":59}," or real-life footage, such as a video or website. However, animations, on the other hand, tend to exist as ",{"text":993,"type":59,"marks":994},"standalone imagery",[995],{"type":68},{"text":997,"type":59}," over a generated background of other animations.",{"type":55,"content":999},[1000],{"text":1001,"type":59},"However, in film title design, motion graphics take center stage. ",{"type":55,"content":1003},[1004],{"text":1005,"type":59},"An additional difference is that motion graphics developed out of experiments in computer graphics, whereas animation developed out of art and comics",{"type":98,"attrs":1007,"content":1008},{"level":100},[1009],{"text":1010,"type":59,"marks":1011},"A quick summary table of the differences",[1012],{"type":68},{"type":76,"attrs":1014},{"id":78,"body":1015},[1016],{"_uid":1017,"content":1018,"component":1093,"showHeader":1094},"i-04a9f654-8634-432c-bf36-e5ee4c115e6d",{"tbody":1019,"thead":1082,"fieldtype":1092},[1020,1034,1046,1058,1070],{"_uid":1021,"body":1022,"component":1033},"ec96d931-f500-414d-934f-0d43e3eed6df",[1023,1027,1030],{"_uid":1024,"value":1025,"component":1026},"5f9394a7-e40f-4463-942b-ac37ec4a278a","Focus","_table_col",{"_uid":1028,"value":1029,"component":1026},"3463dee5-ea3c-4b55-8f89-360da48bdc3d","Statistics and instructions",{"_uid":1031,"value":1032,"component":1026},"4007a6f2-1d4e-4e6f-98b4-e56ab80509e3","Narratives","_table_row",{"_uid":1035,"body":1036,"component":1033},"323a099d-a31a-4c12-96f4-c5fd666c3ee9",[1037,1040,1043],{"_uid":1038,"value":1039,"component":1026},"22d84fac-4bb6-42a5-a996-0dd4c5606f94","Complexity",{"_uid":1041,"value":1042,"component":1026},"6aa518a8-6c81-4ed8-b76a-44aa4d5ff99b","Simple",{"_uid":1044,"value":1045,"component":1026},"93070c70-86a0-4ccb-961c-28b9b0522d96","Complex",{"_uid":1047,"body":1048,"component":1033},"52f78f03-b511-4ad5-b231-e93e5387c938",[1049,1052,1055],{"_uid":1050,"value":1051,"component":1026},"dd09cdc7-f6f8-41db-b178-d27c20cf4999","Cost",{"_uid":1053,"value":1054,"component":1026},"b9ff74fa-27f0-4e13-a36d-eb8ed13cf9e6","Reasonably priced",{"_uid":1056,"value":1057,"component":1026},"10977453-5ee5-456c-a97f-836abf08b1cc","Expensive",{"_uid":1059,"body":1060,"component":1033},"00dec5c4-432c-4e7d-89ba-1301bed2e6e1",[1061,1064,1067],{"_uid":1062,"value":1063,"component":1026},"0ca0ab3c-dcc5-46e8-8a94-e15531fb5717","Dimension",{"_uid":1065,"value":1066,"component":1026},"3621a623-5b2b-4742-ac2e-e2cd7a018490","Mainly 2D",{"_uid":1068,"value":1069,"component":1026},"b6308d44-4a5a-49df-a1db-1299e3a0cb21","2D and 3D",{"_uid":1071,"body":1072,"component":1033},"76330df8-093b-405d-ad69-6642d2195288",[1073,1076,1079],{"_uid":1074,"value":1075,"component":1026},"85916b26-df55-421f-9a99-b6a5ad662d6e","Role",{"_uid":1077,"value":1078,"component":1026},"4eebe3d9-9c05-4589-9ff2-9fa1e12e8041","Accessory (but not always)",{"_uid":1080,"value":1081,"component":1026},"b6ee8eea-1876-4cba-9f71-3a0a75bcb6c9","Main focus",[1083,1086,1089],{"_uid":1084,"value":34,"component":1085},"7e320148-24ca-4b1d-8929-2b9d6b1eb3ed","_table_head",{"_uid":1087,"value":1088,"component":1085},"5c084b05-c922-4986-bae1-1d460cc7b87a","Motion graphics",{"_uid":1090,"value":1091,"component":1085},"35505487-7977-4f63-b0a9-4fa5d2ec6350","Animation","table","BlogTableComponent",true,{"type":98,"attrs":1096,"content":1097},{"level":100},[1098],{"text":1099,"type":59,"marks":1100},"The software used for both",[1101],{"type":68},{"type":55,"content":1103},[1104,1106,1110],{"text":1105,"type":59},"Years ago, graphic designers used only physical tools to create scenes, characters, or accessories. Today, animators and graphic artists alike have a huge",{"text":1107,"type":59,"marks":1108}," range of digital tools",[1109],{"type":68},{"text":1111,"type":59}," at their fingertips that allow them to produce clean, functional designs promptly. Here are some of our favorite tools used for both:",{"type":175,"content":1113},[1114,1136,1142,1148,1154],{"type":178,"content":1115},[1116],{"type":55,"content":1117},[1118,1125,1127,1134],{"text":1119,"type":59,"marks":1120},"Linearity Curve",[1121,1124],{"type":131,"attrs":1122},{"href":1123,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fcurve\u002F",{"type":137},{"text":1126,"type":59}," and ",{"text":1128,"type":59,"marks":1129},"Linearity Move",[1130,1133],{"type":131,"attrs":1131},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fmove\u002F",{"type":137},{"text":1135,"type":59}," (used together as a powerful combination)",{"type":178,"content":1137},[1138],{"type":55,"content":1139},[1140],{"text":1141,"type":59},"MAYA",{"type":178,"content":1143},[1144],{"type":55,"content":1145},[1146],{"text":1147,"type":59},"Blender",{"type":178,"content":1149},[1150],{"type":55,"content":1151},[1152],{"text":1153,"type":59},"Animate",{"type":178,"content":1155},[1156],{"type":55,"content":1157},[1158],{"text":1159,"type":59},"Adobe After Effects",{"type":76,"attrs":1161},{"id":78,"body":1162},[1163,1166,1168],{"src":1164,"_uid":1165,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FjcLFCSjFK08","i-9b16c736-2083-44fd-b528-b2a6cdae05c2",{"lg":34,"md":34,"sm":34,"xl":34,"xs":34,"xl2":34,"xl3":34,"_uid":1167,"initial":155,"component":156,"backgroundColor":157},"i-ae4db9ab-32ce-415b-9163-985ff24053af",{"_uid":1169,"emoji":34,"bgColor":47,"markdown":1170,"component":152},"i-d0961a2a-d344-4951-b763-e82da317db28","Interested in using our graphic design and animation tools? Check out [our pricing](https:\u002F\u002Fwww.linearity.io\u002Fpricing\u002F) here. Spoiler alert: you can try our tools for free.",{"type":98,"attrs":1172,"content":1173},{"level":100},[1174],{"text":1175,"type":59,"marks":1176},"Which technique should you use?",[1177],{"type":68},{"type":55,"content":1179},[1180,1182,1186],{"text":1181,"type":59},"Now that you’re up to speed on all things motion graphics vs animation, it’s time to pinpoint the mode that will best leverage your skill set and meet your requirements. Below are some ",{"text":1183,"type":59,"marks":1184},"key questions",[1185],{"type":68},{"text":1187,"type":59}," to consider before you make your pick.",{"type":98,"attrs":1189,"content":1190},{"level":168},[1191],{"text":1192,"type":59,"marks":1193},"Do you want your graphic to tell a story?",[1194],{"type":68},{"type":55,"content":1196},[1197],{"text":1198,"type":59},"If you answered yes, you should probably go for animation.",{"type":55,"content":1200},[1201,1202,1206,1208,1215],{"text":1091,"type":59},{"text":1203,"type":59,"marks":1204}," breathes life into a character",[1205],{"type":68},{"text":1207,"type":59},". It enables viewers to connect with the characters and their stories on an emotional level. Take, for example, ",{"text":1209,"type":59,"marks":1210},"Studio Ghibli's masterpieces",[1211,1214],{"type":131,"attrs":1212},{"href":1213,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fstudio-ghibli",{"type":137},{"text":359,"type":59},{"type":55,"content":1217},[1218],{"text":1219,"type":59},"Ghibli characters aren't just drawn; they're animated with meticulous attention to detail. Subtle movements like a furrowed brow, a trembling hand, or the way hair blows in the wind all contribute to conveying emotions and personality.  This makes them feel real and relatable, even if they're fantastical creatures like Totoro or No-Face.",{"type":76,"attrs":1221},{"id":78,"body":1222},[1223,1226,1228],{"src":1224,"_uid":1225,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FGAp2_0JJskk?feature=oembed","i-82bf4991-dd6e-4480-ae0d-a631552a6463",{"lg":34,"md":34,"sm":34,"xl":34,"xs":34,"xl2":34,"xl3":34,"_uid":1227,"initial":155,"component":156,"backgroundColor":157},"i-69c4a0af-2186-4804-b7de-77cac87fd414",{"_uid":1229,"emoji":34,"bgColor":47,"markdown":1230,"component":152},"i-92d3969d-bb21-4756-9aa1-01aa06bc01b3","Animation will make your narrative more realistic and captivating. So, if you aim to take your audience on a journey, animation is the right medium for you.",{"type":98,"attrs":1232,"content":1233},{"level":168},[1234],{"text":1235,"type":59,"marks":1236},"Do you want your graphics to be the focus of your media?",[1237],{"type":68},{"type":55,"content":1239},[1240],{"text":1241,"type":59},"If you answered no, we suggest you opt for motion graphics.",{"type":55,"content":1243},[1244,1246,1250],{"text":1245,"type":59},"3D animations are made to captivate, and thus, they tend to steal the show. If you’re merely looking to enhance your pre-existing website or instructional video, ",{"text":1247,"type":59,"marks":1248},"keep things simple",[1249],{"type":68},{"text":1251,"type":59}," with a functional motion graphic.",{"type":98,"attrs":1253,"content":1254},{"level":168},[1255],{"text":1256,"type":59,"marks":1257},"Are you using your animated graphics to instruct or teach viewers?",[1258],{"type":68},{"type":55,"content":1260},[1261,1263,1267],{"text":1262,"type":59},"If you answered yes, we advise",{"text":1264,"type":59,"marks":1265}," incorporating motion graphics",[1266],{"type":68},{"text":1268,"type":59}," into your presentation, video, or image. Their simple nature makes them fantastic learning aids and visual cues.",{"type":76,"attrs":1270},{"id":78,"body":1271},[1272],{"_uid":1273,"emoji":34,"bgColor":47,"markdown":1274,"component":152},"i-720924ae-aa09-46b1-8425-b091536714c9","If you’re preparing an animated presentation, stand out from the crowd by including some captivating motion design.",{"type":98,"attrs":1276,"content":1277},{"level":168},[1278],{"text":1279,"type":59,"marks":1280},"Will your graphic be used for corporate branding purposes?",[1281],{"type":68},{"type":55,"content":1283},[1284],{"text":1285,"type":59},"If you answered no, then consider using animation. If you answered yes, it’s motion graphics for you.",{"type":55,"content":1287},[1288,1290,1294],{"text":1289,"type":59},"While the vivid and catchy nature of a cartoon or 3D object may be enticing, it can also be labeled as fantastical, distracting, or childlike, thereby making it ",{"text":1291,"type":59,"marks":1292},"unsuitable for certain projects",[1293],{"type":68},{"text":1295,"type":59}," or settings.",{"type":55,"content":1297},[1298,1300,1307],{"text":1299,"type":59},"That’s why we recommend using plain 2D graphics for a project that is rooted in professional settings such as an office, university, or informative website. You're probably already familiar with the ",{"text":1301,"type":59,"marks":1302},"2D corporate illustration style",[1303,1306],{"type":131,"attrs":1304},{"href":1305,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fcorporate-illustrations",{"type":137},{"text":243,"type":59},{"type":55,"content":1309},[1310],{"text":1311,"type":59},"However, animation does have its place for some corporate purposes and can be particularly useful for training or when used in conjunction with motion graphics to make explainer videos.",{"type":76,"attrs":1313},{"id":78,"body":1314},[1315],{"src":1316,"_uid":1317,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FuGPXaDaNla0?feature=oembed","i-c91544cd-3070-4b9b-a436-51e9116fcc1c",{"type":98,"attrs":1319,"content":1320},{"level":100},[1321],{"text":1322,"type":59,"marks":1323},"Animation vs. motion graphics as a career",[1324],{"type":68},{"type":55,"content":1326},[1327,1329],{"text":1328,"type":59},"Hopefully, at this point in the article, you’ve realized that animation and motion design are different. So, it should be no surprise that they offe",{"text":1330,"type":59,"marks":1331},"r diverse and exciting career paths. ",[1332],{"type":68},{"type":55,"content":1334},[1335],{"text":1336,"type":59},"Here's a breakdown of some key roles and the skillsets needed to thrive in each:",{"type":98,"attrs":1338,"content":1339},{"level":168},[1340],{"text":1341,"type":59,"marks":1342},"Motion graphics careers",[1343],{"type":68},{"type":175,"content":1345},[1346,1381,1391],{"type":178,"content":1347},[1348],{"type":55,"content":1349},[1350,1358,1361,1363,1370,1372,1379],{"text":1351,"type":59,"marks":1352},"Motion graphics designer",[1353,1356,1357],{"type":131,"attrs":1354},{"href":1355,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fmotion-designer\u002F",{"type":68},{"type":137},{"text":325,"type":59,"marks":1359},[1360],{"type":68},{"text":1362,"type":59}," These artists create animated visuals for various purposes, like marketing videos, explainer videos, and title sequences. They require strong graphic design skills, an understanding of ",{"text":1364,"type":59,"marks":1365},"animation principles",[1366,1369],{"type":131,"attrs":1367},{"href":1368,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fprinciples-of-animation",{"type":137},{"text":1371,"type":59},", proficiency in motion graphics software, and the ability to communicate ideas visually so that they can bring graphic elements and ",{"text":1373,"type":59,"marks":1374},"any typography",[1375,1378],{"type":131,"attrs":1376},{"href":1377,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fhow-to-animate-text\u002F",{"type":137},{"text":1380,"type":59}," to life.",{"type":178,"content":1382},[1383],{"type":55,"content":1384},[1385,1389],{"text":1386,"type":59,"marks":1387},"3D motion graphics artist:",[1388],{"type":68},{"text":1390,"type":59}," This role requires 3D software expertise to create and animate 3D models for motion graphics projects. Skills in lighting, texturing, and rendering are also essential.",{"type":178,"content":1392},[1393],{"type":55,"content":1394},[1395,1399,1401,1408],{"text":1396,"type":59,"marks":1397},"Kinetic typographer:",[1398],{"type":68},{"text":1400,"type":59}," Specialists in animating text, ",{"text":1402,"type":59,"marks":1403},"kinetic typographers",[1404,1407],{"type":131,"attrs":1405},{"href":1406,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fkinetic-typography\u002F",{"type":137},{"text":1409,"type":59}," create engaging and informative text-based animations. They require strong typography skills, an understanding of animation principles, and proficiency in motion graphics software.",{"type":98,"attrs":1411,"content":1412},{"level":168},[1413],{"text":1091,"type":59,"marks":1414},[1415],{"type":68},{"type":175,"content":1417},[1418,1428,1447,1465],{"type":178,"content":1419},[1420],{"type":55,"content":1421},[1422,1426],{"text":1423,"type":59,"marks":1424},"Animator (2D or 3D):",[1425],{"type":68},{"text":1427,"type":59}," Animators bring characters and objects to life with movement and expression. They require strong drawing\u002Fmodeling skills, an understanding of animation principles (timing, spacing, etc.), and the ability to collaborate effectively.",{"type":178,"content":1429},[1430],{"type":55,"content":1431},[1432,1436,1438,1445],{"text":1433,"type":59,"marks":1434},"Character designer:",[1435],{"type":68},{"text":1437,"type":59}," ",{"text":1439,"type":59,"marks":1440},"Character designers",[1441,1444],{"type":131,"attrs":1442},{"href":1443,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fcharacter-design\u002F",{"type":137},{"text":1446,"type":59}," are responsible for creating characters' visual identities. They need impressive drawing skills, an understanding of anatomy and character development, and the ability to translate ideas into visually appealing characters.",{"type":178,"content":1448},[1449],{"type":55,"content":1450},[1451,1455,1456,1463],{"text":1452,"type":59,"marks":1453},"Storyboarding artist:",[1454],{"type":68},{"text":1437,"type":59},{"text":1457,"type":59,"marks":1458},"Storyboard animation artists",[1459,1462],{"type":131,"attrs":1460},{"href":1461,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fstoryboarding-in-animation\u002F",{"type":137},{"text":1464,"type":59}," visually map out the narrative flow of an animation project. They require storytelling skills, the ability to translate scripts into visuals, and a good understanding of filmmaking techniques.",{"type":178,"content":1466},[1467],{"type":55,"content":1468},[1469,1473],{"text":1470,"type":59,"marks":1471},"Concept artist:",[1472],{"type":68},{"text":1474,"type":59}," Concept artists set the visual tone for an animation project, creating initial sketches and paintings of characters, environments, and props. They need a strong imagination, a broad knowledge of design principles, and the ability to translate ideas into compelling visuals.",{"type":55,"content":1476},[1477,1479,1486,1487,1494],{"text":1478,"type":59},"Breaking into either of these careers can be tough if you don’t have the correct skillset. There are ",{"text":1480,"type":59,"marks":1481},"plenty of animation tips",[1482,1485],{"type":131,"attrs":1483},{"href":1484,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fanimation-tips\u002F",{"type":137},{"text":1126,"type":59},{"text":1488,"type":59,"marks":1489},"various animation courses",[1490,1493],{"type":131,"attrs":1491},{"href":1492,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fanimation-courses\u002F",{"type":137},{"text":1495,"type":59}," available (free and paid) to help you brush up on anything you feel may be lacking.",{"type":55,"content":1497},[1498,1500,1504],{"text":1499,"type":59},"These resources are helpful for novice animators and motion graphic designers, and even those who consider themselves pros but want to ",{"text":1501,"type":59,"marks":1502},"expand their knowledge",[1503],{"type":68},{"text":1505,"type":59}," and keep their skills fresh.",{"type":98,"attrs":1507,"content":1508},{"level":168},[1509],{"text":1510,"type":59,"marks":1511},"Shared skills",[1512],{"type":68},{"type":55,"content":1514},[1515,1517,1521,1523,1530,1532,1539],{"text":1516,"type":59},"Both animation and motion graphics require a ",{"text":1518,"type":59,"marks":1519},"solid understanding of art fundamentals ",[1520],{"type":68},{"text":1522,"type":59},"(color theory, composition, etc.), ",{"text":1524,"type":59,"marks":1525},"strong creative skills",[1526,1529],{"type":131,"attrs":1527},{"href":1528,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fhow-to-improve-creativity\u002F",{"type":137},{"text":1531,"type":59},", and visual storytelling. Excellent communication and collaboration skills are crucial for working effectively within ",{"text":1533,"type":59,"marks":1534},"creative teams",[1535,1538],{"type":131,"attrs":1536},{"href":1537,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fbusiness\u002Fsolutions\u002Fcreative-teams-design\u002F",{"type":137},{"text":243,"type":59},{"type":98,"attrs":1541,"content":1542},{"level":100},[1543],{"text":1544,"type":59,"marks":1545},"Key takeaways",[1546],{"type":68},{"type":55,"content":1548},[1549,1551,1555],{"text":1550,"type":59},"Whether you opt for a delightful animation or a sharp motion graphic, the most effective graphics enhance your project and yield results. Any animation that ",{"text":1552,"type":59,"marks":1553},"reaches its purpose",[1554],{"type":68},{"text":1556,"type":59}," (education, information, entertainment, etc.) is a successful design.‍",{"type":55,"content":1558},[1559,1561,1567],{"text":1560,"type":59},"Ready to take your graphic design creations to the next level? ",{"text":1119,"type":59,"marks":1562},[1563,1566],{"type":131,"attrs":1564},{"href":1565,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Flinearity.io\u002Fget-started",{"type":137},{"text":1568,"type":59}," puts all the design tools you need in your hands, whether you prefer creating on Mac, iPad, or iPhone.",{"type":55,"content":1570},[1571,1576],{"text":1128,"type":59,"marks":1572},[1573,1575],{"type":131,"attrs":1574},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":137},{"text":1577,"type":59}," removes the barrier between static design and animation. You can effortlessly add motion to your static graphics and create dynamic presentations, eye-catching marketing materials, or engaging announcement posts.",{"type":55,"content":1579},[1580,1582,1589],{"text":1581,"type":59},"Get started for free below, or check out our ",{"text":1583,"type":59,"marks":1584},"Pro and Org plans",[1585,1588],{"type":131,"attrs":1586},{"href":1587,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fpricing\u002F",{"type":137},{"text":243,"type":59},{"type":76,"attrs":1591},{"id":78,"body":1592},[1593,1604,1607],{"_uid":1594,"image":1595,"title":828,"button":1600,"component":833,"description":834},"i-a9e2388c-0282-4070-8434-750983a2a5a0",[1596],{"_uid":1597,"image":1598,"imageAlt":39,"component":39},"47a2f329-4b30-4e76-878e-bac2d2221f16",{"id":825,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":826,"copyright":34,"fieldtype":36,"meta_data":1599,"is_external_url":16},{},[1601],{"_uid":1602,"icon":34,"link":1603,"size":90,"text":91,"type":92,"component":93},"c2334af9-37e3-4e5f-aec5-dc3958080d68",{"id":34,"url":87,"linktype":88,"fieldtype":89,"cached_url":87},{"lg":34,"md":34,"sm":34,"xl":1605,"xs":34,"xl2":34,"xl3":34,"_uid":1606,"initial":155,"component":156,"backgroundColor":157},"40","i-41b0276e-8ca1-49de-bc12-9ab4261f723a",{"_uid":1608,"component":1609,"questions":1610},"i-323fba5c-e136-41f6-a9b1-632ffa7b1514","BlogFaqSection",[1611,1612,1613,1614,1615,1616],"a857e6eb-2397-438e-8cbe-ec4dfcc25f67","11268a7b-e0f2-46b1-9df2-b4d91276456a","032fa9c0-3ef0-40dc-919f-544dc283bae2","4d0c1b30-8e41-4c2d-a7e4-a32c5fc627e3","6b0a4207-890d-4394-9eff-0d6299ca80aa","52182f27-143d-4d8b-b234-586d9f35bcae","RichtextComponent","BlogPage",{"id":1620,"alt":44,"name":34,"focus":34,"title":44,"source":34,"filename":1621,"copyright":34,"fieldtype":36,"meta_data":1622,"is_external_url":16},18932104,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F9c29738ea2\u002Fmotion-graphics-vs-animation_thumbnail.png",{},{"id":1624,"filename":1625,"fieldtype":36,"is_external_url":16},18540915,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fbbbc97a1d4\u002Fmotion-graphics-vs-animation-newblogcover.png","Your Next Career Move: Motion Graphics vs. Animation","2024-05-16 12:46","In this article, we break down the differences, applications, and strengths of motion graphics and animation.","motion-graphics-vs-animation","blog\u002Fmotion-graphics-vs-animation",490,[],529362778,"417d1404-4b44-41d5-bce6-c08d40092271","2024-12-09T16:05:40.448Z","default",[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":1639},{},"education","design-resources","blog\u002Ftag\u002Fdesign-resources",-10,[],529362804,"c8de2843-2dc2-4eff-b815-927828742f67","2024-12-09T16:05:25.762Z",[],"4d542db2-cf2d-4e7e-81ca-6154c681233d",[1651],{"_uid":1652,"image":1653,"imageAlt":1657,"component":39},"5d2b961d-e243-42b1-9fa5-c23eb81c268c",{"id":1654,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":1655,"copyright":34,"fieldtype":36,"meta_data":1656,"is_external_url":16},18434747,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fdae1911714\u002Fhow_to_use_digital_image_masking_for_better_design_main_image.jpg",{},"How to use digital image masking for better design Blog Hero Image","How to use digital image masking for better design",[1660],{"name":1661,"created_at":1662,"published_at":1663,"updated_at":1664,"id":1665,"uuid":1666,"content":1667,"slug":1678,"full_slug":1679,"sort_by_date":134,"position":1680,"tag_list":1681,"is_startpage":16,"parent_id":1682,"meta_data":134,"group_id":1683,"first_published_at":1684,"release_id":134,"lang":1636,"path":134,"alternates":1685,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Sharné McDonald","2024-08-16T08:12:12.243Z","2026-09-05T00:11:16.289Z","2026-09-05T00:11:16.302Z",536404089,"26c4442c-0fbe-4855-95ec-d409af7af3f4",{"_uid":1668,"name":1661,"image":1669,"socials":1673,"position":1674,"component":1675,"description":1676,"otherAuthors":1677},"72ff7a0c-f1a5-43a1-8a15-d8be2a5c26f3",{"id":1670,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":1671,"copyright":34,"fieldtype":36,"meta_data":1672,"is_private":16,"is_external_url":16},17018698,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1416x1392\u002F14eb0410f2\u002Fsharne-new-profile-pic-2-1-1-1-1.jpg",{},[],"Contributing Writer","AuthorPage","Sharné is a contributing writer to the Linearity Blog. She has 10+ years' experience in graphic design and marketing and holds a Master's degree in Art Education.\n\n",[],"sharne-mcdonald","blog\u002Fauthor\u002Fsharne-mcdonald",0,[],536121488,"af2b0df1-efeb-4637-bd78-9195250dc2cd","2024-12-09T16:05:25.397Z",[],{"id":1687,"alt":1658,"name":34,"focus":34,"title":1658,"source":34,"filename":1688,"copyright":34,"fieldtype":36,"meta_data":1689,"is_external_url":16},18932425,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fd04912fb24\u002Fimage-masking_widget-1.png",{},[1691],{"_uid":1692,"content":1693,"component":1617},"05c872d8-92d5-488a-bf92-df88c3a2179f",{"type":52,"content":1694},[1695,1701,1713,1717,1721,1740,1745,1749,1753,1757,1769,1773,1777,1781,1785,1801,1805,1846,1850,1854,1859,1863,1867,1883,1887,1892,1896,1900,1916,1920,1924,1928,1933,1937,1941,1945,1961,1965,1970,1974,1978,1982,1986,2002,2006,2010,2026,2030,2034,2050,2061,2065,2069,2085,2090,2094,2107,2111,2115,2131,2135,2139,2144,2148,2152,2156,2172,2176,2181,2185,2189,2193,2198,2214,2226,2237,2243,2249,2269,2274,2288,2293,2309,2313,2317,2322,2336,2341,2355,2360,2376,2386,2390,2414,2419,2445,2450,2464,2469,2485,2489,2493,2497,2501,2505,2510,2530,2535,2561,2566,2570,2574,2578,2594,2598,2602,2607,2617,2628,2642,2647,2651,2720,2726,2730,2735,2747,2762,2767,2771,2776,2780,2784,2799,2804,2808,2820,2824,2839,2844,2856,2860,2875,2880,2884,2895,2910,2914,2920,2925,2929,2933,2937,2941,2957,2961,2965,2969,2973,2984],{"type":55,"content":1696},[1697],{"text":1698,"type":59,"marks":1699},"Masks are enigmatic because they conceal and reveal certain parts of a face. The concept is the same with digital image masks: they hide and show parts of an image, which makes it more interesting to look at.",[1700],{"type":68},{"type":55,"content":1702},[1703,1705,1711],{"text":1704,"type":59},"Image masking is a core feature offered by digital image editing software such as Adobe Photoshop, Illustrator, and ",{"text":1706,"type":59,"marks":1707},"Linearity Curve ",[1708],{"type":131,"attrs":1709},{"href":1565,"uuid":134,"anchor":134,"target":1710,"linktype":88},"_self",{"text":1712,"type":59},"(formally Vectornator).",{"type":55,"content":1714},[1715],{"text":1716,"type":59},"To mask an image or create an image mask means that you overlay the image layer with a detailed grayscale layer or a path that filters what parts of the image get shown.",{"type":55,"content":1718},[1719],{"text":1720,"type":59},"Sounds a bit complicated, right? Let's break it down.",{"type":76,"attrs":1722},{"id":1723,"body":1724},"6d28924c-b5ee-4227-a078-cf677f74d6a7",[1725],{"_uid":1726,"asset":1727,"component":1739,"description":34},"4cd7cc63-e5e6-401f-9af7-9baec5c18ff8",[1728],{"_uid":1729,"asset":1730,"device":1737,"component":1738},"f37ebb85-72de-4370-b62e-e068e43cefe6",[1731],{"_uid":1732,"image":1733,"imageAlt":1734,"component":39},"060fccac-0ea2-4500-b938-ad27438723bf",{"alt":1734,"filename":1735,"fieldtype":36,"meta_data":1736,"is_external_url":16},"Frustrated man in office setting facepalming.","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1229961d03\u002Fhow_to_use_digital_image_masking_for_better_design_image_1.jpg",{},"none","DeviceMockup","BlogComponentImage",{"type":98,"attrs":1741,"content":1742},{"level":100},[1743],{"text":1744,"type":59},"What's an image mask?",{"type":55,"content":1746},[1747],{"text":1748,"type":59},"Simply put, an image mask is a filter created with code. The code determines how much and in which areas the image is filtered.",{"type":55,"content":1750},[1751],{"text":1752,"type":59},"For example, imagine you have a photo with a pane of glass in front of it. The glass has been covered with black paint, and it's not letting through any portion of the image.",{"type":55,"content":1754},[1755],{"text":1756,"type":59},"That pane of glass is a mask.",{"type":76,"attrs":1758},{"id":1723,"body":1759},[1760],{"_uid":1761,"title":1762,"button":1763,"component":94,"description":1768,"backgroundColor":96},"22d1b7c8-1bcb-4e8a-be87-8ef1142e1d7b","Jumpstart your ideas with Linearity Curve",[1764],{"_uid":1765,"icon":34,"link":1766,"size":90,"text":1767,"type":92,"component":93},"d58e7c58-6a62-420d-8ea2-7db3ac24f04c",{"url":87,"linktype":88,"fieldtype":89,"cached_url":87},"Get started","Take your designs to the next level.",{"type":55,"content":1770},[1771],{"text":1772,"type":59},"Now, you start removing the black paint on certain parts of the glass, and it's letting through some of the image behind. You can choose which parts of the image to show without cutting, painting, or altering the original image.",{"type":55,"content":1774},[1775],{"text":1776,"type":59},"The glass can be moved freely over the image to change which areas of the image are let through.",{"type":55,"content":1778},[1779],{"text":1780,"type":59},"You can use that pane of glass with other images, too, and if you want to, you can create another glass pane mask and place that over your masked image.",{"type":55,"content":1782},[1783],{"text":1784,"type":59},"Pretty cool, huh!?",{"type":76,"attrs":1786},{"id":1723,"body":1787},[1788],{"_uid":1789,"asset":1790,"component":1739,"description":1800},"c88055c5-a4f3-404f-8c88-c3d1bf065a1c",[1791],{"_uid":1792,"asset":1793,"device":1737,"component":1738},"20426467-e9ca-4cc1-8f51-bf67430892fd",[1794],{"_uid":1795,"image":1796,"imageAlt":1797,"component":39},"71d676ee-421f-4206-8803-d71aa140cf5e",{"alt":1797,"filename":1798,"fieldtype":36,"meta_data":1799,"is_external_url":16},"Graphic designer using image masking tools","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fea94906a7c\u002Fhow_to_use_digital_image_masking_for_better_design_image_2.jpg",{},"Photo by [Pavel Danilyuk via Pexels](https:\u002F\u002Fwww.pexels.com\u002Fphoto\u002Fa-person-editing-a-photo-using-a-computer-7675078\u002F)",{"type":55,"content":1802},[1803],{"text":1804,"type":59},"Here's how it works in digital image masking:",{"type":405,"attrs":1806,"content":1807},{"order":407},[1808,1814,1828,1834,1840],{"type":178,"content":1809},[1810],{"type":55,"content":1811},[1812],{"text":1813,"type":59},"Numerical values are assigned to the individual pixels of an image",{"type":178,"content":1815},[1816],{"type":55,"content":1817},[1818,1820,1826],{"text":1819,"type":59},"These ",{"text":1821,"type":59,"marks":1822},"pixel values",[1823],{"type":131,"attrs":1824},{"href":1825,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fhomepages.inf.ed.ac.uk\u002Frbf\u002FHIPR2\u002Fvalue.htm",{"text":1827,"type":59}," can be read as binary, typically with 0 being black and 1 being white (these are called the binary intensity values)",{"type":178,"content":1829},[1830],{"type":55,"content":1831},[1832],{"text":1833,"type":59},"The pixel values can also be read as grayscale, with 0 being black and 255 being white",{"type":178,"content":1835},[1836],{"type":55,"content":1837},[1838],{"text":1839,"type":59},"These pixel values can then be used to set the opacity of the various areas of the mask layer, typically with 0 (black) being opaque and 255 (white) being transparent",{"type":178,"content":1841},[1842],{"type":55,"content":1843},[1844],{"text":1845,"type":59},"The grayscale pixel intensity values between 0 and 255 indicate various levels of transparency that control what percentage of the original image underneath the mask is shown",{"type":55,"content":1847},[1848],{"text":1849,"type":59},"In this way, you can use an image mask to manipulate the original image without actually editing the image itself.",{"type":55,"content":1851},[1852],{"text":1853,"type":59},"The mask and the image also act as one, so you can freely move it around your Artboard and edit it when necessary.",{"type":98,"attrs":1855,"content":1856},{"level":168},[1857],{"text":1858,"type":59},"What’s the difference between image masking and clipping?",{"type":55,"content":1860},[1861],{"text":1862,"type":59},"Standard image masking (or layer masking) lets you create a dynamic mask image over the photo or design you're editing. It's like scratching into that black paint on the pane of glass.",{"type":55,"content":1864},[1865],{"text":1866,"type":59},"Image clipping is a form of masking that uses a vector shape to hide parts of the image. Every part of the image that falls outside the vector shape is not shown, and the vector shape can be edited at any time. This is more like putting the image in a custom frame.",{"type":76,"attrs":1868},{"id":1723,"body":1869},[1870],{"_uid":1871,"asset":1872,"component":1739,"description":1882},"59ab4de4-7995-488e-bed4-5e748cb61c4f",[1873],{"_uid":1874,"asset":1875,"device":1737,"component":1738},"0ed37ef6-ac20-494f-b837-620d5da503ba",[1876],{"_uid":1877,"image":1878,"imageAlt":1879,"component":39},"834607f3-f369-454a-965a-ebe082988c9a",{"alt":1879,"filename":1880,"fieldtype":36,"meta_data":1881,"is_external_url":16},"image of clipping","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Ffecacc156f\u002Fhow_to_use_digital_image_masking_for_better_design_image_3.jpg",{},"Image Source: [Mavantri](https:\u002F\u002Fwww.mavantri.com\u002Flearn-digital-collage)",{"type":55,"content":1884},[1885],{"text":1886,"type":59},"Read on to get an in-depth understanding of what image masks are used for and the different types of image masking.",{"type":98,"attrs":1888,"content":1889},{"level":100},[1890],{"text":1891,"type":59},"What are image masks used for? (with examples)",{"type":55,"content":1893},[1894],{"text":1895,"type":59},"The real magic of image masking is that it enables you to create absolutely anything you can imagine.",{"type":55,"content":1897},[1898],{"text":1899,"type":59},"A sunset in space, the Eiffel Tower in the desert, mermaids having a tea party – your only limit is your imagination and the image editing tools you have available.",{"type":76,"attrs":1901},{"id":1723,"body":1902},[1903],{"_uid":1904,"asset":1905,"component":1739,"description":1915},"0ff4925c-8deb-4ad9-bbbc-594adc66d9f9",[1906],{"_uid":1907,"asset":1908,"device":1737,"component":1738},"a099df21-5a54-4191-8b23-0ab858935879",[1909],{"_uid":1910,"image":1911,"imageAlt":1912,"component":39},"916da078-b119-4ac5-ae21-6bbb4c1d3cbf",{"alt":1912,"filename":1913,"fieldtype":36,"meta_data":1914,"is_external_url":16},"image of ocean image mask in glass","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F6a223d8b15\u002Fhow_to_use_digital_image_masking_for_better_design_image_4.jpg",{},"Image Source: [Deviant Art](http:\u002F\u002Fsenorfrost.deviantart.com\u002Fart\u002FGlass-364345586)",{"type":55,"content":1917},[1918],{"text":1919,"type":59},"Designing with image masks is non-destructive, meaning the original image is preserved, and you don't lose a single pixel.",{"type":55,"content":1921},[1922],{"text":1923,"type":59},"With image masks, you have more control over hiding and showing certain parts of the image and can use various tools and effects.",{"type":55,"content":1925},[1926],{"text":1927,"type":59},"Below are some of the most popular ways image masks are used in graphic design.",{"type":98,"attrs":1929,"content":1930},{"level":168},[1931],{"text":1932,"type":59},"Creating custom frames",{"type":55,"content":1934},[1935],{"text":1936,"type":59},"A standard image has a rectangular shape. You can make images more interesting by using any custom shape you wish to non-destructively crop them.",{"type":55,"content":1938},[1939],{"text":1940,"type":59},"Custom framing is particularly useful for creative marketing designs, combining images with illustrations.",{"type":55,"content":1942},[1943],{"text":1944,"type":59},"Check out the example below, where the artist used an interesting curved vector shape to crop out a photo of a person's face.",{"type":76,"attrs":1946},{"id":1723,"body":1947},[1948],{"_uid":1949,"asset":1950,"component":1739,"description":1960},"eb682cd2-e31a-4ef1-aa9f-39fdb6414ffd",[1951],{"_uid":1952,"asset":1953,"device":1737,"component":1738},"24f73a3a-d9d6-43f9-88cb-0ea4e582f926",[1954],{"_uid":1955,"image":1956,"imageAlt":1957,"component":39},"da8b6677-dd7c-4377-8658-e40875d0f5f8",{"alt":1957,"filename":1958,"fieldtype":36,"meta_data":1959,"is_external_url":16},"image of custom frame art","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3df5c7aadf\u002Fhow_to_use_digital_image_masking_for_better_design_image_5.jpg",{},"Image Source: [Behance](https:\u002F\u002Fwww.behance.net\u002Fgallery\u002F128825627\u002FDigital-Art-Collage)",{"type":55,"content":1962},[1963],{"text":1964,"type":59},"They also cropped a few other interesting photos and combined these images with vector shapes while adding a few minimal drop shadow and glow effects.",{"type":98,"attrs":1966,"content":1967},{"level":168},[1968],{"text":1969,"type":59},"Background removal",{"type":55,"content":1971},[1972],{"text":1973,"type":59},"Image masking lets you remove the background from images with a wide array of tools to get it right.",{"type":55,"content":1975},[1976],{"text":1977,"type":59},"Background removal is great for several reasons.",{"type":55,"content":1979},[1980],{"text":1981,"type":59},"It lets you clean up a busy background without having to re-shoot the entire scene, and it also enables you to extract interesting subjects from photos to use in other designs.",{"type":55,"content":1983},[1984],{"text":1985,"type":59},"This also removes the need for hiring a professional photography studio or lightbox – with today's image editing software, you could get away with a quick snapshot taken on your phone that you enhance with post-processing.",{"type":76,"attrs":1987},{"id":1723,"body":1988},[1989],{"_uid":1990,"asset":1991,"component":1739,"description":2001},"ca32e001-7cc2-40f2-a40b-784d44274c60",[1992],{"_uid":1993,"asset":1994,"device":1737,"component":1738},"841c4e3b-ba0d-4fc6-ab8b-a61276dd9fb3",[1995],{"_uid":1996,"image":1997,"imageAlt":1998,"component":39},"717ea427-7adf-45fd-9ddd-7a59b904451c",{"alt":1998,"filename":1999,"fieldtype":36,"meta_data":2000,"is_external_url":16},"image of before and after background removal","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F5a63487f42\u002Fhow_to_use_digital_image_masking_for_better_design_image_6.jpg",{},"Image Source: [Fiverr](https:\u002F\u002Ftrack.fiverr.com\u002Fvisit\u002F?bta=24511&brand=fiverrhybrid&utm_campaign=pinterest&landingPage=https:\u002F\u002Fwww.fiverr.com\u002Fabdullahbhat824\u002Fremove-background-from-image-professionally)",{"type":55,"content":2003},[2004],{"text":2005,"type":59},"This process also lets you create images with transparent backgrounds, which you can export in image file types that allow transparency, such as PNG and SVG.",{"type":55,"content":2007},[2008],{"text":2009,"type":59},"For example, you can remove the background of a classical painting and give it a contemporary application, such as producing cool merchandise.",{"type":76,"attrs":2011},{"id":1723,"body":2012},[2013],{"_uid":2014,"asset":2015,"component":1739,"description":2025},"203c769e-cf11-49db-884c-f8bf149c1f49",[2016],{"_uid":2017,"asset":2018,"device":1737,"component":1738},"30b75dc7-23ae-4ebb-9f2e-32b3cda93001",[2019],{"_uid":2020,"image":2021,"imageAlt":2022,"component":39},"46bf2ab6-4041-40e7-8d1d-e0506313c2d5",{"alt":2022,"filename":2023,"fieldtype":36,"meta_data":2024,"is_external_url":16},"image of classic art background removal","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Facb6190995\u002Fhow_to_use_digital_image_masking_for_better_design_image_7.jpg",{},"Image Source: [Bored Panda](https:\u002F\u002Fwww.boredpanda.com\u002Fclassical-art-modern-people-life-digital-collage-shusaku-takaoka\u002F?media_id=790725&utm_source=pinterest&utm_medium=social&utm_campaign=organic)",{"type":55,"content":2027},[2028],{"text":2029,"type":59},"Background removal is essential for creating good-looking product catalogs because you can arrange the products in relation to each other on a layout design.",{"type":55,"content":2031},[2032],{"text":2033,"type":59},"This creates a uniform look that's pleasing to the eye, as opposed to a grid of rectangular or square photos on the page.",{"type":76,"attrs":2035},{"id":1723,"body":2036},[2037],{"_uid":2038,"asset":2039,"component":1739,"description":2049},"8f3ffa30-34cf-4bee-a27c-d78c5b9d64cc",[2040],{"_uid":2041,"asset":2042,"device":1737,"component":1738},"a87a93e5-1991-459d-bea3-28c4e9714e5f",[2043],{"_uid":2044,"image":2045,"imageAlt":2046,"component":39},"75e1ded1-ff18-469c-8b0d-1996da97291d",{"alt":2046,"filename":2047,"fieldtype":36,"meta_data":2048,"is_external_url":16},"image of background removal ad","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F6e11ad91b5\u002Fhow_to_use_digital_image_masking_for_better_design_image_8.jpg",{},"Image Source: [Patrick Glorieux](https:\u002F\u002Fwww.patrickrogerglorieux.com\u002Fchobani-oat)",{"type":55,"content":2051},[2052,2054,2060],{"text":2053,"type":59},"Another great way to use background removal is when you want to create a vector from a photo using ",{"text":2055,"type":59,"marks":2056},"Auto Trace",[2057],{"type":131,"attrs":2058},{"href":2059,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fauto-trace",{"text":243,"type":59},{"type":55,"content":2062},[2063],{"text":2064,"type":59},"Removing the image element's background eliminates the need for extra editing once Auto Trace has been completed.",{"type":55,"content":2066},[2067],{"text":2068,"type":59},"Look at the beautiful plant decal below. Whereas you could draw and close all the paths yourself, you can use a found photo, remove the background, and then rely on Auto Trace to do the heavy lifting.",{"type":76,"attrs":2070},{"id":1723,"body":2071},[2072],{"_uid":2073,"asset":2074,"component":1739,"description":2084},"92167f2c-794e-40b2-8efa-84cabbac935e",[2075],{"_uid":2076,"asset":2077,"device":1737,"component":1738},"86ccb729-f39f-47a3-bfd7-7dfc0e9e508f",[2078],{"_uid":2079,"image":2080,"imageAlt":2081,"component":39},"354a0da8-5485-45c0-a94a-501c833ddb39",{"alt":2081,"filename":2082,"fieldtype":36,"meta_data":2083,"is_external_url":16},"image of auto trace on a wall","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F6c96e23006\u002Fhow_to_use_digital_image_masking_for_better_design_image_9.jpg",{},"Image Source: [Etsy](https:\u002F\u002Fwww.etsy.com\u002Flisting\u002F745241369\u002Fbird-of-paradise-tropical-plant-wall)",{"type":98,"attrs":2086,"content":2087},{"level":168},[2088],{"text":2089,"type":59},"Dynamic image transparency",{"type":55,"content":2091},[2092],{"text":2093,"type":59},"In graphic design, you're oftentimes using multiple layers and image elements in one design. The beauty of image editing and vector design is how you can make all these elements interact with each other to form a new, uniform image.",{"type":76,"attrs":2095},{"id":1723,"body":2096},[2097],{"_uid":2098,"title":2099,"button":2100,"component":94,"description":2106,"backgroundColor":508},"49a74896-8c24-445f-9905-cecb073f7c66","Elevate your designs with easy image replacement",[2101],{"_uid":2102,"icon":34,"link":2103,"size":90,"text":2105,"type":92,"component":93},"3084490a-d88c-44a9-b08b-f05cf70c89ea",{"url":2104,"linktype":88,"fieldtype":89,"cached_url":2104},"https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fimages\u002Fimage-replacement\u002F","Learn more","Learn the simple and efficient way to replace images in Linearity Curve. Enhance your design workflow with our user-friendly guide.",{"type":55,"content":2108},[2109],{"text":2110,"type":59},"With image masks applied, you have more control over how image transparencies are overlaid to create layered effects.",{"type":55,"content":2112},[2113],{"text":2114,"type":59},"This means you can produce some pretty powerful and poetic images, like the one below that illustrates a statistic about plastic waste in America.",{"type":76,"attrs":2116},{"id":1723,"body":2117},[2118],{"_uid":2119,"asset":2120,"component":1739,"description":2130},"99b3aa2d-712a-40c6-b441-ee5bb525e674",[2121],{"_uid":2122,"asset":2123,"device":1737,"component":1738},"c8cb495e-6021-49c8-9eb5-d20a886b76fd",[2124],{"_uid":2125,"image":2126,"imageAlt":2127,"component":39},"23e14377-ed5b-4152-beaf-abfb02ba1b78",{"alt":2127,"filename":2128,"fieldtype":36,"meta_data":2129,"is_external_url":16},"image of boy lifing a wave to find litter","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fbd14a66e12\u002Fhow_to_use_digital_image_masking_for_better_design_image_10.jpg",{},"Image Source: [One Green Planet](http:\u002F\u002Fwww.onegreenplanet.org\u002Fenvironment\u002Fplastic-water-bottles-and-the-oceans\u002F)",{"type":55,"content":2132},[2133],{"text":2134,"type":59},"You can also apply basic gradients (such as a radial gradient or linear gradient) to image masks to fade images in and out of your design.",{"type":55,"content":2136},[2137],{"text":2138,"type":59},"This creates double-exposure effects that a highly-skilled photographer would achieve with high effort and trial and error.",{"type":98,"attrs":2140,"content":2141},{"level":168},[2142],{"text":2143,"type":59},"Filling text with an image or pattern",{"type":55,"content":2145},[2146],{"text":2147,"type":59},"Combining display fonts and textures or patterns is one of the easiest ways to make custom marketing designs that really stand out.",{"type":55,"content":2149},[2150],{"text":2151,"type":59},"You can turn type into paths and then use a clipping mask to fill your letters with the image.",{"type":55,"content":2153},[2154],{"text":2155,"type":59},"In the example below, the designer went a step further and altered the text after turning it into paths, stretching the words and making them wavy.",{"type":76,"attrs":2157},{"id":1723,"body":2158},[2159],{"_uid":2160,"asset":2161,"component":1739,"description":2171},"29951e91-f38f-4586-bf6c-c87bf8725171",[2162],{"_uid":2163,"asset":2164,"device":1737,"component":1738},"979145c7-0b3e-41d8-932a-f041c34ace6c",[2165],{"_uid":2166,"image":2167,"imageAlt":2168,"component":39},"5cbb4d73-4600-47af-a563-a697766f2963",{"alt":2168,"filename":2169,"fieldtype":36,"meta_data":2170,"is_external_url":16},"image of image-filled text","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2e972289fb\u002Fhow_to_use_digital_image_masking_for_better_design_image_11.jpg",{},"Image Source: [Adobe Creative Cloud](https:\u002F\u002Fcreativecloud.adobe.com\u002Fcc\u002Fdiscover\u002Farticle\u002Fhow-to-create-wavy-words-in-adobe-illustrator?locale=en)",{"type":55,"content":2173},[2174],{"text":2175,"type":59},"Without the masking feature, you would have to manually outline text to create a path for each letter, crop the image to that letter's shape, and do the same for each letter in the word. Doesn't that sound super counterproductive?",{"type":98,"attrs":2177,"content":2178},{"level":100},[2179],{"text":2180,"type":59},"Types of image masking",{"type":55,"content":2182},[2183],{"text":2184,"type":59},"You should have a good idea of what image masks are and why you need to use them. It's an important tool to take your graphic designs to the next level.",{"type":55,"content":2186},[2187],{"text":2188,"type":59},"As you've also seen from the examples above, image masking isn't only useful for creating elaborate and beautiful designs. If you're creating marketing materials, event invites, posters, catalogs, and so on, masking and clipping features make churning out those custom designs much less labor-intensive!",{"type":55,"content":2190},[2191],{"text":2192,"type":59},"Now, let's look at the different types of image masks in depth.",{"type":98,"attrs":2194,"content":2195},{"level":168},[2196],{"text":2197,"type":59},"1. Vector masks (aka clipping masks)",{"type":76,"attrs":2199},{"id":1723,"body":2200},[2201],{"_uid":2202,"asset":2203,"component":1739,"description":2213},"35e96654-034d-4d66-a185-a446690169ed",[2204],{"_uid":2205,"asset":2206,"device":1737,"component":1738},"cf33da1c-4a15-46aa-883e-6339fad56921",[2207],{"_uid":2208,"image":2209,"imageAlt":2210,"component":39},"c0d793a6-3c64-4122-b1a9-73dcf2210dfc",{"alt":2210,"filename":2211,"fieldtype":36,"meta_data":2212,"is_external_url":16},"image of a vector mask","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2c207973cc\u002Fhow_to_use_digital_image_masking_for_better_design_image_12.jpg",{},"Image Source: [Fiverr](https:\u002F\u002Fwww.fiverr.com\u002Fshare\u002FkeQYew)",{"type":55,"content":2215},[2216,2218,2224],{"text":2217,"type":59},"Vector or ",{"text":2219,"type":59,"marks":2220},"clipping masks ",[2221],{"type":131,"attrs":2222},{"href":2223,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fdesign-tips\u002Fboolean-vs-masks#clipping-masks",{"text":2225,"type":59},"are created with vector paths instead of raster-based image masks.",{"type":55,"content":2227},[2228,2230,2236],{"text":2229,"type":59},"You use your design software's pen and shape tools or similar to create a vector clip path. A clipping path is a line that you draw with your vector tool that can be used to punch out a part of an image once you ",{"text":2231,"type":59,"marks":2232},"close the shape of the path",[2233],{"type":131,"attrs":2234},{"href":2235,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fpaths#closing-an-open-path",{"text":243,"type":59},{"type":76,"attrs":2238},{"id":1723,"body":2239},[2240],{"_uid":2241,"emoji":34,"bgColor":47,"markdown":2242,"component":152},"5101e9c3-8fae-42cb-88e7-70a2621dbc2a","Learn more about [vector images](https:\u002F\u002Fwww.linearity.io\u002Fdesign-tips\u002Fwhy-use-vectors) and how they work.",{"type":98,"attrs":2244,"content":2246},{"level":2245},4,[2247],{"text":2248,"type":59},"Pros of vector masks",{"type":175,"content":2250},[2251,2257,2263],{"type":178,"content":2252},[2253],{"type":55,"content":2254},[2255],{"text":2256,"type":59},"The simplest, easiest way to clip images and remove backgrounds",{"type":178,"content":2258},[2259],{"type":55,"content":2260},[2261],{"text":2262,"type":59},"Highly editable and adjustable",{"type":178,"content":2264},[2265],{"type":55,"content":2266},[2267],{"text":2268,"type":59},"Best suited for framing images and designs with custom shapes",{"type":98,"attrs":2270,"content":2271},{"level":2245},[2272],{"text":2273,"type":59},"Cons of vector masks",{"type":175,"content":2275},[2276,2282],{"type":178,"content":2277},[2278],{"type":55,"content":2279},[2280],{"text":2281,"type":59},"Not so great for retaining edge details in images such as photographs",{"type":178,"content":2283},[2284],{"type":55,"content":2285},[2286],{"text":2287,"type":59},"Fewer sophisticated editing options in terms of colors and effects compared to layer masks",{"type":98,"attrs":2289,"content":2290},{"level":168},[2291],{"text":2292,"type":59},"2. Layer masks",{"type":76,"attrs":2294},{"id":1723,"body":2295},[2296],{"_uid":2297,"asset":2298,"component":1739,"description":2308},"f337c616-e481-44c5-962d-0bac39700d9a",[2299],{"_uid":2300,"asset":2301,"device":1737,"component":1738},"b4b1a1c9-10d1-4673-96f2-a8c82cc2288b",[2302],{"_uid":2303,"image":2304,"imageAlt":2305,"component":39},"975178b7-92b3-461b-8739-1628cb141bb4",{"alt":2305,"filename":2306,"fieldtype":36,"meta_data":2307,"is_external_url":16},"image of a layer mask","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Ffcea78fb47\u002Fhow_to_use_digital_image_masking_for_better_design_image_13.jpg",{},"Image Source: [Fiverr](https:\u002F\u002Fwww.fiverr.com\u002Fshare\u002F70BkR4)",{"type":55,"content":2310},[2311],{"text":2312,"type":59},"A layer mask is the standard image mask you'd use to conceal and reveal the parts of an image.",{"type":55,"content":2314},[2315],{"text":2316,"type":59},"Layer masks are raster- or pixel-based and are usually edited with the painting or selection tools.",{"type":98,"attrs":2318,"content":2319},{"level":2245},[2320],{"text":2321,"type":59},"Pros of layer masks",{"type":175,"content":2323},[2324,2330],{"type":178,"content":2325},[2326],{"type":55,"content":2327},[2328],{"text":2329,"type":59},"The best way to non-destructively edit highly detailed images, such as photographs",{"type":178,"content":2331},[2332],{"type":55,"content":2333},[2334],{"text":2335,"type":59},"Offers a lot of control over various effects and brushes to create dynamic digital collages",{"type":98,"attrs":2337,"content":2338},{"level":2245},[2339],{"text":2340,"type":59},"Cons of layer masks",{"type":175,"content":2342},[2343,2349],{"type":178,"content":2344},[2345],{"type":55,"content":2346},[2347],{"text":2348,"type":59},"Raster- or pixel-based, so the mask is not easily scalable",{"type":178,"content":2350},[2351],{"type":55,"content":2352},[2353],{"text":2354,"type":59},"Not easy to go back and edit your work or change the mask design",{"type":98,"attrs":2356,"content":2357},{"level":168},[2358],{"text":2359,"type":59},"3. Alpha channel masks",{"type":76,"attrs":2361},{"id":1723,"body":2362},[2363],{"_uid":2364,"asset":2365,"component":1739,"description":2375},"6fb2b97f-86cc-4b16-a86c-1c39d9d6d148",[2366],{"_uid":2367,"asset":2368,"device":1737,"component":1738},"69781b59-4c98-48cd-8508-3b08db5cbe93",[2369],{"_uid":2370,"image":2371,"imageAlt":2372,"component":39},"c59cfb14-6ae1-44d7-b9c9-8e93f8fae1e4",{"alt":2372,"filename":2373,"fieldtype":36,"meta_data":2374,"is_external_url":16},"image of alpha channel masking","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fecebda56c8\u002Fhow_to_use_digital_image_masking_for_better_design_image_14.jpg",{},"Image Source: [Design Easy](https:\u002F\u002Fwww.dezigneasy.com\u002F2012\u002F05\u002Fcool-photoshop-selection-tip.html)",{"type":55,"content":2377},[2378,2384],{"text":2379,"type":59,"marks":2380},"Alpha channel ",[2381],{"type":131,"attrs":2382},{"href":2383,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fdesign-tips\u002Falpha-channel",{"text":2385,"type":59},"masking is done when you first make a selection on your image and then turn that selection area into an alpha channel.",{"type":55,"content":2387},[2388],{"text":2389,"type":59},"You can then edit the alpha mask as if it's on a layer of its own, applying image masks and effects to the selected area only without affecting the rest of the original image.",{"type":76,"attrs":2391},{"id":1723,"body":2392},[2393],{"_uid":2394,"cards":2395,"component":553},"7a9f0742-49a6-466f-a07e-af1c35e4838a",[2396,2405],{"_uid":2397,"image":2398,"button":2400,"component":541,"description":34},"649aa5ed-ddd2-477d-89e8-7bae5b0b5ae8",{"filename":2399,"fieldtype":36},"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fe924e4be36\u002Fhow_to_use_digital_image_masking_for_better_design_image_15.jpg",[2401],{"_uid":2402,"link":2403,"size":90,"text":540,"type":92,"component":93},"59119a63-fa0f-433d-8861-326e1d0af481",{"url":2404,"linktype":88,"fieldtype":89,"cached_url":2404},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002Fsocial-media\u002Fpodcast-cover\u002Fsunny-text-pattern-podcast\u002F",{"_uid":2406,"image":2407,"button":2409,"component":541,"description":34},"b61fe5af-0d7f-401b-b15d-d93ce230b0a1",{"filename":2408,"fieldtype":36},"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F63566c9993\u002Fhow_to_use_digital_image_masking_for_better_design_image_16.jpg",[2410],{"_uid":2411,"link":2412,"size":90,"text":540,"type":92,"component":93},"e7f61fc4-c619-44f9-91c0-563bd2bef8fa",{"url":2413,"linktype":88,"fieldtype":89,"cached_url":2413},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002Fsocial-media\u002Finstagram-stories\u002Fbig-sale-shop-instagram-story\u002F",{"type":98,"attrs":2415,"content":2416},{"level":2245},[2417],{"text":2418,"type":59},"Pros of alpha channel masks",{"type":175,"content":2420},[2421,2427,2433,2439],{"type":178,"content":2422},[2423],{"type":55,"content":2424},[2425],{"text":2426,"type":59},"Makes it possible to isolate certain areas of an image to mask",{"type":178,"content":2428},[2429],{"type":55,"content":2430},[2431],{"text":2432,"type":59},"Adds transparency to your image when you remove parts of it",{"type":178,"content":2434},[2435],{"type":55,"content":2436},[2437],{"text":2438,"type":59},"Enables saving selections and transparency settings for use on other projects and software",{"type":178,"content":2440},[2441],{"type":55,"content":2442},[2443],{"text":2444,"type":59},"Great for enhancing specific features and colors of photographic images",{"type":98,"attrs":2446,"content":2447},{"level":2245},[2448],{"text":2449,"type":59},"Cons of alpha channel masks",{"type":175,"content":2451},[2452,2458],{"type":178,"content":2453},[2454],{"type":55,"content":2455},[2456],{"text":2457,"type":59},"Using alpha channels is a bit more advanced and requires some skill and training",{"type":178,"content":2459},[2460],{"type":55,"content":2461},[2462],{"text":2463,"type":59},"Making the initial area selection can be time-consuming and tricky",{"type":98,"attrs":2465,"content":2466},{"level":168},[2467],{"text":2468,"type":59},"4. CSS image masking",{"type":76,"attrs":2470},{"id":1723,"body":2471},[2472],{"_uid":2473,"asset":2474,"component":1739,"description":2484},"59193b75-5a1e-4a30-8497-f355aa0ab832",[2475],{"_uid":2476,"asset":2477,"device":1737,"component":1738},"956745d4-38ff-4d0c-9d51-77fde649eb68",[2478],{"_uid":2479,"image":2480,"imageAlt":2481,"component":39},"4c2eac4c-7709-4c22-accc-c9d33e1ba0d2",{"alt":2481,"filename":2482,"fieldtype":36,"meta_data":2483,"is_external_url":16},"CSS image masking","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fcb64041457\u002Fhow_to_use_digital_image_masking_for_better_design_image_17.jpg",{},"Image Source: [CSS Tricks](https:\u002F\u002Fcss-tricks.com\u002Falmanac\u002Fproperties\u002Fm\u002Fmask-mode\u002F)",{"type":55,"content":2486},[2487],{"text":2488,"type":59},"If you dabble in web design, you might already know you can create sophisticated image masks using code.",{"type":55,"content":2490},[2491],{"text":2492,"type":59},"The mask-image property in CSS allows you to use a transparent PNG or SVG image to mask an image file on your website. For example, you can use your company logo as a mask over an office building image to fill the logo.",{"type":55,"content":2494},[2495],{"text":2496,"type":59},"CSS allows you to create image masks with shapes, paths, gradients, and text, just as you would when using your design software.",{"type":55,"content":2498},[2499],{"text":2500,"type":59},"The difference is that the masking effects live on the web page itself and can't be exported as standalone image files, such as JPEG or PNG images.",{"type":55,"content":2502},[2503],{"text":2504,"type":59},"It's also more difficult to add and edit multiple layers, and you can only see the results of your edits in a live web viewer tool or a web browser.",{"type":98,"attrs":2506,"content":2507},{"level":2245},[2508],{"text":2509,"type":59},"Pros of CSS masks",{"type":175,"content":2511},[2512,2518,2524],{"type":178,"content":2513},[2514],{"type":55,"content":2515},[2516],{"text":2517,"type":59},"No need for premium image editing software",{"type":178,"content":2519},[2520],{"type":55,"content":2521},[2522],{"text":2523,"type":59},"Potential saving on image size because effects are handled by code instead of being stored in an image file",{"type":178,"content":2525},[2526],{"type":55,"content":2527},[2528],{"text":2529,"type":59},"Original image file is still accessible on the user interface",{"type":98,"attrs":2531,"content":2532},{"level":2245},[2533],{"text":2534,"type":59},"Cons of CSS masks",{"type":175,"content":2536},[2537,2543,2549,2555],{"type":178,"content":2538},[2539],{"type":55,"content":2540},[2541],{"text":2542,"type":59},"Only works on web browsers",{"type":178,"content":2544},[2545],{"type":55,"content":2546},[2547],{"text":2548,"type":59},"Produces basic effects",{"type":178,"content":2550},[2551],{"type":55,"content":2552},[2553],{"text":2554,"type":59},"Can't export the original image and mask effects as a single image",{"type":178,"content":2556},[2557],{"type":55,"content":2558},[2559],{"text":2560,"type":59},"You need to be highly proficient in CSS",{"type":98,"attrs":2562,"content":2563},{"level":168},[2564],{"text":2565,"type":59},"Other code-based types of image masking",{"type":55,"content":2567},[2568],{"text":2569,"type":59},"Have you ever considered the other ways masking is being used in technology?",{"type":55,"content":2571},[2572],{"text":2573,"type":59},"For example, when you choose a background image or blur in a video meeting, that's dynamic alpha channel masking in the video.",{"type":55,"content":2575},[2576],{"text":2577,"type":59},"Using coding languages like C and Python, you can attribute the pixels in image objects with values and then apply masking effects. This is called spatial filtering.",{"type":76,"attrs":2579},{"id":1723,"body":2580},[2581],{"_uid":2582,"asset":2583,"component":1739,"description":2593},"fc7a0074-1892-4fb4-9b41-d0324a3c0104",[2584],{"_uid":2585,"asset":2586,"device":1737,"component":1738},"e1fe7bf9-c26a-40b1-acfc-3e2939a3fdb8",[2587],{"_uid":2588,"image":2589,"imageAlt":2590,"component":39},"e4e1118d-79e2-4cf2-af89-28689ecd629f",{"alt":2590,"filename":2591,"fieldtype":36,"meta_data":2592,"is_external_url":16},"Image masking on an X-ray image","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F6e1670f124\u002Fhow_to_use_digital_image_masking_for_better_design_image_18.jpg",{},"Image masking on an X-ray image. Image Source: [Research Gate](https:\u002F\u002Fwww.researchgate.net\u002Fprofile\u002FSivaramakrishnan-Rajaraman\u002Fpublication\u002F323437518\u002Ffigure\u002Ffig1\u002FAS:663482198392833@1535197891651\u002FLung-ROI-segmentation-a-Original-image-b-Lung-mask-c-Segmented-ROI.png)",{"type":55,"content":2595},[2596],{"text":2597,"type":59},"These masking effects can be used to reduce blurring and noise and improve the sharpness of images. In the medical field, image masking helps make X-rays clearer and more easily analyzed.",{"type":55,"content":2599},[2600],{"text":2601,"type":59},"Now that you know the types of image masks and how they're used, let's check out how to use Curve to create better designs.",{"type":98,"attrs":2603,"content":2604},{"level":100},[2605],{"text":2606,"type":59},"How to create image masks with Linearity Curve",{"type":55,"content":2608},[2609,2611,2615],{"text":2610,"type":59},"With ",{"text":1119,"type":59,"marks":2612},[2613],{"type":131,"attrs":2614},{"href":1565,"uuid":134,"anchor":134,"target":1710,"linktype":88},{"text":2616,"type":59},", the mask layer is at the bottom and the image clipped is above it. A clipping mask clips the image or image group above it to the vector path you created.",{"type":55,"content":2618},[2619,2621,2627],{"text":2620,"type":59},"Advanced image masking in Linearity Curve is super easy and can be done in three ways. We'll take you through the basics here, but if you'd like to get an in-depth tutorial check out our step-by-step guide on ",{"text":2622,"type":59,"marks":2623},"how to mask objects",[2624],{"type":131,"attrs":2625},{"href":2626,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Foptions#how-to-mask-objects",{"text":243,"type":59},{"type":76,"attrs":2629},{"id":1723,"body":2630},[2631],{"_uid":2632,"title":2633,"button":2634,"component":94,"description":2640,"backgroundColor":2641},"08632343-165b-45ef-9237-f8677a75d77a","Easily transform images with Auto Trace",[2635],{"_uid":2636,"icon":34,"link":2637,"size":90,"text":2639,"type":92,"component":93},"8e9106ff-60f4-4717-9de5-ad8233145a81",{"url":2638,"linktype":88,"fieldtype":89,"cached_url":2638},"https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fauto-trace\u002F","Explore Auto Trace","Discover the simplicity of converting images into vector graphics with Linearity Curve's Auto Trace feature. Perfect for designers of all skill levels.","purple",{"type":98,"attrs":2643,"content":2644},{"level":168},[2645],{"text":2646,"type":59},"1. Create your objects and layers",{"type":55,"content":2648},[2649],{"text":2650,"type":59},"Draw the vector shape you'd like to use as the clip path. In Linearity Curve, you can use the Pen Tool, Pencil Tool, Brush Tool, Text Tool, or Shape Tool to do this.",{"type":175,"content":2652},[2653,2667,2680,2693,2707],{"type":178,"content":2654},[2655],{"type":55,"content":2656},[2657,2659,2665],{"text":2658,"type":59},"The ",{"text":2660,"type":59,"marks":2661},"Pen Tool",[2662],{"type":131,"attrs":2663},{"href":2664,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fpen-tool",{"text":2666,"type":59}," is best for creating precise shapes with smooth Bézier curves.",{"type":178,"content":2668},[2669],{"type":55,"content":2670},[2671,2672,2678],{"text":2658,"type":59},{"text":2673,"type":59,"marks":2674},"Pencil Tool",[2675],{"type":131,"attrs":2676},{"href":2677,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fpencil-tool",{"text":2679,"type":59}," lets you draw a freehand shape and turns it into a vector path. You can control the amount of smoothing you want.",{"type":178,"content":2681},[2682],{"type":55,"content":2683},[2684,2685,2691],{"text":2658,"type":59},{"text":2686,"type":59,"marks":2687},"Brush Tool",[2688],{"type":131,"attrs":2689},{"href":2690,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fbrush-tool",{"text":2692,"type":59}," lets you use different brush strokes to create a free-form vector path.",{"type":178,"content":2694},[2695],{"type":55,"content":2696},[2697,2699,2705],{"text":2698,"type":59},"You can type out a phrase using the Text Tool, then choose the ",{"text":2700,"type":59,"marks":2701},"Create Outlines from Text",[2702],{"type":131,"attrs":2703},{"href":2704,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Ftext#create-outlines-from-text",{"text":2706,"type":59}," option in the Style Tab.",{"type":178,"content":2708},[2709],{"type":55,"content":2710},[2711,2712,2718],{"text":2658,"type":59},{"text":2713,"type":59,"marks":2714},"Shape Tool",[2715],{"type":131,"attrs":2716},{"href":2717,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fshape-tool",{"text":2719,"type":59}," lets you easily create basic vector shapes like rectangles, circles, polygons, stars, or spirals.",{"type":76,"attrs":2721},{"id":1723,"body":2722},[2723],{"_uid":2724,"emoji":34,"bgColor":47,"markdown":2725,"component":152},"e9ba5ee3-b3d7-4b8f-bfe6-c262b119693c","There's a new kid on the block! Curve recently introduced the [Shape Builder Tool](https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fshape-builder-tool) that enables you to combine various shapes into one path. This is a great tool for creating interesting clipping paths.",{"type":55,"content":2727},[2728],{"text":2729,"type":59},"Once you've created your desired vector shape, go to the Layers Tab in the Inspector and move its layer underneath the object(s) you want to clip.",{"type":98,"attrs":2731,"content":2732},{"level":168},[2733],{"text":2734,"type":59},"2. Make your selection",{"type":55,"content":2736},[2737,2739,2745],{"text":2738,"type":59},"Tap the Selection Tool, choose ",{"text":2740,"type":59,"marks":2741},"Multi Select Mode",[2742],{"type":131,"attrs":2743},{"href":2744,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fselection-tool#multi-select-mode",{"text":2746,"type":59},", and select the vector shape you want to use as a mask together with the object(s) you want to clip.",{"type":76,"attrs":2748},{"id":1723,"body":2749},[2750],{"_uid":2751,"asset":2752,"component":1739,"description":34},"46388617-b2ba-4ee3-a5d9-40f5be4c34e8",[2753],{"_uid":2754,"asset":2755,"device":1737,"component":1738},"7a2146e2-157b-47e4-8b87-649b7be1c28e",[2756],{"_uid":2757,"image":2758,"imageAlt":2759,"component":39},"4d17761d-aefc-4b9c-9809-d12dc4718c36",{"alt":2759,"filename":2760,"fieldtype":36,"meta_data":2761,"is_external_url":16},"Image masking on Vectornator - selection","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F5763934fe1\u002Fhow_to_use_digital_image_masking_for_better_design_image_19.jpg",{},{"type":98,"attrs":2763,"content":2764},{"level":168},[2765],{"text":2766,"type":59},"3. Use the mask tool",{"type":55,"content":2768},[2769],{"text":2770,"type":59},"Now you can use the Mask Tool to create your clipping mask. Here are your three options for doing this:",{"type":98,"attrs":2772,"content":2773},{"level":2245},[2774],{"text":2775,"type":59},"Option 1: via the Quick Actions Tab",{"type":55,"content":2777},[2778],{"text":2779,"type":59},"This is the quickest way to create your clipping mask.",{"type":55,"content":2781},[2782],{"text":2783,"type":59},"Once you've selected your objects on the artboard, the Quick Actions Tab will pop up. Tap the Mask Icon in the tab to quickly turn your vector shape into a mask.",{"type":76,"attrs":2785},{"id":1723,"body":2786},[2787],{"_uid":2788,"asset":2789,"component":1739,"description":34},"8e281a2d-8471-46d9-bbb7-1e643e94c764",[2790],{"_uid":2791,"asset":2792,"device":1737,"component":1738},"f2aafabf-f006-4c9b-a14e-f8a1c1965de0",[2793],{"_uid":2794,"image":2795,"imageAlt":2796,"component":39},"c8ebabc6-cec8-4a9f-b8c5-20b17b5b454d",{"alt":2796,"filename":2797,"fieldtype":36,"meta_data":2798,"is_external_url":16},"Image masking in Vectornator - Quick Actions","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fe6323e59a4\u002Fhow_to_use_digital_image_masking_for_better_design_image_20.jpg",{},{"type":98,"attrs":2800,"content":2801},{"level":2245},[2802],{"text":2803,"type":59},"Option 2: via the Layers Tab",{"type":55,"content":2805},[2806],{"text":2807,"type":59},"When your design is quite complex, selecting all the objects from the Layers Tab is easier than tapping each element on the artboard.",{"type":55,"content":2809},[2810,2812,2818],{"text":2811,"type":59},"In the Inspector, tap the ",{"text":2813,"type":59,"marks":2814},"Layers Tab",[2815],{"type":131,"attrs":2816},{"href":2817,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fthe-inspector#layers-tab",{"text":2819,"type":59},". Scroll down your Layers panel until you find the vector shape and object(s) you want to clip.",{"type":55,"content":2821},[2822],{"text":2823,"type":59},"In Multi Select Mode, select all the layers that must be clipped along with your vector shape, and then tap the Mask Tool in the Quick Actions Tab that pops up.",{"type":76,"attrs":2825},{"id":1723,"body":2826},[2827],{"_uid":2828,"asset":2829,"component":1739,"description":34},"3bb51d33-8188-49a0-a8ce-46769ff06586",[2830],{"_uid":2831,"asset":2832,"device":1737,"component":1738},"bc463e54-f503-43d9-8bc6-084dca2f95e6",[2833],{"_uid":2834,"image":2835,"imageAlt":2836,"component":39},"986a60b1-678f-4236-8ac1-2b6d359769b8",{"alt":2836,"filename":2837,"fieldtype":36,"meta_data":2838,"is_external_url":16},"Image masking in Vectornator - Layers","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F29032c0c73\u002Fhow_to_use_digital_image_masking_for_better_design_image_21.jpg",{},{"type":98,"attrs":2840,"content":2841},{"level":2245},[2842],{"text":2843,"type":59},"Option 3: via the Arrange Tab",{"type":55,"content":2845},[2846,2848,2854],{"text":2847,"type":59},"With your vector shape selected, tap on the ",{"text":2849,"type":59,"marks":2850},"Arrange Tab ",[2851],{"type":131,"attrs":2852},{"href":2853,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fthe-inspector#arrange-tab",{"text":2855,"type":59},"in the Inspector and scroll down to the Mask option.",{"type":55,"content":2857},[2858],{"text":2859,"type":59},"Tap on the Mask Icon to create your clipped image.",{"type":76,"attrs":2861},{"id":1723,"body":2862},[2863],{"_uid":2864,"asset":2865,"component":1739,"description":34},"374d915b-d5a7-4840-8a21-62aac724f4ac",[2866],{"_uid":2867,"asset":2868,"device":1737,"component":1738},"61e0c470-3c67-4205-ab07-c10acd0805b8",[2869],{"_uid":2870,"image":2871,"imageAlt":2872,"component":39},"c7c5725a-408e-4521-aea1-6af13ddb31db",{"alt":2872,"filename":2873,"fieldtype":36,"meta_data":2874,"is_external_url":16},"Image masking in Vectornator - Arrange","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F03e652df9d\u002Fhow_to_use_digital_image_masking_for_better_design_image_22.jpg",{},{"type":98,"attrs":2876,"content":2877},{"level":168},[2878],{"text":2879,"type":59},"4. Edit your image mask",{"type":55,"content":2881},[2882],{"text":2883,"type":59},"Once you create a Mask, a new Group will appear in your Layers Tab. When you tap on the Layer Group to open it, you'll see the Mask Icon next to the clipping mask layer underneath the object(s) you clipped to.",{"type":55,"content":2885},[2886,2888,2894],{"text":2887,"type":59},"Whenever you'd like to edit your clipping mask, you can select the vector shape from the Layers Tab and use any tools to edit it, such as the ",{"text":2889,"type":59,"marks":2890},"Node Tool",[2891],{"type":131,"attrs":2892},{"href":2893,"uuid":134,"anchor":134,"target":1710,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fnode-tool",{"text":243,"type":59},{"type":76,"attrs":2896},{"id":1723,"body":2897},[2898],{"_uid":2899,"asset":2900,"component":1739,"description":34},"11108a9c-851c-4f9b-aa36-8949f0c845a7",[2901],{"_uid":2902,"asset":2903,"device":1737,"component":1738},"04576ae2-62a0-42dc-8a66-c19a84b488ab",[2904],{"_uid":2905,"image":2906,"imageAlt":2907,"component":39},"6a905585-3578-4529-96f7-01413fa5ef2d",{"alt":2907,"filename":2908,"fieldtype":36,"meta_data":2909,"is_external_url":16},"Image masking in Vectornator - Edit","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3f5e667942\u002Fhow_to_use_digital_image_masking_for_better_design_image_23.jpg",{},{"type":55,"content":2911},[2912],{"text":2913,"type":59},"Another option is to double tap on the clipped object itself on the artboard to enter Isolation Mode, then select the vector path from the Layers Tab and start editing.",{"type":76,"attrs":2915},{"id":1723,"body":2916},[2917],{"_uid":2918,"emoji":34,"bgColor":47,"markdown":2919,"component":152},"0f7e3ec6-19f2-4f3b-974b-5c3b066c304c","You're also able to edit the image object without moving your clipping path using Curve's [Click-Through Mode](https:\u002F\u002Fwww.linearity.io\u002Flearn\u002Fselection-tool#click-through-mode).",{"type":98,"attrs":2921,"content":2922},{"level":100},[2923],{"text":2924,"type":59},"Wrapping up",{"type":55,"content":2926},[2927],{"text":2928,"type":59},"Image masking is an incredibly powerful tool for creating detailed and dynamic images far from the standard rectangular photo.",{"type":55,"content":2930},[2931],{"text":2932,"type":59},"With image masking capabilities at your fingertips (literally, if you're designing on an iPad!), you can manipulate any photo or illustration image file to create elaborate and unique designs.",{"type":55,"content":2934},[2935],{"text":2936,"type":59},"Imagine having to crop or draw complex images within a particular shape, only to realize later that you'd like to shift the entire image to the left. Image masking enables you to easily move and change images without losing the previous work on the design.",{"type":55,"content":2938},[2939],{"text":2940,"type":59},"Moreover, image masks allow you to create elaborate image effects, such as gradients and various brush strokes, without altering the original image. You can keep editing the mask layer or even start a new mask to try different techniques and filters.",{"type":76,"attrs":2942},{"id":1723,"body":2943},[2944],{"_uid":2945,"asset":2946,"component":1739,"description":2956},"8642e006-087a-4faa-8cb7-31d55d93a34e",[2947],{"_uid":2948,"asset":2949,"device":1737,"component":1738},"1df36b40-1e4e-4198-9fac-cb21840a50c6",[2950],{"_uid":2951,"image":2952,"imageAlt":2953,"component":39},"fd764abe-bd78-412f-ac4a-03919d16ab2c",{"alt":2953,"filename":2954,"fieldtype":36,"meta_data":2955,"is_external_url":16},"image of retro image masking","\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F8a9765f3c7\u002Fhow_to_use_digital_image_masking_for_better_design_image_24.jpg",{},"Image Source: [Society6](https:\u002F\u002Fsociety6.com\u002Fproduct\u002Fthe-journey1787163_print?c_kid=s6-10284938p4a1v45&sku=s6-10284938p4a1v45&utm_source=pinterest&utm_medium=social&utm_campaign=2331)",{"type":55,"content":2958},[2959],{"text":2960,"type":59},"Another great benefit of layer masks is that you can easily duplicate your masks to use multiple times on different images or drawings on your Artboard.",{"type":55,"content":2962},[2963],{"text":2964,"type":59},"If you were adding your crops and effects on the image itself, you couldn't easily replicate it elsewhere on the Artboard with a different image.",{"type":55,"content":2966},[2967],{"text":2968,"type":59},"In essence, image masks help us designers to work smarter, not harder.",{"type":55,"content":2970},[2971],{"text":2972,"type":59},"If you're ready to try image masking or want to check out a new design software, try Linearity Curve – we offer all the powerful tools you need within a much more intuitive and user-friendly vector design interface.",{"type":76,"attrs":2974},{"id":1723,"body":2975},[2976],{"_uid":2977,"title":2978,"button":2979,"component":94,"description":1768,"backgroundColor":96},"fd6ce02e-a337-4fe6-a32b-fc866e8c9836","Jumpstartyour ideas withLinearity Curve",[2980],{"_uid":2981,"icon":34,"link":2982,"size":90,"text":34,"type":92,"component":93},"10ffb019-a236-465b-ae80-af996e1c3f06",{"url":2983,"linktype":88,"fieldtype":89,"cached_url":2983},"https:\u002F\u002Flinearity.io\u002Fget-started>Get started\u003C\u002Fa>\n      \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C!--kg-card-end: html-->\n\u003Cfigure class=",{"type":98,"attrs":2985},{"level":168},{"id":2987,"filename":2988,"fieldtype":36,"is_external_url":16},18541092,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F84dc687898\u002Fimage-masking-newblogcover.png","How to Use Digital Image Masking for Better Design","2022-09-30 12:00","Want to know how to improve your graphic design workflows? Learn about image masking and how to use it to make your designs better.","blog\u002Fimage-masking",579044577,"2026-09-05T00:14:41.752Z","d932d659-7974-44b0-8ed7-70824100f135",{"Blog":2997,"_uid":3063,"Footer":3064,"Header":3426,"Academy":4161,"Featured":4211,"UseCases":4259,"Community":4297,"bottomCta":4328,"component":4335,"Comparison":4336,"meta_image":4377,"meta_title":4380,"page_title":4381,"AcademyMove":4382,"AcademyCurve":4405,"FeaturesMove":4428,"commercialBar":4466,"promoteBanner":4467,"InvitationBanner":4491,"meta_description":4502,"pricingPopupData":4503,"bottomLogoSection":4519,"popularSearchesBlog":4553,"templateDescription":4604,"bottomProductSection":4609,"popularSearchesAcademy":4659,"tutorialPageDisclaimer":4689,"popularSearchesTemplates":4694,"pricingCheckoutPopupData":4783,"popularSearchesHelpCenter":4890},[2998],{"_uid":2999,"link":3000,"name":3002,"links":3003,"component":3062},"7ec7354f-1c86-4af0-9b24-67a31cbedf0e",{"id":34,"url":34,"linktype":3001,"fieldtype":89,"cached_url":34},"story","Articles and Insights",[3004,3015,3020],{"_uid":3005,"link":3006,"name":3013,"component":3014},"a58cfebb-3f92-451b-b6b7-8a2445471d7e",{"id":3007,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3008,"story":3009},"e6fd5e83-4eab-4de3-847a-f2cc514d5f0d","blog\u002Ftag\u002Finside-linearity",{"name":3010,"id":3011,"uuid":3007,"slug":3012,"url":3008,"full_slug":3008,"_stopResolving":1094},"Inside linearity",540222578,"inside-linearity","Inside Linearity","HeaderLinkItem",{"_uid":3016,"link":3017,"name":3019,"component":3014},"3de4dcc5-4ade-4718-9ca3-f44bfd3b599b",{"id":12,"url":34,"linktype":3001,"fieldtype":89,"cached_url":1642,"story":3018},{"name":7,"id":11,"uuid":12,"slug":1641,"url":1642,"full_slug":1642,"_stopResolving":1094},"Design Resources",{"_uid":3021,"name":3022,"links":3023,"component":3061},"fa803a33-d616-42ca-868f-bbb615406b3d","Get inspired",[3024,3034,3042,3052],{"_uid":3025,"link":3026,"name":3033,"component":3014},"be4286b8-b60f-4c98-a830-6437d8e0faa8",{"id":3027,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3028,"story":3029},"0cc678b7-aaa9-45fb-a642-84a1003b7b6f","blog\u002Ftag\u002Fanimation-trends",{"name":3030,"id":3031,"uuid":3027,"slug":3032,"url":3028,"full_slug":3028,"_stopResolving":1094},"Animation Trends",540222975,"animation-trends","Animation trends",{"_uid":3035,"link":3036,"name":3039,"component":3014},"ba50649f-4d79-4375-af96-f04e7ec82082",{"id":27,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3037,"story":3038},"blog\u002Ftag\u002Fanimation-resources",{"name":3039,"id":3040,"uuid":27,"slug":3041,"url":3037,"full_slug":3037,"_stopResolving":1094},"Animation Resources",540227934,"animation-resources",{"_uid":3043,"link":3044,"name":3051,"component":3014},"6ec36045-b476-4bb2-92ec-de884bec63c4",{"id":3045,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3046,"story":3047},"a5aa344d-168e-4b53-8361-fddc26b8616c","blog\u002Ftag\u002Fpromotional-design",{"name":3048,"id":3049,"uuid":3045,"slug":3050,"url":3046,"full_slug":3046,"_stopResolving":1094},"Promotional Design",540222307,"promotional-design","Promotional design",{"_uid":3053,"link":3054,"name":3058,"component":3014},"5b85408d-5f85-4126-9bc8-7187e8e71237",{"id":3055,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3056,"story":3057},"20320e46-5cb9-4165-8067-0dfa4b555d83","blog\u002Ftag\u002Fcreative-insights",{"name":3058,"id":3059,"uuid":3055,"slug":3060,"url":3056,"full_slug":3056,"_stopResolving":1094},"Creative Insights",540225996,"creative-insights","SubNavigationDropdown","SubNavigationGroup","9c4f8465-4f1e-479c-b86f-c5b753f2697e",[3065],{"_uid":3066,"columns":3067,"ctaTitle":3348,"component":3349,"middleLinks":3350,"socialLinks":3388,"trustedText":3415,"socialsLabel":3416,"copyrightText":3417,"ctaButtonLink":3418,"ctaButtonText":91,"downloadLabel":3420,"ctaDescription":3421,"linkGraphicArt":3422,"linkMotionGraphics":3424,"newsletterFieldPlaceholder":34},"2d2e1185-ced7-433f-b2a7-b0f696b84ab9",[3068,3102,3126,3142,3174,3222,3257,3301],{"_uid":3069,"name":3070,"links":3071,"component":3101},"38e9eff2-588e-4b3c-8bac-1955b89ffa5c","Products",[3072,3083,3092],{"_uid":3073,"link":3074,"name":3081,"component":3082,"isExternalLink":16},"bf02f00d-e815-4e4c-a4c9-df3f72181c4e",{"id":3075,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3076,"story":3077},"2c9e3a97-84b4-429f-aef8-0d3925214090","use-cases\u002Fanimated-graphics",{"name":3078,"id":3079,"uuid":3075,"slug":3080,"url":3076,"full_slug":3076,"_stopResolving":1094},"Animated graphics",392463945,"animated-graphics","Motion","LinkItem",{"_uid":3084,"link":3085,"name":3089,"component":3082},"d8249561-d2c4-4f89-b155-b7d0d3e2af7c",{"id":3086,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3087,"story":3088},"e398f327-3178-403c-b91c-05eb56c7e8a9","use-cases\u002Ftemplates",{"name":3089,"id":3090,"uuid":3086,"slug":3091,"url":3087,"full_slug":3087,"_stopResolving":1094},"Templates",341542881,"templates",{"_uid":3093,"link":3094,"name":3098,"component":3082},"69ba7879-c1ea-4991-a93a-643141d9d5a8",{"id":3095,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3096,"story":3097},"acf4fbdf-cebc-41d2-b685-cdaa80b92a4d","features\u002Fworkspaces",{"name":3098,"id":3099,"uuid":3095,"slug":3100,"url":3096,"full_slug":3096,"_stopResolving":1094},"Workspaces",503785954,"workspaces","FooterColumn",{"_uid":3103,"name":3104,"links":3105,"component":3101},"88de6796-1384-4168-ad69-a990d6d44f8e","Solutions",[3106,3116],{"_uid":3107,"link":3108,"name":3115,"component":3082,"isExternalLink":16},"cb5ae9fe-8a74-4dd8-b1ce-9b9a46ef593d",{"id":3109,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3110,"story":3111},"703f0234-2b71-42c7-9fce-5fd245962cb0","use-cases\u002Fmarketing-assets",{"name":3112,"id":3113,"uuid":3109,"slug":3114,"url":3110,"full_slug":3110,"_stopResolving":1094},"Marketing Assets",366422023,"marketing-assets","Marketing Teams",{"_uid":3117,"link":3118,"name":3125,"component":3082,"isExternalLink":16},"06921df1-1578-4fa8-9bc0-39c2e3deed02",{"id":3119,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3120,"story":3121},"927633bf-3014-432e-9f09-63456e093250","use-cases\u002Fbranding",{"name":3122,"id":3123,"uuid":3119,"slug":3124,"url":3120,"full_slug":3120,"_stopResolving":1094},"Branding",335495867,"branding","Brand Teams",{"_uid":3127,"name":3128,"links":3129,"component":3101},"4fbd0f94-4832-4dbf-9712-f6016d9c1316","Enterprise",[3130,3137],{"_uid":3131,"link":3132,"name":3128,"component":3082,"isExternalLink":16},"c155a742-80ba-461f-adcb-24c044a400b1",{"id":3133,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3134,"story":3135},"3610da8b-6aae-459a-958d-a2982bfc3687","enterprise",{"name":3128,"id":3136,"uuid":3133,"slug":3134,"url":3134,"full_slug":3134,"_stopResolving":1094},195155447772690,{"_uid":3138,"link":3139,"name":3141,"component":3082,"isExternalLink":1094},"f5229eb3-743a-455f-a3bd-e4692eb84e86",{"id":34,"url":3140,"linktype":88,"fieldtype":89,"cached_url":3140},"https:\u002F\u002Fform.typeform.com\u002Fto\u002FlSocCNm5","Contact Sales",{"_uid":3143,"name":3144,"links":3145,"component":3101},"52aa5ca2-b8eb-458f-917a-022ab93542b1","Existing Products",[3146,3155,3164],{"_uid":3147,"link":3148,"name":1119,"component":3082},"2047cfcb-c158-4646-b422-f56a1c949dec",{"id":3149,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3150,"story":3151},"fe6456d6-bfd4-40cd-a40e-b24037da1703","curve\u002F",{"name":3152,"id":3153,"uuid":3149,"slug":3154,"url":3150,"full_slug":3150,"_stopResolving":1094},"Curve",288898168,"curve",{"_uid":3156,"link":3157,"name":1128,"component":3082},"42722bcc-acdc-4062-928a-ad16aec3370b",{"id":3158,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3159,"story":3160},"60ac2028-50a7-48c9-92e8-f600c8481707","move\u002F",{"name":3161,"id":3162,"uuid":3158,"slug":3163,"url":3159,"full_slug":3159,"_stopResolving":1094},"Move",300975051,"move",{"_uid":3165,"link":3166,"name":3173,"component":3082},"c8fb36e8-0b7a-4008-bb18-06519937ec58",{"id":3167,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3168,"story":3169},"d9451d51-a2a2-48e6-a495-fea6f1162b63","curve\u002Fvectornator-is-now-curve",{"name":3170,"id":3171,"uuid":3167,"slug":3172,"url":3168,"full_slug":3168,"_stopResolving":1094},"Vectornator is now Curve",326350013,"vectornator-is-now-curve","Open Curve",{"_uid":3175,"name":3176,"links":3177,"component":3101},"fc38d686-1f17-4768-80a3-2bd9600f2238","Company",[3178,3186,3194,3204,3209,3217],{"_uid":3179,"link":3180,"name":3185,"component":3082},"a3424674-4087-4646-9364-78488c61ec2d",{"id":3181,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3182,"story":3183},"344a5f9f-9b04-48b5-939d-f942339cfec5","about-us",{"name":3182,"id":3184,"uuid":3181,"slug":3182,"url":3182,"full_slug":3182,"_stopResolving":1094},295686852,"About",{"_uid":3187,"link":3188,"name":3193,"component":3082},"67eda6f7-b5d1-4991-ad39-db25cf418818",{"id":3189,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3190,"story":3191},"2306f92e-4af9-4340-b996-dbee66bd5eea","careers",{"name":3190,"id":3192,"uuid":3189,"slug":3190,"url":3190,"full_slug":3190,"_stopResolving":1094},291322313,"Careers",{"_uid":3195,"link":3196,"name":3203,"component":3082},"a7c106f6-014d-41a9-a87d-b218c3f8b111",{"id":3197,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3198,"story":3199},"00c5bc6e-cbb9-4582-9f9f-2019f3652f7e","community\u002F",{"name":3200,"id":3201,"uuid":3197,"slug":3202,"url":3198,"full_slug":3198,"_stopResolving":1094},"Community Home",319527715,"community","Community",{"_uid":3205,"link":3206,"name":3208,"component":3082,"isExternalLink":1094},"b7a1c669-688d-4683-8869-6af39a3bd5ea",{"id":34,"url":3207,"linktype":88,"fieldtype":89,"cached_url":3207},"https:\u002F\u002Flinearity.notion.site\u002FLinearity-Press-Kit-650a6d8e5a8247819466f1836d2100f5","Press Kit",{"_uid":3210,"link":3211,"name":3215,"component":3082,"isExternalLink":16},"e158ba4d-efeb-4575-b17e-cd0d90fb2b89",{"id":3212,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3213,"story":3214},"c5f6e05d-8db9-4f31-bde4-4634157af860","contact-support",{"name":3215,"id":3216,"uuid":3212,"slug":3213,"url":3213,"full_slug":3213,"_stopResolving":1094},"Contact Support",582642802,{"_uid":3218,"link":3219,"name":3221,"component":3082,"isExternalLink":1094},"42e5a085-850e-48e1-98da-cd6555fc5c79",{"id":34,"url":3220,"linktype":88,"fieldtype":89,"cached_url":3220},"https:\u002F\u002Fstatus.linearity.io\u002F","Status Page",{"_uid":3223,"name":38,"links":3224,"component":3101},"e874c1b3-a5ea-4b82-b505-7ccb75bd54b8",[3225,3230,3234,3239,3243,3251,3254],{"_uid":3226,"link":3227,"name":3229,"component":3082},"d2502c21-1a24-45e3-91ad-1f19196f2c84",{"id":3181,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3182,"story":3228},{"name":3182,"id":3184,"uuid":3181,"slug":3182,"url":3182,"full_slug":3182,"_stopResolving":1094},"About us",{"_uid":3231,"link":3232,"name":3203,"component":3082,"isExternalLink":16},"05ad118e-e6dd-4c86-ae77-2bc056f8d6a2",{"id":3197,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3198,"story":3233},{"name":3200,"id":3201,"uuid":3197,"slug":3202,"url":3198,"full_slug":3198,"_stopResolving":1094},{"_uid":3235,"link":3236,"name":3238,"component":3082},"ef3173cf-0424-4c0a-9b4c-ae80f6b96b4a",{"id":3189,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3190,"story":3237},{"name":3190,"id":3192,"uuid":3189,"slug":3190,"url":3190,"full_slug":3190,"_stopResolving":1094},"Career",{"_uid":3240,"link":3241,"name":3215,"component":3082},"578b6eb7-3bcf-456c-a0f6-b382623280ff",{"id":3212,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3213,"story":3242},{"name":3215,"id":3216,"uuid":3212,"slug":3213,"url":3213,"full_slug":3213,"_stopResolving":1094},{"_uid":3244,"link":3245,"name":3141,"component":3082},"101c0d1c-c2b1-491f-87ea-e2e50e8dbfdc",{"id":3246,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3247,"story":3248},"f27a0774-a81a-4ab1-9788-3785994060d1","contact",{"name":3249,"id":3250,"uuid":3246,"slug":3247,"url":3247,"full_slug":3247,"_stopResolving":1094},"Contact",323799739,{"_uid":3252,"link":3253,"name":3221,"component":3082,"isExternalLink":1094},"589169cd-eb8e-49c6-8281-0c013243c23a",{"id":34,"url":3220,"linktype":88,"fieldtype":89,"cached_url":3220},{"_uid":3255,"link":3256,"name":3208,"component":3082},"91e1e009-b648-4183-a301-d3d7dbe7c4d2",{"id":34,"url":3207,"linktype":88,"fieldtype":89,"cached_url":3207},{"_uid":3258,"name":3259,"links":3260,"component":3101},"83e19f4d-5355-43ae-ab7c-0421b15639b9","Compare",[3261,3271,3281,3291],{"_uid":3262,"link":3263,"name":3270,"component":3082,"isExternalLink":16},"0a210e29-e7e2-40b1-8895-262153bc58c2",{"id":3264,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3265,"story":3266},"7954a72b-8454-4698-ade9-b8475ab08e02","comparison\u002Fcanva",{"name":3267,"id":3268,"uuid":3264,"slug":3269,"url":3265,"full_slug":3265,"_stopResolving":1094},"Canva v2",442555173,"canva","Canva Alternative",{"_uid":3272,"link":3273,"name":3280,"component":3082,"isExternalLink":16},"e987cfea-93bc-4e95-964b-9883087ed482",{"id":3274,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3275,"story":3276},"bcf46b44-2af9-4560-b9c0-2a0c91e036a1","comparison\u002Ffigma",{"name":3277,"id":3278,"uuid":3274,"slug":3279,"url":3275,"full_slug":3275,"_stopResolving":1094},"Figma v2",441854657,"figma","Figma Alternative",{"_uid":3282,"link":3283,"name":3290,"component":3082,"isExternalLink":16},"2fa4ba0a-c3a3-48f2-82cd-e6b69c048876",{"id":3284,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3285,"story":3286},"9c3ccbc8-8c15-46ea-bbe0-120a2b1a3a21","comparison\u002Fadobe-illustrator",{"name":3287,"id":3288,"uuid":3284,"slug":3289,"url":3285,"full_slug":3285,"_stopResolving":1094},"Adobe Illustrator",301280189,"adobe-illustrator","Adobe Illustrator Alternative",{"_uid":3292,"link":3293,"name":3300,"component":3082,"isExternalLink":16},"14ba6e12-8ef2-4084-acca-c1e11a62d322",{"id":3294,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3295,"story":3296},"4049647e-c169-4959-8885-ee44e5fcc91a","comparison\u002Faffinity-designer",{"name":3297,"id":3298,"uuid":3294,"slug":3299,"url":3295,"full_slug":3295,"_stopResolving":1094},"Affinity Designer",304730922,"affinity-designer","Affinity Designer Alternative",{"_uid":3302,"name":3303,"links":3304,"component":3101},"1d6151e9-49da-417e-a78b-d65f1fde9db7","Resources",[3305,3315,3324,3329,3338],{"_uid":3306,"link":3307,"name":3314,"component":3082,"isExternalLink":16},"e90c7b99-1464-4c50-bf31-ed6c7033cb63",{"id":3308,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3309,"story":3310},"915706ae-8335-4324-8b06-b3079109e99b","academy\u002F",{"name":3311,"id":3312,"uuid":3308,"slug":3313,"url":3309,"full_slug":3309,"_stopResolving":1094},"Academy Home",305559558,"academy","Academy",{"_uid":3316,"link":3317,"name":3321,"component":3082,"isExternalLink":16},"e890f77d-eb3b-40bc-bd1a-65f3c6939786",{"id":3318,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3319,"story":3320},"460ced51-3757-4024-b0e2-d4a43caebbd5","blog\u002F",{"name":3321,"id":3322,"uuid":3318,"slug":3323,"url":3319,"full_slug":3319,"_stopResolving":1094},"Blog",533142832,"blog",{"_uid":3325,"link":3326,"name":3328,"component":3082,"isExternalLink":1094},"29e128a4-f12e-4c6b-88c9-2c553d86465b",{"id":34,"url":3327,"linktype":88,"fieldtype":89,"cached_url":3327},"https:\u002F\u002Fsupport.linearity.io\u002Fdocs","Help Center",{"_uid":3330,"link":3331,"name":3337,"component":3082,"isExternalLink":16},"db1d94f1-e45b-4700-ab08-ab8c8c3e5f7b",{"id":3332,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3333,"story":3334},"707c0443-3cf9-439c-88b4-a25d9791c25a","whats-new",{"name":3335,"id":3336,"uuid":3332,"slug":3333,"url":3333,"full_slug":3333,"_stopResolving":1094},"whats new",453739777,"What's New",{"_uid":3339,"link":3340,"name":3347,"component":3082,"isExternalLink":16},"65200575-1a57-4a88-86d4-bb83643f298e",{"id":3341,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3342,"story":3343},"f9d4cb1c-158d-408e-be59-8a022a766bd8","academy\u002Fglossary\u002Fa",{"name":3344,"id":3345,"uuid":3341,"slug":3346,"url":3342,"full_slug":3342,"_stopResolving":1094},"A",322831487,"a","Glossary","Get started with Linearity","FooterComponent",[3351,3360,3370,3379],{"_uid":3352,"link":3353,"name":3359,"component":3082},"ee6d54be-b26d-4550-84d9-ae927e32e869",{"id":3354,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3355,"story":3356},"213b0a01-a8a7-46ae-ac45-fd24ae5ccc74","privacy-policy",{"name":3355,"id":3357,"uuid":3354,"slug":3355,"url":3358,"full_slug":3358,"_stopResolving":1094},287274314,"policies\u002Fprivacy-policy","Privacy Policy",{"_uid":3361,"link":3362,"name":3369,"component":3082},"3978ef8d-0a51-4def-bf62-280fd58d14e1",{"id":3363,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3364,"story":3365},"dfb9498a-b18f-459b-a2be-6058ad3b022f","policies\u002Fterms-of-use",{"name":3366,"id":3367,"uuid":3363,"slug":3368,"url":3364,"full_slug":3364,"_stopResolving":1094},"Terms of use",321215958,"terms-of-use","Terms of Service",{"_uid":3371,"link":3372,"name":3378,"component":3082},"392c03cd-1793-4cfc-965b-a5fed32bb10a",{"id":3373,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3374,"story":3375},"44c18cf1-68e0-4bc0-882f-f94bce10f811","policies\u002Fcookies",{"name":3376,"id":3377,"uuid":3373,"slug":3376,"url":3374,"full_slug":3374,"_stopResolving":1094},"cookies",287272733,"Cookie Policy",{"_uid":3380,"link":3381,"name":3387,"component":3082,"isExternalLink":16},"2e217052-d3fe-49a9-8050-0af70596dd15",{"id":3382,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3383,"story":3384},"5883cb88-67cf-46e4-b0c2-62cf8d648123","policies\u002Fimprint",{"name":3385,"id":3386,"uuid":3382,"slug":3385,"url":3383,"full_slug":3383,"_stopResolving":1094},"imprint",287066003,"Imprint",[3389,3395,3400,3405,3410],{"_uid":3390,"icon":3391,"link":3392,"component":3394},"de3836d2-e7f3-4db3-95f9-82c7c730ea74","ic-kp-discord",{"id":34,"url":3393,"target":1710,"linktype":88,"fieldtype":89,"cached_url":3393},"https:\u002F\u002Fdiscord.gg\u002Fv2eJYrNqhD","LinkIcon",{"_uid":3396,"icon":3397,"link":3398,"component":3394},"df804124-bee9-4046-961a-27c57d7a5514","ic-kp-insta",{"id":34,"url":3399,"target":1710,"linktype":88,"fieldtype":89,"cached_url":3399},"https:\u002F\u002Fwww.instagram.com\u002Flinearityhq\u002F",{"_uid":3401,"icon":3402,"link":3403,"component":3394},"3e71d940-b47f-4657-84d4-f3cd35e31a49","ic-kp-linkin",{"id":34,"url":3404,"target":1710,"linktype":88,"fieldtype":89,"cached_url":3404},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Flinearity-gmbh\u002F",{"_uid":3406,"icon":3407,"link":3408,"component":3394},"6965e068-4b04-479e-bd88-e7201e57d54a","ic-kp-x",{"id":34,"url":3409,"target":1710,"linktype":88,"fieldtype":89,"cached_url":3409},"https:\u002F\u002Fx.com\u002Flinearityhq",{"_uid":3411,"icon":3412,"link":3413,"component":3394},"b9f17abb-72e9-45b7-a06e-fac36b41fee8","ic-kp-yt",{"id":34,"url":3414,"target":1710,"linktype":88,"fieldtype":89,"cached_url":3414},"https:\u002F\u002Fwww.youtube.com\u002F@linearityhq","Trusted by leading companies worldwide.","Socials :","Copyright © 2026 Linearity GmbH. All rights reserved",{"id":34,"url":3419,"linktype":88,"fieldtype":89,"cached_url":3419},"\u002Fget-started","Download","All the tools you need for truly great design.",{"id":34,"url":3423,"linktype":88,"fieldtype":89,"cached_url":3423},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-curve-graphic-art\u002Fid1219074514",{"id":34,"url":3425,"linktype":88,"fieldtype":89,"cached_url":3425},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Fmotion-graphics-linearity-move\u002Fid6443677011",[3427],{"_uid":3428,"items":3429,"adjustId":4156,"component":4157,"buttonLink":4158,"buttonText":1767,"mobileDropdownBackText":4160},"ba89ed83-6694-4584-8f97-9ba02ee7dc45",[3430,3535,3696,3815,3819,3823,3908,4122,4131],{"_uid":3431,"name":3432,"links":3433,"component":3533,"columnSplit":3534},"8a3bf702-e260-46e0-8622-644e04c7a00a","Use cases",[3434,3447,3457,3468,3480,3486,3491,3501,3512,3522],{"_uid":3435,"icon":3436,"link":3437,"name":3445,"component":3446,"description":34,"isGreenDotShowing":16},"63e6dde3-f74b-4f42-92ef-2dddb1bcbeda","ic-brush",{"id":3438,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3439,"story":3440},"063fbbe1-d075-49a3-9594-9e6cfb65ad38","use-cases\u002Fillustration",{"name":3441,"id":3442,"uuid":3438,"slug":3443,"url":3444,"full_slug":3444,"_stopResolving":1094},"Digital Illustration",384806323,"digital-illustration","use-cases\u002Fdigital-illustration","Illustration","HeaderDropdownLink",{"_uid":3448,"icon":3449,"link":3450,"name":3454,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"ba292e15-1746-4f96-8f24-e78d99d60c33","ic-draw-pencil",{"id":3451,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3452,"story":3453},"12d21420-7fd7-420c-ae6c-04653a8c1629","use-cases\u002Flogos",{"name":3454,"id":3455,"uuid":3451,"slug":3456,"url":3452,"full_slug":3452,"_stopResolving":1094},"Logos",447935734,"logos",{"_uid":3458,"icon":3459,"link":3460,"name":3464,"component":3446,"description":34,"isGreenDotShowing":16},"a36ad5f4-eb80-4989-8def-4492f7bda10c","ic-social",{"id":3461,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3462,"story":3463},"aefaddf4-65ac-498b-b523-03a29bc8aa7c","use-cases\u002Fsocial-media",{"name":3464,"id":3465,"uuid":3461,"slug":3466,"url":3467,"full_slug":3467,"_stopResolving":1094},"Social Media Design",426493845,"social-media-design","use-cases\u002Fsocial-media-design",{"_uid":3469,"icon":3470,"link":3471,"name":3479,"component":3446,"description":34,"isGreenDotShowing":16},"ca35942f-6d06-4eda-b0f0-7cd36696f7f1","ic-sidebar",{"id":3472,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3473,"story":3474},"9a4f03cd-71a4-429c-8349-fc9f2046d917","use-cases\u002Fcreate-content-faster",{"name":3475,"id":3476,"uuid":3472,"slug":3477,"url":3478,"full_slug":3478,"_stopResolving":1094},"Online Ads",288898178,"ad-campaign","use-cases\u002Fad-campaign","Online ads",{"_uid":3481,"icon":3482,"link":3483,"name":3485,"component":3446,"description":34,"isGreenDotShowing":16},"271a7be2-fddb-474f-87e8-b5c8799d1e0c","ic-stack-order",{"id":3109,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3110,"story":3484},{"name":3112,"id":3113,"uuid":3109,"slug":3114,"url":3110,"full_slug":3110,"_stopResolving":1094},"Marketing assets",{"_uid":3487,"icon":3488,"link":3489,"name":3122,"component":3446,"description":34,"isExternalLink":1094,"isGreenDotShowing":16},"876eef74-3935-4740-9341-4805708e3553","ic-color-sliders",{"id":3119,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3120,"story":3490},{"name":3122,"id":3123,"uuid":3119,"slug":3124,"url":3120,"full_slug":3120,"_stopResolving":1094},{"_uid":3492,"icon":3493,"link":3494,"name":3498,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"7b23cd4e-cbc8-4c11-821a-2c7e421a9863","ic-artboard",{"id":3495,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3496,"story":3497},"e245ddbf-d2d9-4ed2-a84f-f2a479c16cfa","use-cases\u002Fbillboards",{"name":3498,"id":3499,"uuid":3495,"slug":3500,"url":3496,"full_slug":3496,"_stopResolving":1094},"Billboards",447994819,"billboards",{"_uid":3502,"icon":3503,"link":3504,"name":3511,"component":3446,"description":34,"isGreenDotShowing":16},"b58caced-da0b-4299-9ef1-428c8d4f2946","ic-effects-tab",{"id":3505,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3506,"story":3507},"fe9eb2e2-9fce-4cb7-a6bf-b504179c3d29","use-cases\u002Fanimation",{"name":1088,"id":3508,"uuid":3505,"slug":3509,"url":3510,"full_slug":3510,"_stopResolving":1094},426499721,"motion-graphics","use-cases\u002Fmotion-graphics","Motion Graphics",{"_uid":3513,"icon":3514,"link":3515,"name":3519,"component":3446,"description":34,"isGreenDotShowing":16},"aeee4990-66a8-4cd0-8029-5e42f94ded8b","ic-doc-templates",{"id":3516,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3517,"story":3518},"9bdd2143-687d-4596-abb3-6435dc1dc0eb","use-cases\u002Fannouncements",{"name":3519,"id":3520,"uuid":3516,"slug":3521,"url":3517,"full_slug":3517,"_stopResolving":1094},"Announcements",446846927,"announcements",{"_uid":3523,"icon":3524,"link":3525,"name":3532,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"dc4cb2f7-725c-49a6-a8c0-de145beac1c4","ic-copy-file",{"id":3526,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3527,"story":3528},"08c37842-a307-4ed7-b68c-4052c37115d8","use-cases\u002Fbusiness-card",{"name":3529,"id":3530,"uuid":3526,"slug":3531,"url":3527,"full_slug":3527,"_stopResolving":1094},"UC - Business Card ",345476762,"business-card","Business cards","HeaderDropdownTwoColumnList","5",{"_uid":3536,"name":3070,"links":3537,"component":3695},"64c67d3c-d041-420c-b859-8f8eba274e42",[3538,3638],{"_uid":3539,"link":3540,"name":1119,"type":3152,"links":3542,"component":3637},"7dfdde36-5967-4938-90b1-9368ce418c35",{"id":3149,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3150,"story":3541},{"name":3152,"id":3153,"uuid":3149,"slug":3154,"url":3150,"full_slug":3150,"_stopResolving":1094},[3543,3553,3562,3570,3580,3590,3600,3610,3620,3631],{"_uid":3544,"icon":3545,"link":3546,"name":2055,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"815bf14b-c03f-4695-bf27-ffa48fb28474","ic-auto-trace",{"id":3547,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3548,"story":3549},"78754dd5-73f6-4e10-a32b-8902a890cc46","features\u002Fauto-trace",{"name":3550,"id":3551,"uuid":3547,"slug":3552,"url":3548,"full_slug":3548,"_stopResolving":1094},"Auto Trace ",527579548,"auto-trace",{"_uid":3554,"icon":3555,"link":3556,"name":2660,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"373ab2fa-ce51-4178-bc11-efb17fadc6b4","ic-pen",{"id":3557,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3558,"story":3559},"fd3c4345-bc7c-4d1c-a05f-85fe1b792ec0","features\u002Fpen-tool",{"name":2660,"id":3560,"uuid":3557,"slug":3561,"url":3558,"full_slug":3558,"_stopResolving":1094},272987870,"pen-tool",{"_uid":3563,"icon":3436,"link":3564,"name":2686,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"e6ea695a-2005-4499-9690-f7058caae356",{"id":3565,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3566,"story":3567},"ab9b4ee2-90c0-4aaf-9ae5-7c7c2a6736e3","features\u002Fbrush-tool",{"name":2686,"id":3568,"uuid":3565,"slug":3569,"url":3566,"full_slug":3566,"_stopResolving":1094},304629999,"brush-tool",{"_uid":3571,"icon":3572,"link":3573,"name":3577,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"0f2a3941-180c-4e77-ad3c-d700cbc85557","ic-shape-builder",{"id":3574,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3575,"story":3576},"d08d971c-c1e7-4832-b80c-1ba780693928","features\u002Fshape-builder",{"name":3577,"id":3578,"uuid":3574,"slug":3579,"url":3575,"full_slug":3575,"_stopResolving":1094},"Shape Builder",304725892,"shape-builder",{"_uid":3581,"icon":3582,"link":3583,"name":3587,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"ccb15034-48bc-4d84-ae19-fa2638b4ead4","ic-bg-removal",{"id":3584,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3585,"story":3586},"d54cb553-5988-402d-8e67-e99dea090a48","features\u002Fbackground-removal",{"name":3587,"id":3588,"uuid":3584,"slug":3589,"url":3585,"full_slug":3585,"_stopResolving":1094},"Background Removal",304725437,"background-removal",{"_uid":3591,"icon":3592,"link":3593,"name":3597,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"a3c1e8cf-9940-4616-9438-dfce51792331","ic-eraser",{"id":3594,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3595,"story":3596},"77b53ad1-879d-4b47-8879-7a6676634659","features\u002Fmagic-eraser",{"name":3597,"id":3598,"uuid":3594,"slug":3599,"url":3595,"full_slug":3595,"_stopResolving":1094},"Magic Eraser",527711578,"magic-eraser",{"_uid":3601,"icon":3602,"link":3603,"name":3607,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"6db810a7-19b7-4bfc-9cf7-03ad3525f7fa","ic-ai-grab",{"id":3604,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3605,"story":3606},"8be46b4a-3774-4ab9-a0f8-b2fd982892f5","features\u002Fai-grab",{"name":3607,"id":3608,"uuid":3604,"slug":3609,"url":3605,"full_slug":3605,"_stopResolving":1094},"AI Grab",553945451,"ai-grab",{"_uid":3611,"icon":3612,"link":3613,"name":3617,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"d7553c66-e924-44cf-b21f-85e1ea88df29","ic-scale",{"id":3614,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3615,"story":3616},"b213840e-8385-46e6-b9f0-1f325d76957c","features\u002Fsuper-resolution",{"name":3617,"id":3618,"uuid":3614,"slug":3619,"url":3615,"full_slug":3615,"_stopResolving":1094},"Super Resolution",175751442530065,"super-resolution",{"_uid":3621,"icon":3622,"link":3623,"name":3630,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"697aaa92-7a18-4168-b0c3-45d397bfdfae","ic-layers-tab",{"id":3624,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3625,"story":3626},"c6ca2e08-bf42-4a1b-9b99-2e947451eb1b","features\u002Ffigma-plugin",{"name":3627,"id":3628,"uuid":3624,"slug":3629,"url":3625,"full_slug":3625,"_stopResolving":1094},"Figma plugin",479516513,"figma-plugin","Figma Plugin",{"_uid":3632,"icon":3633,"link":3634,"name":3636,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"b4fa691b-b710-45f9-8185-f7aa6e4397cc","ic-share",{"id":3095,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3096,"story":3635},{"name":3098,"id":3099,"uuid":3095,"slug":3100,"url":3096,"full_slug":3096,"_stopResolving":1094},"Collaboration","HeaderDropdownProductWithList",{"_uid":3639,"link":3640,"name":1128,"type":3161,"links":3642,"component":3637},"24efa57a-bdc0-4863-83dd-e4a6c49847bd",{"id":3158,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3159,"story":3641},{"name":3161,"id":3162,"uuid":3158,"slug":3163,"url":3159,"full_slug":3159,"_stopResolving":1094},[3643,3654,3658,3669,3680,3691],{"_uid":3644,"icon":3645,"link":3646,"name":3653,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"6fd6f203-ea1a-4a8d-b79e-7363f72d9db3","ic-products-logo",{"id":3647,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3648,"story":3649},"86e62c7e-4dc2-40cf-b851-4b670cc4bec2","features\u002Fdesign-vs-animate-mode",{"name":3650,"id":3651,"uuid":3647,"slug":3652,"url":3648,"full_slug":3648,"_stopResolving":1094},"Design vs animate Mode - Move",399697238,"design-vs-animate-mode","Design Mode + Animate Mode",{"_uid":3655,"icon":3622,"link":3656,"name":3630,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"8f15cf31-a7b8-4120-9f76-69df3dcc3903",{"id":3624,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3625,"story":3657},{"name":3627,"id":3628,"uuid":3624,"slug":3629,"url":3625,"full_slug":3625,"_stopResolving":1094},{"_uid":3659,"icon":3660,"link":3661,"name":3668,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"c3b9aa66-277c-4657-ac38-72cd97a7fbe7","ic-spiral",{"id":3662,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3663,"story":3664},"5514f274-132b-4f14-9fad-6fd1dc832f4a","features\u002Fpresets",{"name":3665,"id":3666,"uuid":3662,"slug":3667,"url":3663,"full_slug":3663,"_stopResolving":1094},"Animation presets",481544840,"presets","Animation Presets",{"_uid":3670,"icon":3671,"link":3672,"name":3679,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"c7bae5c9-8490-4181-8f64-a4aae4f2476c","ic-animation",{"id":3673,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3674,"story":3675},"a4d9feef-3916-4bf5-a850-497f126120b2","features\u002Flottie-export",{"name":3676,"id":3677,"uuid":3673,"slug":3678,"url":3674,"full_slug":3674,"_stopResolving":1094},"Lottie export",114123699687703,"lottie-export","Lottie Export",{"_uid":3681,"icon":3682,"link":3683,"name":3690,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"9da1972d-b570-4a0e-9b94-5c7214b09684","ic-gif",{"id":3684,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3685,"story":3686},"f408b9a8-6089-49a1-b462-686188791fa6","features\u002Fgif-export",{"name":3687,"id":3688,"uuid":3684,"slug":3689,"url":3685,"full_slug":3685,"_stopResolving":1094},"Gif export",481625744,"gif-export","GIF Export",{"_uid":3692,"icon":3633,"link":3693,"name":3636,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"0c68c0fe-8523-4d20-851a-326615a1dc4b",{"id":3095,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3096,"story":3694},{"name":3098,"id":3099,"uuid":3095,"slug":3100,"url":3096,"full_slug":3096,"_stopResolving":1094},"HeaderDropdownProducts",{"_uid":3697,"name":3698,"links":3699,"component":3533,"columnSplit":3814},"93cbb39d-5ed7-40a6-b01e-ae67fa6241ad","Business",[3700,3709,3719,3730,3740,3749,3759,3770,3776,3786,3796,3805],{"_uid":3701,"icon":3702,"link":3703,"name":3115,"component":3446,"description":34,"isGreenDotShowing":16},"60686564-fe0c-44c3-9150-0d52283afcbf","ic-learn-v1",{"id":3704,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3705,"story":3706},"dece75cf-3658-4778-85aa-59b0fceffb40","business\u002Fsolutions\u002Fmarketing-teams",{"name":3115,"id":3707,"uuid":3704,"slug":3708,"url":3705,"full_slug":3705,"_stopResolving":1094},434305400,"marketing-teams",{"_uid":3710,"icon":3503,"link":3711,"name":3715,"component":3446,"description":34,"isGreenDotShowing":16},"b4d514ea-eeb6-466d-8cc1-474456a86faf",{"id":3712,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3713,"story":3714},"7eb8573b-53b4-493a-b04d-542b62d88cb5","business\u002Fsolutions\u002Fcreative-teams",{"name":3715,"id":3716,"uuid":3712,"slug":3717,"url":3718,"full_slug":3718,"_stopResolving":1094},"Creative Teams",434440991,"creative-teams-design","business\u002Fsolutions\u002Fcreative-teams-design",{"_uid":3720,"icon":3721,"link":3722,"name":3729,"component":3446,"description":34,"isGreenDotShowing":16},"7e44418d-068b-4fad-8f58-273d31632f89","ic-ar",{"id":3723,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3724,"story":3725},"7a7a693a-fed3-4619-ac65-1606a6e222d1","business\u002Fsolutions\u002Fstartup",{"name":3726,"id":3727,"uuid":3723,"slug":3728,"url":3724,"full_slug":3724,"_stopResolving":1094},"Startup",430363123,"startup","Startups",{"_uid":3731,"icon":3449,"link":3732,"name":3736,"component":3446,"description":34,"isGreenDotShowing":16},"31b672e9-25d7-4878-aecd-fb5f80b5e74f",{"id":3733,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3734,"story":3735},"bee2300b-0926-4ab8-a70f-87788153e370","business\u002Fsolutions\u002Fcreative-agencies",{"name":3736,"id":3737,"uuid":3733,"slug":3738,"url":3739,"full_slug":3739,"_stopResolving":1094},"Creative Agencies",434914930,"digital-creative-agencies","business\u002Fsolutions\u002Fdigital-creative-agencies",{"_uid":3741,"icon":3742,"link":3743,"name":3747,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"2d19f10e-04aa-48a4-91e4-6ff1d814a8a0","ic-learn-tab",{"id":3744,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3745,"story":3746},"0b298798-5764-4230-9068-c72d2043955e","resources\u002Feducation",{"name":3747,"id":3748,"uuid":3744,"slug":1640,"url":3745,"full_slug":3745,"_stopResolving":1094},"Education",452530490,{"_uid":3750,"icon":3751,"link":3752,"name":3756,"component":3446,"description":34,"isGreenDotShowing":16},"3d687a69-1c18-4054-8f74-7476d851c8b8","ic-polygon",{"id":3753,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3754,"story":3755},"33fb4cf3-ab7a-43eb-86c4-417e60d139e9","business\u002Fsolutions\u002Ftech",{"name":3756,"id":3757,"uuid":3753,"slug":3758,"url":3754,"full_slug":3754,"_stopResolving":1094},"Tech",434902905,"tech",{"_uid":3760,"icon":3761,"link":3762,"name":3769,"component":3446,"description":34,"isGreenDotShowing":16},"81107762-1e51-46db-8c10-8c3b3d73bed7","ic-linearity-symbol",{"id":3763,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3764,"story":3765},"efec97b3-47da-4df1-ac95-f2a8e13cd840","business\u002Flinearity-for-business\u002F",{"name":3766,"id":3767,"uuid":3763,"slug":3768,"url":3764,"full_slug":3764,"_stopResolving":1094},"Linearity for business",437422031,"linearity-for-business","Linearity for Business",{"_uid":3771,"icon":3772,"link":3773,"name":3775,"component":3446,"description":34,"isGreenDotShowing":16},"922f9b62-6c04-4b7f-9b91-brand-management","ic-palettes-tab",{"id":34,"url":3774,"linktype":88,"fieldtype":89,"cached_url":3774},"\u002Fbusiness\u002Flinearity-for-business\u002Fbrand-management\u002F","Brand Management",{"_uid":3777,"icon":3778,"link":3779,"name":3783,"component":3446,"description":34,"isGreenDotShowing":16},"e2f95906-a321-4200-a1bb-fe5d24dc12fa","ic-paper",{"id":3780,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3781,"story":3782},"c0a83f6f-20eb-4da6-8d89-2bc5741e6061","business\u002Flinearity-for-business\u002Fcontent-creation",{"name":3783,"id":3784,"uuid":3780,"slug":3785,"url":3781,"full_slug":3781,"_stopResolving":1094},"Content Creation",436912932,"content-creation",{"_uid":3787,"icon":3482,"link":3788,"name":3795,"component":3446,"description":34,"isGreenDotShowing":16},"38f49c1b-aff6-4f48-955a-6bb178fa713c",{"id":3789,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3790,"story":3791},"342a7331-5077-4ce4-ad9d-06412563f167","business\u002Flinearity-for-business\u002Fasset-management",{"name":3792,"id":3793,"uuid":3789,"slug":3794,"url":3790,"full_slug":3790,"_stopResolving":1094},"Asset management",436863744,"asset-management","Asset Management",{"_uid":3797,"icon":3772,"link":3798,"name":3802,"component":3446,"description":34,"isGreenDotShowing":16},"2f133b2b-9736-4b4b-88ec-aa36e14ad5bf",{"id":3799,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3800,"story":3801},"e439f797-5b80-44b4-aff5-fb804e121cc1","business\u002Flinearity-for-business\u002Fbranded-templates",{"name":3802,"id":3803,"uuid":3799,"slug":3804,"url":3800,"full_slug":3800,"_stopResolving":1094},"Branded Templates",436834380,"branded-templates",{"_uid":3806,"icon":3622,"link":3807,"name":3811,"component":3446,"description":34,"isGreenDotShowing":16},"87570a6d-556a-4836-873f-664b9845c226",{"id":3808,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3809,"story":3810},"c759b3fd-6b4d-46c5-842a-09c58c98c50e","resources\u002Fbusiness",{"name":3811,"id":3812,"uuid":3808,"slug":3813,"url":3809,"full_slug":3809,"_stopResolving":1094},"Business Resources",445382506,"business","6",{"_uid":3816,"link":3817,"name":3128,"component":3014},"9ef092e6-1708-487d-8a09-74fc043ed1ae",{"id":3133,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3134,"story":3818},{"name":3128,"id":3136,"uuid":3133,"slug":3134,"url":3134,"full_slug":3134,"_stopResolving":1094},{"_uid":3820,"link":3821,"name":3321,"component":3014},"1e1642e7-7b59-437f-ba13-7f55650b9db1",{"id":3318,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3319,"story":3822},{"name":3321,"id":3322,"uuid":3318,"slug":3323,"url":3319,"full_slug":3319,"_stopResolving":1094},{"_uid":3824,"name":3825,"links":3826,"content":3906,"component":3907},"f2399b2f-1bd7-4c43-9945-381781810e41","Guides",[3827,3832,3843,3853,3863,3874,3884,3895],{"_uid":3828,"icon":3602,"link":3829,"name":3831,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"639fa77a-a6cc-45cc-ae75-a1de51000001",{"id":34,"url":3830,"linktype":88,"fieldtype":89,"cached_url":3830},"\u002Fai\u002F","AI Design",{"_uid":3833,"icon":3834,"link":3835,"name":3842,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"1571e13d-811a-4c4b-bc86-21b0e1197e9a","ic-node",{"id":3836,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3837,"story":3838},"f33adfd5-49bb-4ba9-a2da-720bc2822453","guide\u002Fvector-design",{"name":3839,"id":3840,"uuid":3836,"slug":3841,"url":3837,"full_slug":3837,"_stopResolving":1094},"Vector design guide",168268055169164,"vector-design","Vector Design",{"_uid":3844,"icon":3845,"link":3846,"name":3850,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"aa36869c-39e7-42f3-9371-bafbdab3eda1","ic-all-files",{"id":3847,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3848,"story":3849},"aee23f8d-fae6-4bab-8a8a-5bebfa9e1580","guide\u002Fdesign-principles",{"name":3850,"id":3851,"uuid":3847,"slug":3852,"url":3848,"full_slug":3848,"_stopResolving":1094},"Design Principles",166864244497142,"design-principles",{"_uid":3854,"icon":3855,"link":3856,"name":3862,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"872ec131-a63b-4920-87e8-19f28464852d","ic-image",{"id":3857,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3858,"story":3859},"62b8831c-85fb-47fe-ac3d-dfc5691bbfb6","guide\u002Fillustration-styles",{"name":3860,"id":3861,"uuid":3857,"slug":3860,"url":3858,"full_slug":3858,"_stopResolving":1094},"illustration-styles",165849523597560,"Illustration Styles",{"_uid":3864,"icon":3865,"link":3866,"name":3873,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"fd3f8afc-e93c-4a66-a308-7b8c4935d7c2","ic-dimensions",{"id":3867,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3868,"story":3869},"1fb4708c-87aa-448f-8416-533b584e2164","guide\u002Fsocial-media-image-sizes",{"name":3870,"id":3871,"uuid":3867,"slug":3872,"url":3868,"full_slug":3868,"_stopResolving":1094},"Social media image sizes",168280130265410,"social-media-image-sizes","Social Media Image Sizes",{"_uid":3875,"icon":3671,"link":3876,"name":3883,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"4f50fbd9-68ab-4f46-89d8-4704bf0f04f3",{"id":3877,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3878,"story":3879},"a1f603f3-499c-45c2-a04c-16241db7b29d","guide\u002Fanimation-motion-design",{"name":3880,"id":3881,"uuid":3877,"slug":3882,"url":3878,"full_slug":3878,"_stopResolving":1094},"Animation motion design",168280330903911,"animation-motion-design","Animation and Motion Design",{"_uid":3885,"icon":3886,"link":3887,"name":3894,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"3056c61d-a252-43d9-997e-203ac2b2cb86","ic-export",{"id":3888,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3889,"story":3890},"7e94840f-6ff9-4025-abe0-916439677a89","guide\u002Fillustrator-alternative",{"name":3891,"id":3892,"uuid":3888,"slug":3893,"url":3889,"full_slug":3889,"_stopResolving":1094},"The Best Adobe Illustrator Alternatives in 2026",170421124267961,"illustrator-alternative","Illustrator Alternatives",{"_uid":3896,"icon":3897,"link":3898,"name":3905,"component":3446,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"38f97667-f985-4bb7-83e2-e6beebacf560","ic-redo",{"id":3899,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3900,"story":3901},"af78a3ad-9b39-4607-a2d9-d7c614751a70","guide\u002Fswitch-from-illustrator-to-curve",{"name":3902,"id":3903,"uuid":3899,"slug":3904,"url":3900,"full_slug":3900,"_stopResolving":1094},"Switch from Illustrator to Curve",168946129324704,"switch-from-illustrator-to-curve","Switch from Illustrator to Linearity",[],"HeaderDropdownOneColumn",{"_uid":3909,"name":3910,"links":3911,"posts":3937,"content":4105,"component":4121},"2cd2d2de-6329-4a42-b613-0755b54839ba","Learn",[3912,3920,3932],{"_uid":3913,"icon":3914,"link":3915,"name":3918,"component":3446,"description":3919,"isGreenDotShowing":16},"87d76f03-cedc-4b9c-ba84-afb5e17c1c5a","ic-curve",{"id":3308,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3916,"story":3917},"academy\u002Fcurve\u002F",{"name":3311,"id":3312,"uuid":3308,"slug":3313,"url":3309,"full_slug":3309,"_stopResolving":1094},"Learn to Design with Curve","Curve courses and tutorials",{"_uid":3921,"icon":3922,"link":3923,"name":3930,"component":3446,"description":3931,"isExternalLink":16,"isGreenDotShowing":16},"a37d34f8-b777-4b21-9114-32beff672cbf","ic-move",{"id":3924,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3925,"story":3926},"de8b876f-e4c3-4652-9139-2e6c1656006b","academy\u002Fmove\u002Fmac\u002Fuser-guide\u002Fstart-here\u002F",{"name":3927,"id":3928,"uuid":3924,"slug":3929,"url":3925,"full_slug":3925,"_stopResolving":1094},"Start here",412491745,"start-here","Learn to Animate with Move","Move courses and tutorials",{"_uid":3933,"icon":3622,"link":3934,"name":3089,"component":3446,"description":3936,"isGreenDotShowing":16},"d89710a7-4050-4a1f-b52a-c8952ece1c75",{"id":34,"url":3935,"linktype":88,"fieldtype":89,"cached_url":3935},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002F","Browse & download templates",[3938,4043],{"name":3939,"created_at":3940,"published_at":3941,"updated_at":3942,"id":3943,"uuid":3944,"content":3945,"slug":4032,"full_slug":4033,"sort_by_date":134,"position":4034,"tag_list":4035,"is_startpage":16,"parent_id":4036,"meta_data":134,"group_id":4037,"first_published_at":4038,"release_id":134,"lang":1636,"path":134,"alternates":4039,"default_full_slug":4033,"translated_slugs":4040,"_stopResolving":1094},"How to animate your Figma assets","2024-06-06T12:16:30.606Z","2025-04-16T14:53:02.548Z","2025-04-16T14:53:02.583Z",507733877,"8e0500ab-ec9f-4089-8c8f-64e9baa8fe9d",{"_uid":3946,"level":3947,"title":3939,"video":3948,"author":3956,"device":3983,"content":3984,"noIndex":16,"category":3985,"duration":3986,"language":3987,"noFollow":16,"_editable":3989,"component":3990,"quoteText":3991,"youtubeId":3954,"meta_image":3992,"meta_title":3939,"page_title":3939,"description":3996,"relatedLinks":3997,"learn_tab_ios":1094,"learn_tab_mac":1094,"appDescription":4022,"learn_tab_move":16,"thumbnailImage":4023,"hideFromSitemap":16,"learnTabSection":4027,"learn_tab_curve":16,"meta_description":3996,"isDisclaimerShowing":16,"headerThumbnailImage":4028,"isIncludedInLearnTab":1094,"metaHeaderImageRightPosition":1094},"7e4f469c-2287-41c3-b06d-a8d9e4c499d9","Beginner",[3949],{"_uid":3950,"muted":16,"title":34,"autoPlay":16,"wistiaId":3951,"_editable":3952,"component":3953,"videoFoam":16,"youtubeId":3954,"aspectRatio":3955,"disableLazyload":16,"playbackRateControl":16},"59dca6ef-948b-4833-baeb-006a547fd751","vlmom7nmk9","\u003C!--#storyblok#{\"name\": \"WistiaVideo\", \"space\": \"197805\", \"uid\": \"59dca6ef-948b-4833-baeb-006a547fd751\", \"id\": \"507733877\"}-->","WistiaVideo","JWW667Mr9tw",1.7777777777777777,{"name":3957,"created_at":3958,"published_at":3959,"updated_at":3960,"id":3961,"uuid":3962,"content":3963,"slug":3971,"full_slug":3972,"sort_by_date":134,"position":1680,"tag_list":3973,"is_startpage":16,"parent_id":3974,"meta_data":134,"group_id":3975,"first_published_at":3976,"release_id":134,"lang":1636,"path":134,"alternates":3977,"default_full_slug":3972,"translated_slugs":3978,"_stopResolving":1094},"Maddy Zoli","2023-06-06T11:33:09.931Z","2023-12-01T11:07:51.154Z","2024-01-23T14:58:03.811Z",319389730,"245ce9a0-cc16-46ec-b2dc-03920f4bc360",{"_uid":3964,"name":3957,"image":3965,"position":3969,"component":1675,"description":3970},"e6ae81f1-5639-4a4f-ae37-6b7b654d65ef",{"id":3966,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":3967,"copyright":34,"fieldtype":36,"meta_data":3968,"is_external_url":16},10128503,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1536x1024\u002Ff0da1ab4a9\u002Fmaddy-zoli.jpeg",{},"Illustrator","Maddy is a talented illustrator and storyteller. After 3 years of collaboration, she joined the Linearity team, bringing her creative talents to the production of stylish designs and animations.","maddy-zoli","config\u002Fauthors\u002Fmaddy-zoli",[],314863252,"eef01733-ac41-4a47-887f-9c8de6e0efd6","2023-05-29T08:02:32.628Z",[],[3979,3981],{"path":3972,"name":134,"lang":3980,"published":16},"es",{"path":3972,"name":134,"lang":3982,"published":16},"cn","Mac","Turning your Figma assets into animation magic is a piece of cake with our plugin! Let's follow Maddy as she walks us through it. By the end of this tutorial, you'll be a pro at creating animated event promos for your social media channels.\n\nDownload the design assets in the \"Related\" section and let's get started. \n\nYou'll learn:\n\n- How to get the [Linearity plugin for Figma](\u002Ffeatures\u002Ffigma-plugin)\n- How to run the plugin and export your Figma assets to [Linearity Move](\u002Fmove\u002F)\n- How to create scenes from artboards\n- How to copy and paste elements with the plugin\n- How to animate objects and text with [presets](\u002Ffeatures\u002Fpresets)\n- How to edit the timing of your animations\n- How to animation objects by changing their position and opacity\n- How to use pinning\n- How to switch between [Design and Animation mode](\u002Ffeatures\u002Fdesign-vs-animate-mode)\n- How to add transitions between scenes\n- How to export your project","Animate with Move","7:55",[3988],"English","\u003C!--#storyblok#{\"name\": \"TutorialVideoPage\", \"space\": \"197805\", \"uid\": \"7e4f469c-2287-41c3-b06d-a8d9e4c499d9\", \"id\": \"507733877\"}-->","TutorialVideoPage","Download the Linearity Figma plugin and start bringing your design assets to life with our animation tools. ",{"id":3993,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":3994,"copyright":34,"fieldtype":36,"meta_data":3995,"is_external_url":16},16159124,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1280x720\u002F96b87bdf74\u002Facademy-cover-how-to-animate-from-figma.jpg",{},"Discover how to bring your Figma assets into Linearity Move with our plugin.",[3998,4007,4015],{"_uid":3999,"file":4000,"name":4004,"_editable":4005,"component":4006},"b711f0b1-a2b2-4b4a-90d1-953b8930a78c",{"id":4001,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4002,"copyright":34,"fieldtype":36,"meta_data":4003,"is_private":16,"is_external_url":16},16160032,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002F857107dc6f\u002Fcreative-festival.curve",{},"Tutorial design assets","\u003C!--#storyblok#{\"name\": \"RelatedItemDownload\", \"space\": \"197805\", \"uid\": \"b711f0b1-a2b2-4b4a-90d1-953b8930a78c\", \"id\": \"507733877\"}-->","RelatedItemDownload",{"_uid":4008,"link":4009,"name":4012,"_editable":4013,"component":4014},"83a83222-2c31-4042-a145-26aa5ef42c33",{"id":4010,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4011},"004bc604-b0aa-40e1-bd16-a2ebf57cf51e","academy\u002Ftutorials\u002Fanimate-with-move\u002Fhow-to-export-your-animation-as-a-gif","How to export your animation as a GIF","\u003C!--#storyblok#{\"name\": \"RelatedItemLink\", \"space\": \"197805\", \"uid\": \"83a83222-2c31-4042-a145-26aa5ef42c33\", \"id\": \"507733877\"}-->","RelatedItemLink",{"_uid":4016,"link":4017,"name":4020,"_editable":4021,"component":4014},"1d284d44-97ca-4742-ab5d-953bd3944395",{"id":4018,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4019},"1c698d2e-31d7-454c-a620-043f73114a8e","academy\u002Ftutorials\u002Fanimate-with-move\u002F5-animation-presets-and-how-to-use-them","5 animation presets and how to use them","\u003C!--#storyblok#{\"name\": \"RelatedItemLink\", \"space\": \"197805\", \"uid\": \"1d284d44-97ca-4742-ab5d-953bd3944395\", \"id\": \"507733877\"}-->","Turning your Figma assets into animation magic is a piece of cake with our plugin! Follow Maddy as she walks you through it. ",{"id":3993,"alt":34,"name":34,"focus":4024,"title":34,"source":34,"filename":3994,"copyright":34,"fieldtype":36,"meta_data":4025,"content_type":4026,"is_external_url":16},"1270x391:1271x392",{"alt":34,"title":34,"source":34,"copyright":34},"jpg","Move Tutorials",{"id":4029,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4030,"copyright":34,"fieldtype":36,"meta_data":4031,"is_external_url":16},17194669,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1050x1078\u002Fc4c6897de8\u002Ffigma-tutorial.png",{},"how-to-animate-your-figma-assets","academy\u002Ftutorials\u002Fanimate-with-move\u002Fhow-to-animate-your-figma-assets",-140,[],409449937,"fe1cb75d-27b8-4a57-b319-8a4595556a0a","2024-06-06T13:06:26.320Z",[],[4041,4042],{"path":4033,"name":134,"lang":3980,"published":1094},{"path":4033,"name":134,"lang":3982,"published":1094},{"name":4012,"created_at":4044,"published_at":4045,"updated_at":4046,"id":4047,"uuid":4010,"content":4048,"slug":4096,"full_slug":4011,"sort_by_date":134,"position":4097,"tag_list":4098,"is_startpage":16,"parent_id":4036,"meta_data":134,"group_id":4099,"first_published_at":4100,"release_id":134,"lang":1636,"path":134,"alternates":4101,"default_full_slug":4011,"translated_slugs":4102,"_stopResolving":1094},"2024-05-22T11:53:24.129Z","2025-04-16T14:53:04.789Z","2025-04-16T14:53:04.823Z",501260707,{"_uid":4049,"level":3947,"title":4012,"video":4050,"author":4055,"device":3983,"content":4064,"noIndex":16,"category":3985,"duration":4065,"language":4066,"noFollow":16,"component":3990,"quoteText":4067,"youtubeId":4054,"meta_image":4068,"meta_title":4012,"page_title":4012,"description":4072,"relatedLinks":4073,"learn_tab_ios":1094,"learn_tab_mac":1094,"appDescription":4067,"learn_tab_move":16,"thumbnailImage":4090,"hideFromSitemap":16,"learnTabSection":4027,"learn_tab_curve":16,"meta_description":4072,"isDisclaimerShowing":16,"headerThumbnailImage":4092,"isIncludedInLearnTab":1094},"384ee9db-1eb1-48e0-8ec8-a5c61eabd0ef",[4051],{"_uid":4052,"muted":16,"title":34,"autoPlay":16,"wistiaId":4053,"component":3953,"videoFoam":16,"youtubeId":4054,"aspectRatio":34,"disableLazyload":16,"playbackRateControl":16},"f50639a4-b1bf-4c52-8f5d-2949dbe6e980","37rk1bam2e","L8xu-kYc_IU",{"name":3957,"created_at":3958,"published_at":3959,"updated_at":3960,"id":3961,"uuid":3962,"content":4056,"slug":3971,"full_slug":3972,"sort_by_date":134,"position":1680,"tag_list":4059,"is_startpage":16,"parent_id":3974,"meta_data":134,"group_id":3975,"first_published_at":3976,"release_id":134,"lang":1636,"path":134,"alternates":4060,"default_full_slug":3972,"translated_slugs":4061,"_stopResolving":1094},{"_uid":3964,"name":3957,"image":4057,"position":3969,"component":1675,"description":3970},{"id":3966,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":3967,"copyright":34,"fieldtype":36,"meta_data":4058,"is_external_url":16},{},[],[],[4062,4063],{"path":3972,"name":134,"lang":3980,"published":16},{"path":3972,"name":134,"lang":3982,"published":16},"GIFs offer a simple and engaging way to share your brand's message on a loop. And now, you can export any project in Linearity Move as the fun file format.\n\nIn this tutorial, Maddy shares her tips for creating an animated marketing asset and explains how to make it a GIF. \n\nAs a bonus, you'll also discover how to create GIF stickers from individual objects on your canvas. \n\nYou'll learn:\n- How to start a new project and import your scenes\n- How to animate text and objects with presets\n- How to adjust the timing of your animation in the timeline\n- How to use pins\n- How to copy and paste keyframes\n- How to animate an image by altering its scale and position\n- How to export your project as a GIF\n- How to export an individual object as an animated sticker with a transparent background\n\nDownload the tutorial design file to get started.","5:12",[3988],"Learn how to animate text and images to create an eye-catching GIF for your marketing channels.",{"id":4069,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4070,"copyright":34,"fieldtype":36,"meta_data":4071,"is_external_url":16},15980359,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1280x720\u002F00e1584bbe\u002Facademy-cover-export-your-animation-as-gif.png",{},"The GIF file format enables your message to play on a continuous loop.",[4074,4081,4084],{"_uid":4075,"file":4076,"name":4080,"component":4006},"a756ac6a-ba0c-4999-aaff-c735b46d5e53",{"id":4077,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4078,"copyright":34,"fieldtype":36,"meta_data":4079,"is_private":16,"is_external_url":16},15981034,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002Fc8f2263d89\u002Funicorn.curve",{},"Tutorial design file",{"_uid":4082,"link":4083,"name":4020,"component":4014},"0c3394a2-7e59-4f70-a987-627617770c7c",{"id":4018,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4019},{"_uid":4085,"link":4086,"name":4089,"component":4014},"82fcf125-abe6-4b8b-b542-36f0426fcc79",{"id":4087,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4088},"a2547bc2-3f9a-47c0-ba17-a2101d22c688","academy\u002Ftutorials\u002Fanimate-with-move\u002Fhow-to-export-videos-with-transparent-backgrounds","How to export videos with transparent backgrounds",{"id":4069,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4070,"copyright":34,"fieldtype":36,"meta_data":4091,"is_external_url":16},{},{"id":4093,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4094,"copyright":34,"fieldtype":36,"meta_data":4095,"is_external_url":16},17152919,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F397x347\u002F5cbfc0a1d7\u002Fhow-to-export-gif-video-tutorial-thumbnail-image.png",{},"how-to-export-your-animation-as-a-gif",-130,[],"ff472eee-ab99-4112-a5f0-4e3e86b60ea5","2024-05-22T12:32:55.074Z",[],[4103,4104],{"path":4011,"name":134,"lang":3980,"published":1094},{"path":4011,"name":134,"lang":3982,"published":1094},[4106],{"_uid":4107,"link":4108,"title":4115,"component":4116,"thumbnail":4117},"ff3e8684-b084-4f3b-ac30-2cc193fc2070",{"id":4109,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4110,"story":4111},"abc2834e-9d88-4604-a992-26e71379c5dd","academy\u002Ftutorials\u002Fanimate-with-move\u002Fgetting-started-with-linearity-move-import",{"name":4112,"id":4113,"uuid":4109,"slug":4114,"url":4110,"full_slug":4110,"_stopResolving":1094},"Getting Started with Linearity Move (Import)",420633706,"getting-started-with-linearity-move-import","Import Figma and Curve designs into Linearity Move","HeaderDropdownThumbnail",{"id":4118,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4119,"copyright":34,"fieldtype":36,"meta_data":4120,"is_private":34,"is_external_url":16},13349287,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1440x810\u002F10bf33a5e0\u002Fgetting-started-with-move-import.jpg",{},"HeaderDropdownTwoColumn",{"_uid":4123,"link":4124,"name":4130,"component":3014},"3ec9c9b3-b559-486c-945c-cf20c4dd93d9",{"id":4125,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4126,"story":4127},"2dcba59a-f9eb-41e4-83cf-8927148b2497","pricing",{"name":4126,"id":4128,"uuid":4125,"slug":4126,"url":4129,"full_slug":4129,"_stopResolving":1094},324218764,"pricing\u002F","Pricing",{"_uid":4132,"name":3176,"links":4133,"content":4155,"component":3907},"807a9a2b-4858-4c9a-a102-e29dbe58e477",[4134,4140,4145,4151],{"_uid":4135,"icon":4136,"link":4137,"name":4139,"component":3446,"description":34,"isGreenDotShowing":1094},"22823d2c-d889-46b2-bd41-935e57104263","ic-newsletter",{"id":3332,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3333,"story":4138},{"name":3335,"id":3336,"uuid":3332,"slug":3333,"url":3333,"full_slug":3333,"_stopResolving":1094},"What's new",{"_uid":4141,"icon":4142,"link":4143,"name":3203,"component":3446,"description":34,"isGreenDotShowing":16},"6cc3f0da-b9e0-4f74-bd46-b1397e825e4f","ic-world",{"id":3197,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3198,"story":4144},{"name":3200,"id":3201,"uuid":3197,"slug":3202,"url":3198,"full_slug":3198,"_stopResolving":1094},{"_uid":4146,"icon":4147,"link":4148,"name":3229,"component":3446,"description":4150,"isGreenDotShowing":16},"d0392a9f-1a64-4a2d-b84a-3ed1e48979ea","ic-new-window",{"id":3181,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3182,"story":4149},{"name":3182,"id":3184,"uuid":3181,"slug":3182,"url":3182,"full_slug":3182,"_stopResolving":1094},"Courses and tutorials",{"_uid":4152,"icon":3633,"link":4153,"name":3193,"component":3446,"description":34,"isGreenDotShowing":16},"e73fbf04-c1ce-4ca2-8da8-4f0a093fd2e5",{"id":3189,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3190,"story":4154},{"name":3190,"id":3192,"uuid":3189,"slug":3190,"url":3190,"full_slug":3190,"_stopResolving":1094},[],"1186lav4","HeaderComponent",{"id":34,"url":4159,"linktype":88,"fieldtype":89,"cached_url":4159},"https:\u002F\u002Fcloud.linearity.io\u002F","Back",[4162],{"_uid":4163,"link":4164,"name":3314,"links":4166,"component":3062},"d2ac70cd-4c11-4c31-b210-5e5efba056f0",{"id":3308,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3309,"story":4165},{"name":3311,"id":3312,"uuid":3308,"slug":3313,"url":3309,"full_slug":3309,"_stopResolving":1094},[4167,4178,4189,4194,4202,4207],{"_uid":4168,"link":4169,"name":4177,"component":3014},"5c37821b-2f6a-4076-b596-c7a2beb77f6d",{"id":4170,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4171,"story":4172},"b26b9248-87c9-4b79-b50a-f99b8533a4d6","academy\u002Fcurve\u002Fonline-courses\u002F",{"name":4173,"id":4174,"uuid":4170,"slug":4175,"url":4176,"full_slug":4176,"_stopResolving":1094},"Overview",315405803,"online-courses","academy\u002Fonline-courses\u002F","Courses",{"_uid":4179,"link":4180,"name":4188,"component":3014},"3eaf9bae-963b-4f7d-b6e4-85d87b3b4451",{"id":4181,"url":34,"anchor":4182,"linktype":3001,"fieldtype":89,"cached_url":4183,"story":4184},"5df41805-1e09-4f09-94ce-b8fbcb13015a","design-with-curve","academy\u002Ftutorials\u002F",{"name":4185,"id":4186,"uuid":4181,"slug":4187,"url":4183,"full_slug":4183,"_stopResolving":1094},"Homepage with all the categories",314958617,"tutorials","Curve Tutorials",{"_uid":4190,"link":4191,"name":4027,"component":3014},"15ade7a5-f720-4642-afbc-e1e68ad63fc1",{"id":4181,"url":34,"anchor":4192,"linktype":3001,"fieldtype":89,"cached_url":4183,"story":4193},"animate-with-move",{"name":4185,"id":4186,"uuid":4181,"slug":4187,"url":4183,"full_slug":4183,"_stopResolving":1094},{"_uid":4195,"link":4196,"name":4201,"component":3014},"8311b8c4-b789-4f12-9e06-1565dd2377c2",{"id":4197,"url":34,"anchor":34,"linktype":3001,"fieldtype":89,"cached_url":4198,"story":4199},"2e9909a3-9349-44f2-bd1f-8c395ea252d3","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fstart-here\u002F",{"name":4173,"id":4200,"uuid":4197,"slug":3929,"url":4198,"full_slug":4198,"_stopResolving":1094},316873515,"Curve User Guide",{"_uid":4203,"link":4204,"name":4206,"component":3014},"1ee4a7db-734f-47eb-a449-19248cf5bd30",{"id":3924,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3925,"story":4205},{"name":3927,"id":3928,"uuid":3924,"slug":3929,"url":3925,"full_slug":3925,"_stopResolving":1094},"Move User Guide",{"_uid":4208,"link":4209,"name":3347,"component":3014},"9f14b8d1-04af-4e44-bed4-867f1150d22e",{"id":3341,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3342,"story":4210},{"name":3344,"id":3345,"uuid":3341,"slug":3346,"url":3342,"full_slug":3342,"_stopResolving":1094},[4212],{"_uid":4213,"link":4214,"name":4215,"links":4216,"component":3062},"b8e925ed-048e-4012-ade1-902c2d38bd0d",{"id":34,"url":34,"linktype":3001,"fieldtype":89,"cached_url":34},"Curve Features",[4217,4221,4225,4235,4239,4243,4247,4251,4255],{"_uid":4218,"link":4219,"name":2660,"component":3014},"d23d43bf-24e9-4dc8-9e76-b2e80bec8b45",{"id":3557,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3558,"story":4220},{"name":2660,"id":3560,"uuid":3557,"slug":3561,"url":3558,"full_slug":3558,"_stopResolving":1094},{"_uid":4222,"link":4223,"name":2055,"component":3014},"233eb756-4357-4364-8da4-7114ac45a123",{"id":3547,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3548,"story":4224},{"name":3550,"id":3551,"uuid":3547,"slug":3552,"url":3548,"full_slug":3548,"_stopResolving":1094},{"_uid":4226,"link":4227,"name":4234,"component":3014},"fa291536-bb35-488b-9722-abf4f9c3b6da",{"id":4228,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4229,"story":4230},"303a8ec9-957d-4089-813b-09b9f8906833","features\u002Fpdf-editing",{"name":4231,"id":4232,"uuid":4228,"slug":4233,"url":4229,"full_slug":4229,"_stopResolving":1094},"PDF Editing",643276029,"pdf-editing","PDF Edit",{"_uid":4236,"link":4237,"name":3587,"component":3014},"2052457e-5946-41b2-ad04-4bff56e580a0",{"id":3584,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3585,"story":4238},{"name":3587,"id":3588,"uuid":3584,"slug":3589,"url":3585,"full_slug":3585,"_stopResolving":1094},{"_uid":4240,"link":4241,"name":3577,"component":3014},"39f718e4-7611-45f5-8951-c213b76336e9",{"id":3574,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3575,"story":4242},{"name":3577,"id":3578,"uuid":3574,"slug":3579,"url":3575,"full_slug":3575,"_stopResolving":1094},{"_uid":4244,"link":4245,"name":2686,"component":3014},"5cb1dd92-2d9a-46d7-9615-25d2cccba65c",{"id":3565,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3566,"story":4246},{"name":2686,"id":3568,"uuid":3565,"slug":3569,"url":3566,"full_slug":3566,"_stopResolving":1094},{"_uid":4248,"link":4249,"name":3098,"component":3014},"07dbdd94-700b-417d-b4de-d256cb62a403",{"id":3095,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3096,"story":4250},{"name":3098,"id":3099,"uuid":3095,"slug":3100,"url":3096,"full_slug":3096,"_stopResolving":1094},{"_uid":4252,"link":4253,"name":3597,"component":3014},"ce15500f-037e-4ccf-8a6c-2c40e53562da",{"id":3594,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3595,"story":4254},{"name":3597,"id":3598,"uuid":3594,"slug":3599,"url":3595,"full_slug":3595,"_stopResolving":1094},{"_uid":4256,"link":4257,"name":3630,"component":3014},"944aaf8b-efbe-46cd-865a-032fc9e3937d",{"id":3624,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3625,"story":4258},{"name":3627,"id":3628,"uuid":3624,"slug":3629,"url":3625,"full_slug":3625,"_stopResolving":1094},[4260],{"_uid":4261,"name":3432,"links":4262,"component":3062},"0257b675-040b-409a-be1f-f5495c7e34e2",[4263,4267,4272,4277,4281,4285,4289,4293],{"_uid":4264,"link":4265,"name":1091,"component":3014},"f8c821ca-f08e-4575-bc33-c605921d77f7",{"id":3505,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3506,"story":4266},{"name":1088,"id":3508,"uuid":3505,"slug":3509,"url":3510,"full_slug":3510,"_stopResolving":1094},{"_uid":4268,"link":4269,"name":4271,"component":3014},"cad5906e-4a69-4885-b64b-021c19e37e44",{"id":3461,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3462,"story":4270},{"name":3464,"id":3465,"uuid":3461,"slug":3466,"url":3467,"full_slug":3467,"_stopResolving":1094},"Social Media",{"_uid":4273,"link":4274,"name":3479,"component":3014},"9ffd6f08-ce85-4900-b398-6325e613b235",{"id":3472,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4275,"story":4276},"use-cases\u002Fonline-ads",{"name":3475,"id":3476,"uuid":3472,"slug":3477,"url":3478,"full_slug":3478,"_stopResolving":1094},{"_uid":4278,"link":4279,"name":3485,"component":3014},"888768b8-bc84-4637-bd72-0237f394688b",{"id":3109,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3110,"story":4280},{"name":3112,"id":3113,"uuid":3109,"slug":3114,"url":3110,"full_slug":3110,"_stopResolving":1094},{"_uid":4282,"link":4283,"name":3122,"component":3014},"675e98a5-ffbc-460a-b4d7-e617ed3fe5a7",{"id":3119,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3120,"story":4284},{"name":3122,"id":3123,"uuid":3119,"slug":3124,"url":3120,"full_slug":3120,"_stopResolving":1094},{"_uid":4286,"link":4287,"name":3445,"component":3014},"a89d8fee-7671-47eb-9095-4b5898aa18db",{"id":3438,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3439,"story":4288},{"name":3441,"id":3442,"uuid":3438,"slug":3443,"url":3444,"full_slug":3444,"_stopResolving":1094},{"_uid":4290,"link":4291,"name":3454,"component":3014},"f3350f80-dbda-4bef-91db-b3353995689c",{"id":3451,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3452,"story":4292},{"name":3454,"id":3455,"uuid":3451,"slug":3456,"url":3452,"full_slug":3452,"_stopResolving":1094},{"_uid":4294,"link":4295,"name":3511,"component":3014},"4ae494ca-92fe-436d-b205-2e6c04de4f1b",{"id":3505,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3510,"story":4296},{"name":1088,"id":3508,"uuid":3505,"slug":3509,"url":3510,"full_slug":3510,"_stopResolving":1094},[4298],{"_uid":4299,"link":4300,"name":3203,"links":4302,"component":3062},"383140f1-012d-4ced-9a4a-ec15534b225c",{"id":3197,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3198,"story":4301},{"name":3200,"id":3201,"uuid":3197,"slug":3202,"url":3198,"full_slug":3198,"_stopResolving":1094},[4303,4313,4323],{"_uid":4304,"link":4305,"name":4312,"component":3014},"c5511489-0553-4ad8-ab54-67c1ed919017",{"id":4306,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4307,"story":4308},"127c6173-397f-4add-b9a9-201b86786423","community\u002Fevents-hub",{"name":4309,"id":4310,"uuid":4306,"slug":4311,"url":4307,"full_slug":4307,"_stopResolving":1094},"Events Hub",319533987,"events-hub","Events",{"_uid":4314,"link":4315,"name":4322,"component":3014},"f31b9d84-82f0-4474-9a04-d14db4243306",{"id":4316,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4317,"story":4318},"277277e1-e6a5-46f0-9cad-b67a8eb248cf","community\u002Fgallery",{"name":4319,"id":4320,"uuid":4316,"slug":4321,"url":4317,"full_slug":4317,"_stopResolving":1094},"Gallery",322331037,"gallery","Community Gallery",{"_uid":4324,"link":4325,"name":4327,"component":3014},"1655063f-501c-49e6-9d7c-5c1df4e5ab0e",{"id":34,"url":4326,"linktype":88,"fieldtype":89,"cached_url":4326},"https:\u002F\u002Fforum.linearity.io\u002F","Forum",[4329],{"_uid":4330,"image":4331,"title":4332,"component":4333,"buttonIcon":34,"buttonLink":4334,"buttonText":91,"buttonIcon2":34,"description":34},"d04016ae-2d23-4683-a67a-5fa80cae2292","v2","Get started with Linearity today.","Cta",{"id":34,"url":3419,"linktype":88,"fieldtype":89,"cached_url":3419},"PageSettings",[4337],{"_uid":4338,"name":4339,"links":4340,"component":3062},"bc1daabf-e647-4974-864f-8e19aa4cbd64","Comparison",[4341,4345,4350,4355,4364,4368],{"_uid":4342,"link":4343,"name":3287,"component":3014},"63fee839-f8b2-4fb1-9baf-a8cbf1a97dac",{"id":3284,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3285,"story":4344},{"name":3287,"id":3288,"uuid":3284,"slug":3289,"url":3285,"full_slug":3285,"_stopResolving":1094},{"_uid":4346,"link":4347,"name":4349,"component":3014},"f3b367d4-f32b-4a03-a16e-1d9ed896a4cb",{"id":3264,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3265,"story":4348},{"name":3267,"id":3268,"uuid":3264,"slug":3269,"url":3265,"full_slug":3265,"_stopResolving":1094},"Canva",{"_uid":4351,"link":4352,"name":4354,"component":3014},"fd5d7fc4-1f09-4a2a-a9a3-07576988fad9",{"id":3274,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3275,"story":4353},{"name":3277,"id":3278,"uuid":3274,"slug":3279,"url":3275,"full_slug":3275,"_stopResolving":1094},"Figma",{"_uid":4356,"link":4357,"name":4361,"component":3014},"23b4a7a2-7c45-4256-a2a1-b4a4b916eaf4",{"id":4358,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4359,"story":4360},"001de15d-a168-430f-ae89-bbd8de5206e1","comparison\u002Finkscape",{"name":4361,"id":4362,"uuid":4358,"slug":4363,"url":4359,"full_slug":4359,"_stopResolving":1094},"Inkscape",281022775,"inkscape",{"_uid":4365,"link":4366,"name":3297,"component":3014},"0d37d9c6-8c98-4095-81d9-95ef7bdedd00",{"id":3294,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3295,"story":4367},{"name":3297,"id":3298,"uuid":3294,"slug":3299,"url":3295,"full_slug":3295,"_stopResolving":1094},{"_uid":4369,"link":4370,"name":4374,"component":3014},"6f82b688-5cc3-479e-85d4-722448d9c20f",{"id":4371,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4372,"story":4373},"32c9cdbd-755c-415f-babf-f6f578861f6f","comparison\u002Fprocreate",{"name":4374,"id":4375,"uuid":4371,"slug":4376,"url":4372,"full_slug":4372,"_stopResolving":1094},"Procreate",304729374,"procreate",{"id":4378,"alt":34,"name":34,"focus":34,"title":34,"filename":4379,"copyright":34,"fieldtype":36,"is_external_url":16},8960944,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2161x1350\u002Fbec588b43f\u002Fpost-example-test.png","Revolutionize your marketing design with Linearity","Linearity: Ideate, Design, Animate",[4383],{"_uid":4384,"link":4385,"name":4387,"links":4388,"component":3062},"1a30eacb-9415-4607-9dd2-814c97f1f4db",{"id":3308,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3309,"story":4386},{"name":3311,"id":3312,"uuid":3308,"slug":3313,"url":3309,"full_slug":3309,"_stopResolving":1094},"Move Academy",[4389,4393,4397,4401],{"_uid":4390,"link":4391,"name":4177,"component":3014},"c381a62a-cea8-409b-9703-b0b1b68b43f0",{"id":4170,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4171,"story":4392},{"name":4173,"id":4174,"uuid":4170,"slug":4175,"url":4176,"full_slug":4176,"_stopResolving":1094},{"_uid":4394,"link":4395,"name":4027,"component":3014},"37e60d57-7ad3-457d-93c3-16f84ebe5ada",{"id":4181,"url":34,"anchor":4192,"linktype":3001,"fieldtype":89,"cached_url":4183,"story":4396},{"name":4185,"id":4186,"uuid":4181,"slug":4187,"url":4183,"full_slug":4183,"_stopResolving":1094},{"_uid":4398,"link":4399,"name":4206,"component":3014},"45d47e6d-413b-4c97-a0c3-02821720830f",{"id":3924,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3925,"story":4400},{"name":3927,"id":3928,"uuid":3924,"slug":3929,"url":3925,"full_slug":3925,"_stopResolving":1094},{"_uid":4402,"link":4403,"name":3347,"component":3014},"1ed910fb-a00a-4e90-bfb9-4f91be1bcc1f",{"id":3341,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3342,"story":4404},{"name":3344,"id":3345,"uuid":3341,"slug":3346,"url":3342,"full_slug":3342,"_stopResolving":1094},[4406],{"_uid":4407,"link":4408,"name":4410,"links":4411,"component":3062},"de441cd6-8f3f-430e-ad6a-8397284e4894",{"id":3308,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3309,"story":4409},{"name":3311,"id":3312,"uuid":3308,"slug":3313,"url":3309,"full_slug":3309,"_stopResolving":1094},"Curve Academy",[4412,4416,4420,4424],{"_uid":4413,"link":4414,"name":4177,"component":3014},"3b0c1556-8796-4dab-8b1f-1a7c39896024",{"id":4170,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4171,"story":4415},{"name":4173,"id":4174,"uuid":4170,"slug":4175,"url":4176,"full_slug":4176,"_stopResolving":1094},{"_uid":4417,"link":4418,"name":4188,"component":3014},"cb1f6ffb-ff6c-467e-9069-3d74806c97e2",{"id":4181,"url":34,"anchor":4182,"linktype":3001,"fieldtype":89,"cached_url":4183,"story":4419},{"name":4185,"id":4186,"uuid":4181,"slug":4187,"url":4183,"full_slug":4183,"_stopResolving":1094},{"_uid":4421,"link":4422,"name":4201,"component":3014},"147060d8-f4f9-4654-8d97-12ad82173011",{"id":4197,"url":34,"anchor":34,"linktype":3001,"fieldtype":89,"cached_url":4198,"story":4423},{"name":4173,"id":4200,"uuid":4197,"slug":3929,"url":4198,"full_slug":4198,"_stopResolving":1094},{"_uid":4425,"link":4426,"name":3347,"component":3014},"73e55457-ee40-4341-95b6-a46d10a50a2b",{"id":3341,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3342,"story":4427},{"name":3344,"id":3345,"uuid":3341,"slug":3346,"url":3342,"full_slug":3342,"_stopResolving":1094},[4429],{"_uid":4430,"link":4431,"name":4432,"links":4433,"component":3062},"b5ad2b49-0194-4bfa-9eed-82eb05e3b7fa",{"id":34,"url":34,"linktype":3001,"fieldtype":89,"cached_url":34},"Move Features",[4434,4439,4443,4447,4452,4457,4461],{"_uid":4435,"link":4436,"name":4438,"component":3014},"a06277f6-5709-4dba-b9ce-35d00958d090",{"id":3647,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3648,"story":4437},{"name":3650,"id":3651,"uuid":3647,"slug":3652,"url":3648,"full_slug":3648,"_stopResolving":1094},"Design and Animate Mode",{"_uid":4440,"link":4441,"name":3630,"component":3014},"284cf938-771a-4324-996e-41542f3ce3fa",{"id":3624,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3625,"story":4442},{"name":3627,"id":3628,"uuid":3624,"slug":3629,"url":3625,"full_slug":3625,"_stopResolving":1094},{"_uid":4444,"link":4445,"name":3668,"component":3014},"3a74ae45-1f65-485c-a3cb-56281ab2db7a",{"id":3662,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3663,"story":4446},{"name":3665,"id":3666,"uuid":3662,"slug":3667,"url":3663,"full_slug":3663,"_stopResolving":1094},{"_uid":4448,"link":4449,"name":4451,"component":3014},"5b080b56-daa1-43fc-8add-270ae4f4cd9f",{"id":34,"url":4450,"linktype":88,"fieldtype":89,"cached_url":4450},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fvideo-support-linearity-move\u002F","Video Import",{"_uid":4453,"link":4454,"name":4456,"component":3014},"7903e317-cabf-4a86-86e7-1d13a96b9d9e",{"id":3684,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3685,"story":4455},{"name":3687,"id":3688,"uuid":3684,"slug":3689,"url":3685,"full_slug":3685,"_stopResolving":1094},"Gif Export",{"_uid":4458,"link":4459,"name":3098,"component":3014},"9a8a2605-db98-4ad4-b8da-0574ac12b84c",{"id":3095,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3096,"story":4460},{"name":3098,"id":3099,"uuid":3095,"slug":3100,"url":3096,"full_slug":3096,"_stopResolving":1094},{"_uid":4462,"link":4463,"name":4465,"component":3014},"8dcdde93-a662-45d4-81d2-94df738d0e8c",{"id":3075,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3076,"story":4464},{"name":3078,"id":3079,"uuid":3075,"slug":3080,"url":3076,"full_slug":3076,"_stopResolving":1094},"Presentations",[],[4468],{"_uid":4469,"image":4470,"title":4474,"video":4475,"component":4487,"buttonLink":4488,"buttonText":2105,"showBanner":16,"description":4490},"29d0db8e-d92a-47c9-9634-ca9e8d7d7c3b",{"id":4471,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4472,"copyright":34,"fieldtype":36,"meta_data":4473,"is_external_url":16},17886679,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1920x1080\u002F06132d77ce\u002Fblack-friday-web_16_9.png",{},"Peace + Love + Webinars",[4476],{"_uid":4477,"muted":16,"title":34,"autoPlay":1094,"wistiaId":4478,"component":3953,"videoFoam":16,"bunnyVideo":4479,"aspectRatio":34,"playbackRateControl":16},"1f4be375-2e11-493b-83a9-ae72a822d737","wk2ope7bj4",{"id":4480,"title":4481,"width":4482,"height":4483,"length":4484,"thumbnail":4485,"videoLibraryId":4486},"ffdf739b-677d-4c5d-ad55-f0136e75ff80","uc_animate_graphics_body_animation_wk2ope7bj4_",860,644,7,"https:\u002F\u002Fvz-70a2c6eb-cd5.b-cdn.net\u002Fffdf739b-677d-4c5d-ad55-f0136e75ff80\u002Fthumbnail.jpg","398218","PromoteBannerData",{"id":3308,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3309,"story":4489},{"name":3311,"id":3312,"uuid":3308,"slug":3313,"url":3309,"full_slug":3309,"_stopResolving":1094},"**Prime days** are almost here! Stay tuned for an exclusive 2-day deal on **8 & 9 October**  for 50% off the Pro plan! Add **Prime** in the promo code box.",[4492],{"_uid":4493,"link":3393,"image":4494,"title":4498,"component":4499,"buttonText":4500,"showBanner":1094,"description":4501},"f1b1f561-b3af-4626-a506-07bbefc61912",{"id":4495,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4496,"copyright":34,"fieldtype":36,"meta_data":4497,"is_external_url":16},144355764296718,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F225x225\u002F44013e0f29\u002Fdiscordlogo.png",{},"Hang with other designers?","InvitationBanner","Join our Discord","Inspo, feedback, and work-in-progress sharing.","Design and animation tools that boost your marketing efforts. Create stunning visuals that drive real results. Ideate, design, and animate today!",[4504],{"_uid":4505,"title":3141,"component":4506,"description":4507,"thankYouTitle":4508,"disclaimerText":4509,"comingSoonTitle":4510,"helpPlaceholder":4511,"emailPlaceholder":4512,"submitButtonText":4513,"lastNamePlaceholder":4514,"thankYouDescription":4507,"firstNamePlaceholder":4515,"comingSoonDescription":4516,"companyNamePlaceholder":4517,"phoneNumberPlaceholder":4518},"14f4ff30-503f-47af-a674-917cf9ccf0fa","PricingPopupData","A member of our team will be in touch soon.","Thank you for contacting us!","By clicking “Submit” you agree to our [Privacy Policy](\u002Fprivacy-policy)","We’re not quite ready (yet)","How can we help you? (optional)","Work email address *","Submit","Last name *","First name *","Submit below so we can let you know how to get early access.","Company name *","Phone number (optional)",[4520],{"_uid":4521,"logos":4522,"title":4551,"bg_color":34,"component":4552,"container":34},"d2f3bbe2-2dac-43ef-b974-1d7f200c3152",[4523,4527,4531,4535,4539,4543,4547],{"id":4524,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4525,"copyright":34,"fieldtype":36,"meta_data":4526},76987100465928,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F145x32\u002Fffe969d60a\u002Fleapsome_id7lqp9j-8_6.svg",{},{"id":4528,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4529,"copyright":34,"fieldtype":36,"meta_data":4530},76987100564238,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F39x52\u002Fd7ba9bc276\u002Flogo-apple.svg",{},{"id":4532,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4533,"copyright":34,"fieldtype":36,"meta_data":4534},76987100543756,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F105x34\u002Fb4340be2f1\u002Fgoogle-logo-wine-1.svg",{},{"id":4536,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4537,"copyright":34,"fieldtype":36,"meta_data":4538},76987100531467,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F81x42\u002F7b6a9b9335\u002Funiversal_pictures_logo-1.svg",{},{"id":4540,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4541,"copyright":34,"fieldtype":36,"meta_data":4542},76987100588815,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F106x52\u002F4ed390ff2e\u002Flogo-disney.svg",{},{"id":4544,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4545,"copyright":34,"fieldtype":36,"meta_data":4546},76987100519177,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F100x30\u002F41abcf4dc2\u002Fsumup_logo-1.svg",{},{"id":4548,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4549,"copyright":34,"fieldtype":36,"meta_data":4550},76987100551949,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F121x24\u002F4c8d6a728e\u002Fmeta_platforms_inc-_logo-1.svg",{},"Trusted and used by leading brands","LogoSectionv2",[4554,4562,4573,4584,4593],{"_uid":4555,"link":4556,"image":4558,"title":4559,"component":4560,"description":4561},"9e3f1218-7af2-492f-b4cf-2fcfc23b7947",{"id":34,"url":4557,"linktype":88,"fieldtype":89,"cached_url":4557},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Flinearity-cloud\u002F","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F2086x1328\u002F7e09e91ebc\u002Flc-1-video-thumbnail.png","Discover Linearity Cloud","PopularSearchItem","Seamlessly sync your files across all devices with Linearity Cloud.",{"_uid":4563,"link":4564,"image":4570,"title":4571,"component":4560,"description":4572},"84aecba6-a2c1-42a7-8629-c31a8f4aa228",{"id":4565,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4566,"story":4567},"232e9706-24a5-48ed-8000-c13668f78bd4","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fstart-here\u002Fget-started",{"name":91,"id":4568,"uuid":4565,"slug":4569,"url":4566,"full_slug":4566,"_stopResolving":1094},316873517,"get-started","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1320x1320\u002Feffc386739\u002Flc-3-1.png","Create a Linearity account","Get started in Linearity by setting up a new account.",{"_uid":4574,"link":4575,"image":4582,"title":4579,"component":4560,"description":4583},"932ce6dd-2197-4aa4-a1ea-f9e6f6a02f03",{"id":4576,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4577,"story":4578},"439aa8af-a9c3-4b8b-b0d6-d5b086302b71","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fworkspace\u002Fhomescreen",{"name":4579,"id":4580,"uuid":4576,"slug":4581,"url":4577,"full_slug":4577,"_stopResolving":1094},"Homescreen",365581867,"homescreen","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F2360x1640\u002F70d6b22a27\u002Flinearity-cloud-home-screen-2.jpg","Discover what's new on the Home screen of Linearity Curve on your iPad and Mac and get started with new sample files.",{"_uid":4585,"link":4586,"image":4591,"title":3587,"component":4560,"description":4592},"c05f3cdd-6478-46ac-98f5-6f451c678166",{"id":4587,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4588,"story":4589},"d2968838-e375-48b5-99c0-ee045d18bde7","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fimages\u002Fbackground-removal",{"name":3587,"id":4590,"uuid":4587,"slug":3589,"url":4588,"full_slug":4588,"_stopResolving":1094},341797364,"\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1920x1080\u002F355278e846\u002Fbg-removal-5-1-0.png","Learn how to remove background from your images.",{"_uid":4594,"link":4595,"image":4601,"title":4602,"component":4560,"description":4603},"2fadaf7c-d408-420d-89ac-9406e72009c7",{"id":4596,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4597,"story":4598},"164a6f76-cb04-4c31-a52f-092df0a89adb","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fshortcuts-and-gestures\u002F",{"name":4173,"id":4599,"uuid":4596,"slug":4600,"url":4597,"full_slug":4597,"_stopResolving":1094},337467315,"shortcuts-and-gestures","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1920x1080\u002F25655c0112\u002Fgestures-ipad.png","Gestures and Shortcuts","Learn Curve's intuitive gestures to speed your workflow on iPad.",[4605],{"_uid":4606,"markdown":4607,"component":4608},"e3e097eb-d77e-4a12-a15e-f289d58f3e64","**How to open Linearity Templates**\n\nAll Linearity templates are conveniently located on your [**Workspace**](https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fworkspaces\u002F) home screen.\n\n- Open Linearity Curve or Move.\n- Select “All templates” to explore the three collections: Business, Events, and Social Media.\n- Templates are displayed as thumbnails, offering a quick preview of their style and layout.\n- Tap on your chosen template to see it in full. You can zoom in on this preview screen to see all the details.\n- Tap the “Use Template” button to open it in the Editor.\n\n**How to edit Linearity Templates**\n\nIt’s important to remember that all the elements within our templates are fully customizable, so feel free to use as much or as little of the already existing layout, colors, fonts, images, and shapes as desired.\n\nChange up the colors, add your own message with the Text Tool, and swap out any images with your won.\n\nYou can also tap into other intuitive features, such as [**AI backgrounds**](\u002Ffeatures\u002Fai-backgrounds),[ ](https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fai-backgrounds\u002F)the [**Brush Tool**](\u002Ffeatures\u002Fbrush-tool), [**Pen Tool**](\u002Ffeatures\u002Fpen-tool), [**Shape Builder**](\u002Ffeatures\u002Fshape-builder), [**Auto Trace**,](https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fauto-trace) and more to add even more personal touches to each template.\n\nIn Linearity Move you can also use [**Auto animate**](https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fauto-animate\u002F), [**GIF export**](https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fgif-export), Animation presets and [**Design and animate mode**](https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fdesign-vs-animate-mode\u002F)[.](\u002Ffeatures\u002Fdesign-vs-animate-mode) Let our templates be the starting point for your limitless creativity!\n\n**Don't have Linearity Curve or Move yet?** Quickly download them to start using templates. [**Download Curve**](https:\u002F\u002Fapps.apple.com\u002Fapp\u002Fapple-store\u002Fid1219074514?pt=118587639&ct=Web%20Curve%20General&mt=8) and [download Move.](https:\u002F\u002Fapps.apple.com\u002Fapp\u002Fapple-store\u002Fid6443677011?pt=118587639&ct=Web%20Move%20General&mt=8)","MarkdownComponent",[4610],{"_uid":4611,"badge":4612,"cards":4622,"title":4653,"video":4654,"component":4658},"10a903ff-0cc2-4134-8144-aadfe4d42add",[4613],{"_uid":4614,"text":4615,"image":4616,"title":4620,"component":4621},"17b4d0d4-8bc9-4e72-99c1-2ca1e513fb88","6.1K ratings",{"id":4617,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4618,"copyright":34,"fieldtype":36,"meta_data":4619,"is_external_url":16},78108077319142,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F122x65\u002Ff2a1f5a31b\u002Fapp-of-the-day.svg",{},"App of the Day","BadgeTextItem",[4623,4640],{"cta":4624,"_uid":4631,"size":4632,"title":4633,"vector":4634,"component":4638,"description":4639},[4625],{"_uid":4626,"icon":4627,"link":4628,"size":90,"text":4630,"type":92,"component":93,"analyticsName":34},"518025fe-5bf6-4a65-a56a-c70b2bf48a7d","ic-download-03",{"id":34,"url":4629,"linktype":88,"fieldtype":89,"cached_url":4629},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-curve-graphic-design\u002Fid1219074514","Download Now","7d911cfa-952f-49e1-b1da-eb1a0e48f02c","md","Design in Curve.",{"id":4635,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4636,"copyright":34,"fieldtype":36,"meta_data":4637,"is_external_url":16},78178474038529,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F82x81\u002F56aea4159f\u002Fcurve-white-vector.svg",{},"ProductCardv2","Create sharp, scalable designs with intuitive tools for logos, illustrations, and professional branding.",{"cta":4641,"_uid":4646,"size":4632,"title":4647,"vector":4648,"component":4638,"description":4652},[4642],{"_uid":4643,"icon":4627,"link":4644,"size":90,"text":4630,"type":92,"component":93,"analyticsName":34},"4f7e139b-6645-4f03-a2e7-011a69081261",{"id":34,"url":4645,"linktype":88,"fieldtype":89,"cached_url":4645},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-move-motion-graphics\u002Fid6443677011","02376723-89f0-4a7b-a2a8-ae368fd5ac1f","Animate in Move.",{"id":4649,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4650,"copyright":34,"fieldtype":36,"meta_data":4651,"is_external_url":16},78178502259970,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F80x81\u002Fa41f9d332c\u002Fmove-white-vector.svg",{},"Effortlessly create animations for social media, online ads, and motion graphics.","Get Started for free",{"id":4655,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4656,"copyright":34,"fieldtype":36,"meta_data":4657,"is_external_url":16},93918517218985,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002Fca24e3a346\u002Fapp-preview_compresed.mp4",{},"ProductOverviewSection",[4660,4663,4667,4675,4680],{"_uid":4661,"link":4662,"image":4558,"title":4559,"component":4560,"description":4561},"9224735c-cc9c-4c4b-9aba-5e748c195227",{"id":34,"url":4557,"linktype":88,"fieldtype":89,"cached_url":4557},{"_uid":4664,"link":4665,"image":4582,"title":4579,"component":4560,"description":4583},"b35670e2-bbff-40e3-a132-d0b129b09a3f",{"id":4576,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4577,"story":4666},{"name":4579,"id":4580,"uuid":4576,"slug":4581,"url":4577,"full_slug":4577,"_stopResolving":1094},{"_uid":4668,"link":4669,"image":4672,"title":4673,"component":4560,"description":4674},"53fdea0a-5042-428b-a123-8632f668763a",{"id":4670,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4671},"6f6388ae-63dd-410c-8ce3-b25e910c18cc","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fimages\u002Fimage-replacement","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1440x900\u002Fc29db76e1b\u002Fimport.png","Image Replacement","Learn how to easily replace the images in your designs.",{"_uid":4676,"link":4677,"image":4679,"title":3587,"component":4560,"description":4592},"7b3ddd58-4c20-4bbb-85af-9bfe42fcfe09",{"id":4587,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4588,"story":4678},{"name":3587,"id":4590,"uuid":4587,"slug":3589,"url":4588,"full_slug":4588,"_stopResolving":1094},"\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F3558x1700\u002F76bd1d3734\u002Fbackground-removal-intro.png",{"_uid":4681,"link":4682,"image":4687,"title":4602,"component":4560,"description":4688},"00893723-509c-4ed7-917b-11d315fb8c25",{"id":4683,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4684,"story":4685},"c3f80e81-363f-4e2d-ac06-57817fcb40c1","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fshortcuts-and-gestures\u002F",{"name":4173,"id":4686,"uuid":4683,"slug":4600,"url":4684,"full_slug":4684,"_stopResolving":1094},316873541,"\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F5337x2550\u002F3abcf0feab\u002Fshortcuts-intro-mac.png","Intuitive gesture controls and keyboard shortcuts to speed your team's workflow.",[4690],{"_uid":4691,"markdown":4692,"component":4693},"0d49a770-e79e-4ec6-8b54-fe64ed475bc9","⚠️  [Vectornator is now Linearity Curve.](\u002Fcurve\u002Fvectornator-is-now-curve) In the video, the Vectornator interface is displayed, however Curve's interface is almost the same and you can easily apply the learnings when using Curve.","NoteComponent",[4695,4706,4717,4728,4739,4750,4761,4772],{"_uid":4696,"link":4697,"image":4704,"title":4701,"component":4560,"description":4705},"eda90e38-59ae-4b9b-b396-d8d83a047d53",{"id":4698,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4699,"story":4700},"637e479d-ae7e-4b23-96db-8c1011f39995","templates\u002Fsocial-media\u002Finstagram-stories\u002Fyear-recap-instagram-stories",{"name":4701,"id":4702,"uuid":4698,"slug":4703,"url":4699,"full_slug":4699,"_stopResolving":1094},"Year Recap Instagram Stories Template",419739113,"year-recap-instagram-stories","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1080x1920\u002Faef12dc20b\u002Fyear-wrap-up-instagram-stories-pack_1.png","Seize the year's end with our vibrant 'Year Recap Instagram Stories Pack,' a visually stimulating selection tailored for reflective storytelling. ",{"_uid":4707,"link":4708,"image":4715,"title":4712,"component":4560,"description":4716},"34f97551-5add-4a31-94ac-0cec7df4e93a",{"id":4709,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4710,"story":4711},"a353e11e-f4f3-4fdb-9c5f-43e87184d7c4","templates\u002Fsocial-media\u002Fx-headers\u002Fhiking-club-twitter-header",{"name":4712,"id":4713,"uuid":4709,"slug":4714,"url":4710,"full_slug":4710,"_stopResolving":1094},"Hiking Club Twitter Header Template",342239452,"hiking-club-twitter-header","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1500x500\u002F3ae69f4d94\u002Fhikking.png","Set the scene for your outdoor adventures with this Twitter header template.",{"_uid":4718,"link":4719,"image":4726,"title":4723,"component":4560,"description":4727},"d27cf8e4-ddba-4c26-911f-e5ca8c0b34d7",{"id":4720,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4721,"story":4722},"c88f1fee-af16-4dde-bdde-3b1db58cdbe0","templates\u002Fevents-templates\u002Fgreeting-cards\u002Fchristmas-tree-greeting-card",{"name":4723,"id":4724,"uuid":4720,"slug":4725,"url":4721,"full_slug":4721,"_stopResolving":1094},"Christmas Tree Greeting Card Template",419698710,"christmas-tree-greeting-card","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1810x1323\u002Ff86ad92447\u002Fpreview-postcard-christmas-tree.png","Infuse your holiday greetings with a modern twist using this geometric Christmas tree postcard.",{"_uid":4729,"link":4730,"image":4737,"title":4734,"component":4560,"description":4738},"5f72f828-d56e-4560-b055-5f6b4f0f3536",{"id":4731,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4732,"story":4733},"47b20629-0664-405e-b753-cee4fa65318a","templates\u002Fanimated-templates\u002Fmodern-shape-animation",{"name":4734,"id":4735,"uuid":4731,"slug":4736,"url":4732,"full_slug":4732,"_stopResolving":1094},"Modern Shape Animation Template",425699089,"modern-shape-animation","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1080x1920\u002F6b509e64e3\u002Fskate-park-story.png","Capture the dynamism of skateboarding culture with this animated template that blends bold, energetic colors and geometric shapes to engage your audience.",{"_uid":4740,"link":4741,"image":4748,"title":4745,"component":4560,"description":4749},"67614376-625a-4748-9416-8e7982b159e1",{"id":4742,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4743,"story":4744},"c48972aa-186a-43a9-bc7d-e82d42115f57","templates\u002Fsocial-media\u002Flinkedin-covers\u002Finfluencer-marketing-linkedin-cover",{"name":4745,"id":4746,"uuid":4742,"slug":4747,"url":4743,"full_slug":4743,"_stopResolving":1094},"Influencer Marketing Linkedin Cover Template",389856670,"influencer-marketing-linkedin-cover","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1536x396\u002F8e1b9e9618\u002Finfluencer-marketing_linkedin-cover.png","This LinkedIn cover template is tailored for the modern influencer or marketer, featuring a sleek design that blends professionalism with a touch of edginess.",{"_uid":4751,"link":4752,"image":4759,"title":4756,"component":4560,"description":4760},"9542300d-408c-41f5-bc64-5bc21c778a33",{"id":4753,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4754,"story":4755},"c8e0899d-f773-46d4-b280-9585c24a152f","templates\u002Feducation\u002Factivities\u002Ffloral-family-tree-education",{"name":4756,"id":4757,"uuid":4753,"slug":4758,"url":4754,"full_slug":4754,"_stopResolving":1094},"Floral Family Tree Education Template",499746920,"floral-family-tree-education","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F842x596\u002F663048d3e8\u002Ffamily-tree-2.png","Explore our family tree template, designed with professional precision and clarity. ",{"_uid":4762,"link":4763,"image":4770,"title":4767,"component":4560,"description":4771},"8bb666f0-7a40-4b7c-807d-7c8aeb652a47",{"id":4764,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4765,"story":4766},"dab6b220-8c18-4b6c-bab6-61293ecb25d4","templates\u002Fbusiness-templates\u002Fbusiness-cards\u002Ffurniture-business-card",{"name":4767,"id":4768,"uuid":4764,"slug":4769,"url":4765,"full_slug":4765,"_stopResolving":1094},"Furniture Business Card Template",338481451,"furniture-business-card","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F867x1539\u002F0764c4366f\u002Fb-card-home-bauhaus-white_preview.png","This business card template is a nod to the Bauhaus design philosophy, where form follows function with a playful twist.",{"_uid":4773,"link":4774,"image":4781,"title":4778,"component":4560,"description":4782},"9613a5fb-d49c-497f-affe-4dc5d59e595d",{"id":4775,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4776,"story":4777},"6b4332bb-175f-4a1a-8c68-8c791e4c8da9","templates\u002Fbusiness-templates\u002Fdesign-assets\u002Fbold-music-wave-spotify-cover",{"name":4778,"id":4779,"uuid":4775,"slug":4780,"url":4776,"full_slug":4776,"_stopResolving":1094},"Bold Music Wave Spotify Cover Template",482379302,"bold-music-wave-spotify-cover","\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1080x1080\u002Fdf98ceb45c\u002Fdark-wave-spotify-cover.png","Cut through the noise with a bold Spotify cover that brings the essence of dark wave music to the forefront.",[4784],{"_uid":4785,"logos":4786,"steps":4815,"checks":4838,"component":4847,"extraLinks":4848,"yearlyLink":4864,"yearlyText":4866,"monthlyLink":4867,"monthlyText":4869,"testimonial":4870,"yearlyPrice":4881,"yearlyTitle":4882,"monthlyPrice":4883,"monthlyTitle":4884,"yearlyDiscount":4885,"yearlyButtonText":4886,"monthlyButtonText":4887,"yearlyButtonDescription":4888,"monthlyButtonDescription":4889},"1e40a658-a293-4afd-9044-45f7e8a5b1d0",[4787,4791,4795,4799,4803,4807,4811],{"id":4788,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4789,"copyright":34,"fieldtype":36,"meta_data":4790},10356636,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1633x1060\u002F12dbeadb68\u002Famazon.svg",{},{"id":4792,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4793,"copyright":34,"fieldtype":36,"meta_data":4794},10356628,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F579x906\u002Fcf5e5f3a60\u002Fapple.svg",{},{"id":4796,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4797,"copyright":34,"fieldtype":36,"meta_data":4798},9313527,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F524x375\u002Fb449090df2\u002Funiversal.svg",{},{"id":4800,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4801,"copyright":34,"fieldtype":36,"meta_data":4802},10356631,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F714x914\u002Fcf565df031\u002Fmc.svg",{},{"id":4804,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4805,"copyright":34,"fieldtype":36,"meta_data":4806},10356630,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1631x1360\u002F7461b076ac\u002Fnasa.svg",{},{"id":4808,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4809,"copyright":34,"fieldtype":36,"meta_data":4810},10356635,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2056x1028\u002Fb0800798f6\u002Fspacex.svg",{},{"id":4812,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4813,"copyright":34,"fieldtype":36,"meta_data":4814},10356632,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1346x952\u002F55fc855a40\u002Fgoogle.svg",{},[4816,4824,4831],{"_uid":4817,"icon":4818,"component":4819,"mobileTitle":4820,"desktopTitle":4821,"mobileDescription":4822,"desktopDescription":4823},"46f33799-78f3-479c-a961-d57039ee8eec","ic-gift","pricingCheckoutPopupStep","Start free trial","Today: Free trial for 7 days","Today","Get full access to design and animation tools",{"_uid":4825,"icon":4826,"component":4819,"mobileTitle":4827,"desktopTitle":4828,"mobileDescription":4829,"desktopDescription":4830},"afbd5ae1-d0a5-4daa-9937-68afef522bca","ic-notification","Reminder","Day 5: Reminder","Day 5","We’ll send you a reminder 2 days before your free trial ends.",{"_uid":4832,"icon":4833,"component":4819,"mobileTitle":4834,"desktopTitle":4835,"mobileDescription":4836,"desktopDescription":4837},"cbc23a80-9ea1-4ee9-89e1-b2c691fd4617","ic-crown-fill","Trial ends","Day 7: Trial ends","Day 7","Your Pro subscription starts, unless you’ve canceled during the trial.",[4839,4843],{"_uid":4840,"title":4841,"component":4842},"043db5f1-28fd-4e6f-bdab-a62ff0046a4f","Free trial on the yearly plan, cancel any time","PricingCheckoutPopupPoint",{"_uid":4844,"link":4845,"title":4846,"component":4842},"690f76e8-e480-4e6f-a423-fe630060ecd7",{"id":34,"url":34,"linktype":3001,"fieldtype":89,"cached_url":34},"We'll remind you before your yearly trial ends","PricingCheckoutPopupData",[4849,4854],{"_uid":4850,"link":4851,"title":4853,"component":4842},"a31e5a97-a8ed-49b9-94e8-b63ac686041d",{"id":3363,"url":34,"linktype":3001,"fieldtype":89,"cached_url":3364,"story":4852},{"name":3366,"id":3367,"uuid":3363,"slug":3368,"url":3364,"full_slug":3364,"_stopResolving":1094},"Terms and conditions",{"_uid":4855,"link":4856,"title":4863,"component":4842},"ce05c027-db74-403b-8e7e-afcfccdc28af",{"id":4857,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4858,"story":4859},"46927c4c-061e-4624-bab6-6f88112dfc2e","policies\u002Flinearity-privacy-policy",{"name":4860,"id":4861,"uuid":4857,"slug":4862,"url":4858,"full_slug":4858,"_stopResolving":1094},"Linearity - Privacy Policy",424776106,"linearity-privacy-policy","Privacy policy",{"id":34,"url":4865,"linktype":88,"fieldtype":89,"cached_url":4865},"https:\u002F\u002Fbuy.stripe.com\u002F7sIeVhg8dajJ4P600t?prefilled_promo_code=XMAS&utm_source=website&utm_medium=banner&utm_campaign=xmas","Yearly",{"id":34,"url":4868,"linktype":88,"fieldtype":89,"cached_url":4868},"https:\u002F\u002Fbuy.stripe.com\u002FdR614r5tz77x4P6bJ7","Monthly",[4871],{"_uid":4872,"name":4873,"role":4874,"text":4875,"image":4876,"component":4880},"5a88f820-f7e8-4850-900d-3e8fade8f46d"," Nastya Kulyabina","Illustrator and graphic designer","Curve's user-friendly interface provides an amazing user experience, and this is one of the main reasons that made me choose Linearity Curve instead of other alternatives.",{"id":4877,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4878,"copyright":34,"fieldtype":36,"meta_data":4879,"is_external_url":16},9664916,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3962x3962\u002F039f6119d9\u002Fnastya.jpg",{},"PricingCheckoutPopupTestimonial","99,00 €\u002Fyr (€8,25\u002Fmo)","Try Linearity Pro for free","11,99 €\u002Fmo","Upgrade to Linearity Pro","33% OFF","Start 7-day free trial","Buy Linearity Pro","1 week free, then 99,00 €\u002Fyr from","11,99  €\u002Fmonth recurring, cancel anytime",[4891,4894,4898,4902,4906],{"_uid":4892,"link":4893,"image":4558,"title":4559,"component":4560,"description":4561},"0de6ed3e-48fc-4dc4-b7ce-96f6f9f80cc7",{"id":34,"url":4557,"linktype":88,"fieldtype":89,"cached_url":4557},{"_uid":4895,"link":4896,"image":4570,"title":4571,"component":4560,"description":4572},"7d68e550-4a82-42ce-b7d3-d18095e3958c",{"id":4565,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4566,"story":4897},{"name":91,"id":4568,"uuid":4565,"slug":4569,"url":4566,"full_slug":4566,"_stopResolving":1094},{"_uid":4899,"link":4900,"image":4582,"title":4579,"component":4560,"description":4583},"6b86e797-f6e5-48fe-8c34-ac4ad31fc8d7",{"id":4576,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4577,"story":4901},{"name":4579,"id":4580,"uuid":4576,"slug":4581,"url":4577,"full_slug":4577,"_stopResolving":1094},{"_uid":4903,"link":4904,"image":4591,"title":3587,"component":4560,"description":4592},"203222c8-eff5-4e24-8c4e-f4ae8c582a10",{"id":4587,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4588,"story":4905},{"name":3587,"id":4590,"uuid":4587,"slug":3589,"url":4588,"full_slug":4588,"_stopResolving":1094},{"_uid":4907,"link":4908,"image":4601,"title":4602,"component":4560,"description":4603},"c05c1bc2-3700-4451-9cbd-8b5eb265a595",{"id":4596,"url":34,"linktype":3001,"fieldtype":89,"cached_url":4597,"story":4909},{"name":4173,"id":4599,"uuid":4596,"slug":4600,"url":4597,"full_slug":4597,"_stopResolving":1094},{"data":4911,"headers":5109,"perPage":168,"total":5133},{"stories":4912,"cv":5096,"rels":5097,"links":5108},[4913,4984,5041],{"name":4914,"created_at":4915,"published_at":4916,"updated_at":4917,"id":4918,"uuid":4919,"content":4920,"slug":4978,"full_slug":4979,"sort_by_date":134,"position":4980,"tag_list":4981,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":4982,"first_published_at":4916,"release_id":134,"lang":1636,"path":134,"alternates":4983,"default_full_slug":134,"translated_slugs":134},"Next level AI vector generation","2026-09-25T13:51:04.483Z","2026-09-25T14:20:36.293Z","2026-09-25T14:20:36.306Z",223865505761919,"41b42e42-f980-4439-a82c-fb764d40406d",{"tag":4921,"_uid":4922,"image":4923,"title":4932,"author":4933,"widget":4960,"bgColor":47,"content":4962,"noIndex":16,"noFollow":16,"component":1618,"thumbnail":4973,"meta_image":4975,"meta_title":34,"page_title":34,"description":34,"publishedDate":4977,"hideFromSitemap":16,"meta_description":34},[],"b54c369b-1058-4202-88bf-0b2c2f86df9f",[4924],{"_uid":4925,"image":4926,"imageAlt":4931,"component":39},"34a1db44-0ee7-427b-9c19-20b296a14cc8",{"id":4927,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4928,"copyright":34,"fieldtype":36,"meta_data":4929,"is_external_url":16},223872593616307,"\u002F__asset\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1920x1080\u002Fb74b091a2d\u002Flinearity-arrow-2-cover.png",{"size":4930},"1920x1080","linearity arrow 2 ai vector generation","Arrow 2 Is Here: Faster, Cleaner AI Vector Generation in Linearity",[4934],{"name":4935,"created_at":4936,"published_at":4937,"updated_at":4938,"id":4939,"uuid":4940,"content":4941,"slug":4953,"full_slug":4954,"sort_by_date":134,"position":4955,"tag_list":4956,"is_startpage":16,"parent_id":1682,"meta_data":134,"group_id":4957,"first_published_at":4958,"release_id":134,"lang":1636,"path":134,"alternates":4959,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Nadya Kunze","2025-10-14T15:15:33.535Z","2026-09-05T00:17:43.100Z","2026-09-05T00:17:43.112Z",101438806185200,"b44ae33f-8236-406c-b7e9-3a090eac2c69",{"_uid":4942,"name":4935,"image":4943,"noIndex":16,"socials":4947,"noFollow":16,"position":4948,"component":1675,"meta_image":4949,"meta_title":34,"page_title":34,"description":4951,"otherAuthors":4952,"hideFromSitemap":16,"meta_description":34},"3720b0e8-78ad-4515-9034-c12c6dd705d8",{"id":4944,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4945,"copyright":34,"fieldtype":36,"meta_data":4946,"is_external_url":16},101438896698569,"\u002F__asset\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2480x3307\u002Ff07f14c590\u002Fimg_0095-60.jpg",{},[],"Customer Support & Operations Manager",{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":4950},{},"Nadya runs Customer Support at Linearity and has 7+ years of experience helping customers in SaaS. When she’s not solving problems, she’s drawing, hiking or baking, and she writes for the blog about Linearity, graphic design and other creative topics.",[],"nadya-kunze","blog\u002Fauthor\u002Fnadya-kunze",-220,[],"23176224-6356-4754-ae1e-283689e0acac","2025-10-14T15:37:44.998Z",[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":4961},{},[4963],{"_uid":4964,"content":4965,"component":1617},"94598076-feb2-49d9-a691-d250a89a21b7",{"type":52,"attrs":4966,"content":4967},{"backgroundColor":134},[4968],{"type":98,"attrs":4969,"content":4971},{"level":407,"textAlign":4970},"left",[4972],{"text":4932,"type":59},{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":4974},{},{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":4976},{},"2026-09-25 00:00","linearity-arrow-2-ai-vector-generation","blog\u002Flinearity-arrow-2-ai-vector-generation",-5870,[],"83c77c0a-729c-44fc-9960-67bf60efd350",[],{"name":4985,"created_at":4986,"published_at":4987,"updated_at":4988,"id":4989,"uuid":4990,"content":4991,"slug":5034,"full_slug":5035,"sort_by_date":134,"position":5036,"tag_list":5037,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5038,"first_published_at":5039,"release_id":134,"lang":1636,"path":134,"alternates":5040,"default_full_slug":134,"translated_slugs":134},"AI tools for graphic design","2026-09-22T14:58:19.432Z","2026-09-22T15:50:22.940Z","2026-09-22T15:50:22.953Z",222820349705242,"ffba320e-63db-4442-8100-9afc1e41eeaa",{"tag":4992,"_uid":4993,"image":4994,"title":5002,"author":5003,"widget":5014,"bgColor":47,"content":5017,"noIndex":16,"noFollow":16,"component":1618,"thumbnail":5028,"meta_image":5030,"meta_title":5032,"page_title":5032,"description":34,"publishedDate":5033,"hideFromSitemap":16,"meta_description":5002},[],"c5c3bba0-14e1-4ebf-8a57-7faea7169680",[4995],{"_uid":4996,"image":4997,"imageAlt":5001,"component":39},"ae96dbd4-3fdd-4e4b-a066-ba83f37328ad",{"id":4998,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4999,"copyright":34,"fieldtype":36,"meta_data":5000,"is_external_url":16},222820541706406,"\u002F__asset\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1000x562\u002Fd9cba30965\u002Fai-tools.avif",{},"ai tools cover","AI tools for graphic designers: a practical 2026 workflow",[5004],{"name":4935,"created_at":4936,"published_at":4937,"updated_at":4938,"id":4939,"uuid":4940,"content":5005,"slug":4953,"full_slug":4954,"sort_by_date":134,"position":4955,"tag_list":5012,"is_startpage":16,"parent_id":1682,"meta_data":134,"group_id":4957,"first_published_at":4958,"release_id":134,"lang":1636,"path":134,"alternates":5013,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":4942,"name":4935,"image":5006,"noIndex":16,"socials":5008,"noFollow":16,"position":4948,"component":1675,"meta_image":5009,"meta_title":34,"page_title":34,"description":4951,"otherAuthors":5011,"hideFromSitemap":16,"meta_description":34},{"id":4944,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4945,"copyright":34,"fieldtype":36,"meta_data":5007,"is_external_url":16},{},[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":5010},{},[],[],[],{"id":4998,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4999,"copyright":34,"fieldtype":36,"meta_data":5015,"is_external_url":16},{"size":5016},"1000x562",[5018],{"_uid":5019,"content":5020,"component":1617},"6af69a05-8aeb-451b-9608-c486504c8f19",{"type":52,"attrs":5021,"content":5022},{"backgroundColor":134},[5023],{"type":55,"attrs":5024,"content":5025},{"textAlign":134},[5026],{"text":5027,"type":59},"Learn how AI tools fit into a real graphic-design workflow, from briefs and generation to editable vectors, brand control, resizing, translation, and motion.",{"id":4998,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4999,"copyright":34,"fieldtype":36,"meta_data":5029,"is_external_url":16},{"size":5016},{"id":4998,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4999,"copyright":34,"fieldtype":36,"meta_data":5031,"is_external_url":16},{"size":5016},"AI tools for graphic designers","2026-09-22 00:00","ai-tools-for-graphic-design","blog\u002Fai-tools-for-graphic-design",-5850,[],"6f53c3e3-5921-40e9-91cd-5ac3fbf22bbe","2026-09-22T14:59:54.707Z",[],{"name":5042,"created_at":5043,"published_at":5044,"updated_at":5045,"id":5046,"uuid":5047,"content":5048,"slug":5089,"full_slug":5090,"sort_by_date":134,"position":5091,"tag_list":5092,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5093,"first_published_at":5094,"release_id":134,"lang":1636,"path":134,"alternates":5095,"default_full_slug":134,"translated_slugs":134},"Reve AI alternatives","2026-09-22T14:50:41.674Z","2026-09-22T15:50:07.113Z","2026-09-22T15:50:07.126Z",222818474741522,"6927f5b3-4348-4a4c-ae12-629f38c19329",{"tag":5049,"_uid":5050,"image":5051,"title":5059,"author":5060,"widget":5071,"bgColor":47,"content":5073,"noIndex":16,"noFollow":16,"component":1618,"thumbnail":5084,"meta_image":5086,"meta_title":5059,"page_title":5059,"description":34,"publishedDate":5033,"hideFromSitemap":16,"meta_description":5088},[],"6794c3bc-b999-457f-869e-d01036aedfc3",[5052],{"_uid":5053,"image":5054,"imageAlt":5058,"component":39},"45798545-219a-405a-9761-ce6ca56a98aa",{"id":5055,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5056,"copyright":34,"fieldtype":36,"meta_data":5057,"is_external_url":16},222819162951724,"\u002F__asset\u002Fa.storyblok.com\u002Ff\u002F197805\u002F1920x1080\u002F2d949dcb87\u002Flinearity-reve-cover.png",{"size":4930},"reve ai blog cover","Reve AI Is Shutting Down: Key Dates and the Best Reve Alternative (2026)",[5061],{"name":4935,"created_at":4936,"published_at":4937,"updated_at":4938,"id":4939,"uuid":4940,"content":5062,"slug":4953,"full_slug":4954,"sort_by_date":134,"position":4955,"tag_list":5069,"is_startpage":16,"parent_id":1682,"meta_data":134,"group_id":4957,"first_published_at":4958,"release_id":134,"lang":1636,"path":134,"alternates":5070,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":4942,"name":4935,"image":5063,"noIndex":16,"socials":5065,"noFollow":16,"position":4948,"component":1675,"meta_image":5066,"meta_title":34,"page_title":34,"description":4951,"otherAuthors":5068,"hideFromSitemap":16,"meta_description":34},{"id":4944,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4945,"copyright":34,"fieldtype":36,"meta_data":5064,"is_external_url":16},{},[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":5067},{},[],[],[],{"id":5055,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5056,"copyright":34,"fieldtype":36,"meta_data":5072,"is_external_url":16},{"size":4930},[5074],{"_uid":5075,"content":5076,"component":1617},"fc980f8c-d309-4007-858e-877bf4d66ada",{"type":52,"attrs":5077,"content":5078},{"backgroundColor":134},[5079],{"type":55,"attrs":5080,"content":5081},{"textAlign":134},[5082],{"text":5083,"type":59},"Reve AI is ending image and video generation. Read the complete timeline, learn how to save your existing work, and compare Linearity AI as an editable alternative.",{"id":5055,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5056,"copyright":34,"fieldtype":36,"meta_data":5085,"is_external_url":16},{"size":4930},{"id":5055,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5056,"copyright":34,"fieldtype":36,"meta_data":5087,"is_external_url":16},{},"Reve AI stops image generation on September 27, 2026. See the timeline, save your work before October 31, and compare an editable Reve alternative.","reve-ai-alternative","blog\u002Freve-ai-alternative",-5840,[],"6cd8c7bd-c7af-4bb6-b2b9-bbd5ea5283ae","2026-09-22T14:55:05.023Z",[],1790346036,[5098],{"name":4935,"created_at":4936,"published_at":4937,"updated_at":4938,"id":4939,"uuid":4940,"content":5099,"slug":4953,"full_slug":4954,"sort_by_date":134,"position":4955,"tag_list":5106,"is_startpage":16,"parent_id":1682,"meta_data":134,"group_id":4957,"first_published_at":4958,"release_id":134,"lang":1636,"path":134,"alternates":5107,"default_full_slug":134,"translated_slugs":134},{"_uid":4942,"name":4935,"image":5100,"noIndex":16,"socials":5102,"noFollow":16,"position":4948,"component":1675,"meta_image":5103,"meta_title":34,"page_title":34,"description":4951,"otherAuthors":5105,"hideFromSitemap":16,"meta_description":34},{"id":4944,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4945,"copyright":34,"fieldtype":36,"meta_data":5101,"is_external_url":16},{},[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":5104},{},[],[],[],[],{"age":5110,"cache-control":5111,"connection":5112,"content-encoding":5113,"content-type":5114,"date":5115,"etag":5116,"per-page":5117,"referrer-policy":5118,"sb-be-version":5119,"server":5120,"total":5121,"transfer-encoding":5122,"vary":5123,"via":5124,"x-amz-cf-id":5125,"x-amz-cf-pop":5126,"x-cache":5127,"x-content-type-options":5128,"x-frame-options":5129,"x-permitted-cross-domain-policies":1737,"x-request-id":5130,"x-runtime":5131,"x-xss-protection":5132},"166352","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application\u002Fjson; charset=utf-8","Fri, 02 Oct 2026 15:58:13 GMT","W\u002F\"b2ab1ef8c34d6fbaebdf9a4d74c8ea62\"","3","strict-origin-when-cross-origin","5.976.0","nginx\u002F1.29.1","699","chunked","Origin,Accept-Encoding","1.1 d7417eea51b6155ca5328edbd5ac9b4e.cloudfront.net (CloudFront)","E35k5k5xuvdRiaWHdClMpbGM7IV_nJlSAURjelWLX5-78UnsFf-r2A==","CMH68-P7","Hit from cloudfront","nosniff","SAMEORIGIN","9f642da9-683b-40a3-ad8d-5b073a3a0838","0.706197","0",699]