[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"en\u002Fblog\u002Ficon-design":3,"en\u002Fsettings-page":3518,"blog-what-to-read-next-section":5425},{"content":4,"full_slug":3514,"id":3515,"name":1658,"path":134,"published_at":3516,"uuid":3517},{"tag":5,"_uid":1649,"image":1650,"title":1658,"author":1659,"widget":1687,"bgColor":47,"content":1692,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":3504,"youtubeId":34,"meta_image":3508,"meta_title":3511,"page_title":34,"description":34,"publishedDate":3512,"hideFromSitemap":16,"meta_description":3513},[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,"","https:\u002F\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","https:\u002F\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,"https:\u002F\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,"https:\u002F\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,"https:\u002F\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,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F9c29738ea2\u002Fmotion-graphics-vs-animation_thumbnail.png",{},{"id":1624,"filename":1625,"fieldtype":36,"is_external_url":16},18540915,"https:\u002F\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",[],"1b7469b8-7d50-41c1-956f-e2a54508754f",[1651],{"_uid":1652,"image":1653,"imageAlt":1657,"component":39},"31826513-f30b-4e57-9e10-886c83b12c42",{"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},18459203,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fca47fd38e0\u002Four_guide_to_icon_design_and_animation_main_image.jpg",{},"Our guide to icon design and animation Blog Hero Image","Our guide to icon design and animation",[1660],{"name":1661,"created_at":1662,"published_at":1663,"updated_at":1664,"id":1665,"uuid":1666,"content":1667,"slug":1679,"full_slug":1680,"sort_by_date":134,"position":1681,"tag_list":1682,"is_startpage":16,"parent_id":1683,"meta_data":134,"group_id":1684,"first_published_at":1685,"release_id":134,"lang":1636,"path":134,"alternates":1686,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Lavinia Aparaschivei ","2024-10-01T16:01:23.186Z","2026-09-05T00:11:07.982Z","2026-09-05T00:11:07.992Z",556822109,"69237fba-9865-4787-864d-93bdcf50d7b7",{"_uid":1668,"name":1669,"image":1670,"socials":1674,"position":1675,"component":1676,"description":1677,"otherAuthors":1678},"6e17027e-3226-490d-b395-2b1162a68802","Lavinia Aparaschivei",{"id":1671,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":1672,"copyright":34,"fieldtype":36,"meta_data":1673,"is_external_url":16},17507958,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F500x498\u002F894857d687\u002Flavinia.png",{},[],"Contributing Writer","AuthorPage","Lavinia is a Content Editor and Marketing Manager at Linearity, with expertise in video content, social media, and brand development. She writes about how to drive content and marketing success",[],"lavinia-aparaschivei","blog\u002Fauthor\u002Flavinia-aparaschivei",-150,[],536121488,"d8ae6be5-cbca-417d-b0f9-d58134cecee5","2024-12-09T16:05:25.397Z",[],{"id":1688,"alt":1689,"name":34,"focus":34,"title":1689,"source":34,"filename":1690,"copyright":34,"fieldtype":36,"meta_data":1691,"is_external_url":16},18932093,"Our guide to icon design and animation | Linearity","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Ff198fb54cb\u002Ficon-design_widget-1.png",{},[1693],{"_uid":1694,"content":1695,"component":1617},"66121dc0-70b7-4315-b18f-ca60cf52a500",{"type":52,"content":1696},[1697,1701,1705,1712,1722,1734,1739,1749,1755,1765,1775,1781,1786,1800,1804,1810,1828,1833,1837,1842,1871,1876,1900,1901,1906,1930,1935,1959,1960,1965,1989,1990,1995,2019,2024,2048,2049,2054,2078,2079,2084,2108,2109,2114,2138,2139,2144,2168,2169,2186,2191,2195,2207,2212,2222,2228,2238,2243,2247,2252,2262,2267,2277,2281,2296,2301,2305,2313,2331,2336,2354,2359,2367,2372,2382,2386,2392,2400,2415,2425,2430,2447,2471,2479,2483,2488,2498,2502,2506,2510,2520,2526,2536,2554,2559,2569,2581,2591,2595,2601,2606,2610,2616,2626,2639,2643,2658,2667,2679,2689,2707,2757,2763,2768,2777,2782,2792,2800,2805,2813,2817,2823,2838,2853,2863,2878,2883,2891,2911,2915,2925,2930,2944,2948,2963,2971,2976,2988,3003,3007,3012,3016,3026,3030,3086,3092,3110,3125,3130,3147,3188,3200,3215,3221,3243,3244,3249,3267,3273,3277,3287,3313,3314,3338,3339,3343,3395,3400,3409,3413,3419,3430,3443,3448],{"type":55,"content":1698},[1699],{"text":1700,"type":59},"Want to earn some money on the side by selling vector icon packs? Or do you want to specialize as an icon designer? You need to internalize the basics of iconography.",{"type":55,"content":1702},[1703],{"text":1704,"type":59},"This guide defines icons and uncovers their history. We’ll look at the different icon types you can choose from, and the essential icon design principles you need to follow.",{"type":76,"attrs":1706},{"id":1707,"body":1708},"12cd7919-f57a-4bb1-ac5c-5d6edb8f9313",[1709],{"_uid":1710,"emoji":34,"bgColor":47,"markdown":1711,"component":152},"4578068f-99fe-4c81-810b-5b08ee5a0764","No matter what [your illustration style](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fillustration-styles) is, you can adapt it to create eye-catching and helpful icons for web, print, and other applications.",{"type":55,"content":1713},[1714,1716,1720],{"text":1715,"type":59},"Follow our easy step-by-step tutorial at the end of this article to help you transform a drawing into a ",{"text":1717,"type":59,"marks":1718},"scalable vector icon ",[1719],{"type":68},{"text":1721,"type":59},"using Linearity Curve.",{"type":76,"attrs":1723},{"id":1707,"body":1724},[1725],{"_uid":1726,"title":1727,"button":1728,"component":94,"description":1733,"backgroundColor":96},"ab090111-3e9f-4341-9574-133599b5c6c1","Jumpstart your ideas with Linearity Curve",[1729],{"_uid":1730,"icon":34,"link":1731,"size":90,"text":1732,"type":92,"component":93},"9497c302-d5f8-431a-812c-a9f2612dcbc9",{"url":87,"linktype":88,"fieldtype":89,"cached_url":87},"Get started","Take your designs to the next level.",{"type":98,"attrs":1735,"content":1736},{"level":100},[1737],{"text":1738,"type":59},"Are icons different from images?",{"type":55,"content":1740},[1741,1743,1747],{"text":1742,"type":59},"The word ‘icon’ in the dictionary describes a ",{"text":1744,"type":59,"marks":1745},"sign or a representation of an object ",[1746],{"type":68},{"text":1748,"type":59},"by its resemblance or analogy.",{"type":76,"attrs":1750},{"id":1707,"body":1751},[1752],{"_uid":1753,"emoji":34,"bgColor":47,"markdown":1754,"component":152},"91a2a69c-d7c4-4ac3-8d1b-b2b22bed1da4","An icon is a specific type of image that ****conveys information**** by depicting universally known objects and concepts.",{"type":55,"content":1756},[1757,1759,1763],{"text":1758,"type":59},"Consider how a ",{"text":1760,"type":59,"marks":1761},"'trash can' icon ",[1762],{"type":68},{"text":1764,"type":59},"indicates where all your deleted files go. This icon means basically the same thing in any language, culture, and to all ages and genders.",{"type":55,"content":1766},[1767,1769,1773],{"text":1768,"type":59},"So, if you think about it, an icon is part of the ",{"text":1770,"type":59,"marks":1771},"most universal language ",[1772],{"type":68},{"text":1774,"type":59},"in the world.",{"type":76,"attrs":1776},{"id":1707,"body":1777},[1778],{"src":1779,"_uid":1780,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FaZt26z_LftM?feature=oembed","7978684d-3124-4a3e-bf3d-85de072789da",{"type":98,"attrs":1782,"content":1783},{"level":100},[1784],{"text":1785,"type":59},"The history of icons",{"type":55,"content":1787},[1788,1790,1794,1796],{"text":1789,"type":59},"In Latin, the word ",{"text":1791,"type":59,"marks":1792},"eikṓn ",[1793],{"type":124},{"text":1795,"type":59},"means “likeness,” or “image.” The modern form of the word ",{"text":1797,"type":59,"marks":1798},"dates back to 1565.",[1799],{"type":68},{"type":55,"content":1801},[1802],{"text":1803,"type":59},"It’s mind-blowing how much information icons can contain and how quickly they deliver it. That’s why icons have been used for centuries to communicate.",{"type":76,"attrs":1805},{"id":1707,"body":1806},[1807],{"_uid":1808,"emoji":34,"bgColor":47,"markdown":1809,"component":152},"94b36813-e757-4bc1-bf63-d76d0278f85e","What are the first historical icons that come to mind? Hieroglyphics from ancient Egypt, cave paintings, and Viking runes are all icons.",{"type":55,"content":1811},[1812,1814,1818,1820,1827],{"text":1813,"type":59},"But as we approached the millennium, icons became increasingly prominent as we started using and needing to communicate with ",{"text":1815,"type":59,"marks":1816},"computers and devices",[1817],{"type":68},{"text":1819,"type":59},". Icons define user interfaces and are integral to the development of ",{"text":1821,"type":59,"marks":1822},"User Experience (UX) design",[1823],{"type":131,"attrs":1824},{"href":1825,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fux-design-process","_self",{"text":243,"type":59},{"type":98,"attrs":1829,"content":1830},{"level":100},[1831],{"text":1832,"type":59},"The 11 different types of icons",{"type":55,"content":1834},[1835],{"text":1836,"type":59},"Icons come in various styles, each offering advantages for specific contexts. Here's a breakdown of some popular icon styles and when they might be most suitable:",{"type":98,"attrs":1838,"content":1839},{"level":168},[1840],{"text":1841,"type":59},"1. Flat icons",{"type":76,"attrs":1843},{"id":1707,"body":1844},[1845],{"_uid":1846,"asset":1847,"content":1437,"markdown":1864,"component":1869,"disclaimer":1870,"rightAlign":16},"i-563ab822-5c65-47d2-ad56-f53b541e9c63",[1848],{"_uid":1849,"asset":1850,"component":1862,"description":1863},"5b410495-7b99-4b7b-bcef-7e760bc39c6c",[1851],{"_uid":1852,"asset":1853,"device":1860,"component":1861},"6d4a7919-ba59-4b27-94e4-1fdb418b0061",[1854],{"_uid":1855,"image":1856,"imageAlt":1857,"component":39},"5919fa1f-cb53-4125-9124-260ab3e1eb7b",{"alt":1857,"filename":1858,"fieldtype":36,"meta_data":1859,"is_external_url":16},"flat lightbulb icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fbafefe6e09\u002Four_guide_to_icon_design_and_animation_image_1.jpg",{},"none","DeviceMockup","BlogComponentImage","Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fflat_769032)",[1865],{"_uid":1866,"markdown":1867,"component":1868},"27519521-e712-44d8-ba9e-178c020acff3","Simple, two-dimensional shapes often filled with solid colors. They’re great for modern interfaces, mobile apps, and situations requiring clean aesthetics.","MarkdownComponent","BlogLeftRightImageWithText",[],{"type":98,"attrs":1872,"content":1873},{"level":168},[1874],{"text":1875,"type":59},"2. Outlined icons",{"type":76,"attrs":1877},{"id":1707,"body":1878},[1879],{"_uid":1880,"asset":1881,"content":1437,"markdown":1895,"component":1869,"disclaimer":1899,"rightAlign":1094},"i-54155fc1-8526-42ea-b3e7-479b665a1b44",[1882],{"_uid":1883,"asset":1884,"component":1862,"description":1894},"f165fde4-86c5-435b-b80c-515044c7ee9a",[1885],{"_uid":1886,"asset":1887,"device":1860,"component":1861},"5ac06dda-9eaa-4163-9f13-fab5bbd39e76",[1888],{"_uid":1889,"image":1890,"imageAlt":1891,"component":39},"2f55c936-be3f-4558-b18d-3cc790dca60d",{"alt":1891,"filename":1892,"fieldtype":36,"meta_data":1893,"is_external_url":16},"outlined apartment building icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fe7fff285c6\u002Four_guide_to_icon_design_and_animation_image_2.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fflat_769032 )",[1896],{"_uid":1897,"markdown":1898,"component":1868},"f3999401-6dd1-498a-99a9-b17c6afcdefa","Use lines to represent the object. They offer good scalability and work well with various color schemes.\n\nThey’re suitable for minimalist interfaces and when clarity is crucial.",[],{"type":55},{"type":98,"attrs":1902,"content":1903},{"level":168},[1904],{"text":1905,"type":59},"3. Dimensional icons (neumorphism)",{"type":76,"attrs":1907},{"id":1707,"body":1908},[1909],{"_uid":1910,"asset":1911,"content":1437,"markdown":1925,"component":1869,"disclaimer":1929,"rightAlign":16},"i-f24fe22d-80be-4589-a9a1-a54885860410",[1912],{"_uid":1913,"asset":1914,"component":1862,"description":1924},"556bdb6f-07c3-48a5-ac11-3abeb8619b95",[1915],{"_uid":1916,"asset":1917,"device":1860,"component":1861},"1e0274c3-588a-4ec6-b239-6eb5f6422e06",[1918],{"_uid":1919,"image":1920,"imageAlt":1921,"component":39},"33524f26-0964-42a9-aa29-479b609ab61c",{"alt":1921,"filename":1922,"fieldtype":36,"meta_data":1923,"is_external_url":16},"paper and pen icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F759938ae96\u002Four_guide_to_icon_design_and_animation_image_3.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fessay_3253267 )",[1926],{"_uid":1927,"markdown":1928,"component":1868},"d525b3e8-4daa-4741-b1b7-d76be3dd4dfd","A recent trend, these icons have a subtle 3D effect, creating a soft, almost inflated look.\n\nThey’re well-suited for modern, playful interfaces, but use them sparingly, as overuse can reduce clarity.",[],{"type":98,"attrs":1931,"content":1932},{"level":168},[1933],{"text":1934,"type":59},"4. Filled icons",{"type":76,"attrs":1936},{"id":1707,"body":1937},[1938],{"_uid":1939,"asset":1940,"content":1437,"markdown":1954,"component":1869,"disclaimer":1958,"rightAlign":1094},"i-671ffa17-b545-4e99-8878-2eb21d51b74a",[1941],{"_uid":1942,"asset":1943,"component":1862,"description":1953},"77bc3dca-1f03-4988-9bea-3e495efa63f4",[1944],{"_uid":1945,"asset":1946,"device":1860,"component":1861},"fba38d68-369e-4dd8-b520-8ed898de6841",[1947],{"_uid":1948,"image":1949,"imageAlt":1950,"component":39},"1fe0c0c2-2f44-4f3b-8ea8-1ead5f76b38e",{"alt":1950,"filename":1951,"fieldtype":36,"meta_data":1952,"is_external_url":16},"eye icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F342e2d72a5\u002Four_guide_to_icon_design_and_animation_image_4.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fmagnifying-glass_4950569 https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fmagnifying-glass_4950569)",[1955],{"_uid":1956,"markdown":1957,"component":1868},"f8ac0cfa-44ff-4161-bc17-e51d1d9c25ab","Filled icons are a type of icon design characterized by solid shapes that completely fill the interior of the icon.\n\nThey’re one of the most common and versatile styles, and you’ll often see them [used as logos](https:\u002F\u002Fwww.linearity.io\u002Fuse-cases\u002Flogos\u002F).",[],{"type":55},{"type":98,"attrs":1961,"content":1962},{"level":168},[1963],{"text":1964,"type":59},"5. Pictograms",{"type":76,"attrs":1966},{"id":1707,"body":1967},[1968],{"_uid":1969,"asset":1970,"content":1437,"markdown":1984,"component":1869,"disclaimer":1988,"rightAlign":16},"i-aaecd5c6-c6f2-468d-b836-ce57ec17eed9",[1971],{"_uid":1972,"asset":1973,"component":1862,"description":1983},"30d5fdba-dec6-4f69-9115-d77355b6369f",[1974],{"_uid":1975,"asset":1976,"device":1860,"component":1861},"ba223dd1-3b09-4911-89c4-523946d350d6",[1977],{"_uid":1978,"image":1979,"imageAlt":1980,"component":39},"118347b5-610f-4ec2-88b5-adefbc9879ea",{"alt":1980,"filename":1981,"fieldtype":36,"meta_data":1982,"is_external_url":16},"toilet icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F194976de97\u002Four_guide_to_icon_design_and_animation_image_5.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Ftoilet_185547 )",[1985],{"_uid":1986,"markdown":1987,"component":1868},"c3b5ee9c-5091-4575-94ca-3ec581c467a4","Universally understood symbols representing basic concepts or actions (e.g., restroom, power button).\n\nIdeal for international audiences or situations where language barriers exist.",[],{"type":55},{"type":98,"attrs":1991,"content":1992},{"level":168},[1993],{"text":1994,"type":59},"6. Ideograms",{"type":76,"attrs":1996},{"id":1707,"body":1997},[1998],{"_uid":1999,"asset":2000,"content":1437,"markdown":2014,"component":1869,"disclaimer":2018,"rightAlign":1094},"i-ad8c4176-bdb9-4171-848a-c09234abd858",[2001],{"_uid":2002,"asset":2003,"component":1862,"description":2013},"d6df1e73-f797-4dd2-81a9-eafa15f3912e",[2004],{"_uid":2005,"asset":2006,"device":1860,"component":1861},"232e49be-8b50-41a3-933d-8141948bbb53",[2007],{"_uid":2008,"image":2009,"imageAlt":2010,"component":39},"d1672e9f-2d56-4f8c-84f0-ca73f23a0c71",{"alt":2010,"filename":2011,"fieldtype":36,"meta_data":2012,"is_external_url":16},"chinese character for dragon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F20a9de0e40\u002Four_guide_to_icon_design_and_animation_image_6.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fdragon_3643097 )",[2015],{"_uid":2016,"markdown":2017,"component":1868},"adc92f6a-7930-4db9-ad09-8b640cde0022","Symbolic representations of ideas or concepts, often culturally specific (e.g., Japanese characters).\n\nBest used within the cultural context where the meaning is understood.",[],{"type":98,"attrs":2020,"content":2021},{"level":168},[2022],{"text":2023,"type":59},"7. Hand-drawn icons",{"type":76,"attrs":2025},{"id":1707,"body":2026},[2027],{"_uid":2028,"asset":2029,"content":1437,"markdown":2043,"component":1869,"disclaimer":2047,"rightAlign":16},"i-7dc4c40a-12f5-4619-b47e-5828960721ac",[2030],{"_uid":2031,"asset":2032,"component":1862,"description":2042},"101e1ca2-f7f3-4ed4-b30d-d29267dc86c2",[2033],{"_uid":2034,"asset":2035,"device":1860,"component":1861},"b39241c4-05c4-440b-a02d-8372a300f701",[2036],{"_uid":2037,"image":2038,"imageAlt":2039,"component":39},"4ab55491-db9e-459a-adad-8c0406ff1d84",{"alt":2039,"filename":2040,"fieldtype":36,"meta_data":2041,"is_external_url":16},"hand drawn heart icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fc44f886cef\u002Four_guide_to_icon_design_and_animation_image_7.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Flove_14256467 )",[2044],{"_uid":2045,"markdown":2046,"component":1868},"008f9722-44e4-4bdd-ba38-3b705110428a","Offer a personal and friendly touch.\n\nThey’re suitable for creative projects, apps targeting children, or when aiming for a more casual feel.",[],{"type":55},{"type":98,"attrs":2050,"content":2051},{"level":168},[2052],{"text":2053,"type":59},"8. Skeuomorphic icons",{"type":76,"attrs":2055},{"id":1707,"body":2056},[2057],{"_uid":2058,"asset":2059,"content":1437,"markdown":2073,"component":1869,"disclaimer":2077,"rightAlign":1094},"i-45a7c9de-f5c5-4c43-a6f0-2a68a590fcf3",[2060],{"_uid":2061,"asset":2062,"component":1862,"description":2072},"77b7c654-a2b8-4b3a-9572-a461de235ba6",[2063],{"_uid":2064,"asset":2065,"device":1860,"component":1861},"51e61c2a-9a0a-4e3e-beac-b4115ccd4948",[2066],{"_uid":2067,"image":2068,"imageAlt":2069,"component":39},"9cfd02db-2f74-488d-a094-099368829a8f",{"alt":2069,"filename":2070,"fieldtype":36,"meta_data":2071,"is_external_url":16},"floppy disk icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Febea893c1c\u002Four_guide_to_icon_design_and_animation_image_8.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Ffloppy-disk_439894 )",[2074],{"_uid":2075,"markdown":2076,"component":1868},"9dee93a8-e222-4cfb-9dae-5b077121d6d1","Designed to resemble real-world objects (e.g., a floppy disk icon for \"save\").\n\nUseful for mimicking familiar objects in new contexts but can appear outdated and less scalable.",[],{"type":55},{"type":98,"attrs":2080,"content":2081},{"level":168},[2082],{"text":2083,"type":59},"9. Glyph icons",{"type":76,"attrs":2085},{"id":1707,"body":2086},[2087],{"_uid":2088,"asset":2089,"content":1437,"markdown":2103,"component":1869,"disclaimer":2107,"rightAlign":16},"i-12a4fb7a-3b70-47ac-b36c-b350fc088be0",[2090],{"_uid":2091,"asset":2092,"component":1862,"description":2102},"fef43be1-904f-405d-8523-2141ccf82b3e",[2093],{"_uid":2094,"asset":2095,"device":1860,"component":1861},"87819b20-19f8-4b32-9940-5587d203ae1d",[2096],{"_uid":2097,"image":2098,"imageAlt":2099,"component":39},"5e214550-b585-4a15-bdc7-6d956dd53d6f",{"alt":2099,"filename":2100,"fieldtype":36,"meta_data":2101,"is_external_url":16},"briefcase icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fbf2a13f0c8\u002Four_guide_to_icon_design_and_animation_image_9.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fbriefcase_11253811)",[2104],{"_uid":2105,"markdown":2106,"component":1868},"1bac1664-3566-4f36-9956-50442885b2fb","Simple, one-stroke symbols often used in typography and user interfaces.\n\nWell-suited for small spaces and when combined with text for clarity.",[],{"type":55},{"type":98,"attrs":2110,"content":2111},{"level":168},[2112],{"text":2113,"type":59},"10. Material design icons",{"type":76,"attrs":2115},{"id":1707,"body":2116},[2117],{"_uid":2118,"asset":2119,"content":1437,"markdown":2133,"component":1869,"disclaimer":2137,"rightAlign":1094},"i-1d423905-7849-4e02-af19-79841cc796a0",[2120],{"_uid":2121,"asset":2122,"component":1862,"description":2132},"1982f01a-7669-42ba-a5e7-483fabe5a938",[2123],{"_uid":2124,"asset":2125,"device":1860,"component":1861},"3817d867-7546-4425-9ff8-0a88a956a8ad",[2126],{"_uid":2127,"image":2128,"imageAlt":2129,"component":39},"e0e7aed3-651f-45db-af06-f3de08656661",{"alt":2129,"filename":2130,"fieldtype":36,"meta_data":2131,"is_external_url":16},"Google my Business icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F743a57de67\u002Four_guide_to_icon_design_and_animation_image_10.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fmy-business_2702614)",[2134],{"_uid":2135,"markdown":2136,"component":1868},"dd921f54-dd7b-4bae-b0b3-56a68aee7c65","A comprehensive library of icons developed by Google known for their clean, filled shapes and vibrant colors.\n\nMaterial Design icons are well-suited for Android apps and interfaces following Material Design principles.",[],{"type":55},{"type":98,"attrs":2140,"content":2141},{"level":168},[2142],{"text":2143,"type":59},"11. Animated icons",{"type":76,"attrs":2145},{"id":1707,"body":2146},[2147],{"_uid":2148,"asset":2149,"content":1437,"markdown":2163,"component":1869,"disclaimer":2167,"rightAlign":16},"i-f45db375-fe28-4937-b9e8-7315929af3cb",[2150],{"_uid":2151,"asset":2152,"component":1862,"description":2162},"49ea5884-96ba-4b78-97d3-7e83d6c07cd3",[2153],{"_uid":2154,"asset":2155,"device":1860,"component":1861},"74ba3c36-15dc-4deb-bfb3-109770c7b67b",[2156],{"_uid":2157,"image":2158,"imageAlt":2159,"component":39},"33b2092f-5b42-4d5b-89bd-a4a265900740",{"alt":2159,"filename":2160,"fieldtype":36,"meta_data":2161,"is_external_url":16},"animated coffee cup icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fb9f84c4e24\u002Four_guide_to_icon_design_and_animation_image_11.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-animated-icon\u002Fcoffee-cup_14447779)",[2164],{"_uid":2165,"markdown":2166,"component":1868},"e0efe6ee-9586-4a3d-954f-190046ccb435","Add a touch of interactivity and can grab user attention.\n\nThey effectively highlight specific actions or provide feedback but use them cautiously, as excessive animation can be distracting.",[],{"type":55},{"type":76,"attrs":2170},{"id":1707,"body":2171},[2172],{"_uid":2173,"image":2174,"title":828,"button":2180,"component":833,"description":834},"94086dc7-703b-4847-9d2d-e5e4662929c8",[2175],{"_uid":2176,"image":2177,"imageAlt":2179,"component":39},"ce03eba0-e56d-477f-ba6b-716e428769cc",{"filename":2178,"fieldtype":36},"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F688x488\u002F227fdf4e1c\u002Fsnippet-banner-image.png","CTA Image",[2181],{"_uid":2182,"icon":34,"link":2183,"size":90,"text":91,"type":92,"component":93},"2dbb118a-a9f1-43b5-82c6-5650d3c0936f",{"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},"story","download",{"type":98,"attrs":2187,"content":2188},{"level":100},[2189],{"text":2190,"type":59},"Essential icon design principles",{"type":55,"content":2192},[2193],{"text":2194,"type":59},"The creation process is the most exciting, and we’ll get there. But first, we must cover a few basic principles that icon designers usually follow to create a memorable icon.",{"type":76,"attrs":2196},{"id":1707,"body":2197},[2198],{"_uid":2199,"title":2200,"button":2201,"component":94,"description":2206,"backgroundColor":508},"115a91de-c5ac-4767-ad2d-292337e6e9cd","Create your own icon pack with Linearity Curve",[2202],{"_uid":2203,"icon":34,"link":2204,"size":90,"text":1732,"type":92,"component":93},"c239a664-c41b-4c7f-8a87-64f9941261b6",{"url":2205,"linktype":88,"fieldtype":89,"cached_url":2205},"https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Fcurve\u002Ftutorials\u002Fmarketing\u002Fdesign-icon-pack\u002F","Learn to design unique and cohesive icon packs for your visual branding.",{"type":98,"attrs":2208,"content":2209},{"level":168},[2210],{"text":2211,"type":59},"1. Pixel perfection",{"type":55,"content":2213},[2214,2216,2220],{"text":2215,"type":59},"It's not enough to design eye-catching icons. You need to make your icons ",{"text":2217,"type":59,"marks":2218},"scalable, responsive, and suitable ",[2219],{"type":68},{"text":2221,"type":59},"for actual devices. Position your icons on a pixel grid to ensure they don't blur.",{"type":76,"attrs":2223},{"id":1707,"body":2224},[2225],{"_uid":2226,"emoji":34,"bgColor":47,"markdown":2227,"component":152},"69a25a47-0077-4ab3-b470-21f1e4ad3191","Use a stroke width that is an even number (like two or four pixels), and keep it consistent throughout the icon or icon pack.",{"type":55,"content":2229},[2230,2232,2236],{"text":2231,"type":59},"If you are ",{"text":2233,"type":59,"marks":2234},"rescaling your icon ",[2235],{"type":68},{"text":2237,"type":59},"for various applications, you might need to change the design slightly for every size so you’re not left with half pixels that can bring blurriness to your design. This will help you maintain pixel perfection.",{"type":98,"attrs":2239,"content":2240},{"level":168},[2241],{"text":2242,"type":59},"2. Geometric shapes",{"type":55,"content":2244},[2245],{"text":2246,"type":59},"Use geometric shapes as often as possible to design your icons. This will give your icons a more powerful, compelling, and organic shape and increase their legibility.",{"type":98,"attrs":2248,"content":2249},{"level":168},[2250],{"text":2251,"type":59},"3. Angles",{"type":55,"content":2253},[2254,2256,2260],{"text":2255,"type":59},"Unless it's a straight angle, try to stick to ",{"text":2257,"type":59,"marks":2258},"45-degree angles in most cases",[2259],{"type":68},{"text":2261,"type":59},". The result will be crisp, and the perfect diagonal is an easily recognized pattern.",{"type":98,"attrs":2263,"content":2264},{"level":168},[2265],{"text":2266,"type":59},"4. Corners",{"type":55,"content":2268},[2269,2271,2275],{"text":2270,"type":59},"A ",{"text":2272,"type":59,"marks":2273},"2px radius ",[2274],{"type":68},{"text":2276,"type":59},"is very common in icon design. It's large enough to clearly define your rounded corners but doesn’t soften them so much that your design takes on a whole new aesthetic. But it all depends on the personality you want to give your design.",{"type":55,"content":2278},[2279],{"text":2280,"type":59},"A thinner stroke of just one pixel will look pointier, while three pixels make a very rounded shape. A 0dp Corner Radius gives you very sharp icons.",{"type":76,"attrs":2282},{"id":1707,"body":2283},[2284],{"_uid":2285,"asset":2286,"component":1862,"description":34},"050ea62e-2852-483d-8658-cf8c0e915617",[2287],{"_uid":2288,"asset":2289,"device":1860,"component":1861},"17b7bfec-80df-4fe2-b525-a55d31938f84",[2290],{"_uid":2291,"image":2292,"imageAlt":2293,"component":39},"ed710ac8-a1d1-4fea-bc96-08310f115733",{"alt":2293,"filename":2294,"fieldtype":36,"meta_data":2295,"is_external_url":16},"Corner radius in Linearity","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F134f74cc3f\u002Four_guide_to_icon_design_and_animation_image_12.jpg",{},{"type":98,"attrs":2297,"content":2298},{"level":168},[2299],{"text":2300,"type":59},"5. Keep it simple",{"type":55,"content":2302},[2303],{"text":2304,"type":59},"Your icon needs to convey its message at one glance—that is its purpose. It can’t be too abstract or too complex, or it will lose its meaning.",{"type":55,"content":2306},[2307,2309],{"text":2308,"type":59},"This also applies to its composition—try not to get into too much detail. An effective icon design should be ",{"text":2310,"type":59,"marks":2311},"readable in small sizes or big sizes.",[2312],{"type":68},{"type":55,"content":2314},[2315,2317,2329],{"text":2316,"type":59},"Strip your icons of any ",{"text":2318,"type":59,"marks":2319},"unnecessary details",[2320],{"type":131,"attrs":2321},{"href":2322,"uuid":2323,"anchor":134,"target":1826,"linktype":2184,"story":2324},"\u002Fblog\u002Fsimple-design","0efcb179-9f6f-4a50-90e9-1ef8472e4d88",{"name":2325,"id":2326,"uuid":2323,"slug":2327,"url":2328,"full_slug":2328,"_stopResolving":1094},"What is simple design?",569343588,"simple-design","blog\u002Fsimple-design",{"text":2330,"type":59}," that don’t help to communicate its concept. Instead, make it heavy and noisy.",{"type":98,"attrs":2332,"content":2333},{"level":168},[2334],{"text":2335,"type":59},"6. White space",{"type":55,"content":2337},[2338,2340,2346,2348,2352],{"text":2339,"type":59},"In the same vein, use ",{"text":2341,"type":59,"marks":2342},"white space ",[2343],{"type":131,"attrs":2344},{"href":2345,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fwhite-space-in-design",{"text":2347,"type":59},"to give your design more ",{"text":2349,"type":59,"marks":2350},"room to breathe. ",[2351],{"type":68},{"text":2353,"type":59},"That will help your icon convey its meaning faster.",{"type":98,"attrs":2355,"content":2356},{"level":168},[2357],{"text":2358,"type":59},"7. Perspective",{"type":55,"content":2360},[2361,2363],{"text":2362,"type":59},"Perspective is hard to read on something as small as an icon. Always try to view the objects of your design ",{"text":2364,"type":59,"marks":2365},"straight ahead.",[2366],{"type":68},{"type":98,"attrs":2368,"content":2369},{"level":168},[2370],{"text":2371,"type":59},"8. Keep icons consistent",{"type":55,"content":2373},[2374,2376,2380],{"text":2375,"type":59},"Icon packs need to look consistent throughout, so check that the stroke weights, stroke corners, color palette, level of complex details, spacing, and style elements ",{"text":2377,"type":59,"marks":2378},"remain the same ",[2379],{"type":68},{"text":2381,"type":59},"throughout the icon set.",{"type":55,"content":2383},[2384],{"text":2385,"type":59},"So, if you use a 2px stroke for your first icon, you need to keep using it throughout your icon set.",{"type":76,"attrs":2387},{"id":1707,"body":2388},[2389],{"_uid":2390,"emoji":34,"bgColor":47,"markdown":2391,"component":152},"417baa9b-38dc-4ea8-85b4-678ed7991fc6","Your icons don’t need to have the exact same width or height. Instead, they must be individually scaled to ensure uniform visual weight.",{"type":55,"content":2393},[2394,2398],{"text":2395,"type":59,"marks":2396},"Visual weight ",[2397],{"type":68},{"text":2399,"type":59},"is the notion that certain common elements can appear to be heavier than others. Like a dark element feels heavier than a light one. It's not an exact science, and it has much to do with individual perception.",{"type":76,"attrs":2401},{"id":1707,"body":2402},[2403],{"_uid":2404,"asset":2405,"component":1862,"description":34},"0ac866ec-e0ce-4ad8-9680-67d3f0a60e84",[2406],{"_uid":2407,"asset":2408,"device":1860,"component":1861},"5852d91a-d6dd-4f0d-8325-43b2e2834b1e",[2409],{"_uid":2410,"image":2411,"imageAlt":2412,"component":39},"e0bc6155-2294-4fec-a4da-7547119d3c21",{"alt":2412,"filename":2413,"fieldtype":36,"meta_data":2414,"is_external_url":16},"Visual weight","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fa92ac844d2\u002Four_guide_to_icon_design_and_animation_image_13.jpg",{},{"type":55,"content":2416},[2417,2419,2423],{"text":2418,"type":59},"Therefore, there are no instruments to measure these forces. ",{"text":2420,"type":59,"marks":2421},"Trust your eyes and intuition ",[2422],{"type":68},{"text":2424,"type":59},"when you align your icons in a lineup.",{"type":98,"attrs":2426,"content":2427},{"level":168},[2428],{"text":2429,"type":59},"9. Personality",{"type":55,"content":2431},[2432,2434,2438,2440,2446],{"text":2433,"type":59},"Give your icon set a personality. What distinguishes your icons from other stock icons on the web? There are many professional icon sets out there, and your designs need to ",{"text":2435,"type":59,"marks":2436},"stand out",[2437],{"type":68},{"text":2439,"type":59},". You can do that with your own drawing style or a ",{"text":2441,"type":59,"marks":2442},"particular color palette",[2443],{"type":131,"attrs":2444},{"href":2445,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fmonochromatic-colors",{"text":243,"type":59},{"type":76,"attrs":2448},{"id":1707,"body":2449},[2450],{"_uid":2451,"cards":2452,"component":553},"5e45d8dc-dd4c-4201-bc8e-4f15f8434aed",[2453,2462],{"_uid":2454,"image":2455,"button":2457,"component":541,"description":34},"fa07c085-7d39-4a9e-bd2d-47ccc0e2d647",{"filename":2456,"fieldtype":36},"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2ff392eb18\u002Four_guide_to_icon_design_and_animation_image_14.jpg",[2458],{"_uid":2459,"link":2460,"size":90,"text":540,"type":92,"component":93},"3e8a1da9-0a97-415d-96a3-5cc1f2ee832d",{"url":2461,"linktype":88,"fieldtype":89,"cached_url":2461},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002Fassets\u002Ftech-icons\u002F",{"_uid":2463,"image":2464,"button":2466,"component":541,"description":34},"08bdd40c-188f-486d-942c-51cbcc2fae9e",{"filename":2465,"fieldtype":36},"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F066754c49b\u002Four_guide_to_icon_design_and_animation_image_15.jpg",[2467],{"_uid":2468,"link":2469,"size":90,"text":540,"type":92,"component":93},"d26b7351-7045-455b-8d7d-87742f1b59bc",{"url":2470,"linktype":88,"fieldtype":89,"cached_url":2470},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002Fassets\u002Fbusiness-icons\u002F",{"type":55,"content":2472},[2473,2477],{"text":2474,"type":59,"marks":2475},"Avoid obsolete metaphors",[2476],{"type":68},{"text":2478,"type":59},", like representing film with an old-school reel camera. The exception is, of course, when that is what the project requires. Stay modern, and don't just repeat what others have done without thinking.",{"type":55,"content":2480},[2481],{"text":2482,"type":59},"Now that we've covered all the principles, let's go through the five steps to create an icon.",{"type":98,"attrs":2484,"content":2485},{"level":100},[2486],{"text":2487,"type":59},"Step 1: research",{"type":55,"content":2489},[2490,2492,2496],{"text":2491,"type":59},"The basis of any creative project, isn’t it? You need to figure out ",{"text":2493,"type":59,"marks":2494},"what icon to design ",[2495],{"type":68},{"text":2497,"type":59},"to represent a certain idea.",{"type":55,"content":2499},[2500],{"text":2501,"type":59},"First of all, you need to understand the purpose of your icon. Where it will be used and what it should represent. You have to think of your icon as a character.",{"type":55,"content":2503},[2504],{"text":2505,"type":59},"Is it meant for a children’s app, a university, or a corporate company? Your design needs to convey that.",{"type":55,"content":2507},[2508],{"text":2509,"type":59},"But an icon is also a metaphor. So, you also need to focus on which icons require more imagination regarding their representation and which are just alternatives to their real-life counterparts.",{"type":55,"content":2511},[2512,2514,2518],{"text":2513,"type":59},"‍If you need to create an icon that represents the object itself, it’s fairly easy. But what if you need to create an abstract icon that represents ‘routine’? This is where you need to put your thinking cap on and ",{"text":2515,"type":59,"marks":2516},"brainstorm the possible symbols ",[2517],{"type":68},{"text":2519,"type":59},"you can use.",{"type":76,"attrs":2521},{"id":1707,"body":2522},[2523],{"_uid":2524,"emoji":34,"bgColor":47,"markdown":2525,"component":152},"c86dcf88-23c7-4a0e-ad88-3947236469b1","Write down all the associations you can think of to depict the essence or meaning of your icon.",{"type":55,"content":2527},[2528,2530,2534],{"text":2529,"type":59},"Use a dictionary, a thesaurus, word associations, or a Google search to better understand what you need to depict and get inspiration. You need to simplify the idea of an abstract concept into common objects that ",{"text":2531,"type":59,"marks":2532},"relay the meaning ",[2533],{"type":68},{"text":2535,"type":59},"in an instant.",{"type":55,"content":2537},[2538,2540,2546,2548,2552],{"text":2539,"type":59},"Try to ",{"text":2541,"type":59,"marks":2542},"draw your icon ",[2543],{"type":131,"attrs":2544},{"href":2545,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fuse-cases\u002Fillustration\u002F",{"text":2547,"type":59},"ideas out. It’s easier to decide between them this way. Don’t be discouraged if you can’t find a way to represent the concept of your icon straight off the bat. There are many ",{"text":2549,"type":59,"marks":2550},"icon designs platforms and resources ",[2551],{"type":68},{"text":2553,"type":59},"out there that can provide you with the much-needed visual stimulus or inspiration.",{"type":98,"attrs":2555,"content":2556},{"level":100},[2557],{"text":2558,"type":59},"Step 2: define your style",{"type":55,"content":2560},[2561,2563,2567],{"text":2562,"type":59},"Designing icons is so much fun, and the fact that there are ",{"text":2564,"type":59,"marks":2565},"so many styles to choose from ",[2566],{"type":68},{"text":2568,"type":59},"makes it even more enjoyable.",{"type":55,"content":2570},[2571,2573,2579],{"text":2572,"type":59},"Do you consider yourself a ",{"text":2574,"type":59,"marks":2575},"minimalist",[2576],{"type":131,"attrs":2577},{"href":2578,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fminimalist-design",{"text":2580,"type":59},", a flat designer, or a lover of skeuomorphic design? No matter your preference, there’s an icon style with your name on it.",{"type":55,"content":2582},[2583,2585,2589],{"text":2584,"type":59},"But you may need to go beyond your own personal style when designing icons. Your decision depends on the general ",{"text":2586,"type":59,"marks":2587},"requirements for the type of interface ",[2588],{"type":68},{"text":2590,"type":59},"your icons will be displayed on (for example, Apple iOS or Google Material) and the stylistic choice of the particular UI layout you are designing.",{"type":55,"content":2592},[2593],{"text":2594,"type":59},"Decisions, decisions.",{"type":76,"attrs":2596},{"id":1707,"body":2597},[2598],{"_uid":2599,"emoji":34,"bgColor":47,"markdown":2600,"component":152},"9e80ade2-acbe-4beb-8b65-a14b3be58cb4","Looking to create a Kawaii icon? Follow our detailed [Kawaii icon tutorial](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fhow-to-make-an-icon\u002F) to find out how.",{"type":98,"attrs":2602,"content":2603},{"level":100},[2604],{"text":2605,"type":59},"Step 3: sketch",{"type":55,"content":2607},[2608],{"text":2609,"type":59},"All designs, simple or complex, start with the simplest shapes.",{"type":76,"attrs":2611},{"id":1707,"body":2612},[2613],{"_uid":2614,"emoji":34,"bgColor":47,"markdown":2615,"component":152},"c121d81a-fef0-4086-8697-fdd454595eca","Maintaining a good grid and layout while working on the icons is important.",{"type":55,"content":2617},[2618,2620,2624],{"text":2619,"type":59},"When sketching, understand what ",{"text":2621,"type":59,"marks":2622},"major shapes ",[2623],{"type":68},{"text":2625,"type":59},"you need to use to create your icon content. To understand these basic shapes, you can use a reference image or simply start sketching out the main components of your icon in ample strokes.",{"type":76,"attrs":2627},{"id":1707,"body":2628},[2629],{"_uid":2630,"title":2631,"button":2632,"component":94,"description":2637,"backgroundColor":2638},"492ce05d-ae12-4abd-b601-76a5d56389e0","Ready to create brand assets that pack a punch?",[2633],{"_uid":2634,"icon":34,"link":2635,"size":90,"text":1732,"type":92,"component":93},"19b588ab-60a9-45a3-997d-c1a6ff134827",{"url":2636,"linktype":88,"fieldtype":89,"cached_url":2636},"https:\u002F\u002Fwww.linearity.io\u002Facademy\u002F","Visit our Academy for free icons design courses.","purple",{"type":55,"content":2640},[2641],{"text":2642,"type":59},"So, if we are sketching out an ice cream icon, for example, we know that we will use a triangle for the cone and oval shapes for the scoops and drips.",{"type":76,"attrs":2644},{"id":1707,"body":2645},[2646],{"_uid":2647,"asset":2648,"component":1862,"description":34},"7737fce6-1b01-4d81-9fdf-8b644e22c48b",[2649],{"_uid":2650,"asset":2651,"device":1860,"component":1861},"137af38e-6426-4f90-9383-19b6ae57bbc2",[2652],{"_uid":2653,"image":2654,"imageAlt":2655,"component":39},"25864dbe-4de0-4e33-9bce-cc2676ce8cbe",{"alt":2655,"filename":2656,"fieldtype":36,"meta_data":2657,"is_external_url":16},"Drawing icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F679ce0fb97\u002Four_guide_to_icon_design_and_animation_image_16.jpg",{},{"type":55,"content":2659},[2660,2662,2666],{"text":2661,"type":59},"You can choose to sketch in your own paper notebook, or use raster drawing apps like Procreate for ",{"text":2663,"type":59,"marks":2664},"pixel-based illustration",[2665],{"type":68},{"text":243,"type":59},{"type":55,"content":2668},[2669,2671,2677],{"text":2670,"type":59},"You can ",{"text":2672,"type":59,"marks":2673},"import Procreate files ",[2674],{"type":131,"attrs":2675},{"href":2676,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fcomparison\u002Fprocreate\u002F",{"text":2678,"type":59},"directly into Linearity Curve, where you’ll vectorize your image and give life to your icon.",{"type":55,"content":2680},[2681,2683,2687],{"text":2682,"type":59},"Another option is to sketch your icon design using the Brush or Pencil Tools in Linearity Curve. These tools enable you to sketch vector shapes freehand. You can adjust the ",{"text":2684,"type":59,"marks":2685},"Smoothing ",[2686],{"type":68},{"text":2688,"type":59},"based on the level of detail you prefer.",{"type":55,"content":2690},[2691,2693,2697,2699,2705],{"text":2692,"type":59},"At this stage, you can also ",{"text":2694,"type":59,"marks":2695},"pick a color scheme ",[2696],{"type":68},{"text":2698,"type":59},"that represents the character of your icon or the theme of your icon series. We have an entire article explaining how to create a ",{"text":2700,"type":59,"marks":2701},"unique color palette ",[2702],{"type":131,"attrs":2703},{"href":2704,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fcolor-palette",{"text":2706,"type":59},"that defines your style as an artist. But here are the basics:",{"type":175,"content":2708},[2709,2715,2721,2727,2742],{"type":178,"content":2710},[2711],{"type":55,"content":2712},[2713],{"text":2714,"type":59},"Make sure that your color stays consistent throughout your icon pack.",{"type":178,"content":2716},[2717],{"type":55,"content":2718},[2719],{"text":2720,"type":59},"Check if every color is visible both on a light and dark background.",{"type":178,"content":2722},[2723],{"type":55,"content":2724},[2725],{"text":2726,"type":59},"Check if your colors contrast each other. You can verify that by converting your icon to grayscale. If the colors contrast in greyscale, they will contrast in any other environment.",{"type":178,"content":2728},[2729],{"type":55,"content":2730},[2731,2733,2740],{"text":2732,"type":59},"Color theory is your friend. Choose ",{"text":2734,"type":59,"marks":2735},"warm vs cold hues",[2736,2739],{"type":131,"attrs":2737},{"href":2738,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fcolor-theory\u002F",{"type":137},{"text":2741,"type":59}," to tell a story.",{"type":178,"content":2743},[2744],{"type":55,"content":2745},[2746,2748,2755],{"text":2747,"type":59},"Use colors to ",{"text":2749,"type":59,"marks":2750},"define the visual hierarchy",[2751,2754],{"type":131,"attrs":2752},{"href":2753,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fvisual-hierarchy\u002F",{"type":137},{"text":2756,"type":59}," by choosing one base color and a few accent colors.",{"type":76,"attrs":2758},{"id":1707,"body":2759},[2760],{"src":2761,"_uid":2762,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FMN0fkfi1AEc?feature=oembed","83796b89-ec09-4f5d-b000-108ef618505d",{"type":98,"attrs":2764,"content":2765},{"level":100},[2766],{"text":2767,"type":59},"Step 4: refine your vector icon",{"type":55,"content":2769},[2770,2772,2776],{"text":2771,"type":59},"After you finish your sketch, it’s time to vectorize your icon. In case you didn’t know, ",{"text":2773,"type":59,"marks":2774},"all icons are vectors",[2775],{"type":68},{"text":243,"type":59},{"type":98,"attrs":2778,"content":2779},{"level":168},[2780],{"text":2781,"type":59},"Build up your vector layers",{"type":55,"content":2783},[2784,2786,2790],{"text":2785,"type":59},"Our top tip is to ",{"text":2787,"type":59,"marks":2788},"create a new layer ",[2789],{"type":68},{"text":2791,"type":59},"for any new graphic elements you bring into your piece. Are you adding a shape or line? Make a new layer.",{"type":55,"content":2793},[2794,2798],{"text":2795,"type":59,"marks":2796},"Reducing the transparency ",[2797],{"type":68},{"text":2799,"type":59},"of the vector layer helps when you’re tracing your sketch to make it easier to see your underlying work.",{"type":98,"attrs":2801,"content":2802},{"level":168},[2803],{"text":2804,"type":59},"Set up a grid",{"type":55,"content":2806},[2807,2809],{"text":2808,"type":59},"Some artists may find them overrated, but grids are useful in a few situations. If you create a set of icons, a grid will help you ",{"text":2810,"type":59,"marks":2811},"maintain consistency.",[2812],{"type":68},{"type":55,"content":2814},[2815],{"text":2816,"type":59},"Another scenario in which this is helpful is when you’re creating icons for platforms (iOS or Android) that already have a grid.",{"type":76,"attrs":2818},{"id":1707,"body":2819},[2820],{"_uid":2821,"emoji":34,"bgColor":47,"markdown":2822,"component":152},"8812a1fb-7589-4079-877b-40e7d93cafe7","Material system icons, for example, use a 24dp Icon Grid.",{"type":55,"content":2824},[2825,2827,2831,2833,2837],{"text":2826,"type":59},"In Linearity Curve, go to the ",{"text":2828,"type":59,"marks":2829},"Action Bar > Quick Settings ",[2830],{"type":68},{"text":2832,"type":59},"and toggle on the Grid. You can also toggle on ",{"text":2834,"type":59,"marks":2835},"Snap to Grid",[2836],{"type":68},{"text":243,"type":59},{"type":76,"attrs":2839},{"id":1707,"body":2840},[2841],{"_uid":2842,"asset":2843,"component":1862,"description":34},"b2619d90-a998-4005-a1b8-21d4f488d49d",[2844],{"_uid":2845,"asset":2846,"device":1860,"component":1861},"ae86b6a7-920f-4455-9108-4e9f608a3068",[2847],{"_uid":2848,"image":2849,"imageAlt":2850,"component":39},"946fd466-004e-4435-b904-2d127fd450a3",{"alt":2850,"filename":2851,"fieldtype":36,"meta_data":2852,"is_external_url":16},"Snap to grid Linearity","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1dfaa3ee65\u002Four_guide_to_icon_design_and_animation_image_17.jpg",{},{"type":55,"content":2854},[2855,2857,2861],{"text":2856,"type":59},"To adjust the Grid type and size, tap on the ",{"text":2858,"type":59,"marks":2859},"Settings ",[2860],{"type":68},{"text":2862,"type":59},"and adjust the settings.",{"type":76,"attrs":2864},{"id":1707,"body":2865},[2866],{"_uid":2867,"asset":2868,"component":1862,"description":34},"d666d85c-ae17-422a-9813-815a8f32e9d8",[2869],{"_uid":2870,"asset":2871,"device":1860,"component":1861},"f476d49b-eb40-47d8-9b90-896fd4b52e9c",[2872],{"_uid":2873,"image":2874,"imageAlt":2875,"component":39},"50c9abb2-d66c-46da-89f3-048ebcf36b33",{"alt":2875,"filename":2876,"fieldtype":36,"meta_data":2877,"is_external_url":16},"Perpendicular grid spacing","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fa7d83614f9\u002Four_guide_to_icon_design_and_animation_image_18.jpg",{},{"type":98,"attrs":2879,"content":2880},{"level":168},[2881],{"text":2882,"type":59},"Use the Shape Builder Tool",{"type":55,"content":2884},[2885,2887],{"text":2886,"type":59},"Like your sketch, your vector art won’t fall far from the tree. It’s also going to be made of the ",{"text":2888,"type":59,"marks":2889},"same basic shapes.",[2890],{"type":68},{"type":55,"content":2892},[2893,2895,2901,2903,2909],{"text":2894,"type":59},"You can easily build different shapes by using Linearity Curve's ",{"text":2896,"type":59,"marks":2897},"Shape Builder Tool",[2898],{"type":131,"attrs":2899},{"href":2900,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fshape-builder\u002F",{"text":2902,"type":59},". You can change the number of sides of your polygon by using the slider that appears once the shape is selected. Access it via the ",{"text":2904,"type":59,"marks":2905},"Quick Action menu ",[2906],{"type":131,"attrs":2907},{"href":2908,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fgesture-controls-quick-actions",{"text":2910,"type":59},"after the shape is drawn.",{"type":55,"content":2912},[2913],{"text":2914,"type":59},"There’s also the matter of rounding corners, which is the Corner Radius function. Also available via the slider or the Quick Actions menu.",{"type":55,"content":2916},[2917,2919,2923],{"text":2918,"type":59},"To keep the ",{"text":2920,"type":59,"marks":2921},"aspect ratio of your shape",[2922],{"type":68},{"text":2924,"type":59},", simply hold the canvas with an extra finger when working on an iPad or pressing down the Shift key on Mac.",{"type":98,"attrs":2926,"content":2927},{"level":168},[2928],{"text":2929,"type":59},"Use the Pen Tool",{"type":55,"content":2931},[2932,2938,2940],{"text":2933,"type":59,"marks":2934},"The Pen Tool ",[2935],{"type":131,"attrs":2936},{"href":2937,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fpen-tool",{"text":2939,"type":59},"is essential in vector design. It works especially well for ",{"text":2941,"type":59,"marks":2942},"drawing smooth, curved vector lines.",[2943],{"type":68},{"type":55,"content":2945},[2946],{"text":2947,"type":59},"To do so, just tap the canvas at the point where you want to start the curve and drag your pen or mouse until the two handles associated with the point achieve the length you want. Then tap and drag again to see how the curve takes shape.",{"type":76,"attrs":2949},{"id":1707,"body":2950},[2951],{"_uid":2952,"asset":2953,"component":1862,"description":34},"af56fe6c-7b49-4642-89f8-9d9b5ef76f05",[2954],{"_uid":2955,"asset":2956,"device":1860,"component":1861},"6ee68d68-6403-46b4-98b1-9444e5fd3350",[2957],{"_uid":2958,"image":2959,"imageAlt":2960,"component":39},"24951602-91ec-4d8a-b450-227ff13b53a7",{"alt":2960,"filename":2961,"fieldtype":36,"meta_data":2962,"is_external_url":16},"Icon drawing with Pen tool","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F8a63d92430\u002Four_guide_to_icon_design_and_animation_image_19.jpg",{},{"type":55,"content":2964},[2965,2967],{"text":2966,"type":59},"These instructions sound strange if you’ve never used the Pen Tool before. But once you try, you’ll know what we mean. And if you haven’t watched the video at the top of this article yet, ensure you do so. All these steps are ",{"text":2968,"type":59,"marks":2969},"explained better visually.",[2970],{"type":68},{"type":98,"attrs":2972,"content":2973},{"level":168},[2974],{"text":2975,"type":59},"Use Auto Trace",{"type":55,"content":2977},[2978,2980,2986],{"text":2979,"type":59},"You can also use our AI-enhanced ",{"text":2981,"type":59,"marks":2982},"Auto Trace function",[2983],{"type":131,"attrs":2984},{"href":2985,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fauto-trace\u002F",{"text":2987,"type":59},". Auto Trace uses a powerful algorithm to instantly convert your sketches and photos into crisp vector graphics.",{"type":76,"attrs":2989},{"id":1707,"body":2990},[2991],{"_uid":2992,"asset":2993,"component":1862,"description":34},"7dcd0aee-fe9a-40ee-af88-ecbe745357fe",[2994],{"_uid":2995,"asset":2996,"device":1860,"component":1861},"dc3d48be-3314-4a15-8490-2b0a8b166cef",[2997],{"_uid":2998,"image":2999,"imageAlt":3000,"component":39},"4d6a6776-2a2d-465a-987f-45c15f62faba",{"alt":3000,"filename":3001,"fieldtype":36,"meta_data":3002,"is_external_url":16},"Auto Trace Linearity Curve","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3d69d4d154\u002Four_guide_to_icon_design_and_animation_image_20.jpg",{},{"type":55,"content":3004},[3005],{"text":3006,"type":59},"You don't have to spend hours with the Shape Builder or Pen Tool. Auto Trace does the heavy lifting so you can focus on what matters: fine-tuning your design by adding or removing details, adjusting colors, and bringing your vision to life.",{"type":98,"attrs":3008,"content":3009},{"level":100},[3010],{"text":3011,"type":59},"Step 5: export to SVG",{"type":55,"content":3013},[3014],{"text":3015,"type":59},"Naturally, the final step is exporting your icon artwork.",{"type":55,"content":3017},[3018,3020,3024],{"text":3019,"type":59},"You might ask yourself what size your icon should be. That’s really less important. A vector is ",{"text":3021,"type":59,"marks":3022},"high-quality",[3023],{"type":68},{"text":3025,"type":59},", no matter the size. One of the main rules to obey when creating icons is that they must fit into a square.",{"type":55,"content":3027},[3028],{"text":3029,"type":59},"Do you feel more comfortable working with a very specific size? You can use any of these default icon sizes:",{"type":175,"content":3031},[3032,3038,3044,3050,3056,3062,3068,3074,3080],{"type":178,"content":3033},[3034],{"type":55,"content":3035},[3036],{"text":3037,"type":59},"16 x 16px",{"type":178,"content":3039},[3040],{"type":55,"content":3041},[3042],{"text":3043,"type":59},"24 x 24px",{"type":178,"content":3045},[3046],{"type":55,"content":3047},[3048],{"text":3049,"type":59},"32 x 32px",{"type":178,"content":3051},[3052],{"type":55,"content":3053},[3054],{"text":3055,"type":59},"48 x 48px",{"type":178,"content":3057},[3058],{"type":55,"content":3059},[3060],{"text":3061,"type":59},"64 x 64px",{"type":178,"content":3063},[3064],{"type":55,"content":3065},[3066],{"text":3067,"type":59},"96 x 96px",{"type":178,"content":3069},[3070],{"type":55,"content":3071},[3072],{"text":3073,"type":59},"128 x 128px",{"type":178,"content":3075},[3076],{"type":55,"content":3077},[3078],{"text":3079,"type":59},"256 x 256px",{"type":178,"content":3081},[3082],{"type":55,"content":3083},[3084],{"text":3085,"type":59},"512 x 512px",{"type":76,"attrs":3087},{"id":1707,"body":3088},[3089],{"_uid":3090,"emoji":34,"bgColor":47,"markdown":3091,"component":152},"f3111b5a-e734-4b8e-a777-15a13ae2a2eb","Always check the ****guidelines or requirements**** for your particular project, especially if you’re designing [application icons](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fhow-to-design-app-icons\u002F) for iOS or Android.",{"type":55,"content":3093},[3094,3096,3100,3102,3108],{"text":3095,"type":59},"Go to ",{"text":3097,"type":59,"marks":3098},"File name > Export",[3099],{"type":68},{"text":3101,"type":59},", and select a vector graphics ",{"text":3103,"type":59,"marks":3104},"file type like SVG",[3105],{"type":131,"attrs":3106},{"href":3107,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fsvg-vs-png\u002F",{"text":3109,"type":59},". You’ll now have a brand new original icon ready to meet the world.",{"type":76,"attrs":3111},{"id":1707,"body":3112},[3113],{"_uid":3114,"asset":3115,"component":1862,"description":34},"81160757-b27d-4263-be7b-3930d1bc8c06",[3116],{"_uid":3117,"asset":3118,"device":1860,"component":1861},"5ddfe124-0325-4862-9f4f-e97e96910216",[3119],{"_uid":3120,"image":3121,"imageAlt":3122,"component":39},"e1eb8e41-fb32-4674-a9a9-f03fce32d1b6",{"alt":3122,"filename":3123,"fieldtype":36,"meta_data":3124,"is_external_url":16},"Ice cream icon drawing Linearity","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F937746a1e9\u002Four_guide_to_icon_design_and_animation_image_21.jpg",{},{"type":98,"attrs":3126,"content":3127},{"level":100},[3128],{"text":3129,"type":59},"Bonus step: animate your icons",{"type":55,"content":3131},[3132,3137,3139,3145],{"text":3133,"type":59,"marks":3134},"Linearity Move ",[3135],{"type":131,"attrs":3136},{"href":1132,"uuid":134,"anchor":134,"target":1826,"linktype":88},{"text":3138,"type":59},"makes animating your icons easy—check out our step-by-step ",{"text":3140,"type":59,"marks":3141},"tutorial on icon animation",[3142],{"type":131,"attrs":3143},{"href":3144,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Ftutorials\u002Fanimate-with-move\u002Fanimated-icon\u002F",{"text":3146,"type":59},". Here are the three main steps to bring your vector creations to life:",{"type":405,"attrs":3148,"content":3149},{"order":407},[3150,3160,3170],{"type":178,"content":3151},[3152],{"type":55,"content":3153},[3154,3158],{"text":3155,"type":59,"marks":3156},"Design your icon in Linearity Curve",[3157],{"type":68},{"text":3159,"type":59},". Curve is seamlessly integrated with Linearity Move.",{"type":178,"content":3161},[3162],{"type":55,"content":3163},[3164,3168],{"text":3165,"type":59,"marks":3166},"Break down the animation into steps",[3167],{"type":68},{"text":3169,"type":59},". Think about the key moments of your animation and create a separate Artboard for each one in Curve. For instance, if you want an eye to blink, you'd have one Artboard for the open eye and another for the closed eye.",{"type":178,"content":3171},[3172],{"type":55,"content":3173},[3174,3178,3180,3186],{"text":3175,"type":59,"marks":3176},"Let Linearity Move do the magic",[3177],{"type":68},{"text":3179,"type":59},". Once you've imported your Artboards into Move, Linearity's ",{"text":3181,"type":59,"marks":3182},"Auto Animate feature",[3183],{"type":131,"attrs":3184},{"href":3185,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fauto-animate\u002F",{"text":3187,"type":59}," will analyze the changes between them and automatically create smooth transitions.",{"type":55,"content":3189},[3190,3192,3198],{"text":3191,"type":59},"Another quick and effective way to animate your icon is to simply open the Curve file in Move and use the Timeline Playhead to add ",{"text":3193,"type":59,"marks":3194},"Animation Presets ",[3195],{"type":131,"attrs":3196},{"href":3197,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Fmove\u002Fmac\u002Fuser-guide\u002Flibrary\u002Fpresets",{"text":3199,"type":59},"at different points.",{"type":76,"attrs":3201},{"id":1707,"body":3202},[3203],{"_uid":3204,"asset":3205,"component":1862,"description":34},"5f0cebeb-4139-474a-92fe-e8abe96118bb",[3206],{"_uid":3207,"asset":3208,"device":1860,"component":1861},"33e58006-ae8a-43a8-82e3-2bc0465d8f60",[3209],{"_uid":3210,"image":3211,"imageAlt":3212,"component":39},"d5b04992-573f-42b7-b29c-2779a5776631",{"alt":3212,"filename":3213,"fieldtype":36,"meta_data":3214,"is_external_url":16},"Animating icon with presets in Linearity Move","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F439f309732\u002Four_guide_to_icon_design_and_animation_image_22.jpg",{},{"type":76,"attrs":3216},{"id":1707,"body":3217},[3218],{"lg":1605,"_uid":3219,"initial":3220,"component":156,"backgroundColor":157},"631d14e2-34c8-42da-8220-36500b945a92","20",{"type":76,"attrs":3222},{"id":1707,"body":3223},[3224],{"_uid":3225,"asset":3226,"content":1437,"markdown":3238,"component":1869,"disclaimer":3242,"rightAlign":16},"i-710d24fb-aafb-4364-b087-567a3a49fcc0",[3227],{"_uid":3228,"asset":3229,"component":1862,"description":34},"be369026-bac7-4869-848d-2c3f35b42c8a",[3230],{"_uid":3231,"asset":3232,"device":1860,"component":1861},"f22a5b4b-0fe0-4975-841d-0547bb79ceb4",[3233],{"_uid":3234,"image":3235,"imageAlt":39,"component":39},"91f038fb-2e64-4b11-8531-9c08b607f85c",{"alt":34,"filename":3236,"fieldtype":36,"meta_data":3237,"is_external_url":16},"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F0ae046dfb0\u002Four_guide_to_icon_design_and_animation_image_23.jpg",{},[3239],{"_uid":3240,"markdown":3241,"component":1868},"ab8970ce-f4b7-4a88-af32-ed66ed4b0dc4","Using animation presets like Scale In and Jump, you can create eye-catching animations in no time.\n\nYou can also tweak your element animations by adding [Keyframes ](https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Fmove\u002Fmac\u002Fuser-guide\u002Fanimate-mode\u002Fkeyframes)to your Timeline.\n\nSee the quick icon animation we made using Presets on the left.",[],{"type":55},{"type":98,"attrs":3245,"content":3246},{"level":100},[3247],{"text":3248,"type":59},"Icon design trends",{"type":55,"content":3250},[3251,3253,3259,3261,3265],{"text":3252,"type":59},"Icons play a vital role in ",{"text":3254,"type":59,"marks":3255},"marketing and branding ",[3256],{"type":131,"attrs":3257},{"href":3258,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Fuse-cases\u002Fmarketing-assets\u002F",{"text":3260,"type":59},"by acting as ",{"text":3262,"type":59,"marks":3263},"more than just visual aids",[3264],{"type":68},{"text":3266,"type":59},". By designing a well-crafted icon set, you can transform them into recognizable symbols that embody your brand's personality and values.",{"type":76,"attrs":3268},{"id":1707,"body":3269},[3270],{"src":3271,"_uid":3272,"component":161},"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FwYO6EvgLGWY","i-47e3199b-7226-4440-ad0f-e0ef37f74f58",{"type":55,"content":3274},[3275],{"text":3276,"type":59},"When these icons consistently align with your overall brand language, they contribute to a unified user experience, solidifying your brand identity in the minds of your audience.",{"type":55,"content":3278},[3279,3281,3285],{"text":3280,"type":59},"In the world of icon design, trends are moving towards ",{"text":3282,"type":59,"marks":3283},"subtle embellishments ",[3284],{"type":68},{"text":3286,"type":59},"that enhance user experience and visual appeal.",{"type":76,"attrs":3288},{"id":1707,"body":3289},[3290,3311],{"_uid":3291,"asset":3292,"content":1437,"markdown":3306,"component":1869,"disclaimer":3310,"rightAlign":16},"i-eda2d50c-41e4-4996-a50a-f11fde7bd90a",[3293],{"_uid":3294,"asset":3295,"component":1862,"description":3305},"628011ca-2c7a-4325-9989-d45e65724058",[3296],{"_uid":3297,"asset":3298,"device":1860,"component":1861},"0f69ed80-171f-4037-9c9b-a68cc0cd1ab5",[3299],{"_uid":3300,"image":3301,"imageAlt":3302,"component":39},"8d81633a-11ff-4976-8eb5-88f61f5335ba",{"alt":3302,"filename":3303,"fieldtype":36,"meta_data":3304,"is_external_url":16},"pink bear icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fa6fe0d2008\u002Four_guide_to_icon_design_and_animation_image_24.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-icon\u002Fbear_6872919 )",[3307],{"_uid":3308,"markdown":3309,"component":1868},"cb072b33-8618-4f51-bba0-e323c23e06b1","Gradients and **long shadow icons** add a touch of depth without sacrificing clarity.\n\nMicro-animations can provide user feedback and make interactions more engaging.\n\n**Thematic icon sets** with a unified color scheme or style can elevate the overall design aesthetic. Data-filled icons are another interesting approach, offering informative visualizations within the icon itself.",[],{"lg":1605,"md":34,"sm":34,"xl":34,"xs":34,"xl2":34,"xl3":34,"_uid":3312,"initial":3220,"component":156,"backgroundColor":157},"i-fa7dcdb9-7d3f-46f0-a904-e9cd839da9f3",{"type":55},{"type":76,"attrs":3315},{"id":1707,"body":3316},[3317],{"_uid":3318,"asset":3319,"content":1437,"markdown":3333,"component":1869,"disclaimer":3337,"rightAlign":1094},"i-e796ca99-a457-477a-a1ea-0058a8c35a1b",[3320],{"_uid":3321,"asset":3322,"component":1862,"description":3332},"f209e12b-cfc5-4f1a-acb1-d436a720e9a1",[3323],{"_uid":3324,"asset":3325,"device":1860,"component":1861},"f89d8cf7-9e8d-404a-9797-b81e5ed83eea",[3326],{"_uid":3327,"image":3328,"imageAlt":3329,"component":39},"214ef9aa-f658-437e-8525-e38dbd26bfdc",{"alt":3329,"filename":3330,"fieldtype":36,"meta_data":3331,"is_external_url":16},"animated wave icon","https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F10e0df29da\u002Four_guide_to_icon_design_and_animation_image_25.jpg",{},"Image source: [Flaticon](https:\u002F\u002Fwww.flaticon.com\u002Ffree-animated-icon\u002Fwaves_16104466)",[3334],{"_uid":3335,"markdown":3336,"component":1868},"75421b1c-9d4f-44db-8812-39d7cab7aaa5","But trends also push boundaries.\n\n**Duotone and tri-tone icons** utilize bold contrasting colors for a striking look, while broken line icons embrace a more dynamic, unfinished aesthetic with open lines and pathways.\n\nThe rise of voice interfaces and augmented reality (AR) presents exciting possibilities for the future of icon design.",[],{"type":55},{"type":55,"content":3340},[3341],{"text":3342,"type":59},"Here's a glimpse into what might lie ahead:",{"type":175,"content":3344},[3345,3355,3365,3375,3385],{"type":178,"content":3346},[3347],{"type":55,"content":3348},[3349,3353],{"text":3350,"type":59,"marks":3351},"Voice-activated icons:",[3352],{"type":68},{"text":3354,"type":59}," Imagine icons that dynamically change or respond to voice commands. This could involve highlighting relevant icons as you speak or using audio cues to reinforce their function.",{"type":178,"content":3356},[3357],{"type":55,"content":3358},[3359,3363],{"text":3360,"type":59,"marks":3361},"Multimodal interaction:",[3362],{"type":68},{"text":3364,"type":59}," Icon design might integrate with other sensory inputs like touch or spatial gestures. For example, hovering your hand over an icon in AR could reveal additional information or trigger an animation.",{"type":178,"content":3366},[3367],{"type":55,"content":3368},[3369,3373],{"text":3370,"type":59,"marks":3371},"Context-aware icons:",[3372],{"type":68},{"text":3374,"type":59}," Icons can adapt to the user's situation and environment. Imagine weather app icons that change based on the real-time forecast or navigation icons that adjust based on your location in AR.",{"type":178,"content":3376},[3377],{"type":55,"content":3378},[3379,3383],{"text":3380,"type":59,"marks":3381},"Simplification for AR integration:",[3382],{"type":68},{"text":3384,"type":59}," Complex icons might not translate well to AR overlays on real-world surfaces. The future might favor simpler, more abstract iconography for seamless integration with the physical environment.",{"type":178,"content":3386},[3387],{"type":55,"content":3388},[3389,3393],{"text":3390,"type":59,"marks":3391},"The rise of micro-interactions:",[3392],{"type":68},{"text":3394,"type":59}," Subtle animations and micro-interactions within icons might become even more important in conveying information.",{"type":98,"attrs":3396,"content":3397},{"level":100},[3398],{"text":3399,"type":59},"Design beyond icons",{"type":55,"content":3401},[3402,3404,3408],{"text":3403,"type":59},"As simple as the end product looks, icons aren’t as easy to design. By understanding the different styles, trends, and best practices, you can create icons that look great and effectively ",{"text":3405,"type":59,"marks":3406},"communicate and enhance user experience",[3407],{"type":68},{"text":243,"type":59},{"type":55,"content":3410},[3411],{"text":3412,"type":59},"Ready to take your icon designs to the next level? Using Linearity’s powerful vector design and animation platform can streamline your workflow and easily create stunning icons.",{"type":76,"attrs":3414},{"id":1707,"body":3415},[3416],{"_uid":3417,"emoji":926,"bgColor":47,"markdown":3418,"component":152},"i-0c28a08c-db03-43cb-995e-ac047a31c066","Our platform includes an expanding [library of customizable icons](https:\u002F\u002Fwww.linearity.io\u002Facademy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Flibraries\u002Ficons\u002F) and [design templates](https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002F), making your design process ****faster and more efficient****.",{"type":55,"content":3420},[3421,3423,3428],{"text":3422,"type":59},"Whether you're a seasoned designer or just starting out, Linearity can help you bring your icon ideas to life. Get started for free below, or check out our ",{"text":3424,"type":59,"marks":3425},"Pro and Org pricing ",[3426],{"type":131,"attrs":3427},{"href":1587,"uuid":134,"anchor":134,"target":1826,"linktype":88},{"text":3429,"type":59},"for professionals and teams.",{"type":76,"attrs":3431},{"id":1707,"body":3432},[3433],{"_uid":3434,"image":3435,"title":828,"button":3439,"component":833,"description":834},"0e524194-4bd5-4d52-9e18-c0765607c863",[3436],{"_uid":3437,"image":3438,"imageAlt":2179,"component":39},"ef7cd444-491c-4a5a-a848-9c08dc42721b",{"filename":2178,"fieldtype":36},[3440],{"_uid":3441,"icon":34,"link":3442,"size":90,"text":91,"type":92,"component":93},"ec4682ff-b17c-46c5-913b-49466317cbeb",{"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},{"type":98,"attrs":3444,"content":3445},{"level":100},[3446],{"text":3447,"type":59},"Frequently asked questions",{"type":76,"attrs":3449},{"id":1707,"body":3450},[3451],{"_uid":3452,"component":1609,"questions":3453},"i-4f6a7a15-ca8a-426e-abc7-fb37debf7e0a",[3454,3474,3489],{"name":3455,"created_at":3456,"published_at":3457,"updated_at":3456,"id":3458,"uuid":3459,"content":3460,"slug":3466,"full_slug":3467,"sort_by_date":134,"position":3468,"tag_list":3469,"is_startpage":16,"parent_id":3470,"meta_data":134,"group_id":3471,"first_published_at":3472,"release_id":134,"lang":1636,"path":134,"alternates":3473,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Why are icons important?","2024-11-19T09:45:35.284Z","2024-12-09T16:19:15.000Z",580906488,"24424a66-fabf-4a2a-bec7-e293d4886e09",{"_uid":3461,"title":3455,"answer":3462,"category":3463,"component":3464,"readMoreLink":3465,"hideFromFaqPage":1094,"showReadMoreLink":16},"5b476d6e-dfdd-4236-9960-51d5a50f97aa","As the world gets busier and crazier, icons are a much-needed part of our lives that help convey messages simply, elegantly, and quickly.\n\nWhether you need to find the right app feature or when searching for the bathroom in a foreign airport, ****icons save you a lot of time****. And not only!\n\nAll traffic signs are icons. Imagine being in Japan and not knowing if you can cross the street at a certain point. Icons are lifesavers when we all need to ****communicate in the same language**** without speaking.\n\nIf you are a [User Interface (UI) designer](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fconversational-interfaces), using the right icons will ensure that your app's functionality stays consistent worldwide.\n\nPretty powerful, isn't it? Icons unite the world. Now that we know just how important these little symbols are, let’s design them. Although many icons have been created and will continue to be created, there will always be a demand for more. More topics, different colors, different styles, different branding.","Blog","Question",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"why-are-icons-important","faq\u002Fblog-faqs\u002Fblog-faq-generated\u002Fwhy-are-icons-important",-1260,[],580879771,"d6959a82-c6fe-4e43-9626-34fa9513ce4a","2024-12-09T16:19:15.569Z",[],{"name":3475,"created_at":3476,"published_at":3457,"updated_at":3476,"id":3477,"uuid":3478,"content":3479,"slug":3483,"full_slug":3484,"sort_by_date":134,"position":3485,"tag_list":3486,"is_startpage":16,"parent_id":3470,"meta_data":134,"group_id":3487,"first_published_at":3472,"release_id":134,"lang":1636,"path":134,"alternates":3488,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"What are the benefits of good icon design?","2024-11-19T09:45:36.584Z",580906489,"694688dc-0bb2-4dd0-b0e3-a1f63b4edbc5",{"_uid":3480,"title":3475,"answer":3481,"category":3463,"component":3464,"readMoreLink":3482,"hideFromFaqPage":1094,"showReadMoreLink":16},"51e34ea7-c37d-489e-9a46-e0089ac22dc9","Clear and well-designed icons can improve usability by making interfaces easier to understand and navigate. They can also enhance user engagement by adding visual interest and contribute to brand recognition by establishing a consistent visual language.",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"what-are-the-benefits-of-good-icon-design","faq\u002Fblog-faqs\u002Fblog-faq-generated\u002Fwhat-are-the-benefits-of-good-icon-design",-1270,[],"7bc019c6-bfe6-44e2-b107-cb0015dd2c07",[],{"name":3490,"created_at":3491,"published_at":3457,"updated_at":3491,"id":3492,"uuid":3493,"content":3494,"slug":3498,"full_slug":3499,"sort_by_date":134,"position":3500,"tag_list":3501,"is_startpage":16,"parent_id":3470,"meta_data":134,"group_id":3502,"first_published_at":3472,"release_id":134,"lang":1636,"path":134,"alternates":3503,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"What are the current trends in icon design?","2024-11-19T09:45:37.879Z",580906490,"5812271a-ff1f-4497-97c9-57e53ca839f4",{"_uid":3495,"title":3490,"answer":3496,"category":3463,"component":3464,"readMoreLink":3497,"hideFromFaqPage":1094,"showReadMoreLink":16},"c55ba188-9305-490f-a208-c76d7e638b45","[Current trends](https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fdesign-trends\u002F) include using gradients, micro-animations, thematic icon sets, long shadow styles, and data-filled icons that integrate data visualization elements.",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"what-are-the-current-trends-in-icon-design","faq\u002Fblog-faqs\u002Fblog-faq-generated\u002Fwhat-are-the-current-trends-in-icon-design",-1280,[],"8094b25f-173c-4574-8cc0-f1ee12c2d7dd",[],{"id":3505,"alt":1689,"name":34,"focus":34,"title":1689,"source":34,"filename":3506,"copyright":34,"fieldtype":36,"meta_data":3507,"is_external_url":16},18932092,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Faddcb0e540\u002Ficon-design_thumbnail-1.png",{},{"id":3509,"filename":3510,"fieldtype":36,"is_external_url":16},18540868,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F4cf1b9397f\u002Ficon-design-newblogcover-1.png","Our Guide to Icon Design and Animation","2024-05-19 12:00","Do you want to create your first icon set but have no idea where to start? Designing icons is much like any other design process.","blog\u002Ficon-design",579713057,"2026-09-05T00:16:40.967Z","b9a3b2aa-ab23-4a84-b497-1d63e7d158c2",{"Blog":3519,"_uid":3584,"Footer":3585,"Header":3946,"Academy":4676,"Featured":4726,"UseCases":4774,"Community":4812,"bottomCta":4843,"component":4850,"Comparison":4851,"meta_image":4892,"meta_title":4895,"page_title":4896,"AcademyMove":4897,"AcademyCurve":4920,"FeaturesMove":4943,"commercialBar":4981,"promoteBanner":4982,"InvitationBanner":5007,"meta_description":5018,"pricingPopupData":5019,"bottomLogoSection":5035,"popularSearchesBlog":5069,"templateDescription":5120,"bottomProductSection":5124,"popularSearchesAcademy":5174,"tutorialPageDisclaimer":5204,"popularSearchesTemplates":5209,"pricingCheckoutPopupData":5298,"popularSearchesHelpCenter":5405},[3520],{"_uid":3521,"link":3522,"name":3523,"links":3524,"component":3583},"7ec7354f-1c86-4af0-9b24-67a31cbedf0e",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"Articles and Insights",[3525,3536,3541],{"_uid":3526,"link":3527,"name":3534,"component":3535},"a58cfebb-3f92-451b-b6b7-8a2445471d7e",{"id":3528,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3529,"story":3530},"e6fd5e83-4eab-4de3-847a-f2cc514d5f0d","blog\u002Ftag\u002Finside-linearity",{"name":3531,"id":3532,"uuid":3528,"slug":3533,"url":3529,"full_slug":3529,"_stopResolving":1094},"Inside linearity",540222578,"inside-linearity","Inside Linearity","HeaderLinkItem",{"_uid":3537,"link":3538,"name":3540,"component":3535},"3de4dcc5-4ade-4718-9ca3-f44bfd3b599b",{"id":12,"url":34,"linktype":2184,"fieldtype":89,"cached_url":1642,"story":3539},{"name":7,"id":11,"uuid":12,"slug":1641,"url":1642,"full_slug":1642,"_stopResolving":1094},"Design Resources",{"_uid":3542,"name":3543,"links":3544,"component":3582},"fa803a33-d616-42ca-868f-bbb615406b3d","Get inspired",[3545,3555,3563,3573],{"_uid":3546,"link":3547,"name":3554,"component":3535},"be4286b8-b60f-4c98-a830-6437d8e0faa8",{"id":3548,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3549,"story":3550},"0cc678b7-aaa9-45fb-a642-84a1003b7b6f","blog\u002Ftag\u002Fanimation-trends",{"name":3551,"id":3552,"uuid":3548,"slug":3553,"url":3549,"full_slug":3549,"_stopResolving":1094},"Animation Trends",540222975,"animation-trends","Animation trends",{"_uid":3556,"link":3557,"name":3560,"component":3535},"ba50649f-4d79-4375-af96-f04e7ec82082",{"id":27,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3558,"story":3559},"blog\u002Ftag\u002Fanimation-resources",{"name":3560,"id":3561,"uuid":27,"slug":3562,"url":3558,"full_slug":3558,"_stopResolving":1094},"Animation Resources",540227934,"animation-resources",{"_uid":3564,"link":3565,"name":3572,"component":3535},"6ec36045-b476-4bb2-92ec-de884bec63c4",{"id":3566,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3567,"story":3568},"a5aa344d-168e-4b53-8361-fddc26b8616c","blog\u002Ftag\u002Fpromotional-design",{"name":3569,"id":3570,"uuid":3566,"slug":3571,"url":3567,"full_slug":3567,"_stopResolving":1094},"Promotional Design",540222307,"promotional-design","Promotional design",{"_uid":3574,"link":3575,"name":3579,"component":3535},"5b85408d-5f85-4126-9bc8-7187e8e71237",{"id":3576,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3577,"story":3578},"20320e46-5cb9-4165-8067-0dfa4b555d83","blog\u002Ftag\u002Fcreative-insights",{"name":3579,"id":3580,"uuid":3576,"slug":3581,"url":3577,"full_slug":3577,"_stopResolving":1094},"Creative Insights",540225996,"creative-insights","SubNavigationDropdown","SubNavigationGroup","9c4f8465-4f1e-479c-b86f-c5b753f2697e",[3586],{"_uid":3587,"columns":3588,"ctaTitle":3868,"component":3869,"middleLinks":3870,"socialLinks":3908,"trustedText":3935,"socialsLabel":3936,"copyrightText":3937,"ctaButtonLink":3938,"ctaButtonText":91,"downloadLabel":3940,"ctaDescription":3941,"linkGraphicArt":3942,"linkMotionGraphics":3944,"newsletterFieldPlaceholder":34},"2d2e1185-ced7-433f-b2a7-b0f696b84ab9",[3589,3623,3647,3663,3695,3743,3778,3822],{"_uid":3590,"name":3591,"links":3592,"component":3622},"38e9eff2-588e-4b3c-8bac-1955b89ffa5c","Products",[3593,3604,3613],{"_uid":3594,"link":3595,"name":3602,"component":3603,"isExternalLink":16},"bf02f00d-e815-4e4c-a4c9-df3f72181c4e",{"id":3596,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3597,"story":3598},"2c9e3a97-84b4-429f-aef8-0d3925214090","use-cases\u002Fanimated-graphics",{"name":3599,"id":3600,"uuid":3596,"slug":3601,"url":3597,"full_slug":3597,"_stopResolving":1094},"Animated graphics",392463945,"animated-graphics","Motion","LinkItem",{"_uid":3605,"link":3606,"name":3610,"component":3603},"d8249561-d2c4-4f89-b155-b7d0d3e2af7c",{"id":3607,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3608,"story":3609},"e398f327-3178-403c-b91c-05eb56c7e8a9","use-cases\u002Ftemplates",{"name":3610,"id":3611,"uuid":3607,"slug":3612,"url":3608,"full_slug":3608,"_stopResolving":1094},"Templates",341542881,"templates",{"_uid":3614,"link":3615,"name":3619,"component":3603},"69ba7879-c1ea-4991-a93a-643141d9d5a8",{"id":3616,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3617,"story":3618},"acf4fbdf-cebc-41d2-b685-cdaa80b92a4d","features\u002Fworkspaces",{"name":3619,"id":3620,"uuid":3616,"slug":3621,"url":3617,"full_slug":3617,"_stopResolving":1094},"Workspaces",503785954,"workspaces","FooterColumn",{"_uid":3624,"name":3625,"links":3626,"component":3622},"88de6796-1384-4168-ad69-a990d6d44f8e","Solutions",[3627,3637],{"_uid":3628,"link":3629,"name":3636,"component":3603,"isExternalLink":16},"cb5ae9fe-8a74-4dd8-b1ce-9b9a46ef593d",{"id":3630,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3631,"story":3632},"703f0234-2b71-42c7-9fce-5fd245962cb0","use-cases\u002Fmarketing-assets",{"name":3633,"id":3634,"uuid":3630,"slug":3635,"url":3631,"full_slug":3631,"_stopResolving":1094},"Marketing Assets",366422023,"marketing-assets","Marketing Teams",{"_uid":3638,"link":3639,"name":3646,"component":3603,"isExternalLink":16},"06921df1-1578-4fa8-9bc0-39c2e3deed02",{"id":3640,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3641,"story":3642},"927633bf-3014-432e-9f09-63456e093250","use-cases\u002Fbranding",{"name":3643,"id":3644,"uuid":3640,"slug":3645,"url":3641,"full_slug":3641,"_stopResolving":1094},"Branding",335495867,"branding","Brand Teams",{"_uid":3648,"name":3649,"links":3650,"component":3622},"4fbd0f94-4832-4dbf-9712-f6016d9c1316","Enterprise",[3651,3658],{"_uid":3652,"link":3653,"name":3649,"component":3603,"isExternalLink":16},"c155a742-80ba-461f-adcb-24c044a400b1",{"id":3654,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3655,"story":3656},"3610da8b-6aae-459a-958d-a2982bfc3687","enterprise",{"name":3649,"id":3657,"uuid":3654,"slug":3655,"url":3655,"full_slug":3655,"_stopResolving":1094},195155447772690,{"_uid":3659,"link":3660,"name":3662,"component":3603,"isExternalLink":1094},"f5229eb3-743a-455f-a3bd-e4692eb84e86",{"id":34,"url":3661,"linktype":88,"fieldtype":89,"cached_url":3661},"https:\u002F\u002Fform.typeform.com\u002Fto\u002FlSocCNm5","Contact Sales",{"_uid":3664,"name":3665,"links":3666,"component":3622},"52aa5ca2-b8eb-458f-917a-022ab93542b1","Existing Products",[3667,3676,3685],{"_uid":3668,"link":3669,"name":1119,"component":3603},"2047cfcb-c158-4646-b422-f56a1c949dec",{"id":3670,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3671,"story":3672},"fe6456d6-bfd4-40cd-a40e-b24037da1703","curve\u002F",{"name":3673,"id":3674,"uuid":3670,"slug":3675,"url":3671,"full_slug":3671,"_stopResolving":1094},"Curve",288898168,"curve",{"_uid":3677,"link":3678,"name":1128,"component":3603},"42722bcc-acdc-4062-928a-ad16aec3370b",{"id":3679,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3680,"story":3681},"60ac2028-50a7-48c9-92e8-f600c8481707","move\u002F",{"name":3682,"id":3683,"uuid":3679,"slug":3684,"url":3680,"full_slug":3680,"_stopResolving":1094},"Move",300975051,"move",{"_uid":3686,"link":3687,"name":3694,"component":3603},"c8fb36e8-0b7a-4008-bb18-06519937ec58",{"id":3688,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3689,"story":3690},"d9451d51-a2a2-48e6-a495-fea6f1162b63","curve\u002Fvectornator-is-now-curve",{"name":3691,"id":3692,"uuid":3688,"slug":3693,"url":3689,"full_slug":3689,"_stopResolving":1094},"Vectornator is now Curve",326350013,"vectornator-is-now-curve","Open Curve",{"_uid":3696,"name":3697,"links":3698,"component":3622},"fc38d686-1f17-4768-80a3-2bd9600f2238","Company",[3699,3707,3715,3725,3730,3738],{"_uid":3700,"link":3701,"name":3706,"component":3603},"a3424674-4087-4646-9364-78488c61ec2d",{"id":3702,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3703,"story":3704},"344a5f9f-9b04-48b5-939d-f942339cfec5","about-us",{"name":3703,"id":3705,"uuid":3702,"slug":3703,"url":3703,"full_slug":3703,"_stopResolving":1094},295686852,"About",{"_uid":3708,"link":3709,"name":3714,"component":3603},"67eda6f7-b5d1-4991-ad39-db25cf418818",{"id":3710,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3711,"story":3712},"2306f92e-4af9-4340-b996-dbee66bd5eea","careers",{"name":3711,"id":3713,"uuid":3710,"slug":3711,"url":3711,"full_slug":3711,"_stopResolving":1094},291322313,"Careers",{"_uid":3716,"link":3717,"name":3724,"component":3603},"a7c106f6-014d-41a9-a87d-b218c3f8b111",{"id":3718,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3719,"story":3720},"00c5bc6e-cbb9-4582-9f9f-2019f3652f7e","community\u002F",{"name":3721,"id":3722,"uuid":3718,"slug":3723,"url":3719,"full_slug":3719,"_stopResolving":1094},"Community Home",319527715,"community","Community",{"_uid":3726,"link":3727,"name":3729,"component":3603,"isExternalLink":1094},"b7a1c669-688d-4683-8869-6af39a3bd5ea",{"id":34,"url":3728,"linktype":88,"fieldtype":89,"cached_url":3728},"https:\u002F\u002Flinearity.notion.site\u002FLinearity-Press-Kit-650a6d8e5a8247819466f1836d2100f5","Press Kit",{"_uid":3731,"link":3732,"name":3736,"component":3603,"isExternalLink":16},"e158ba4d-efeb-4575-b17e-cd0d90fb2b89",{"id":3733,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3734,"story":3735},"c5f6e05d-8db9-4f31-bde4-4634157af860","contact-support",{"name":3736,"id":3737,"uuid":3733,"slug":3734,"url":3734,"full_slug":3734,"_stopResolving":1094},"Contact Support",582642802,{"_uid":3739,"link":3740,"name":3742,"component":3603,"isExternalLink":1094},"42e5a085-850e-48e1-98da-cd6555fc5c79",{"id":34,"url":3741,"linktype":88,"fieldtype":89,"cached_url":3741},"https:\u002F\u002Fstatus.linearity.io\u002F","Status Page",{"_uid":3744,"name":38,"links":3745,"component":3622},"e874c1b3-a5ea-4b82-b505-7ccb75bd54b8",[3746,3751,3755,3760,3764,3772,3775],{"_uid":3747,"link":3748,"name":3750,"component":3603},"d2502c21-1a24-45e3-91ad-1f19196f2c84",{"id":3702,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3703,"story":3749},{"name":3703,"id":3705,"uuid":3702,"slug":3703,"url":3703,"full_slug":3703,"_stopResolving":1094},"About us",{"_uid":3752,"link":3753,"name":3724,"component":3603,"isExternalLink":16},"05ad118e-e6dd-4c86-ae77-2bc056f8d6a2",{"id":3718,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3719,"story":3754},{"name":3721,"id":3722,"uuid":3718,"slug":3723,"url":3719,"full_slug":3719,"_stopResolving":1094},{"_uid":3756,"link":3757,"name":3759,"component":3603},"ef3173cf-0424-4c0a-9b4c-ae80f6b96b4a",{"id":3710,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3711,"story":3758},{"name":3711,"id":3713,"uuid":3710,"slug":3711,"url":3711,"full_slug":3711,"_stopResolving":1094},"Career",{"_uid":3761,"link":3762,"name":3736,"component":3603},"578b6eb7-3bcf-456c-a0f6-b382623280ff",{"id":3733,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3734,"story":3763},{"name":3736,"id":3737,"uuid":3733,"slug":3734,"url":3734,"full_slug":3734,"_stopResolving":1094},{"_uid":3765,"link":3766,"name":3662,"component":3603},"101c0d1c-c2b1-491f-87ea-e2e50e8dbfdc",{"id":3767,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3768,"story":3769},"f27a0774-a81a-4ab1-9788-3785994060d1","contact",{"name":3770,"id":3771,"uuid":3767,"slug":3768,"url":3768,"full_slug":3768,"_stopResolving":1094},"Contact",323799739,{"_uid":3773,"link":3774,"name":3742,"component":3603,"isExternalLink":1094},"589169cd-eb8e-49c6-8281-0c013243c23a",{"id":34,"url":3741,"linktype":88,"fieldtype":89,"cached_url":3741},{"_uid":3776,"link":3777,"name":3729,"component":3603},"91e1e009-b648-4183-a301-d3d7dbe7c4d2",{"id":34,"url":3728,"linktype":88,"fieldtype":89,"cached_url":3728},{"_uid":3779,"name":3780,"links":3781,"component":3622},"83e19f4d-5355-43ae-ab7c-0421b15639b9","Compare",[3782,3792,3802,3812],{"_uid":3783,"link":3784,"name":3791,"component":3603,"isExternalLink":16},"0a210e29-e7e2-40b1-8895-262153bc58c2",{"id":3785,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3786,"story":3787},"7954a72b-8454-4698-ade9-b8475ab08e02","comparison\u002Fcanva",{"name":3788,"id":3789,"uuid":3785,"slug":3790,"url":3786,"full_slug":3786,"_stopResolving":1094},"Canva v2",442555173,"canva","Canva Alternative",{"_uid":3793,"link":3794,"name":3801,"component":3603,"isExternalLink":16},"e987cfea-93bc-4e95-964b-9883087ed482",{"id":3795,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3796,"story":3797},"bcf46b44-2af9-4560-b9c0-2a0c91e036a1","comparison\u002Ffigma",{"name":3798,"id":3799,"uuid":3795,"slug":3800,"url":3796,"full_slug":3796,"_stopResolving":1094},"Figma v2",441854657,"figma","Figma Alternative",{"_uid":3803,"link":3804,"name":3811,"component":3603,"isExternalLink":16},"2fa4ba0a-c3a3-48f2-82cd-e6b69c048876",{"id":3805,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3806,"story":3807},"9c3ccbc8-8c15-46ea-bbe0-120a2b1a3a21","comparison\u002Fadobe-illustrator",{"name":3808,"id":3809,"uuid":3805,"slug":3810,"url":3806,"full_slug":3806,"_stopResolving":1094},"Adobe Illustrator",301280189,"adobe-illustrator","Adobe Illustrator Alternative",{"_uid":3813,"link":3814,"name":3821,"component":3603,"isExternalLink":16},"14ba6e12-8ef2-4084-acca-c1e11a62d322",{"id":3815,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3816,"story":3817},"4049647e-c169-4959-8885-ee44e5fcc91a","comparison\u002Faffinity-designer",{"name":3818,"id":3819,"uuid":3815,"slug":3820,"url":3816,"full_slug":3816,"_stopResolving":1094},"Affinity Designer",304730922,"affinity-designer","Affinity Designer Alternative",{"_uid":3823,"name":3824,"links":3825,"component":3622},"1d6151e9-49da-417e-a78b-d65f1fde9db7","Resources",[3826,3836,3844,3849,3858],{"_uid":3827,"link":3828,"name":3835,"component":3603,"isExternalLink":16},"e90c7b99-1464-4c50-bf31-ed6c7033cb63",{"id":3829,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3830,"story":3831},"915706ae-8335-4324-8b06-b3079109e99b","academy\u002F",{"name":3832,"id":3833,"uuid":3829,"slug":3834,"url":3830,"full_slug":3830,"_stopResolving":1094},"Academy Home",305559558,"academy","Academy",{"_uid":3837,"link":3838,"name":3463,"component":3603,"isExternalLink":16},"e890f77d-eb3b-40bc-bd1a-65f3c6939786",{"id":3839,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3840,"story":3841},"460ced51-3757-4024-b0e2-d4a43caebbd5","blog\u002F",{"name":3463,"id":3842,"uuid":3839,"slug":3843,"url":3840,"full_slug":3840,"_stopResolving":1094},533142832,"blog",{"_uid":3845,"link":3846,"name":3848,"component":3603,"isExternalLink":1094},"29e128a4-f12e-4c6b-88c9-2c553d86465b",{"id":34,"url":3847,"linktype":88,"fieldtype":89,"cached_url":3847},"https:\u002F\u002Fsupport.linearity.io\u002Fdocs","Help Center",{"_uid":3850,"link":3851,"name":3857,"component":3603,"isExternalLink":16},"db1d94f1-e45b-4700-ab08-ab8c8c3e5f7b",{"id":3852,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3853,"story":3854},"707c0443-3cf9-439c-88b4-a25d9791c25a","whats-new",{"name":3855,"id":3856,"uuid":3852,"slug":3853,"url":3853,"full_slug":3853,"_stopResolving":1094},"whats new",453739777,"What's New",{"_uid":3859,"link":3860,"name":3867,"component":3603,"isExternalLink":16},"65200575-1a57-4a88-86d4-bb83643f298e",{"id":3861,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3862,"story":3863},"f9d4cb1c-158d-408e-be59-8a022a766bd8","academy\u002Fglossary\u002Fa",{"name":3864,"id":3865,"uuid":3861,"slug":3866,"url":3862,"full_slug":3862,"_stopResolving":1094},"A",322831487,"a","Glossary","Get started with Linearity","FooterComponent",[3871,3880,3890,3899],{"_uid":3872,"link":3873,"name":3879,"component":3603},"ee6d54be-b26d-4550-84d9-ae927e32e869",{"id":3874,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3875,"story":3876},"213b0a01-a8a7-46ae-ac45-fd24ae5ccc74","privacy-policy",{"name":3875,"id":3877,"uuid":3874,"slug":3875,"url":3878,"full_slug":3878,"_stopResolving":1094},287274314,"policies\u002Fprivacy-policy","Privacy Policy",{"_uid":3881,"link":3882,"name":3889,"component":3603},"3978ef8d-0a51-4def-bf62-280fd58d14e1",{"id":3883,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3884,"story":3885},"dfb9498a-b18f-459b-a2be-6058ad3b022f","policies\u002Fterms-of-use",{"name":3886,"id":3887,"uuid":3883,"slug":3888,"url":3884,"full_slug":3884,"_stopResolving":1094},"Terms of use",321215958,"terms-of-use","Terms of Service",{"_uid":3891,"link":3892,"name":3898,"component":3603},"392c03cd-1793-4cfc-965b-a5fed32bb10a",{"id":3893,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3894,"story":3895},"44c18cf1-68e0-4bc0-882f-f94bce10f811","policies\u002Fcookies",{"name":3896,"id":3897,"uuid":3893,"slug":3896,"url":3894,"full_slug":3894,"_stopResolving":1094},"cookies",287272733,"Cookie Policy",{"_uid":3900,"link":3901,"name":3907,"component":3603,"isExternalLink":16},"2e217052-d3fe-49a9-8050-0af70596dd15",{"id":3902,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3903,"story":3904},"5883cb88-67cf-46e4-b0c2-62cf8d648123","policies\u002Fimprint",{"name":3905,"id":3906,"uuid":3902,"slug":3905,"url":3903,"full_slug":3903,"_stopResolving":1094},"imprint",287066003,"Imprint",[3909,3915,3920,3925,3930],{"_uid":3910,"icon":3911,"link":3912,"component":3914},"de3836d2-e7f3-4db3-95f9-82c7c730ea74","ic-kp-discord",{"id":34,"url":3913,"target":1826,"linktype":88,"fieldtype":89,"cached_url":3913},"https:\u002F\u002Fdiscord.gg\u002Fv2eJYrNqhD","LinkIcon",{"_uid":3916,"icon":3917,"link":3918,"component":3914},"df804124-bee9-4046-961a-27c57d7a5514","ic-kp-insta",{"id":34,"url":3919,"target":1826,"linktype":88,"fieldtype":89,"cached_url":3919},"https:\u002F\u002Fwww.instagram.com\u002Flinearityhq\u002F",{"_uid":3921,"icon":3922,"link":3923,"component":3914},"3e71d940-b47f-4657-84d4-f3cd35e31a49","ic-kp-linkin",{"id":34,"url":3924,"target":1826,"linktype":88,"fieldtype":89,"cached_url":3924},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Flinearity-gmbh\u002F",{"_uid":3926,"icon":3927,"link":3928,"component":3914},"6965e068-4b04-479e-bd88-e7201e57d54a","ic-kp-x",{"id":34,"url":3929,"target":1826,"linktype":88,"fieldtype":89,"cached_url":3929},"https:\u002F\u002Fx.com\u002Flinearityhq",{"_uid":3931,"icon":3932,"link":3933,"component":3914},"b9f17abb-72e9-45b7-a06e-fac36b41fee8","ic-kp-yt",{"id":34,"url":3934,"target":1826,"linktype":88,"fieldtype":89,"cached_url":3934},"https:\u002F\u002Fwww.youtube.com\u002F@linearityhq","Trusted by leading companies worldwide.","Socials :","Copyright © 2026 Linearity GmbH. All rights reserved",{"id":34,"url":3939,"linktype":88,"fieldtype":89,"cached_url":3939},"\u002Fget-started","Download","All the tools you need for truly great design.",{"id":34,"url":3943,"linktype":88,"fieldtype":89,"cached_url":3943},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-curve-graphic-art\u002Fid1219074514",{"id":34,"url":3945,"linktype":88,"fieldtype":89,"cached_url":3945},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Fmotion-graphics-linearity-move\u002Fid6443677011",[3947],{"_uid":3948,"items":3949,"adjustId":4670,"component":4671,"buttonLink":4672,"buttonText":4674,"mobileDropdownBackText":4675},"ba89ed83-6694-4584-8f97-9ba02ee7dc45",[3950,4055,4219,4333,4337,4341,4421,4636,4645],{"_uid":3951,"name":3952,"links":3953,"component":4053,"columnSplit":4054},"8a3bf702-e260-46e0-8622-644e04c7a00a","Use cases",[3954,3967,3977,3988,4000,4006,4011,4021,4032,4042],{"_uid":3955,"icon":3956,"link":3957,"name":3965,"component":3966,"description":34,"isGreenDotShowing":16},"63e6dde3-f74b-4f42-92ef-2dddb1bcbeda","ic-brush",{"id":3958,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3959,"story":3960},"063fbbe1-d075-49a3-9594-9e6cfb65ad38","use-cases\u002Fillustration",{"name":3961,"id":3962,"uuid":3958,"slug":3963,"url":3964,"full_slug":3964,"_stopResolving":1094},"Digital Illustration",384806323,"digital-illustration","use-cases\u002Fdigital-illustration","Illustration","HeaderDropdownLink",{"_uid":3968,"icon":3969,"link":3970,"name":3974,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"ba292e15-1746-4f96-8f24-e78d99d60c33","ic-draw-pencil",{"id":3971,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3972,"story":3973},"12d21420-7fd7-420c-ae6c-04653a8c1629","use-cases\u002Flogos",{"name":3974,"id":3975,"uuid":3971,"slug":3976,"url":3972,"full_slug":3972,"_stopResolving":1094},"Logos",447935734,"logos",{"_uid":3978,"icon":3979,"link":3980,"name":3984,"component":3966,"description":34,"isGreenDotShowing":16},"a36ad5f4-eb80-4989-8def-4492f7bda10c","ic-social",{"id":3981,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3982,"story":3983},"aefaddf4-65ac-498b-b523-03a29bc8aa7c","use-cases\u002Fsocial-media",{"name":3984,"id":3985,"uuid":3981,"slug":3986,"url":3987,"full_slug":3987,"_stopResolving":1094},"Social Media Design",426493845,"social-media-design","use-cases\u002Fsocial-media-design",{"_uid":3989,"icon":3990,"link":3991,"name":3999,"component":3966,"description":34,"isGreenDotShowing":16},"ca35942f-6d06-4eda-b0f0-7cd36696f7f1","ic-sidebar",{"id":3992,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3993,"story":3994},"9a4f03cd-71a4-429c-8349-fc9f2046d917","use-cases\u002Fcreate-content-faster",{"name":3995,"id":3996,"uuid":3992,"slug":3997,"url":3998,"full_slug":3998,"_stopResolving":1094},"Online Ads",288898178,"ad-campaign","use-cases\u002Fad-campaign","Online ads",{"_uid":4001,"icon":4002,"link":4003,"name":4005,"component":3966,"description":34,"isGreenDotShowing":16},"271a7be2-fddb-474f-87e8-b5c8799d1e0c","ic-stack-order",{"id":3630,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3631,"story":4004},{"name":3633,"id":3634,"uuid":3630,"slug":3635,"url":3631,"full_slug":3631,"_stopResolving":1094},"Marketing assets",{"_uid":4007,"icon":4008,"link":4009,"name":3643,"component":3966,"description":34,"isExternalLink":1094,"isGreenDotShowing":16},"876eef74-3935-4740-9341-4805708e3553","ic-color-sliders",{"id":3640,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3641,"story":4010},{"name":3643,"id":3644,"uuid":3640,"slug":3645,"url":3641,"full_slug":3641,"_stopResolving":1094},{"_uid":4012,"icon":4013,"link":4014,"name":4018,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"7b23cd4e-cbc8-4c11-821a-2c7e421a9863","ic-artboard",{"id":4015,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4016,"story":4017},"e245ddbf-d2d9-4ed2-a84f-f2a479c16cfa","use-cases\u002Fbillboards",{"name":4018,"id":4019,"uuid":4015,"slug":4020,"url":4016,"full_slug":4016,"_stopResolving":1094},"Billboards",447994819,"billboards",{"_uid":4022,"icon":4023,"link":4024,"name":4031,"component":3966,"description":34,"isGreenDotShowing":16},"b58caced-da0b-4299-9ef1-428c8d4f2946","ic-effects-tab",{"id":4025,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4026,"story":4027},"fe9eb2e2-9fce-4cb7-a6bf-b504179c3d29","use-cases\u002Fanimation",{"name":1088,"id":4028,"uuid":4025,"slug":4029,"url":4030,"full_slug":4030,"_stopResolving":1094},426499721,"motion-graphics","use-cases\u002Fmotion-graphics","Motion Graphics",{"_uid":4033,"icon":4034,"link":4035,"name":4039,"component":3966,"description":34,"isGreenDotShowing":16},"aeee4990-66a8-4cd0-8029-5e42f94ded8b","ic-doc-templates",{"id":4036,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4037,"story":4038},"9bdd2143-687d-4596-abb3-6435dc1dc0eb","use-cases\u002Fannouncements",{"name":4039,"id":4040,"uuid":4036,"slug":4041,"url":4037,"full_slug":4037,"_stopResolving":1094},"Announcements",446846927,"announcements",{"_uid":4043,"icon":4044,"link":4045,"name":4052,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"dc4cb2f7-725c-49a6-a8c0-de145beac1c4","ic-copy-file",{"id":4046,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4047,"story":4048},"08c37842-a307-4ed7-b68c-4052c37115d8","use-cases\u002Fbusiness-card",{"name":4049,"id":4050,"uuid":4046,"slug":4051,"url":4047,"full_slug":4047,"_stopResolving":1094},"UC - Business Card ",345476762,"business-card","Business cards","HeaderDropdownTwoColumnList","5",{"_uid":4056,"name":3591,"links":4057,"component":4218},"64c67d3c-d041-420c-b859-8f8eba274e42",[4058,4161],{"_uid":4059,"link":4060,"name":1119,"type":3673,"links":4062,"component":4160},"7dfdde36-5967-4938-90b1-9368ce418c35",{"id":3670,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3671,"story":4061},{"name":3673,"id":3674,"uuid":3670,"slug":3675,"url":3671,"full_slug":3671,"_stopResolving":1094},[4063,4074,4084,4093,4103,4113,4123,4133,4143,4154],{"_uid":4064,"icon":4065,"link":4066,"name":4073,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"815bf14b-c03f-4695-bf27-ffa48fb28474","ic-auto-trace",{"id":4067,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4068,"story":4069},"78754dd5-73f6-4e10-a32b-8902a890cc46","features\u002Fauto-trace",{"name":4070,"id":4071,"uuid":4067,"slug":4072,"url":4068,"full_slug":4068,"_stopResolving":1094},"Auto Trace ",527579548,"auto-trace","Auto Trace",{"_uid":4075,"icon":4076,"link":4077,"name":4081,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"373ab2fa-ce51-4178-bc11-efb17fadc6b4","ic-pen",{"id":4078,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4079,"story":4080},"fd3c4345-bc7c-4d1c-a05f-85fe1b792ec0","features\u002Fpen-tool",{"name":4081,"id":4082,"uuid":4078,"slug":4083,"url":4079,"full_slug":4079,"_stopResolving":1094},"Pen Tool",272987870,"pen-tool",{"_uid":4085,"icon":3956,"link":4086,"name":4090,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"e6ea695a-2005-4499-9690-f7058caae356",{"id":4087,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4088,"story":4089},"ab9b4ee2-90c0-4aaf-9ae5-7c7c2a6736e3","features\u002Fbrush-tool",{"name":4090,"id":4091,"uuid":4087,"slug":4092,"url":4088,"full_slug":4088,"_stopResolving":1094},"Brush Tool",304629999,"brush-tool",{"_uid":4094,"icon":4095,"link":4096,"name":4100,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"0f2a3941-180c-4e77-ad3c-d700cbc85557","ic-shape-builder",{"id":4097,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4098,"story":4099},"d08d971c-c1e7-4832-b80c-1ba780693928","features\u002Fshape-builder",{"name":4100,"id":4101,"uuid":4097,"slug":4102,"url":4098,"full_slug":4098,"_stopResolving":1094},"Shape Builder",304725892,"shape-builder",{"_uid":4104,"icon":4105,"link":4106,"name":4110,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"ccb15034-48bc-4d84-ae19-fa2638b4ead4","ic-bg-removal",{"id":4107,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4108,"story":4109},"d54cb553-5988-402d-8e67-e99dea090a48","features\u002Fbackground-removal",{"name":4110,"id":4111,"uuid":4107,"slug":4112,"url":4108,"full_slug":4108,"_stopResolving":1094},"Background Removal",304725437,"background-removal",{"_uid":4114,"icon":4115,"link":4116,"name":4120,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"a3c1e8cf-9940-4616-9438-dfce51792331","ic-eraser",{"id":4117,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4118,"story":4119},"77b53ad1-879d-4b47-8879-7a6676634659","features\u002Fmagic-eraser",{"name":4120,"id":4121,"uuid":4117,"slug":4122,"url":4118,"full_slug":4118,"_stopResolving":1094},"Magic Eraser",527711578,"magic-eraser",{"_uid":4124,"icon":4125,"link":4126,"name":4130,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"6db810a7-19b7-4bfc-9cf7-03ad3525f7fa","ic-ai-grab",{"id":4127,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4128,"story":4129},"8be46b4a-3774-4ab9-a0f8-b2fd982892f5","features\u002Fai-grab",{"name":4130,"id":4131,"uuid":4127,"slug":4132,"url":4128,"full_slug":4128,"_stopResolving":1094},"AI Grab",553945451,"ai-grab",{"_uid":4134,"icon":4135,"link":4136,"name":4140,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"d7553c66-e924-44cf-b21f-85e1ea88df29","ic-scale",{"id":4137,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4138,"story":4139},"b213840e-8385-46e6-b9f0-1f325d76957c","features\u002Fsuper-resolution",{"name":4140,"id":4141,"uuid":4137,"slug":4142,"url":4138,"full_slug":4138,"_stopResolving":1094},"Super Resolution",175751442530065,"super-resolution",{"_uid":4144,"icon":4145,"link":4146,"name":4153,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"697aaa92-7a18-4168-b0c3-45d397bfdfae","ic-layers-tab",{"id":4147,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4148,"story":4149},"c6ca2e08-bf42-4a1b-9b99-2e947451eb1b","features\u002Ffigma-plugin",{"name":4150,"id":4151,"uuid":4147,"slug":4152,"url":4148,"full_slug":4148,"_stopResolving":1094},"Figma plugin",479516513,"figma-plugin","Figma Plugin",{"_uid":4155,"icon":4156,"link":4157,"name":4159,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"b4fa691b-b710-45f9-8185-f7aa6e4397cc","ic-share",{"id":3616,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3617,"story":4158},{"name":3619,"id":3620,"uuid":3616,"slug":3621,"url":3617,"full_slug":3617,"_stopResolving":1094},"Collaboration","HeaderDropdownProductWithList",{"_uid":4162,"link":4163,"name":1128,"type":3682,"links":4165,"component":4160},"24efa57a-bdc0-4863-83dd-e4a6c49847bd",{"id":3679,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3680,"story":4164},{"name":3682,"id":3683,"uuid":3679,"slug":3684,"url":3680,"full_slug":3680,"_stopResolving":1094},[4166,4177,4181,4192,4203,4214],{"_uid":4167,"icon":4168,"link":4169,"name":4176,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"6fd6f203-ea1a-4a8d-b79e-7363f72d9db3","ic-products-logo",{"id":4170,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4171,"story":4172},"86e62c7e-4dc2-40cf-b851-4b670cc4bec2","features\u002Fdesign-vs-animate-mode",{"name":4173,"id":4174,"uuid":4170,"slug":4175,"url":4171,"full_slug":4171,"_stopResolving":1094},"Design vs animate Mode - Move",399697238,"design-vs-animate-mode","Design Mode + Animate Mode",{"_uid":4178,"icon":4145,"link":4179,"name":4153,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"8f15cf31-a7b8-4120-9f76-69df3dcc3903",{"id":4147,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4148,"story":4180},{"name":4150,"id":4151,"uuid":4147,"slug":4152,"url":4148,"full_slug":4148,"_stopResolving":1094},{"_uid":4182,"icon":4183,"link":4184,"name":4191,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"c3b9aa66-277c-4657-ac38-72cd97a7fbe7","ic-spiral",{"id":4185,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4186,"story":4187},"5514f274-132b-4f14-9fad-6fd1dc832f4a","features\u002Fpresets",{"name":4188,"id":4189,"uuid":4185,"slug":4190,"url":4186,"full_slug":4186,"_stopResolving":1094},"Animation presets",481544840,"presets","Animation Presets",{"_uid":4193,"icon":4194,"link":4195,"name":4202,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"c7bae5c9-8490-4181-8f64-a4aae4f2476c","ic-animation",{"id":4196,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4197,"story":4198},"a4d9feef-3916-4bf5-a850-497f126120b2","features\u002Flottie-export",{"name":4199,"id":4200,"uuid":4196,"slug":4201,"url":4197,"full_slug":4197,"_stopResolving":1094},"Lottie export",114123699687703,"lottie-export","Lottie Export",{"_uid":4204,"icon":4205,"link":4206,"name":4213,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"9da1972d-b570-4a0e-9b94-5c7214b09684","ic-gif",{"id":4207,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4208,"story":4209},"f408b9a8-6089-49a1-b462-686188791fa6","features\u002Fgif-export",{"name":4210,"id":4211,"uuid":4207,"slug":4212,"url":4208,"full_slug":4208,"_stopResolving":1094},"Gif export",481625744,"gif-export","GIF Export",{"_uid":4215,"icon":4156,"link":4216,"name":4159,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"0c68c0fe-8523-4d20-851a-326615a1dc4b",{"id":3616,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3617,"story":4217},{"name":3619,"id":3620,"uuid":3616,"slug":3621,"url":3617,"full_slug":3617,"_stopResolving":1094},"HeaderDropdownProducts",{"_uid":4220,"name":4221,"links":4222,"component":4053,"columnSplit":4332},"93cbb39d-5ed7-40a6-b01e-ae67fa6241ad","Business",[4223,4232,4242,4253,4263,4272,4282,4293,4303,4313,4323],{"_uid":4224,"icon":4225,"link":4226,"name":3636,"component":3966,"description":34,"isGreenDotShowing":16},"60686564-fe0c-44c3-9150-0d52283afcbf","ic-learn-v1",{"id":4227,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4228,"story":4229},"dece75cf-3658-4778-85aa-59b0fceffb40","business\u002Fsolutions\u002Fmarketing-teams",{"name":3636,"id":4230,"uuid":4227,"slug":4231,"url":4228,"full_slug":4228,"_stopResolving":1094},434305400,"marketing-teams",{"_uid":4233,"icon":4023,"link":4234,"name":4238,"component":3966,"description":34,"isGreenDotShowing":16},"b4d514ea-eeb6-466d-8cc1-474456a86faf",{"id":4235,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4236,"story":4237},"7eb8573b-53b4-493a-b04d-542b62d88cb5","business\u002Fsolutions\u002Fcreative-teams",{"name":4238,"id":4239,"uuid":4235,"slug":4240,"url":4241,"full_slug":4241,"_stopResolving":1094},"Creative Teams",434440991,"creative-teams-design","business\u002Fsolutions\u002Fcreative-teams-design",{"_uid":4243,"icon":4244,"link":4245,"name":4252,"component":3966,"description":34,"isGreenDotShowing":16},"7e44418d-068b-4fad-8f58-273d31632f89","ic-ar",{"id":4246,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4247,"story":4248},"7a7a693a-fed3-4619-ac65-1606a6e222d1","business\u002Fsolutions\u002Fstartup",{"name":4249,"id":4250,"uuid":4246,"slug":4251,"url":4247,"full_slug":4247,"_stopResolving":1094},"Startup",430363123,"startup","Startups",{"_uid":4254,"icon":3969,"link":4255,"name":4259,"component":3966,"description":34,"isGreenDotShowing":16},"31b672e9-25d7-4878-aecd-fb5f80b5e74f",{"id":4256,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4257,"story":4258},"bee2300b-0926-4ab8-a70f-87788153e370","business\u002Fsolutions\u002Fcreative-agencies",{"name":4259,"id":4260,"uuid":4256,"slug":4261,"url":4262,"full_slug":4262,"_stopResolving":1094},"Creative Agencies",434914930,"digital-creative-agencies","business\u002Fsolutions\u002Fdigital-creative-agencies",{"_uid":4264,"icon":4265,"link":4266,"name":4270,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"2d19f10e-04aa-48a4-91e4-6ff1d814a8a0","ic-learn-tab",{"id":4267,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4268,"story":4269},"0b298798-5764-4230-9068-c72d2043955e","resources\u002Feducation",{"name":4270,"id":4271,"uuid":4267,"slug":1640,"url":4268,"full_slug":4268,"_stopResolving":1094},"Education",452530490,{"_uid":4273,"icon":4274,"link":4275,"name":4279,"component":3966,"description":34,"isGreenDotShowing":16},"3d687a69-1c18-4054-8f74-7476d851c8b8","ic-polygon",{"id":4276,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4277,"story":4278},"33fb4cf3-ab7a-43eb-86c4-417e60d139e9","business\u002Fsolutions\u002Ftech",{"name":4279,"id":4280,"uuid":4276,"slug":4281,"url":4277,"full_slug":4277,"_stopResolving":1094},"Tech",434902905,"tech",{"_uid":4283,"icon":4284,"link":4285,"name":4292,"component":3966,"description":34,"isGreenDotShowing":16},"81107762-1e51-46db-8c10-8c3b3d73bed7","ic-linearity-symbol",{"id":4286,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4287,"story":4288},"efec97b3-47da-4df1-ac95-f2a8e13cd840","business\u002Flinearity-for-business\u002F",{"name":4289,"id":4290,"uuid":4286,"slug":4291,"url":4287,"full_slug":4287,"_stopResolving":1094},"Linearity for business",437422031,"linearity-for-business","Linearity for Business",{"_uid":4294,"icon":4295,"link":4296,"name":4300,"component":3966,"description":34,"isGreenDotShowing":16},"e2f95906-a321-4200-a1bb-fe5d24dc12fa","ic-paper",{"id":4297,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4298,"story":4299},"c0a83f6f-20eb-4da6-8d89-2bc5741e6061","business\u002Flinearity-for-business\u002Fcontent-creation",{"name":4300,"id":4301,"uuid":4297,"slug":4302,"url":4298,"full_slug":4298,"_stopResolving":1094},"Content Creation",436912932,"content-creation",{"_uid":4304,"icon":4002,"link":4305,"name":4312,"component":3966,"description":34,"isGreenDotShowing":16},"38f49c1b-aff6-4f48-955a-6bb178fa713c",{"id":4306,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4307,"story":4308},"342a7331-5077-4ce4-ad9d-06412563f167","business\u002Flinearity-for-business\u002Fasset-management",{"name":4309,"id":4310,"uuid":4306,"slug":4311,"url":4307,"full_slug":4307,"_stopResolving":1094},"Asset management",436863744,"asset-management","Asset Management",{"_uid":4314,"icon":4315,"link":4316,"name":4320,"component":3966,"description":34,"isGreenDotShowing":16},"2f133b2b-9736-4b4b-88ec-aa36e14ad5bf","ic-palettes-tab",{"id":4317,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4318,"story":4319},"e439f797-5b80-44b4-aff5-fb804e121cc1","business\u002Flinearity-for-business\u002Fbranded-templates",{"name":4320,"id":4321,"uuid":4317,"slug":4322,"url":4318,"full_slug":4318,"_stopResolving":1094},"Branded Templates",436834380,"branded-templates",{"_uid":4324,"icon":4145,"link":4325,"name":4329,"component":3966,"description":34,"isGreenDotShowing":16},"87570a6d-556a-4836-873f-664b9845c226",{"id":4326,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4327,"story":4328},"c759b3fd-6b4d-46c5-842a-09c58c98c50e","resources\u002Fbusiness",{"name":4329,"id":4330,"uuid":4326,"slug":4331,"url":4327,"full_slug":4327,"_stopResolving":1094},"Business Resources",445382506,"business","6",{"_uid":4334,"link":4335,"name":3649,"component":3535},"9ef092e6-1708-487d-8a09-74fc043ed1ae",{"id":3654,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3655,"story":4336},{"name":3649,"id":3657,"uuid":3654,"slug":3655,"url":3655,"full_slug":3655,"_stopResolving":1094},{"_uid":4338,"link":4339,"name":3463,"component":3535},"1e1642e7-7b59-437f-ba13-7f55650b9db1",{"id":3839,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3840,"story":4340},{"name":3463,"id":3842,"uuid":3839,"slug":3843,"url":3840,"full_slug":3840,"_stopResolving":1094},{"_uid":4342,"name":4343,"links":4344,"content":4419,"component":4420},"f2399b2f-1bd7-4c43-9945-381781810e41","Guides",[4345,4356,4366,4376,4387,4397,4408],{"_uid":4346,"icon":4347,"link":4348,"name":4355,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"1571e13d-811a-4c4b-bc86-21b0e1197e9a","ic-node",{"id":4349,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4350,"story":4351},"f33adfd5-49bb-4ba9-a2da-720bc2822453","guide\u002Fvector-design",{"name":4352,"id":4353,"uuid":4349,"slug":4354,"url":4350,"full_slug":4350,"_stopResolving":1094},"Vector design guide",168268055169164,"vector-design","Vector Design",{"_uid":4357,"icon":4358,"link":4359,"name":4363,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"aa36869c-39e7-42f3-9371-bafbdab3eda1","ic-all-files",{"id":4360,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4361,"story":4362},"aee23f8d-fae6-4bab-8a8a-5bebfa9e1580","guide\u002Fdesign-principles",{"name":4363,"id":4364,"uuid":4360,"slug":4365,"url":4361,"full_slug":4361,"_stopResolving":1094},"Design Principles",166864244497142,"design-principles",{"_uid":4367,"icon":4368,"link":4369,"name":4375,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"872ec131-a63b-4920-87e8-19f28464852d","ic-image",{"id":4370,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4371,"story":4372},"62b8831c-85fb-47fe-ac3d-dfc5691bbfb6","guide\u002Fillustration-styles",{"name":4373,"id":4374,"uuid":4370,"slug":4373,"url":4371,"full_slug":4371,"_stopResolving":1094},"illustration-styles",165849523597560,"Illustration Styles",{"_uid":4377,"icon":4378,"link":4379,"name":4386,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"fd3f8afc-e93c-4a66-a308-7b8c4935d7c2","ic-dimensions",{"id":4380,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4381,"story":4382},"1fb4708c-87aa-448f-8416-533b584e2164","guide\u002Fsocial-media-image-sizes",{"name":4383,"id":4384,"uuid":4380,"slug":4385,"url":4381,"full_slug":4381,"_stopResolving":1094},"Social media image sizes",168280130265410,"social-media-image-sizes","Social Media Image Sizes",{"_uid":4388,"icon":4194,"link":4389,"name":4396,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"4f50fbd9-68ab-4f46-89d8-4704bf0f04f3",{"id":4390,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4391,"story":4392},"a1f603f3-499c-45c2-a04c-16241db7b29d","guide\u002Fanimation-motion-design",{"name":4393,"id":4394,"uuid":4390,"slug":4395,"url":4391,"full_slug":4391,"_stopResolving":1094},"Animation motion design",168280330903911,"animation-motion-design","Animation and Motion Design",{"_uid":4398,"icon":4399,"link":4400,"name":4407,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"3056c61d-a252-43d9-997e-203ac2b2cb86","ic-export",{"id":4401,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4402,"story":4403},"7e94840f-6ff9-4025-abe0-916439677a89","guide\u002Fillustrator-alternative",{"name":4404,"id":4405,"uuid":4401,"slug":4406,"url":4402,"full_slug":4402,"_stopResolving":1094},"The Best Adobe Illustrator Alternatives in 2026",170421124267961,"illustrator-alternative","Illustrator Alternatives",{"_uid":4409,"icon":4410,"link":4411,"name":4418,"component":3966,"description":34,"isExternalLink":16,"isGreenDotShowing":16},"38f97667-f985-4bb7-83e2-e6beebacf560","ic-redo",{"id":4412,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4413,"story":4414},"af78a3ad-9b39-4607-a2d9-d7c614751a70","guide\u002Fswitch-from-illustrator-to-curve",{"name":4415,"id":4416,"uuid":4412,"slug":4417,"url":4413,"full_slug":4413,"_stopResolving":1094},"Switch from Illustrator to Curve",168946129324704,"switch-from-illustrator-to-curve","Switch from Illustrator to Linearity",[],"HeaderDropdownOneColumn",{"_uid":4422,"name":4423,"links":4424,"posts":4450,"content":4619,"component":4635},"2cd2d2de-6329-4a42-b613-0755b54839ba","Learn",[4425,4433,4445],{"_uid":4426,"icon":4427,"link":4428,"name":4431,"component":3966,"description":4432,"isGreenDotShowing":16},"87d76f03-cedc-4b9c-ba84-afb5e17c1c5a","ic-curve",{"id":3829,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4429,"story":4430},"academy\u002Fcurve\u002F",{"name":3832,"id":3833,"uuid":3829,"slug":3834,"url":3830,"full_slug":3830,"_stopResolving":1094},"Learn to Design with Curve","Curve courses and tutorials",{"_uid":4434,"icon":4435,"link":4436,"name":4443,"component":3966,"description":4444,"isExternalLink":16,"isGreenDotShowing":16},"a37d34f8-b777-4b21-9114-32beff672cbf","ic-move",{"id":4437,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4438,"story":4439},"de8b876f-e4c3-4652-9139-2e6c1656006b","academy\u002Fmove\u002Fmac\u002Fuser-guide\u002Fstart-here\u002F",{"name":4440,"id":4441,"uuid":4437,"slug":4442,"url":4438,"full_slug":4438,"_stopResolving":1094},"Start here",412491745,"start-here","Learn to Animate with Move","Move courses and tutorials",{"_uid":4446,"icon":4145,"link":4447,"name":3610,"component":3966,"description":4449,"isGreenDotShowing":16},"d89710a7-4050-4a1f-b52a-c8952ece1c75",{"id":34,"url":4448,"linktype":88,"fieldtype":89,"cached_url":4448},"https:\u002F\u002Fwww.linearity.io\u002Ftemplates\u002F","Browse & download templates",[4451,4557],{"name":4452,"created_at":4453,"published_at":4454,"updated_at":4455,"id":4456,"uuid":4457,"content":4458,"slug":4546,"full_slug":4547,"sort_by_date":134,"position":4548,"tag_list":4549,"is_startpage":16,"parent_id":4550,"meta_data":134,"group_id":4551,"first_published_at":4552,"release_id":134,"lang":1636,"path":134,"alternates":4553,"default_full_slug":4547,"translated_slugs":4554,"_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":4459,"level":4460,"title":4452,"video":4461,"author":4469,"device":4497,"content":4498,"noIndex":16,"category":4499,"duration":4500,"language":4501,"noFollow":16,"_editable":4503,"component":4504,"quoteText":4505,"youtubeId":4467,"meta_image":4506,"meta_title":4452,"page_title":4452,"description":4510,"relatedLinks":4511,"learn_tab_ios":1094,"learn_tab_mac":1094,"appDescription":4536,"learn_tab_move":16,"thumbnailImage":4537,"hideFromSitemap":16,"learnTabSection":4541,"learn_tab_curve":16,"meta_description":4510,"isDisclaimerShowing":16,"headerThumbnailImage":4542,"isIncludedInLearnTab":1094,"metaHeaderImageRightPosition":1094},"7e4f469c-2287-41c3-b06d-a8d9e4c499d9","Beginner",[4462],{"_uid":4463,"muted":16,"title":34,"autoPlay":16,"wistiaId":4464,"_editable":4465,"component":4466,"videoFoam":16,"youtubeId":4467,"aspectRatio":4468,"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":4470,"created_at":4471,"published_at":4472,"updated_at":4473,"id":4474,"uuid":4475,"content":4476,"slug":4484,"full_slug":4485,"sort_by_date":134,"position":4486,"tag_list":4487,"is_startpage":16,"parent_id":4488,"meta_data":134,"group_id":4489,"first_published_at":4490,"release_id":134,"lang":1636,"path":134,"alternates":4491,"default_full_slug":4485,"translated_slugs":4492,"_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":4477,"name":4470,"image":4478,"position":4482,"component":1676,"description":4483},"e6ae81f1-5639-4a4f-ae37-6b7b654d65ef",{"id":4479,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4480,"copyright":34,"fieldtype":36,"meta_data":4481,"is_external_url":16},10128503,"https:\u002F\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",0,[],314863252,"eef01733-ac41-4a47-887f-9c8de6e0efd6","2023-05-29T08:02:32.628Z",[],[4493,4495],{"path":4485,"name":134,"lang":4494,"published":16},"es",{"path":4485,"name":134,"lang":4496,"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",[4502],"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":4507,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4508,"copyright":34,"fieldtype":36,"meta_data":4509,"is_external_url":16},16159124,"https:\u002F\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.",[4512,4521,4529],{"_uid":4513,"file":4514,"name":4518,"_editable":4519,"component":4520},"b711f0b1-a2b2-4b4a-90d1-953b8930a78c",{"id":4515,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4516,"copyright":34,"fieldtype":36,"meta_data":4517,"is_private":16,"is_external_url":16},16160032,"https:\u002F\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":4522,"link":4523,"name":4526,"_editable":4527,"component":4528},"83a83222-2c31-4042-a145-26aa5ef42c33",{"id":4524,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4525},"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":4530,"link":4531,"name":4534,"_editable":4535,"component":4528},"1d284d44-97ca-4742-ab5d-953bd3944395",{"id":4532,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4533},"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":4507,"alt":34,"name":34,"focus":4538,"title":34,"source":34,"filename":4508,"copyright":34,"fieldtype":36,"meta_data":4539,"content_type":4540,"is_external_url":16},"1270x391:1271x392",{"alt":34,"title":34,"source":34,"copyright":34},"jpg","Move Tutorials",{"id":4543,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4544,"copyright":34,"fieldtype":36,"meta_data":4545,"is_external_url":16},17194669,"https:\u002F\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",[],[4555,4556],{"path":4547,"name":134,"lang":4494,"published":1094},{"path":4547,"name":134,"lang":4496,"published":1094},{"name":4526,"created_at":4558,"published_at":4559,"updated_at":4560,"id":4561,"uuid":4524,"content":4562,"slug":4610,"full_slug":4525,"sort_by_date":134,"position":4611,"tag_list":4612,"is_startpage":16,"parent_id":4550,"meta_data":134,"group_id":4613,"first_published_at":4614,"release_id":134,"lang":1636,"path":134,"alternates":4615,"default_full_slug":4525,"translated_slugs":4616,"_stopResolving":1094},"2024-05-22T11:53:24.129Z","2025-04-16T14:53:04.789Z","2025-04-16T14:53:04.823Z",501260707,{"_uid":4563,"level":4460,"title":4526,"video":4564,"author":4569,"device":4497,"content":4578,"noIndex":16,"category":4499,"duration":4579,"language":4580,"noFollow":16,"component":4504,"quoteText":4581,"youtubeId":4568,"meta_image":4582,"meta_title":4526,"page_title":4526,"description":4586,"relatedLinks":4587,"learn_tab_ios":1094,"learn_tab_mac":1094,"appDescription":4581,"learn_tab_move":16,"thumbnailImage":4604,"hideFromSitemap":16,"learnTabSection":4541,"learn_tab_curve":16,"meta_description":4586,"isDisclaimerShowing":16,"headerThumbnailImage":4606,"isIncludedInLearnTab":1094},"384ee9db-1eb1-48e0-8ec8-a5c61eabd0ef",[4565],{"_uid":4566,"muted":16,"title":34,"autoPlay":16,"wistiaId":4567,"component":4466,"videoFoam":16,"youtubeId":4568,"aspectRatio":34,"disableLazyload":16,"playbackRateControl":16},"f50639a4-b1bf-4c52-8f5d-2949dbe6e980","37rk1bam2e","L8xu-kYc_IU",{"name":4470,"created_at":4471,"published_at":4472,"updated_at":4473,"id":4474,"uuid":4475,"content":4570,"slug":4484,"full_slug":4485,"sort_by_date":134,"position":4486,"tag_list":4573,"is_startpage":16,"parent_id":4488,"meta_data":134,"group_id":4489,"first_published_at":4490,"release_id":134,"lang":1636,"path":134,"alternates":4574,"default_full_slug":4485,"translated_slugs":4575,"_stopResolving":1094},{"_uid":4477,"name":4470,"image":4571,"position":4482,"component":1676,"description":4483},{"id":4479,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4480,"copyright":34,"fieldtype":36,"meta_data":4572,"is_external_url":16},{},[],[],[4576,4577],{"path":4485,"name":134,"lang":4494,"published":16},{"path":4485,"name":134,"lang":4496,"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",[4502],"Learn how to animate text and images to create an eye-catching GIF for your marketing channels.",{"id":4583,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4584,"copyright":34,"fieldtype":36,"meta_data":4585,"is_external_url":16},15980359,"https:\u002F\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.",[4588,4595,4598],{"_uid":4589,"file":4590,"name":4594,"component":4520},"a756ac6a-ba0c-4999-aaff-c735b46d5e53",{"id":4591,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4592,"copyright":34,"fieldtype":36,"meta_data":4593,"is_private":16,"is_external_url":16},15981034,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002Fc8f2263d89\u002Funicorn.curve",{},"Tutorial design file",{"_uid":4596,"link":4597,"name":4534,"component":4528},"0c3394a2-7e59-4f70-a987-627617770c7c",{"id":4532,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4533},{"_uid":4599,"link":4600,"name":4603,"component":4528},"82fcf125-abe6-4b8b-b542-36f0426fcc79",{"id":4601,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4602},"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":4583,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4584,"copyright":34,"fieldtype":36,"meta_data":4605,"is_external_url":16},{},{"id":4607,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4608,"copyright":34,"fieldtype":36,"meta_data":4609,"is_external_url":16},17152919,"https:\u002F\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",[],[4617,4618],{"path":4525,"name":134,"lang":4494,"published":1094},{"path":4525,"name":134,"lang":4496,"published":1094},[4620],{"_uid":4621,"link":4622,"title":4629,"component":4630,"thumbnail":4631},"ff3e8684-b084-4f3b-ac30-2cc193fc2070",{"id":4623,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4624,"story":4625},"abc2834e-9d88-4604-a992-26e71379c5dd","academy\u002Ftutorials\u002Fanimate-with-move\u002Fgetting-started-with-linearity-move-import",{"name":4626,"id":4627,"uuid":4623,"slug":4628,"url":4624,"full_slug":4624,"_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":4632,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4633,"copyright":34,"fieldtype":36,"meta_data":4634,"is_private":34,"is_external_url":16},13349287,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1440x810\u002F10bf33a5e0\u002Fgetting-started-with-move-import.jpg",{},"HeaderDropdownTwoColumn",{"_uid":4637,"link":4638,"name":4644,"component":3535},"3ec9c9b3-b559-486c-945c-cf20c4dd93d9",{"id":4639,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4640,"story":4641},"2dcba59a-f9eb-41e4-83cf-8927148b2497","pricing",{"name":4640,"id":4642,"uuid":4639,"slug":4640,"url":4643,"full_slug":4643,"_stopResolving":1094},324218764,"pricing\u002F","Pricing",{"_uid":4646,"name":3697,"links":4647,"content":4669,"component":4420},"807a9a2b-4858-4c9a-a102-e29dbe58e477",[4648,4654,4659,4665],{"_uid":4649,"icon":4650,"link":4651,"name":4653,"component":3966,"description":34,"isGreenDotShowing":1094},"22823d2c-d889-46b2-bd41-935e57104263","ic-newsletter",{"id":3852,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3853,"story":4652},{"name":3855,"id":3856,"uuid":3852,"slug":3853,"url":3853,"full_slug":3853,"_stopResolving":1094},"What's new",{"_uid":4655,"icon":4656,"link":4657,"name":3724,"component":3966,"description":34,"isGreenDotShowing":16},"6cc3f0da-b9e0-4f74-bd46-b1397e825e4f","ic-world",{"id":3718,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3719,"story":4658},{"name":3721,"id":3722,"uuid":3718,"slug":3723,"url":3719,"full_slug":3719,"_stopResolving":1094},{"_uid":4660,"icon":4661,"link":4662,"name":3750,"component":3966,"description":4664,"isGreenDotShowing":16},"d0392a9f-1a64-4a2d-b84a-3ed1e48979ea","ic-new-window",{"id":3702,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3703,"story":4663},{"name":3703,"id":3705,"uuid":3702,"slug":3703,"url":3703,"full_slug":3703,"_stopResolving":1094},"Courses and tutorials",{"_uid":4666,"icon":4156,"link":4667,"name":3714,"component":3966,"description":34,"isGreenDotShowing":16},"e73fbf04-c1ce-4ca2-8da8-4f0a093fd2e5",{"id":3710,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3711,"story":4668},{"name":3711,"id":3713,"uuid":3710,"slug":3711,"url":3711,"full_slug":3711,"_stopResolving":1094},[],"1186lav4","HeaderComponent",{"id":34,"url":4673,"linktype":88,"fieldtype":89,"cached_url":4673},"https:\u002F\u002Fform.typeform.com\u002Fto\u002FJWgA4B4Y"," Join waitlist","Back",[4677],{"_uid":4678,"link":4679,"name":3835,"links":4681,"component":3583},"d2ac70cd-4c11-4c31-b210-5e5efba056f0",{"id":3829,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3830,"story":4680},{"name":3832,"id":3833,"uuid":3829,"slug":3834,"url":3830,"full_slug":3830,"_stopResolving":1094},[4682,4693,4704,4709,4717,4722],{"_uid":4683,"link":4684,"name":4692,"component":3535},"5c37821b-2f6a-4076-b596-c7a2beb77f6d",{"id":4685,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4686,"story":4687},"b26b9248-87c9-4b79-b50a-f99b8533a4d6","academy\u002Fcurve\u002Fonline-courses\u002F",{"name":4688,"id":4689,"uuid":4685,"slug":4690,"url":4691,"full_slug":4691,"_stopResolving":1094},"Overview",315405803,"online-courses","academy\u002Fonline-courses\u002F","Courses",{"_uid":4694,"link":4695,"name":4703,"component":3535},"3eaf9bae-963b-4f7d-b6e4-85d87b3b4451",{"id":4696,"url":34,"anchor":4697,"linktype":2184,"fieldtype":89,"cached_url":4698,"story":4699},"5df41805-1e09-4f09-94ce-b8fbcb13015a","design-with-curve","academy\u002Ftutorials\u002F",{"name":4700,"id":4701,"uuid":4696,"slug":4702,"url":4698,"full_slug":4698,"_stopResolving":1094},"Homepage with all the categories",314958617,"tutorials","Curve Tutorials",{"_uid":4705,"link":4706,"name":4541,"component":3535},"15ade7a5-f720-4642-afbc-e1e68ad63fc1",{"id":4696,"url":34,"anchor":4707,"linktype":2184,"fieldtype":89,"cached_url":4698,"story":4708},"animate-with-move",{"name":4700,"id":4701,"uuid":4696,"slug":4702,"url":4698,"full_slug":4698,"_stopResolving":1094},{"_uid":4710,"link":4711,"name":4716,"component":3535},"8311b8c4-b789-4f12-9e06-1565dd2377c2",{"id":4712,"url":34,"anchor":34,"linktype":2184,"fieldtype":89,"cached_url":4713,"story":4714},"2e9909a3-9349-44f2-bd1f-8c395ea252d3","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fstart-here\u002F",{"name":4688,"id":4715,"uuid":4712,"slug":4442,"url":4713,"full_slug":4713,"_stopResolving":1094},316873515,"Curve User Guide",{"_uid":4718,"link":4719,"name":4721,"component":3535},"1ee4a7db-734f-47eb-a449-19248cf5bd30",{"id":4437,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4438,"story":4720},{"name":4440,"id":4441,"uuid":4437,"slug":4442,"url":4438,"full_slug":4438,"_stopResolving":1094},"Move User Guide",{"_uid":4723,"link":4724,"name":3867,"component":3535},"9f14b8d1-04af-4e44-bed4-867f1150d22e",{"id":3861,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3862,"story":4725},{"name":3864,"id":3865,"uuid":3861,"slug":3866,"url":3862,"full_slug":3862,"_stopResolving":1094},[4727],{"_uid":4728,"link":4729,"name":4730,"links":4731,"component":3583},"b8e925ed-048e-4012-ade1-902c2d38bd0d",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"Curve Features",[4732,4736,4740,4750,4754,4758,4762,4766,4770],{"_uid":4733,"link":4734,"name":4081,"component":3535},"d23d43bf-24e9-4dc8-9e76-b2e80bec8b45",{"id":4078,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4079,"story":4735},{"name":4081,"id":4082,"uuid":4078,"slug":4083,"url":4079,"full_slug":4079,"_stopResolving":1094},{"_uid":4737,"link":4738,"name":4073,"component":3535},"233eb756-4357-4364-8da4-7114ac45a123",{"id":4067,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4068,"story":4739},{"name":4070,"id":4071,"uuid":4067,"slug":4072,"url":4068,"full_slug":4068,"_stopResolving":1094},{"_uid":4741,"link":4742,"name":4749,"component":3535},"fa291536-bb35-488b-9722-abf4f9c3b6da",{"id":4743,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4744,"story":4745},"303a8ec9-957d-4089-813b-09b9f8906833","features\u002Fpdf-editing",{"name":4746,"id":4747,"uuid":4743,"slug":4748,"url":4744,"full_slug":4744,"_stopResolving":1094},"PDF Editing",643276029,"pdf-editing","PDF Edit",{"_uid":4751,"link":4752,"name":4110,"component":3535},"2052457e-5946-41b2-ad04-4bff56e580a0",{"id":4107,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4108,"story":4753},{"name":4110,"id":4111,"uuid":4107,"slug":4112,"url":4108,"full_slug":4108,"_stopResolving":1094},{"_uid":4755,"link":4756,"name":4100,"component":3535},"39f718e4-7611-45f5-8951-c213b76336e9",{"id":4097,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4098,"story":4757},{"name":4100,"id":4101,"uuid":4097,"slug":4102,"url":4098,"full_slug":4098,"_stopResolving":1094},{"_uid":4759,"link":4760,"name":4090,"component":3535},"5cb1dd92-2d9a-46d7-9615-25d2cccba65c",{"id":4087,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4088,"story":4761},{"name":4090,"id":4091,"uuid":4087,"slug":4092,"url":4088,"full_slug":4088,"_stopResolving":1094},{"_uid":4763,"link":4764,"name":3619,"component":3535},"07dbdd94-700b-417d-b4de-d256cb62a403",{"id":3616,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3617,"story":4765},{"name":3619,"id":3620,"uuid":3616,"slug":3621,"url":3617,"full_slug":3617,"_stopResolving":1094},{"_uid":4767,"link":4768,"name":4120,"component":3535},"ce15500f-037e-4ccf-8a6c-2c40e53562da",{"id":4117,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4118,"story":4769},{"name":4120,"id":4121,"uuid":4117,"slug":4122,"url":4118,"full_slug":4118,"_stopResolving":1094},{"_uid":4771,"link":4772,"name":4153,"component":3535},"944aaf8b-efbe-46cd-865a-032fc9e3937d",{"id":4147,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4148,"story":4773},{"name":4150,"id":4151,"uuid":4147,"slug":4152,"url":4148,"full_slug":4148,"_stopResolving":1094},[4775],{"_uid":4776,"name":3952,"links":4777,"component":3583},"0257b675-040b-409a-be1f-f5495c7e34e2",[4778,4782,4787,4792,4796,4800,4804,4808],{"_uid":4779,"link":4780,"name":1091,"component":3535},"f8c821ca-f08e-4575-bc33-c605921d77f7",{"id":4025,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4026,"story":4781},{"name":1088,"id":4028,"uuid":4025,"slug":4029,"url":4030,"full_slug":4030,"_stopResolving":1094},{"_uid":4783,"link":4784,"name":4786,"component":3535},"cad5906e-4a69-4885-b64b-021c19e37e44",{"id":3981,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3982,"story":4785},{"name":3984,"id":3985,"uuid":3981,"slug":3986,"url":3987,"full_slug":3987,"_stopResolving":1094},"Social Media",{"_uid":4788,"link":4789,"name":3999,"component":3535},"9ffd6f08-ce85-4900-b398-6325e613b235",{"id":3992,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4790,"story":4791},"use-cases\u002Fonline-ads",{"name":3995,"id":3996,"uuid":3992,"slug":3997,"url":3998,"full_slug":3998,"_stopResolving":1094},{"_uid":4793,"link":4794,"name":4005,"component":3535},"888768b8-bc84-4637-bd72-0237f394688b",{"id":3630,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3631,"story":4795},{"name":3633,"id":3634,"uuid":3630,"slug":3635,"url":3631,"full_slug":3631,"_stopResolving":1094},{"_uid":4797,"link":4798,"name":3643,"component":3535},"675e98a5-ffbc-460a-b4d7-e617ed3fe5a7",{"id":3640,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3641,"story":4799},{"name":3643,"id":3644,"uuid":3640,"slug":3645,"url":3641,"full_slug":3641,"_stopResolving":1094},{"_uid":4801,"link":4802,"name":3965,"component":3535},"a89d8fee-7671-47eb-9095-4b5898aa18db",{"id":3958,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3959,"story":4803},{"name":3961,"id":3962,"uuid":3958,"slug":3963,"url":3964,"full_slug":3964,"_stopResolving":1094},{"_uid":4805,"link":4806,"name":3974,"component":3535},"f3350f80-dbda-4bef-91db-b3353995689c",{"id":3971,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3972,"story":4807},{"name":3974,"id":3975,"uuid":3971,"slug":3976,"url":3972,"full_slug":3972,"_stopResolving":1094},{"_uid":4809,"link":4810,"name":4031,"component":3535},"4ae494ca-92fe-436d-b205-2e6c04de4f1b",{"id":4025,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4030,"story":4811},{"name":1088,"id":4028,"uuid":4025,"slug":4029,"url":4030,"full_slug":4030,"_stopResolving":1094},[4813],{"_uid":4814,"link":4815,"name":3724,"links":4817,"component":3583},"383140f1-012d-4ced-9a4a-ec15534b225c",{"id":3718,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3719,"story":4816},{"name":3721,"id":3722,"uuid":3718,"slug":3723,"url":3719,"full_slug":3719,"_stopResolving":1094},[4818,4828,4838],{"_uid":4819,"link":4820,"name":4827,"component":3535},"c5511489-0553-4ad8-ab54-67c1ed919017",{"id":4821,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4822,"story":4823},"127c6173-397f-4add-b9a9-201b86786423","community\u002Fevents-hub",{"name":4824,"id":4825,"uuid":4821,"slug":4826,"url":4822,"full_slug":4822,"_stopResolving":1094},"Events Hub",319533987,"events-hub","Events",{"_uid":4829,"link":4830,"name":4837,"component":3535},"f31b9d84-82f0-4474-9a04-d14db4243306",{"id":4831,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4832,"story":4833},"277277e1-e6a5-46f0-9cad-b67a8eb248cf","community\u002Fgallery",{"name":4834,"id":4835,"uuid":4831,"slug":4836,"url":4832,"full_slug":4832,"_stopResolving":1094},"Gallery",322331037,"gallery","Community Gallery",{"_uid":4839,"link":4840,"name":4842,"component":3535},"1655063f-501c-49e6-9d7c-5c1df4e5ab0e",{"id":34,"url":4841,"linktype":88,"fieldtype":89,"cached_url":4841},"https:\u002F\u002Fforum.linearity.io\u002F","Forum",[4844],{"_uid":4845,"image":4846,"title":4847,"component":4848,"buttonIcon":34,"buttonLink":4849,"buttonText":91,"buttonIcon2":34,"description":34},"d04016ae-2d23-4683-a67a-5fa80cae2292","v2","Get started with Linearity today.","Cta",{"id":34,"url":3939,"linktype":88,"fieldtype":89,"cached_url":3939},"PageSettings",[4852],{"_uid":4853,"name":4854,"links":4855,"component":3583},"bc1daabf-e647-4974-864f-8e19aa4cbd64","Comparison",[4856,4860,4865,4870,4879,4883],{"_uid":4857,"link":4858,"name":3808,"component":3535},"63fee839-f8b2-4fb1-9baf-a8cbf1a97dac",{"id":3805,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3806,"story":4859},{"name":3808,"id":3809,"uuid":3805,"slug":3810,"url":3806,"full_slug":3806,"_stopResolving":1094},{"_uid":4861,"link":4862,"name":4864,"component":3535},"f3b367d4-f32b-4a03-a16e-1d9ed896a4cb",{"id":3785,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3786,"story":4863},{"name":3788,"id":3789,"uuid":3785,"slug":3790,"url":3786,"full_slug":3786,"_stopResolving":1094},"Canva",{"_uid":4866,"link":4867,"name":4869,"component":3535},"fd5d7fc4-1f09-4a2a-a9a3-07576988fad9",{"id":3795,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3796,"story":4868},{"name":3798,"id":3799,"uuid":3795,"slug":3800,"url":3796,"full_slug":3796,"_stopResolving":1094},"Figma",{"_uid":4871,"link":4872,"name":4876,"component":3535},"23b4a7a2-7c45-4256-a2a1-b4a4b916eaf4",{"id":4873,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4874,"story":4875},"001de15d-a168-430f-ae89-bbd8de5206e1","comparison\u002Finkscape",{"name":4876,"id":4877,"uuid":4873,"slug":4878,"url":4874,"full_slug":4874,"_stopResolving":1094},"Inkscape",281022775,"inkscape",{"_uid":4880,"link":4881,"name":3818,"component":3535},"0d37d9c6-8c98-4095-81d9-95ef7bdedd00",{"id":3815,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3816,"story":4882},{"name":3818,"id":3819,"uuid":3815,"slug":3820,"url":3816,"full_slug":3816,"_stopResolving":1094},{"_uid":4884,"link":4885,"name":4889,"component":3535},"6f82b688-5cc3-479e-85d4-722448d9c20f",{"id":4886,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4887,"story":4888},"32c9cdbd-755c-415f-babf-f6f578861f6f","comparison\u002Fprocreate",{"name":4889,"id":4890,"uuid":4886,"slug":4891,"url":4887,"full_slug":4887,"_stopResolving":1094},"Procreate",304729374,"procreate",{"id":4893,"alt":34,"name":34,"focus":34,"title":34,"filename":4894,"copyright":34,"fieldtype":36,"is_external_url":16},8960944,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2161x1350\u002Fbec588b43f\u002Fpost-example-test.png","Revolutionize your marketing design with Linearity","Linearity: Ideate, Design, Animate",[4898],{"_uid":4899,"link":4900,"name":4902,"links":4903,"component":3583},"1a30eacb-9415-4607-9dd2-814c97f1f4db",{"id":3829,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3830,"story":4901},{"name":3832,"id":3833,"uuid":3829,"slug":3834,"url":3830,"full_slug":3830,"_stopResolving":1094},"Move Academy",[4904,4908,4912,4916],{"_uid":4905,"link":4906,"name":4692,"component":3535},"c381a62a-cea8-409b-9703-b0b1b68b43f0",{"id":4685,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4686,"story":4907},{"name":4688,"id":4689,"uuid":4685,"slug":4690,"url":4691,"full_slug":4691,"_stopResolving":1094},{"_uid":4909,"link":4910,"name":4541,"component":3535},"37e60d57-7ad3-457d-93c3-16f84ebe5ada",{"id":4696,"url":34,"anchor":4707,"linktype":2184,"fieldtype":89,"cached_url":4698,"story":4911},{"name":4700,"id":4701,"uuid":4696,"slug":4702,"url":4698,"full_slug":4698,"_stopResolving":1094},{"_uid":4913,"link":4914,"name":4721,"component":3535},"45d47e6d-413b-4c97-a0c3-02821720830f",{"id":4437,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4438,"story":4915},{"name":4440,"id":4441,"uuid":4437,"slug":4442,"url":4438,"full_slug":4438,"_stopResolving":1094},{"_uid":4917,"link":4918,"name":3867,"component":3535},"1ed910fb-a00a-4e90-bfb9-4f91be1bcc1f",{"id":3861,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3862,"story":4919},{"name":3864,"id":3865,"uuid":3861,"slug":3866,"url":3862,"full_slug":3862,"_stopResolving":1094},[4921],{"_uid":4922,"link":4923,"name":4925,"links":4926,"component":3583},"de441cd6-8f3f-430e-ad6a-8397284e4894",{"id":3829,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3830,"story":4924},{"name":3832,"id":3833,"uuid":3829,"slug":3834,"url":3830,"full_slug":3830,"_stopResolving":1094},"Curve Academy",[4927,4931,4935,4939],{"_uid":4928,"link":4929,"name":4692,"component":3535},"3b0c1556-8796-4dab-8b1f-1a7c39896024",{"id":4685,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4686,"story":4930},{"name":4688,"id":4689,"uuid":4685,"slug":4690,"url":4691,"full_slug":4691,"_stopResolving":1094},{"_uid":4932,"link":4933,"name":4703,"component":3535},"cb1f6ffb-ff6c-467e-9069-3d74806c97e2",{"id":4696,"url":34,"anchor":4697,"linktype":2184,"fieldtype":89,"cached_url":4698,"story":4934},{"name":4700,"id":4701,"uuid":4696,"slug":4702,"url":4698,"full_slug":4698,"_stopResolving":1094},{"_uid":4936,"link":4937,"name":4716,"component":3535},"147060d8-f4f9-4654-8d97-12ad82173011",{"id":4712,"url":34,"anchor":34,"linktype":2184,"fieldtype":89,"cached_url":4713,"story":4938},{"name":4688,"id":4715,"uuid":4712,"slug":4442,"url":4713,"full_slug":4713,"_stopResolving":1094},{"_uid":4940,"link":4941,"name":3867,"component":3535},"73e55457-ee40-4341-95b6-a46d10a50a2b",{"id":3861,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3862,"story":4942},{"name":3864,"id":3865,"uuid":3861,"slug":3866,"url":3862,"full_slug":3862,"_stopResolving":1094},[4944],{"_uid":4945,"link":4946,"name":4947,"links":4948,"component":3583},"b5ad2b49-0194-4bfa-9eed-82eb05e3b7fa",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"Move Features",[4949,4954,4958,4962,4967,4972,4976],{"_uid":4950,"link":4951,"name":4953,"component":3535},"a06277f6-5709-4dba-b9ce-35d00958d090",{"id":4170,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4171,"story":4952},{"name":4173,"id":4174,"uuid":4170,"slug":4175,"url":4171,"full_slug":4171,"_stopResolving":1094},"Design and Animate Mode",{"_uid":4955,"link":4956,"name":4153,"component":3535},"284cf938-771a-4324-996e-41542f3ce3fa",{"id":4147,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4148,"story":4957},{"name":4150,"id":4151,"uuid":4147,"slug":4152,"url":4148,"full_slug":4148,"_stopResolving":1094},{"_uid":4959,"link":4960,"name":4191,"component":3535},"3a74ae45-1f65-485c-a3cb-56281ab2db7a",{"id":4185,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4186,"story":4961},{"name":4188,"id":4189,"uuid":4185,"slug":4190,"url":4186,"full_slug":4186,"_stopResolving":1094},{"_uid":4963,"link":4964,"name":4966,"component":3535},"5b080b56-daa1-43fc-8add-270ae4f4cd9f",{"id":34,"url":4965,"linktype":88,"fieldtype":89,"cached_url":4965},"https:\u002F\u002Fwww.linearity.io\u002Fblog\u002Fvideo-support-linearity-move\u002F","Video Import",{"_uid":4968,"link":4969,"name":4971,"component":3535},"7903e317-cabf-4a86-86e7-1d13a96b9d9e",{"id":4207,"url":34,"linktype":2184,"fieldtype":89,"cached_url":4208,"story":4970},{"name":4210,"id":4211,"uuid":4207,"slug":4212,"url":4208,"full_slug":4208,"_stopResolving":1094},"Gif Export",{"_uid":4973,"link":4974,"name":3619,"component":3535},"9a8a2605-db98-4ad4-b8da-0574ac12b84c",{"id":3616,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3617,"story":4975},{"name":3619,"id":3620,"uuid":3616,"slug":3621,"url":3617,"full_slug":3617,"_stopResolving":1094},{"_uid":4977,"link":4978,"name":4980,"component":3535},"8dcdde93-a662-45d4-81d2-94df738d0e8c",{"id":3596,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3597,"story":4979},{"name":3599,"id":3600,"uuid":3596,"slug":3601,"url":3597,"full_slug":3597,"_stopResolving":1094},"Presentations",[],[4983],{"_uid":4984,"image":4985,"title":4989,"video":4990,"component":5002,"buttonLink":5003,"buttonText":5005,"showBanner":16,"description":5006},"29d0db8e-d92a-47c9-9634-ca9e8d7d7c3b",{"id":4986,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":4987,"copyright":34,"fieldtype":36,"meta_data":4988,"is_external_url":16},17886679,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1920x1080\u002F06132d77ce\u002Fblack-friday-web_16_9.png",{},"Peace + Love + Webinars",[4991],{"_uid":4992,"muted":16,"title":34,"autoPlay":1094,"wistiaId":4993,"component":4466,"videoFoam":16,"bunnyVideo":4994,"aspectRatio":34,"playbackRateControl":16},"1f4be375-2e11-493b-83a9-ae72a822d737","wk2ope7bj4",{"id":4995,"title":4996,"width":4997,"height":4998,"length":4999,"thumbnail":5000,"videoLibraryId":5001},"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":3829,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3830,"story":5004},{"name":3832,"id":3833,"uuid":3829,"slug":3834,"url":3830,"full_slug":3830,"_stopResolving":1094},"Learn more","**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.",[5008],{"_uid":5009,"link":3913,"image":5010,"title":5014,"component":5015,"buttonText":5016,"showBanner":1094,"description":5017},"f1b1f561-b3af-4626-a506-07bbefc61912",{"id":5011,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5012,"copyright":34,"fieldtype":36,"meta_data":5013,"is_external_url":16},144355764296718,"https:\u002F\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!",[5020],{"_uid":5021,"title":3662,"component":5022,"description":5023,"thankYouTitle":5024,"disclaimerText":5025,"comingSoonTitle":5026,"helpPlaceholder":5027,"emailPlaceholder":5028,"submitButtonText":5029,"lastNamePlaceholder":5030,"thankYouDescription":5023,"firstNamePlaceholder":5031,"comingSoonDescription":5032,"companyNamePlaceholder":5033,"phoneNumberPlaceholder":5034},"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)",[5036],{"_uid":5037,"logos":5038,"title":5067,"bg_color":34,"component":5068,"container":34},"d2f3bbe2-2dac-43ef-b974-1d7f200c3152",[5039,5043,5047,5051,5055,5059,5063],{"id":5040,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5041,"copyright":34,"fieldtype":36,"meta_data":5042},76987100465928,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F145x32\u002Fffe969d60a\u002Fleapsome_id7lqp9j-8_6.svg",{},{"id":5044,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5045,"copyright":34,"fieldtype":36,"meta_data":5046},76987100564238,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F39x52\u002Fd7ba9bc276\u002Flogo-apple.svg",{},{"id":5048,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5049,"copyright":34,"fieldtype":36,"meta_data":5050},76987100543756,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F105x34\u002Fb4340be2f1\u002Fgoogle-logo-wine-1.svg",{},{"id":5052,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5053,"copyright":34,"fieldtype":36,"meta_data":5054},76987100531467,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F81x42\u002F7b6a9b9335\u002Funiversal_pictures_logo-1.svg",{},{"id":5056,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5057,"copyright":34,"fieldtype":36,"meta_data":5058},76987100588815,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F106x52\u002F4ed390ff2e\u002Flogo-disney.svg",{},{"id":5060,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5061,"copyright":34,"fieldtype":36,"meta_data":5062},76987100519177,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F100x30\u002F41abcf4dc2\u002Fsumup_logo-1.svg",{},{"id":5064,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5065,"copyright":34,"fieldtype":36,"meta_data":5066},76987100551949,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F121x24\u002F4c8d6a728e\u002Fmeta_platforms_inc-_logo-1.svg",{},"Trusted and used by leading brands","LogoSectionv2",[5070,5078,5089,5100,5109],{"_uid":5071,"link":5072,"image":5074,"title":5075,"component":5076,"description":5077},"9e3f1218-7af2-492f-b4cf-2fcfc23b7947",{"id":34,"url":5073,"linktype":88,"fieldtype":89,"cached_url":5073},"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":5079,"link":5080,"image":5086,"title":5087,"component":5076,"description":5088},"84aecba6-a2c1-42a7-8629-c31a8f4aa228",{"id":5081,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5082,"story":5083},"232e9706-24a5-48ed-8000-c13668f78bd4","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fstart-here\u002Fget-started",{"name":91,"id":5084,"uuid":5081,"slug":5085,"url":5082,"full_slug":5082,"_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":5090,"link":5091,"image":5098,"title":5095,"component":5076,"description":5099},"932ce6dd-2197-4aa4-a1ea-f9e6f6a02f03",{"id":5092,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5093,"story":5094},"439aa8af-a9c3-4b8b-b0d6-d5b086302b71","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fworkspace\u002Fhomescreen",{"name":5095,"id":5096,"uuid":5092,"slug":5097,"url":5093,"full_slug":5093,"_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":5101,"link":5102,"image":5107,"title":4110,"component":5076,"description":5108},"c05f3cdd-6478-46ac-98f5-6f451c678166",{"id":5103,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5104,"story":5105},"d2968838-e375-48b5-99c0-ee045d18bde7","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fimages\u002Fbackground-removal",{"name":4110,"id":5106,"uuid":5103,"slug":4112,"url":5104,"full_slug":5104,"_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":5110,"link":5111,"image":5117,"title":5118,"component":5076,"description":5119},"2fadaf7c-d408-420d-89ac-9406e72009c7",{"id":5112,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5113,"story":5114},"164a6f76-cb04-4c31-a52f-092df0a89adb","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fshortcuts-and-gestures\u002F",{"name":4688,"id":5115,"uuid":5112,"slug":5116,"url":5113,"full_slug":5113,"_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.",[5121],{"_uid":5122,"markdown":5123,"component":1868},"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)",[5125],{"_uid":5126,"badge":5127,"cards":5137,"title":5168,"video":5169,"component":5173},"10a903ff-0cc2-4134-8144-aadfe4d42add",[5128],{"_uid":5129,"text":5130,"image":5131,"title":5135,"component":5136},"17b4d0d4-8bc9-4e72-99c1-2ca1e513fb88","6.1K ratings",{"id":5132,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5133,"copyright":34,"fieldtype":36,"meta_data":5134,"is_external_url":16},78108077319142,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F122x65\u002Ff2a1f5a31b\u002Fapp-of-the-day.svg",{},"App of the Day","BadgeTextItem",[5138,5155],{"cta":5139,"_uid":5146,"size":5147,"title":5148,"vector":5149,"component":5153,"description":5154},[5140],{"_uid":5141,"icon":5142,"link":5143,"size":90,"text":5145,"type":92,"component":93,"analyticsName":34},"518025fe-5bf6-4a65-a56a-c70b2bf48a7d","ic-download-03",{"id":34,"url":5144,"linktype":88,"fieldtype":89,"cached_url":5144},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-curve-graphic-design\u002Fid1219074514","Download Now","7d911cfa-952f-49e1-b1da-eb1a0e48f02c","md","Design in Curve.",{"id":5150,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5151,"copyright":34,"fieldtype":36,"meta_data":5152,"is_external_url":16},78178474038529,"https:\u002F\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":5156,"_uid":5161,"size":5147,"title":5162,"vector":5163,"component":5153,"description":5167},[5157],{"_uid":5158,"icon":5142,"link":5159,"size":90,"text":5145,"type":92,"component":93,"analyticsName":34},"4f7e139b-6645-4f03-a2e7-011a69081261",{"id":34,"url":5160,"linktype":88,"fieldtype":89,"cached_url":5160},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-move-motion-graphics\u002Fid6443677011","02376723-89f0-4a7b-a2a8-ae368fd5ac1f","Animate in Move.",{"id":5164,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5165,"copyright":34,"fieldtype":36,"meta_data":5166,"is_external_url":16},78178502259970,"https:\u002F\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":5170,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5171,"copyright":34,"fieldtype":36,"meta_data":5172,"is_external_url":16},93918517218985,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002Fca24e3a346\u002Fapp-preview_compresed.mp4",{},"ProductOverviewSection",[5175,5178,5182,5190,5195],{"_uid":5176,"link":5177,"image":5074,"title":5075,"component":5076,"description":5077},"9224735c-cc9c-4c4b-9aba-5e748c195227",{"id":34,"url":5073,"linktype":88,"fieldtype":89,"cached_url":5073},{"_uid":5179,"link":5180,"image":5098,"title":5095,"component":5076,"description":5099},"b35670e2-bbff-40e3-a132-d0b129b09a3f",{"id":5092,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5093,"story":5181},{"name":5095,"id":5096,"uuid":5092,"slug":5097,"url":5093,"full_slug":5093,"_stopResolving":1094},{"_uid":5183,"link":5184,"image":5187,"title":5188,"component":5076,"description":5189},"53fdea0a-5042-428b-a123-8632f668763a",{"id":5185,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5186},"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":5191,"link":5192,"image":5194,"title":4110,"component":5076,"description":5108},"7b3ddd58-4c20-4bbb-85af-9bfe42fcfe09",{"id":5103,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5104,"story":5193},{"name":4110,"id":5106,"uuid":5103,"slug":4112,"url":5104,"full_slug":5104,"_stopResolving":1094},"\u002F\u002Fa.storyblok.com\u002Ff\u002F197805\u002F3558x1700\u002F76bd1d3734\u002Fbackground-removal-intro.png",{"_uid":5196,"link":5197,"image":5202,"title":5118,"component":5076,"description":5203},"00893723-509c-4ed7-917b-11d315fb8c25",{"id":5198,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5199,"story":5200},"c3f80e81-363f-4e2d-ac06-57817fcb40c1","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fshortcuts-and-gestures\u002F",{"name":4688,"id":5201,"uuid":5198,"slug":5116,"url":5199,"full_slug":5199,"_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.",[5205],{"_uid":5206,"markdown":5207,"component":5208},"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",[5210,5221,5232,5243,5254,5265,5276,5287],{"_uid":5211,"link":5212,"image":5219,"title":5216,"component":5076,"description":5220},"eda90e38-59ae-4b9b-b396-d8d83a047d53",{"id":5213,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5214,"story":5215},"637e479d-ae7e-4b23-96db-8c1011f39995","templates\u002Fsocial-media\u002Finstagram-stories\u002Fyear-recap-instagram-stories",{"name":5216,"id":5217,"uuid":5213,"slug":5218,"url":5214,"full_slug":5214,"_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":5222,"link":5223,"image":5230,"title":5227,"component":5076,"description":5231},"34f97551-5add-4a31-94ac-0cec7df4e93a",{"id":5224,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5225,"story":5226},"a353e11e-f4f3-4fdb-9c5f-43e87184d7c4","templates\u002Fsocial-media\u002Fx-headers\u002Fhiking-club-twitter-header",{"name":5227,"id":5228,"uuid":5224,"slug":5229,"url":5225,"full_slug":5225,"_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":5233,"link":5234,"image":5241,"title":5238,"component":5076,"description":5242},"d27cf8e4-ddba-4c26-911f-e5ca8c0b34d7",{"id":5235,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5236,"story":5237},"c88f1fee-af16-4dde-bdde-3b1db58cdbe0","templates\u002Fevents-templates\u002Fgreeting-cards\u002Fchristmas-tree-greeting-card",{"name":5238,"id":5239,"uuid":5235,"slug":5240,"url":5236,"full_slug":5236,"_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":5244,"link":5245,"image":5252,"title":5249,"component":5076,"description":5253},"5f72f828-d56e-4560-b055-5f6b4f0f3536",{"id":5246,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5247,"story":5248},"47b20629-0664-405e-b753-cee4fa65318a","templates\u002Fanimated-templates\u002Fmodern-shape-animation",{"name":5249,"id":5250,"uuid":5246,"slug":5251,"url":5247,"full_slug":5247,"_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":5255,"link":5256,"image":5263,"title":5260,"component":5076,"description":5264},"67614376-625a-4748-9416-8e7982b159e1",{"id":5257,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5258,"story":5259},"c48972aa-186a-43a9-bc7d-e82d42115f57","templates\u002Fsocial-media\u002Flinkedin-covers\u002Finfluencer-marketing-linkedin-cover",{"name":5260,"id":5261,"uuid":5257,"slug":5262,"url":5258,"full_slug":5258,"_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":5266,"link":5267,"image":5274,"title":5271,"component":5076,"description":5275},"9542300d-408c-41f5-bc64-5bc21c778a33",{"id":5268,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5269,"story":5270},"c8e0899d-f773-46d4-b280-9585c24a152f","templates\u002Feducation\u002Factivities\u002Ffloral-family-tree-education",{"name":5271,"id":5272,"uuid":5268,"slug":5273,"url":5269,"full_slug":5269,"_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":5277,"link":5278,"image":5285,"title":5282,"component":5076,"description":5286},"8bb666f0-7a40-4b7c-807d-7c8aeb652a47",{"id":5279,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5280,"story":5281},"dab6b220-8c18-4b6c-bab6-61293ecb25d4","templates\u002Fbusiness-templates\u002Fbusiness-cards\u002Ffurniture-business-card",{"name":5282,"id":5283,"uuid":5279,"slug":5284,"url":5280,"full_slug":5280,"_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":5288,"link":5289,"image":5296,"title":5293,"component":5076,"description":5297},"9613a5fb-d49c-497f-affe-4dc5d59e595d",{"id":5290,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5291,"story":5292},"6b4332bb-175f-4a1a-8c68-8c791e4c8da9","templates\u002Fbusiness-templates\u002Fdesign-assets\u002Fbold-music-wave-spotify-cover",{"name":5293,"id":5294,"uuid":5290,"slug":5295,"url":5291,"full_slug":5291,"_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.",[5299],{"_uid":5300,"logos":5301,"steps":5330,"checks":5353,"component":5362,"extraLinks":5363,"yearlyLink":5379,"yearlyText":5381,"monthlyLink":5382,"monthlyText":5384,"testimonial":5385,"yearlyPrice":5396,"yearlyTitle":5397,"monthlyPrice":5398,"monthlyTitle":5399,"yearlyDiscount":5400,"yearlyButtonText":5401,"monthlyButtonText":5402,"yearlyButtonDescription":5403,"monthlyButtonDescription":5404},"1e40a658-a293-4afd-9044-45f7e8a5b1d0",[5302,5306,5310,5314,5318,5322,5326],{"id":5303,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5304,"copyright":34,"fieldtype":36,"meta_data":5305},10356636,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1633x1060\u002F12dbeadb68\u002Famazon.svg",{},{"id":5307,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5308,"copyright":34,"fieldtype":36,"meta_data":5309},10356628,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F579x906\u002Fcf5e5f3a60\u002Fapple.svg",{},{"id":5311,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5312,"copyright":34,"fieldtype":36,"meta_data":5313},9313527,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F524x375\u002Fb449090df2\u002Funiversal.svg",{},{"id":5315,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5316,"copyright":34,"fieldtype":36,"meta_data":5317},10356631,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F714x914\u002Fcf565df031\u002Fmc.svg",{},{"id":5319,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5320,"copyright":34,"fieldtype":36,"meta_data":5321},10356630,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1631x1360\u002F7461b076ac\u002Fnasa.svg",{},{"id":5323,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5324,"copyright":34,"fieldtype":36,"meta_data":5325},10356635,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2056x1028\u002Fb0800798f6\u002Fspacex.svg",{},{"id":5327,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5328,"copyright":34,"fieldtype":36,"meta_data":5329},10356632,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1346x952\u002F55fc855a40\u002Fgoogle.svg",{},[5331,5339,5346],{"_uid":5332,"icon":5333,"component":5334,"mobileTitle":5335,"desktopTitle":5336,"mobileDescription":5337,"desktopDescription":5338},"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":5340,"icon":5341,"component":5334,"mobileTitle":5342,"desktopTitle":5343,"mobileDescription":5344,"desktopDescription":5345},"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":5347,"icon":5348,"component":5334,"mobileTitle":5349,"desktopTitle":5350,"mobileDescription":5351,"desktopDescription":5352},"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.",[5354,5358],{"_uid":5355,"title":5356,"component":5357},"043db5f1-28fd-4e6f-bdab-a62ff0046a4f","Free trial on the yearly plan, cancel any time","PricingCheckoutPopupPoint",{"_uid":5359,"link":5360,"title":5361,"component":5357},"690f76e8-e480-4e6f-a423-fe630060ecd7",{"id":34,"url":34,"linktype":2184,"fieldtype":89,"cached_url":34},"We'll remind you before your yearly trial ends","PricingCheckoutPopupData",[5364,5369],{"_uid":5365,"link":5366,"title":5368,"component":5357},"a31e5a97-a8ed-49b9-94e8-b63ac686041d",{"id":3883,"url":34,"linktype":2184,"fieldtype":89,"cached_url":3884,"story":5367},{"name":3886,"id":3887,"uuid":3883,"slug":3888,"url":3884,"full_slug":3884,"_stopResolving":1094},"Terms and conditions",{"_uid":5370,"link":5371,"title":5378,"component":5357},"ce05c027-db74-403b-8e7e-afcfccdc28af",{"id":5372,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5373,"story":5374},"46927c4c-061e-4624-bab6-6f88112dfc2e","policies\u002Flinearity-privacy-policy",{"name":5375,"id":5376,"uuid":5372,"slug":5377,"url":5373,"full_slug":5373,"_stopResolving":1094},"Linearity - Privacy Policy",424776106,"linearity-privacy-policy","Privacy policy",{"id":34,"url":5380,"linktype":88,"fieldtype":89,"cached_url":5380},"https:\u002F\u002Fbuy.stripe.com\u002F7sIeVhg8dajJ4P600t?prefilled_promo_code=XMAS&utm_source=website&utm_medium=banner&utm_campaign=xmas","Yearly",{"id":34,"url":5383,"linktype":88,"fieldtype":89,"cached_url":5383},"https:\u002F\u002Fbuy.stripe.com\u002FdR614r5tz77x4P6bJ7","Monthly",[5386],{"_uid":5387,"name":5388,"role":5389,"text":5390,"image":5391,"component":5395},"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":5392,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5393,"copyright":34,"fieldtype":36,"meta_data":5394,"is_external_url":16},9664916,"https:\u002F\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",[5406,5409,5413,5417,5421],{"_uid":5407,"link":5408,"image":5074,"title":5075,"component":5076,"description":5077},"0de6ed3e-48fc-4dc4-b7ce-96f6f9f80cc7",{"id":34,"url":5073,"linktype":88,"fieldtype":89,"cached_url":5073},{"_uid":5410,"link":5411,"image":5086,"title":5087,"component":5076,"description":5088},"7d68e550-4a82-42ce-b7d3-d18095e3958c",{"id":5081,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5082,"story":5412},{"name":91,"id":5084,"uuid":5081,"slug":5085,"url":5082,"full_slug":5082,"_stopResolving":1094},{"_uid":5414,"link":5415,"image":5098,"title":5095,"component":5076,"description":5099},"6b86e797-f6e5-48fe-8c34-ac4ad31fc8d7",{"id":5092,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5093,"story":5416},{"name":5095,"id":5096,"uuid":5092,"slug":5097,"url":5093,"full_slug":5093,"_stopResolving":1094},{"_uid":5418,"link":5419,"image":5107,"title":4110,"component":5076,"description":5108},"203222c8-eff5-4e24-8c4e-f4ae8c582a10",{"id":5103,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5104,"story":5420},{"name":4110,"id":5106,"uuid":5103,"slug":4112,"url":5104,"full_slug":5104,"_stopResolving":1094},{"_uid":5422,"link":5423,"image":5117,"title":5118,"component":5076,"description":5119},"c05c1bc2-3700-4451-9cbd-8b5eb265a595",{"id":5112,"url":34,"linktype":2184,"fieldtype":89,"cached_url":5113,"story":5424},{"name":4688,"id":5115,"uuid":5112,"slug":5116,"url":5113,"full_slug":5113,"_stopResolving":1094},{"data":5426,"headers":8174,"perPage":168,"total":8198},{"stories":5427,"cv":7456,"rels":7457,"links":8167},[5428,6130,6817],{"name":5429,"created_at":5430,"published_at":5431,"updated_at":5432,"id":5433,"uuid":5434,"content":5435,"slug":6123,"full_slug":6124,"sort_by_date":134,"position":6125,"tag_list":6126,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":6127,"first_published_at":6128,"release_id":134,"lang":1636,"path":134,"alternates":6129,"default_full_slug":134,"translated_slugs":134},"AI image vs. vector generation: a technical workflow guide","2026-08-17T11:15:30.593Z","2026-09-05T00:18:50.933Z","2026-09-05T00:18:50.947Z",210025392555507,"5a77b417-f8eb-4ed6-a8dc-55f7e43e859b",{"tag":5436,"_uid":5795,"image":5796,"title":5429,"author":5804,"widget":5831,"bgColor":47,"content":5834,"noIndex":16,"noFollow":16,"component":1618,"thumbnail":6114,"meta_image":6116,"meta_title":6118,"page_title":6119,"description":6120,"publishedDate":6121,"hideFromSitemap":16,"meta_description":6122},[5437,5778],{"name":3531,"created_at":5438,"published_at":5439,"updated_at":5440,"id":3532,"uuid":3528,"content":5441,"slug":3533,"full_slug":3529,"sort_by_date":134,"position":5774,"tag_list":5775,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5776,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":5777,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"2024-08-26T14:10:52.478Z","2025-02-12T14:24:09.921Z","2025-02-12T14:24:09.942Z",{"_uid":5442,"title":3531,"noIndex":16,"noFollow":16,"component":17,"reference":5443,"meta_image":5771,"meta_title":34,"page_title":34,"description":5763,"illustration":5773,"hideFromSitemap":16,"meta_description":34},"00832853-d7d2-4035-8e6c-cacb5e3f52e2",{"name":5444,"created_at":5445,"published_at":5446,"updated_at":5447,"id":5448,"uuid":5449,"content":5450,"slug":5764,"full_slug":5765,"sort_by_date":134,"position":5766,"tag_list":5767,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5768,"first_published_at":5769,"release_id":134,"lang":1636,"path":134,"alternates":5770,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"Bring new life to your motion graphics with video!","2024-11-04T17:16:00.246Z","2026-09-05T00:15:02.847Z","2026-09-05T00:15:02.862Z",573385178,"85a94903-d83e-4d83-b80a-521266f5dd21",{"tag":5451,"_uid":5452,"image":5453,"title":5444,"author":5460,"widget":5462,"bgColor":47,"content":5466,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":5755,"meta_image":5759,"meta_title":5444,"page_title":34,"description":34,"publishedDate":5762,"hideFromSitemap":16,"meta_description":5763},[3528],"39d59d1f-10bd-4a25-af8a-60e8d415fd4b",[5454],{"_uid":5455,"image":5456,"imageAlt":38,"component":39},"b07e7331-fd8b-4f54-abb0-66803b4fa2ce",{"id":5457,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5458,"copyright":34,"fieldtype":36,"meta_data":5459,"is_external_url":16},18065554,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fd4f46bceda\u002Fbring_new_life_to_your_motion_graphics_with_video__main_image.jpg",{},[5461],"bb44c94c-f273-43b4-aa94-84c569e6df9b",{"id":5463,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5464,"copyright":34,"fieldtype":36,"meta_data":5465,"is_external_url":16},18931900,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fe4a212e409\u002Fvideo-support_widget.jpg",{},[5467],{"_uid":5468,"content":5469,"component":1617},"1e49a618-a933-48c2-a69b-e7b9038ef84d",{"type":52,"content":5470},[5471,5482,5492,5496,5507,5514,5518,5555,5592,5601,5608,5615,5619,5634,5641,5651,5658,5668,5677,5684,5694,5701,5711,5718,5727,5738],{"type":55,"content":5472},[5473,5475,5480],{"text":5474,"type":59},"Video content plays a crucial role in storytelling, and with the newest release version 1.8.0, you can import video files directly into your ",{"text":1128,"type":59,"marks":5476},[5477,5479],{"type":131,"attrs":5478},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5481,"type":59}," projects.",{"type":55,"content":5483},[5484,5486,5490],{"text":5485,"type":59},"This game-changing and highly-requested feature opens up a world of possibilities for motion designers and content creators. ",{"text":5487,"type":59,"marks":5488},"You can use real-world footage to add context, depth, and authenticity to your motion graphics",[5489],{"type":68},{"text":5491,"type":59},", allowing you to connect with your audience on a deeper level.",{"type":55,"content":5493},[5494],{"text":5495,"type":59},"Let's explore the benefits of this new capability and how it can elevate your animation workflow.",{"type":76,"attrs":5497},{"id":5498,"body":5499},"bfb4f0c4-630e-46ed-8e08-f242712bf5f3",[5500],{"_uid":5501,"asset":5502,"component":5506},"i-c49a2a68-4376-4211-a26a-e21cb96b8768",{"id":5503,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5504,"copyright":34,"fieldtype":36,"meta_data":5505,"is_external_url":16},19192872,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002Fd967574968\u002Fbring_new_life_to_your_motion_graphics_with_video-_video_1.mp4",{},"BlogComponentVideo",{"type":98,"attrs":5508,"content":5509},{"level":100},[5510],{"text":5511,"type":59,"marks":5512},"Import, edit, create",[5513],{"type":68},{"type":55,"content":5515},[5516],{"text":5517,"type":59},"While you’re likely already familiar with integrating static assets into your projects, importing video files into Linearity Move dramatically expands your creative toolkit. Here’s how it’s done:",{"type":405,"attrs":5519,"content":5520},{"order":407},[5521,5533,5543],{"type":178,"content":5522},[5523],{"type":55,"content":5524},[5525,5527,5531],{"text":5526,"type":59},"Import a ",{"text":5528,"type":59,"marks":5529},".mp4 or .mov",[5530],{"type":68},{"text":5532,"type":59}," video file into your project in Linearity Move. You can also drag and drop the file directly on your canvas.",{"type":178,"content":5534},[5535],{"type":55,"content":5536},[5537,5541],{"text":5538,"type":59,"marks":5539},"Position, scale, rotate, change the opacity, or crop",[5540],{"type":68},{"text":5542,"type":59}," your clip however you like.",{"type":178,"content":5544},[5545],{"type":55,"content":5546},[5547,5549,5553],{"text":5548,"type":59},"You can also ",{"text":5550,"type":59,"marks":5551},"trim your video",[5552],{"type":68},{"text":5554,"type":59}," to fit the exact timing of your animation.",{"type":55,"content":5556},[5557,5559,5563,5565,5569,5571,5578,5580,5584,5586,5590],{"text":5558,"type":59},"Videos in Linearity Move function just like any other shape or image. This means you can easily ",{"text":5560,"type":59,"marks":5561},"animate",[5562],{"type":68},{"text":5564,"type":59}," them by adjusting their ",{"text":5566,"type":59,"marks":5567},"rotation, position, opacity, and more",[5568],{"type":68},{"text":5570,"type":59},". You can also ",{"text":5572,"type":59,"marks":5573},"apply presets",[5574,5577],{"type":131,"attrs":5575},{"href":5576,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fwww.linearity.io\u002Ffeatures\u002Fpresets\u002F",{"type":68},{"text":5579,"type":59}," to videos, ",{"text":5581,"type":59,"marks":5582},"group",[5583],{"type":68},{"text":5585,"type":59}," them with other elements, and even ",{"text":5587,"type":59,"marks":5588},"mask",[5589],{"type":68},{"text":5591,"type":59}," them for more complex designs.",{"type":76,"attrs":5593},{"id":5498,"body":5594},[5595],{"_uid":5596,"asset":5597,"component":5506},"i-ca362906-d005-44e0-ba4f-92265469a5f0",{"id":5598,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5599,"copyright":34,"fieldtype":36,"meta_data":5600,"is_external_url":16},19192896,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002F3abdeee136\u002Fbring_new_life_to_your_motion_graphics_with_video-_video_2.mp4",{},{"type":98,"attrs":5602,"content":5603},{"level":100},[5604],{"text":5605,"type":59,"marks":5606},"Reasons to use videos in your motion graphics",[5607],{"type":68},{"type":98,"attrs":5609,"content":5610},{"level":168},[5611],{"text":5612,"type":59,"marks":5613},"Tell more engaging stories",[5614],{"type":68},{"type":55,"content":5616},[5617],{"text":5618,"type":59},"They say a picture is worth a thousand words, but a video speaks volumes.",{"type":55,"content":5620},[5621,5623,5627,5629,5633],{"text":5622,"type":59},"Now, you can seamlessly integrate live-action footage with your animated graphics, crafting a ",{"text":5624,"type":59,"marks":5625},"powerful blend of realism and design",[5626],{"type":68},{"text":5628,"type":59}," that engages your audience like never before. Whether you’re enhancing a product demo or tutorial, adding transitions to an ad, or creating an eye-catching promo video, adding video to motion graphics empowers you to ",{"text":5630,"type":59,"marks":5631},"tell richer, more dynamic stories",[5632],{"type":68},{"text":243,"type":59},{"type":98,"attrs":5635,"content":5636},{"level":168},[5637],{"text":5638,"type":59,"marks":5639},"Boost viewer retention",[5640],{"type":68},{"type":55,"content":5642},[5643,5645,5649],{"text":5644,"type":59},"In a world where attention spans are increasingly limited, ",{"text":5646,"type":59,"marks":5647},"video content is proven to capture and retain viewer attention more effectively than static images",[5648],{"type":68},{"text":5650,"type":59},". Incorporating video into your motion graphics can help keep your audience engaged for longer periods, increasing the likelihood that they’ll absorb your message, engage, and take action.",{"type":98,"attrs":5652,"content":5653},{"level":168},[5654],{"text":5655,"type":59,"marks":5656},"Simplify your workflow",[5657],{"type":68},{"type":55,"content":5659},[5660,5662,5666],{"text":5661,"type":59},"Linearity Move now lets you manage, edit, and animate video files all in one place. This ",{"text":5663,"type":59,"marks":5664},"eliminates the need to switch between different programs",[5665],{"type":68},{"text":5667,"type":59},", saving you time and reducing errors from file transfers. By keeping everything in one environment, you can streamline your workflow and maintain your creative momentum.",{"type":76,"attrs":5669},{"id":5498,"body":5670},[5671],{"_uid":5672,"asset":5673,"component":5506},"i-92db33d7-08e5-4e3c-b66b-1ad6e2dd8686",{"id":5674,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5675,"copyright":34,"fieldtype":36,"meta_data":5676,"is_external_url":16},19192878,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002Fx\u002Fe2e99db081\u002Fbring_new_life_to_your_motion_graphics_with_video-_video_3.mp4",{},{"type":98,"attrs":5678,"content":5679},{"level":168},[5680],{"text":5681,"type":59,"marks":5682},"Add more visual interest",[5683],{"type":68},{"type":55,"content":5685},[5686,5688,5692],{"text":5687,"type":59},"Incorporating video into your motion graphics allows you to ",{"text":5689,"type":59,"marks":5690},"add layers of depth and dimension",[5691],{"type":68},{"text":5693,"type":59}," that static elements alone can't achieve. Now, you can easily add visual effects like confetti, smoke, and liquid to your scenes. This movement, color, and texture in video can create a more effective experience, drawing viewers deeper into your narrative.",{"type":98,"attrs":5695,"content":5696},{"level":168},[5697],{"text":5698,"type":59,"marks":5699},"Simplify complex ideas",[5700],{"type":68},{"type":55,"content":5702},[5703,5705,5709],{"text":5704,"type":59},"Sometimes, words and static images aren’t enough to convey complex ideas effectively. Videos can simplify these concepts, breaking them down into easily digestible visual segments. By integrating explanatory videos or instructional clips, you can ",{"text":5706,"type":59,"marks":5707},"make intricate information more accessible and engaging",[5708],{"type":68},{"text":5710,"type":59}," for your audience.",{"type":98,"attrs":5712,"content":5713},{"level":168},[5714],{"text":5715,"type":59,"marks":5716},"Amplify emotional impact",[5717],{"type":68},{"type":55,"content":5719},[5720,5722,5726],{"text":5721,"type":59},"Videos have a unique ability to convey emotions and connect with audiences on a personal level. By incorporating video elements, you can amplify the emotional impact of your projects, making them ",{"text":5723,"type":59,"marks":5724},"more relatable and memorable",[5725],{"type":68},{"text":243,"type":59},{"type":55,"content":5728},[5729,5736],{"text":5730,"type":59,"marks":5731},"Update your Linearity Move software",[5732,5735],{"type":131,"attrs":5733},{"href":5734,"uuid":134,"anchor":134,"target":135,"linktype":88},"https:\u002F\u002Fapps.apple.com\u002Fus\u002Fapp\u002Flinearity-move-animation-maker\u002Fid6443677011?utm_medium=blog&utm_campaign=videosupport",{"type":68},{"text":5737,"type":59}," to version 1.8.0 and start bringing your projects to life!",{"type":76,"attrs":5739},{"id":5498,"body":5740},[5741],{"_uid":5742,"image":5743,"title":5747,"button":5748,"component":5754},"i-eb90f6d2-362a-4734-8a0f-557d5372cc8b",{"id":5744,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5745,"copyright":34,"fieldtype":36,"meta_data":5746,"is_external_url":16},17045726,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F947x884\u002F6402f07579\u002Fappstore-mac.png",{},"Design with Linearity Curve and animate with Linearity Move",[5749],{"_uid":5750,"icon":34,"link":5751,"size":90,"text":5753,"type":92,"component":93},"0ae88e48-c9e2-4619-a3dd-04b74a0cf4c6",{"id":5752,"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},"11ae4382-cb78-4cd7-8a2e-7a3849ab3cd8","Get our software","BlogComponentLinearitySoftware",{"id":5756,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5757,"copyright":34,"fieldtype":36,"meta_data":5758,"is_external_url":16},18931899,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F282a39c51e\u002Fvideo-support_thumbnail.jpg",{},{"id":5760,"filename":5761,"fieldtype":36,"is_external_url":16},18540699,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F8816e6548b\u002Fvideo-support-blog-cover.jpg","2024-08-29 23:16","Video content plays a crucial role in storytelling, and now, you have the ability to import video files directly into your Linearity Move projects.","video-support-linearity-move","blog\u002Fvideo-support-linearity-move",180,[],"0d3a1e25-6ee6-42ed-afb8-5edd91dda613","2024-12-09T16:05:30.071Z",[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"filename":134,"copyright":134,"fieldtype":36,"meta_data":5772,"is_external_url":16},{},"product",-20,[],"e52c2226-04d5-4d35-8926-678d9fc13bb0",[],{"name":5779,"created_at":5780,"published_at":5781,"updated_at":5782,"id":5783,"uuid":5784,"content":5785,"slug":5789,"full_slug":5790,"sort_by_date":134,"position":5791,"tag_list":5792,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5793,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":5794,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},"design software","2024-07-30T11:17:07.229Z","2025-02-12T14:24:15.940Z","2025-02-12T14:24:15.960Z",529802141,"70f0f0a2-4ea0-4e44-b881-109c9f99a820",{"_uid":5786,"title":5779,"noIndex":16,"noFollow":16,"component":17,"reference":34,"meta_image":5787,"meta_title":34,"page_title":34,"description":34,"illustration":1640,"hideFromSitemap":16,"meta_description":34},"90a2d3fb-ecf0-400e-8ce4-a4d2b1bd036e",{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":5788},{},"design-software","blog\u002Ftag\u002Fdesign-software",170,[],"aa824b8e-b5fe-4206-a004-df8f09b7d889",[],"combined-modes-blog-local-preview",[5797],{"_uid":5798,"image":5799,"imageAlt":5803,"component":39},"0c4ee9a2-2881-4d86-a642-f7c4dcb3e197",{"id":5800,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5801,"copyright":34,"fieldtype":36,"meta_data":5802,"is_external_url":16},210096929258750,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3840x2160\u002F927f6fba24\u002Fblog-cover-image-vs-asset-mode.png",{},"Technical comparison of AI image generation and AI vector generation",[5805],{"name":5806,"created_at":5807,"published_at":5808,"updated_at":5809,"id":5810,"uuid":5811,"content":5812,"slug":5824,"full_slug":5825,"sort_by_date":134,"position":5826,"tag_list":5827,"is_startpage":16,"parent_id":1683,"meta_data":134,"group_id":5828,"first_published_at":5829,"release_id":134,"lang":1636,"path":134,"alternates":5830,"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":5813,"name":5806,"image":5814,"noIndex":16,"socials":5818,"noFollow":16,"position":5819,"component":1676,"meta_image":5820,"meta_title":34,"page_title":34,"description":5822,"otherAuthors":5823,"hideFromSitemap":16,"meta_description":34},"3720b0e8-78ad-4515-9034-c12c6dd705d8",{"id":5815,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5816,"copyright":34,"fieldtype":36,"meta_data":5817,"is_external_url":16},101438896698569,"https:\u002F\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":5821},{},"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":5800,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5801,"copyright":34,"fieldtype":36,"meta_data":5832,"is_external_url":16},{"size":5833},"3840x2160",[5835],{"_uid":5836,"content":5837,"component":1617},"combined-modes-blog-local-preview-richtext",{"type":52,"attrs":5838,"content":5839},{"backgroundColor":134},[5840,5871,5876,5881,5886,5920,5930,5935,5940,5945,5950,5959,5964,5969,5978,5983,5988,6025,6030,6035,6040,6049,6054,6059,6070,6075,6080,6085,6090,6095],{"type":55,"attrs":5841,"content":5842},{"textAlign":134},[5843,5855,5857,5869],{"text":5844,"type":59,"marks":5845},"AI image generation",[5846],{"type":131,"attrs":5847},{"href":5848,"uuid":5849,"anchor":134,"target":1826,"linktype":2184,"story":5850},"\u002Fblog\u002Fai-image-generation-and-editing","a50cdd44-800f-4661-8082-ae0633902180",{"name":5851,"id":5852,"uuid":5849,"slug":5853,"url":5854,"full_slug":5854,"_stopResolving":1094},"How to generate and edit images with AI in Linearity",210025393391092,"ai-image-generation-and-editing","blog\u002Fai-image-generation-and-editing",{"text":5856,"type":59}," creates pixel-based visuals suited to realism and texture, while ",{"text":5858,"type":59,"marks":5859},"AI vector generation",[5860],{"type":131,"attrs":5861},{"href":5862,"uuid":5863,"anchor":134,"target":1826,"linktype":2184,"story":5864},"\u002Fblog\u002Fai-vector-generation-and-editing","bcb4e3cb-2f14-4e01-94c8-ee3fd825baf1",{"name":5865,"id":5866,"uuid":5863,"slug":5867,"url":5868,"full_slug":5868,"_stopResolving":1094},"How AI vector generation creates editable artwork",210025394476533,"ai-vector-generation-and-editing","blog\u002Fai-vector-generation-and-editing",{"text":5870,"type":59}," creates shape-based artwork suited to precise editing, scaling, and reuse. Many production workflows benefit from using both.",{"type":55,"attrs":5872,"content":5873},{"textAlign":134},[5874],{"text":5875,"type":59},"Image and vector generation may begin with the same input: a written prompt. However, they produce fundamentally different kinds of visual data. Understanding that difference helps you choose the right mode, avoid unnecessary cleanup, and build assets that remain useful after the first export.",{"type":98,"attrs":5877,"content":5878},{"level":100,"textAlign":134},[5879],{"text":5880,"type":59},"Raster images and vectors solve different problems",{"type":55,"attrs":5882,"content":5883},{"textAlign":134},[5884],{"text":5885,"type":59},"An AI-generated image is a grid of pixels. It can represent light, texture, depth, and fine visual variation naturally. An AI-generated vector is a collection of paths and shapes. It prioritizes structure, clean edges, and object-level editing.",{"type":175,"content":5887},[5888,5901,5913],{"type":178,"content":5889},[5890],{"type":55,"attrs":5891,"content":5892},{"textAlign":134},[5893,5895,5899],{"text":5894,"type":59},"Use ",{"text":5896,"type":59,"marks":5897},"Image mode",[5898],{"type":68},{"text":5900,"type":59}," for photography, realistic scenes, materials, atmosphere, and complex texture.",{"type":178,"content":5902},[5903],{"type":55,"attrs":5904,"content":5905},{"textAlign":134},[5906,5907,5911],{"text":5894,"type":59},{"text":5908,"type":59,"marks":5909},"Assset Mode ",[5910],{"type":68},{"text":5912,"type":59},"for icons, logos, diagrams, flat illustration, graphic elements, and artwork that must scale cleanly.",{"type":178,"content":5914},[5915],{"type":55,"attrs":5916,"content":5917},{"textAlign":134},[5918],{"text":5919,"type":59},"Use both when a campaign combines a rich visual base with reusable branded components.",{"type":55,"attrs":5921,"content":5922},{"textAlign":134},[5923],{"type":5924,"attrs":5925},"image",{"id":5926,"alt":34,"src":5927,"title":34,"source":34,"copyright":34,"meta_data":5928},203309175646135,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3840x1004\u002Fc2238cb27d\u002Fasset-vs-image.gif",{"size":5929},"3840x1004",{"type":98,"attrs":5931,"content":5932},{"level":100,"textAlign":134},[5933],{"text":5934,"type":59},"What changes technically after generation",{"type":98,"attrs":5936,"content":5937},{"level":168,"textAlign":134},[5938],{"text":5939,"type":59},"Editing pixels",{"type":55,"attrs":5941,"content":5942},{"textAlign":134},[5943],{"text":5944,"type":59},"Image editing changes the visual content represented by pixels. Prompt-based edits can replace objects, alter the background, extend a composition, or shift lighting and mood. These operations are powerful because they can reinterpret complex visual relationships in one step.",{"type":55,"attrs":5946,"content":5947},{"textAlign":134},[5948],{"text":5949,"type":59},"The tradeoff is structural access. Unless elements have been separated into layers or masks, the objects inside a flat image are not independent design components.",{"type":55,"attrs":5951,"content":5952},{"textAlign":134},[5953],{"type":5924,"attrs":5954},{"id":5955,"alt":34,"src":5956,"title":34,"source":34,"copyright":34,"meta_data":5957},210041378151062,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2934x1834\u002F9d517845db\u002Fimage-blog-1.png",{"size":5958},"2934x1834",{"type":98,"attrs":5960,"content":5961},{"level":168,"textAlign":134},[5962],{"text":5963,"type":59},"Editing paths",{"type":55,"attrs":5965,"content":5966},{"textAlign":134},[5967],{"text":5968,"type":59},"Vector editing works at the object and geometry level. A designer can select a shape, move its anchor points, change its fill, adjust a stroke, or reuse it elsewhere. This produces exact control, but realistic texture and photographic nuance require more construction.",{"type":55,"attrs":5970,"content":5971},{"textAlign":134},[5972],{"type":5924,"attrs":5973},{"id":5974,"alt":34,"src":5975,"title":34,"source":34,"copyright":34,"meta_data":5976},210048797236396,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2926x1818\u002F5fd581ffdf\u002Fbicycle-illus-v1-blog.png",{"size":5977},"2926x1818",{"type":98,"attrs":5979,"content":5980},{"level":100,"textAlign":134},[5981],{"text":5982,"type":59},"A practical decision framework",{"type":55,"attrs":5984,"content":5985},{"textAlign":134},[5986],{"text":5987,"type":59},"Choose the final use before choosing the generation mode. The most impressive output is not automatically the most efficient asset. The right choice is the format that survives the edits, channels and sizes required by the brief.",{"type":175,"content":5989},[5990,5997,6004,6011,6018],{"type":178,"content":5991},[5992],{"type":55,"attrs":5993,"content":5994},{"textAlign":134},[5995],{"text":5996,"type":59},"Does the asset need to look photographic? Start with Image Mode.",{"type":178,"content":5998},[5999],{"type":55,"attrs":6000,"content":6001},{"textAlign":134},[6002],{"text":6003,"type":59},"Will individual objects need precise changes? Start with Asset Mode.",{"type":178,"content":6005},[6006],{"type":55,"attrs":6007,"content":6008},{"textAlign":134},[6009],{"text":6010,"type":59},"Must it scale from a small icon to a large print graphic? Prefer vector.",{"type":178,"content":6012},[6013],{"type":55,"attrs":6014,"content":6015},{"textAlign":134},[6016],{"text":6017,"type":59},"Does the concept depend on natural light, skin, fabric, or texture? Prefer image.",{"type":178,"content":6019},[6020],{"type":55,"attrs":6021,"content":6022},{"textAlign":134},[6023],{"text":6024,"type":59},"Will the same visual system be recolored and rearranged repeatedly? Prefer vector components.",{"type":98,"attrs":6026,"content":6027},{"level":100,"textAlign":134},[6028],{"text":6029,"type":59},"Workflow 1: Image first, vector on top",{"type":55,"attrs":6031,"content":6032},{"textAlign":134},[6033],{"text":6034,"type":59},"Start in Image Mode when the campaign needs a photographic or atmospheric foundation. Generate the scene with intentional negative space and the correct aspect ratio. Refine the subject, background, and lighting before moving into layout.",{"type":55,"attrs":6036,"content":6037},{"textAlign":134},[6038],{"text":6039,"type":59},"Then add vector elements such as logos, icons, frames, arrows, badges, or custom illustrations. The image supplies richness. The vectors supply precision, hierarchy, and repeatable brand language.",{"type":55,"attrs":6041,"content":6042},{"textAlign":134},[6043],{"type":5924,"attrs":6044},{"id":6045,"alt":34,"src":6046,"title":34,"source":34,"copyright":34,"meta_data":6047},210046355651599,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2940x1842\u002F5efe8ada0e\u002Fdesign-file-v1-blog.png",{"size":6048},"2940x1842",{"type":98,"attrs":6050,"content":6051},{"level":100,"textAlign":134},[6052],{"text":6053,"type":59},"Workflow 2: Vector first, image as texture",{"type":55,"attrs":6055,"content":6056},{"textAlign":134},[6057],{"text":6058,"type":59},"Start with Asset Mode when the concept depends on a clear graphic system. Generate an editable illustration or group of components, simplify the paths, and apply brand colors. Add image-based texture or background material only where it contributes depth.",{"type":55,"attrs":6060,"content":6061},{"textAlign":134},[6062,6068],{"type":5924,"attrs":6063},{"id":6064,"alt":34,"src":6065,"title":34,"source":34,"copyright":34,"meta_data":6066},203671910797212,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2934x1836\u002F2ff18223ab\u002Ftexture.png",{"size":6067},"2934x1836",{"text":6069,"type":59},"This approach keeps the core visual system reusable while allowing selected areas to feel more tactile or expressive.",{"type":98,"attrs":6071,"content":6072},{"level":100,"textAlign":134},[6073],{"text":6074,"type":59},"Workflow 3: Generate alternatives in parallel",{"type":55,"attrs":6076,"content":6077},{"textAlign":134},[6078],{"text":6079,"type":59},"For early exploration, use both modes against the same brief. A vector direction may reveal a clearer campaign symbol, while an image direction may reveal a stronger mood or composition. Comparing both makes the choice visible before the team invests in production.",{"type":98,"attrs":6081,"content":6082},{"level":100,"textAlign":134},[6083],{"text":6084,"type":59},"Keep the workflow editable",{"type":55,"attrs":6086,"content":6087},{"textAlign":134},[6088],{"text":6089,"type":59},"Generation is most useful when it shortens exploration without locking the team into the first result. Preserve editable text, layouts, vectors, and reusable components around generated imagery. Work from a system instead of flattening every decision into one file.",{"type":55,"attrs":6091,"content":6092},{"textAlign":134},[6093],{"text":6094,"type":59},"That is the deeper connection between Image Mode and Vector Mode. They are not competing effects. They are different ways to create the raw material of a design, chosen according to what the asset needs to become next.",{"type":55,"attrs":6096,"content":6097},{"textAlign":134},[6098,6100,6106,6107,6113],{"text":6099,"type":59},"Go deeper with the focused guides to ",{"text":6101,"type":59,"marks":6102},"AI image generation and editing",[6103],{"type":131,"attrs":6104},{"href":6105,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Fblog\u002Fai-image-generation-and-editing\u002F",{"text":1126,"type":59},{"text":6108,"type":59,"marks":6109},"AI vector generation and editing",[6110],{"type":131,"attrs":6111},{"href":6112,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Fblog\u002Fai-vector-generation-and-editing\u002F",{"text":243,"type":59},{"id":5800,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5801,"copyright":34,"fieldtype":36,"meta_data":6115,"is_external_url":16},{"size":5833},{"id":5800,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5801,"copyright":34,"fieldtype":36,"meta_data":6117,"is_external_url":16},{"size":5833},"AI Image vs. Vector Generation | Technical Workflow Guide","AI Image vs. Vector Generation: A Technical Workflow Guide","Understand how pixel-based and path-based generation differ, when to use each mode, and how to combine both in one editable workflow.","2026-08-17 09:00","Compare AI image and vector generation, understand raster and path-based editing, and learn how to combine both in a practical creative workflow.","image-and-vector-generation-workflows","blog\u002Fimage-and-vector-generation-workflows",-5810,[],"caab600f-0188-4736-a9c0-91cb421e89fb","2026-08-17T16:06:45.739Z",[],{"name":5865,"created_at":6131,"published_at":6132,"updated_at":6133,"id":5866,"uuid":5863,"content":6134,"slug":5867,"full_slug":5868,"sort_by_date":134,"position":6812,"tag_list":6813,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":6814,"first_published_at":6815,"release_id":134,"lang":1636,"path":134,"alternates":6816,"default_full_slug":134,"translated_slugs":134},"2026-08-17T11:15:31.064Z","2026-09-05T00:18:49.796Z","2026-09-05T00:18:49.812Z",{"tag":6135,"_uid":6375,"image":6376,"title":5865,"author":6383,"widget":6394,"bgColor":47,"content":6396,"noIndex":16,"noFollow":16,"component":1618,"thumbnail":6803,"meta_image":6805,"meta_title":6807,"page_title":6808,"description":6809,"publishedDate":6810,"hideFromSitemap":16,"meta_description":6811},[6136,6369],{"name":3531,"created_at":5438,"published_at":5439,"updated_at":5440,"id":3532,"uuid":3528,"content":6137,"slug":3533,"full_slug":3529,"sort_by_date":134,"position":5774,"tag_list":6367,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5776,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":6368,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5442,"title":3531,"noIndex":16,"noFollow":16,"component":17,"reference":6138,"meta_image":6365,"meta_title":34,"page_title":34,"description":5763,"illustration":5773,"hideFromSitemap":16,"meta_description":34},{"name":5444,"created_at":5445,"published_at":5446,"updated_at":5447,"id":5448,"uuid":5449,"content":6139,"slug":5764,"full_slug":5765,"sort_by_date":134,"position":5766,"tag_list":6363,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5768,"first_published_at":5769,"release_id":134,"lang":1636,"path":134,"alternates":6364,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"tag":6140,"_uid":5452,"image":6141,"title":5444,"author":6145,"widget":6146,"bgColor":47,"content":6148,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":6360,"meta_image":6362,"meta_title":5444,"page_title":34,"description":34,"publishedDate":5762,"hideFromSitemap":16,"meta_description":5763},[3528],[6142],{"_uid":5455,"image":6143,"imageAlt":38,"component":39},{"id":5457,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5458,"copyright":34,"fieldtype":36,"meta_data":6144,"is_external_url":16},{},[5461],{"id":5463,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5464,"copyright":34,"fieldtype":36,"meta_data":6147,"is_external_url":16},{},[6149],{"_uid":5468,"content":6150,"component":1617},{"type":52,"content":6151},[6152,6161,6168,6171,6177,6183,6186,6215,6240,6246,6252,6258,6261,6272,6278,6285,6291,6298,6304,6310,6317,6323,6330,6336,6343,6351],{"type":55,"content":6153},[6154,6155,6160],{"text":5474,"type":59},{"text":1128,"type":59,"marks":6156},[6157,6159],{"type":131,"attrs":6158},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5481,"type":59},{"type":55,"content":6162},[6163,6164,6167],{"text":5485,"type":59},{"text":5487,"type":59,"marks":6165},[6166],{"type":68},{"text":5491,"type":59},{"type":55,"content":6169},[6170],{"text":5495,"type":59},{"type":76,"attrs":6172},{"id":5498,"body":6173},[6174],{"_uid":5501,"asset":6175,"component":5506},{"id":5503,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5504,"copyright":34,"fieldtype":36,"meta_data":6176,"is_external_url":16},{},{"type":98,"attrs":6178,"content":6179},{"level":100},[6180],{"text":5511,"type":59,"marks":6181},[6182],{"type":68},{"type":55,"content":6184},[6185],{"text":5517,"type":59},{"type":405,"attrs":6187,"content":6188},{"order":407},[6189,6198,6206],{"type":178,"content":6190},[6191],{"type":55,"content":6192},[6193,6194,6197],{"text":5526,"type":59},{"text":5528,"type":59,"marks":6195},[6196],{"type":68},{"text":5532,"type":59},{"type":178,"content":6199},[6200],{"type":55,"content":6201},[6202,6205],{"text":5538,"type":59,"marks":6203},[6204],{"type":68},{"text":5542,"type":59},{"type":178,"content":6207},[6208],{"type":55,"content":6209},[6210,6211,6214],{"text":5548,"type":59},{"text":5550,"type":59,"marks":6212},[6213],{"type":68},{"text":5554,"type":59},{"type":55,"content":6216},[6217,6218,6221,6222,6225,6226,6231,6232,6235,6236,6239],{"text":5558,"type":59},{"text":5560,"type":59,"marks":6219},[6220],{"type":68},{"text":5564,"type":59},{"text":5566,"type":59,"marks":6223},[6224],{"type":68},{"text":5570,"type":59},{"text":5572,"type":59,"marks":6227},[6228,6230],{"type":131,"attrs":6229},{"href":5576,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5579,"type":59},{"text":5581,"type":59,"marks":6233},[6234],{"type":68},{"text":5585,"type":59},{"text":5587,"type":59,"marks":6237},[6238],{"type":68},{"text":5591,"type":59},{"type":76,"attrs":6241},{"id":5498,"body":6242},[6243],{"_uid":5596,"asset":6244,"component":5506},{"id":5598,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5599,"copyright":34,"fieldtype":36,"meta_data":6245,"is_external_url":16},{},{"type":98,"attrs":6247,"content":6248},{"level":100},[6249],{"text":5605,"type":59,"marks":6250},[6251],{"type":68},{"type":98,"attrs":6253,"content":6254},{"level":168},[6255],{"text":5612,"type":59,"marks":6256},[6257],{"type":68},{"type":55,"content":6259},[6260],{"text":5618,"type":59},{"type":55,"content":6262},[6263,6264,6267,6268,6271],{"text":5622,"type":59},{"text":5624,"type":59,"marks":6265},[6266],{"type":68},{"text":5628,"type":59},{"text":5630,"type":59,"marks":6269},[6270],{"type":68},{"text":243,"type":59},{"type":98,"attrs":6273,"content":6274},{"level":168},[6275],{"text":5638,"type":59,"marks":6276},[6277],{"type":68},{"type":55,"content":6279},[6280,6281,6284],{"text":5644,"type":59},{"text":5646,"type":59,"marks":6282},[6283],{"type":68},{"text":5650,"type":59},{"type":98,"attrs":6286,"content":6287},{"level":168},[6288],{"text":5655,"type":59,"marks":6289},[6290],{"type":68},{"type":55,"content":6292},[6293,6294,6297],{"text":5661,"type":59},{"text":5663,"type":59,"marks":6295},[6296],{"type":68},{"text":5667,"type":59},{"type":76,"attrs":6299},{"id":5498,"body":6300},[6301],{"_uid":5672,"asset":6302,"component":5506},{"id":5674,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5675,"copyright":34,"fieldtype":36,"meta_data":6303,"is_external_url":16},{},{"type":98,"attrs":6305,"content":6306},{"level":168},[6307],{"text":5681,"type":59,"marks":6308},[6309],{"type":68},{"type":55,"content":6311},[6312,6313,6316],{"text":5687,"type":59},{"text":5689,"type":59,"marks":6314},[6315],{"type":68},{"text":5693,"type":59},{"type":98,"attrs":6318,"content":6319},{"level":168},[6320],{"text":5698,"type":59,"marks":6321},[6322],{"type":68},{"type":55,"content":6324},[6325,6326,6329],{"text":5704,"type":59},{"text":5706,"type":59,"marks":6327},[6328],{"type":68},{"text":5710,"type":59},{"type":98,"attrs":6331,"content":6332},{"level":168},[6333],{"text":5715,"type":59,"marks":6334},[6335],{"type":68},{"type":55,"content":6337},[6338,6339,6342],{"text":5721,"type":59},{"text":5723,"type":59,"marks":6340},[6341],{"type":68},{"text":243,"type":59},{"type":55,"content":6344},[6345,6350],{"text":5730,"type":59,"marks":6346},[6347,6349],{"type":131,"attrs":6348},{"href":5734,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5737,"type":59},{"type":76,"attrs":6352},{"id":5498,"body":6353},[6354],{"_uid":5742,"image":6355,"title":5747,"button":6357,"component":5754},{"id":5744,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5745,"copyright":34,"fieldtype":36,"meta_data":6356,"is_external_url":16},{},[6358],{"_uid":5750,"icon":34,"link":6359,"size":90,"text":5753,"type":92,"component":93},{"id":5752,"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},{"id":5756,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5757,"copyright":34,"fieldtype":36,"meta_data":6361,"is_external_url":16},{},{"id":5760,"filename":5761,"fieldtype":36,"is_external_url":16},[],[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"filename":134,"copyright":134,"fieldtype":36,"meta_data":6366,"is_external_url":16},{},[],[],{"name":5779,"created_at":5780,"published_at":5781,"updated_at":5782,"id":5783,"uuid":5784,"content":6370,"slug":5789,"full_slug":5790,"sort_by_date":134,"position":5791,"tag_list":6373,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5793,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":6374,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5786,"title":5779,"noIndex":16,"noFollow":16,"component":17,"reference":34,"meta_image":6371,"meta_title":34,"page_title":34,"description":34,"illustration":1640,"hideFromSitemap":16,"meta_description":34},{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":6372},{},[],[],"vector-mode-blog-local-preview",[6377],{"_uid":5798,"image":6378,"imageAlt":6382,"component":39},{"id":6379,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":6380,"copyright":34,"fieldtype":36,"meta_data":6381,"is_external_url":16},210088992614131,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3840x2160\u002F36b82e8ff5\u002Fblog-cover-asset-mode.png",{"size":5833},"Editable AI-generated vector artwork with paths and nodes in Linearity",[6384],{"name":5806,"created_at":5807,"published_at":5808,"updated_at":5809,"id":5810,"uuid":5811,"content":6385,"slug":5824,"full_slug":5825,"sort_by_date":134,"position":5826,"tag_list":6392,"is_startpage":16,"parent_id":1683,"meta_data":134,"group_id":5828,"first_published_at":5829,"release_id":134,"lang":1636,"path":134,"alternates":6393,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5813,"name":5806,"image":6386,"noIndex":16,"socials":6388,"noFollow":16,"position":5819,"component":1676,"meta_image":6389,"meta_title":34,"page_title":34,"description":5822,"otherAuthors":6391,"hideFromSitemap":16,"meta_description":34},{"id":5815,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5816,"copyright":34,"fieldtype":36,"meta_data":6387,"is_external_url":16},{},[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":6390},{},[],[],[],{"id":6379,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":6380,"copyright":34,"fieldtype":36,"meta_data":6395,"is_external_url":16},{"size":5833},[6397],{"_uid":6398,"content":6399,"component":1617},"vector-mode-blog-local-preview-richtext",{"type":52,"attrs":6400,"content":6401},{"backgroundColor":134},[6402,6413,6418,6423,6428,6433,6446,6451,6456,6539,6544,6549,6558,6572,6577,6582,6587,6592,6597,6611,6618,6631,6636,6643,6648,6655,6660,6665,6678,6743,6748,6756,6769,6774,6779,6784],{"type":55,"attrs":6403,"content":6404},{"textAlign":134},[6405,6407,6411],{"text":6406,"type":59},"Linearity AI ",{"text":6408,"type":59,"marks":6409},"Asset Mode ",[6410],{"type":68},{"text":6412,"type":59},"turns a text prompt into editable vector artwork whose paths, shapes, colors, and composition can be refined after generation.",{"type":55,"attrs":6414,"content":6415},{"textAlign":134},[6416],{"text":6417,"type":59},"Most generative tools return a finished-looking image. That can be useful for exploration, but it becomes restrictive when a logo shape needs correcting, a brand color changes, or an illustration must work at ten different sizes. Vector generation addresses a different problem: creating a structured starting point that remains practical to edit.",{"type":98,"attrs":6419,"content":6420},{"level":100,"textAlign":134},[6421],{"text":6422,"type":59},"What is AI vector generation?",{"type":55,"attrs":6424,"content":6425},{"textAlign":134},[6426],{"text":6427,"type":59},"AI vector generation creates artwork from mathematically defined paths rather than a fixed grid of pixels. The result can be scaled without losing sharpness and, more importantly, its individual elements can remain available for hands-on design work.",{"type":55,"attrs":6429,"content":6430},{"textAlign":134},[6431],{"text":6432,"type":59},"In Linearity, the goal is not to remove the designer from the process. The model gives you a faster first draft. You decide which shapes to keep, where nodes should move, how colors should behave, and whether the composition actually solves the brief.",{"type":76,"attrs":6434},{"id":6435,"body":6436},"0e0a1e4b-3f98-403f-86b3-a63c308e4682",[6437],{"_uid":6438,"component":4466,"bunnyVideo":6439,"disableLazyload":16},"i-ab5258a4-da35-4166-b250-c29979ec36f0",{"id":6440,"title":6441,"width":6442,"height":6443,"length":6444,"thumbnail":6445,"videoLibraryId":5001},"6eea29ac-0069-48cd-8780-04ce0a0fdffd","yes its vector quiver",1584,1080,28,"https:\u002F\u002Fvz-70a2c6eb-cd5.b-cdn.net\u002F6eea29ac-0069-48cd-8780-04ce0a0fdffd\u002Fthumbnail.jpg",{"type":98,"attrs":6447,"content":6448},{"level":100,"textAlign":134},[6449],{"text":6450,"type":59},"How a generated vector is structured",{"type":55,"attrs":6452,"content":6453},{"textAlign":134},[6454],{"text":6455,"type":59},"A vector illustration is assembled from paths, anchor points, fills, strokes, and layers. That structure is what makes the output adaptable. You can select one object without repainting the whole visual, adjust a curve without regenerating the scene, or replace a color throughout a group of shapes.",{"type":175,"content":6457},[6458,6477,6495,6513,6532],{"type":178,"content":6459},[6460],{"type":55,"attrs":6461,"content":6462},{"textAlign":134},[6463,6475],{"text":6464,"type":59,"marks":6465},"Paths",[6466],{"type":131,"attrs":6467},{"href":6468,"uuid":6469,"anchor":134,"target":1826,"linktype":2184,"story":6470},"\u002Ffaq\u002Ffeatures-pages-faqs\u002Fwhat-is-a-path","22dfdb49-712b-4f4d-8ecd-408f3f030fa0",{"name":6471,"id":6472,"uuid":6469,"slug":6473,"url":6474,"full_slug":6474,"_stopResolving":1094},"What is a path?",306845043,"what-is-a-path","faq\u002Ffeatures-pages-faqs\u002Fwhat-is-a-path",{"text":6476,"type":59}," define the outlines and geometry of the artwork.",{"type":178,"content":6478},[6479],{"type":55,"attrs":6480,"content":6481},{"textAlign":134},[6482,6493],{"text":6483,"type":59,"marks":6484},"Nodes",[6485],{"type":131,"attrs":6486},{"href":6487,"uuid":6488,"anchor":134,"target":1826,"linktype":2184,"story":6489},"blog\u002Fnodes-redesigned","fed92539-3c3e-477d-b418-cb3482e52c41",{"name":6490,"id":6491,"uuid":6488,"slug":6492,"url":6487,"full_slug":6487,"_stopResolving":1094},"Nodes: redesigned",556799000,"nodes-redesigned",{"text":6494,"type":59}," and handles control corners, curves, and transitions.",{"type":178,"content":6496},[6497],{"type":55,"attrs":6498,"content":6499},{"textAlign":134},[6500,6511],{"text":6501,"type":59,"marks":6502},"Fills",[6503],{"type":131,"attrs":6504},{"href":6505,"uuid":6506,"anchor":134,"target":1826,"linktype":2184,"story":6507},"\u002Facademy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fcolors\u002Ffills","2dd38981-191d-4f2f-91b0-c82b8b094aa1",{"name":6501,"id":6508,"uuid":6506,"slug":6509,"url":6510,"full_slug":6510,"_stopResolving":1094},339489363,"fills","academy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fcolors\u002Ffills",{"text":6512,"type":59}," and strokes control color, outlines, and visual weight.",{"type":178,"content":6514},[6515],{"type":55,"attrs":6516,"content":6517},{"textAlign":134},[6518,6530],{"text":6519,"type":59,"marks":6520},"Layers",[6521],{"type":131,"attrs":6522},{"href":6523,"uuid":6524,"anchor":134,"target":1826,"linktype":2184,"story":6525},"\u002Facademy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fworkspace\u002Forganize-layers","7b6f6590-faa1-427a-a4c9-3574793c74a9",{"name":6526,"id":6527,"uuid":6524,"slug":6528,"url":6529,"full_slug":6529,"_stopResolving":1094},"Organize layers",321795509,"organize-layers","academy\u002Fcurve\u002Fmac\u002Fuser-guide\u002Fworkspace\u002Forganize-layers",{"text":6531,"type":59}," and groups make complex illustrations easier to navigate.",{"type":178,"content":6533},[6534],{"type":55,"attrs":6535,"content":6536},{"textAlign":134},[6537],{"text":6538,"type":59},"Independent objects can be rearranged, removed, or reused.",{"type":98,"attrs":6540,"content":6541},{"level":100,"textAlign":134},[6542],{"text":6543,"type":59},"How to prompt for useful vector output",{"type":55,"attrs":6545,"content":6546},{"textAlign":134},[6547],{"text":6548,"type":59},"Vector prompts work best when they describe design characteristics rather than photographic details. Focus on the subject, level of complexity, shape language, palette, perspective, and intended application.",{"type":55,"attrs":6550,"content":6551},{"textAlign":134},[6552,6556],{"text":6553,"type":59,"marks":6554},"For example: ",[6555],{"type":68},{"text":6557,"type":59},"A minimal vector illustration of a delivery bicycle, geometric shapes, rounded corners, three-color palette, side view, clean negative space, suitable for an onboarding screen.",{"type":76,"attrs":6559},{"id":6435,"body":6560},[6561],{"_uid":6562,"asset":6563,"component":1862,"description":34},"i-65b621d1-70d1-4c3f-a781-1074abf1436f",[6564],{"_uid":6565,"asset":6566,"device":1860,"component":1861},"872713ba-f76d-4dc9-b293-d65b333d78c1",[6567],{"_uid":6568,"image":6569,"imageAlt":6571,"component":39},"65011b18-42cb-4f30-8b7d-641745c0bc1e",{"id":5974,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5975,"copyright":34,"fieldtype":36,"meta_data":6570,"is_external_url":16},{},"bicycle vector design",{"type":55,"attrs":6573,"content":6574},{"textAlign":134},[6575],{"text":6576,"type":59},"This prompt defines what the artwork shows and how it should be constructed visually. It also names the context in which the result will be used.",{"type":98,"attrs":6578,"content":6579},{"level":168,"textAlign":134},[6580],{"text":6581,"type":59},"Control complexity",{"type":55,"attrs":6583,"content":6584},{"textAlign":134},[6585],{"text":6586,"type":59},"Ask for simple, minimal, flat, geometric, detailed, or layered output depending on the job. Fewer shapes are often easier to edit and work better for icons, diagrams, or small interface illustrations. More detail may suit posters and editorial artwork.",{"type":98,"attrs":6588,"content":6589},{"level":168,"textAlign":134},[6590],{"text":6591,"type":59},"Define a palette",{"type":55,"attrs":6593,"content":6594},{"textAlign":134},[6595],{"text":6596,"type":59},"A limited palette creates a cleaner starting point and makes later brand adaptation easier. Describe the mood, provide key colors or ask for a restrained number of tones. You can then replace exact values during editing.",{"type":76,"attrs":6598},{"id":6435,"body":6599},[6600],{"_uid":6601,"asset":6602,"component":1862,"description":34},"vector-mode-placeholder-2",[6603],{"_uid":6604,"image":6605,"imageAlt":6610,"component":39},"vector-mode-placeholder-2-image",{"id":6606,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":6607,"copyright":34,"fieldtype":36,"meta_data":6608,"is_external_url":16},205788698236763,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2938x1826\u002F9188d893e4\u002Fbaloon-arrow-1-1.png",{"size":6609},"2938x1826","AI image generation and editing workflow",{"type":98,"attrs":6612,"content":6613},{"level":168,"textAlign":134},[6614],{"text":6615,"type":59,"marks":6616},"Choose your model",[6617],{"type":68},{"type":55,"attrs":6619,"content":6620},{"textAlign":134},[6621,6623,6629],{"text":6622,"type":59},"Arrow 1.1 by ",{"text":6624,"type":59,"marks":6625},"QuiverAI",[6626],{"type":131,"attrs":6627},{"href":6628,"uuid":134,"anchor":134,"target":1826,"linktype":88},"https:\u002F\u002Fquiver.ai\u002F",{"text":6630,"type":59}," is the featured model — design-native, built for vector generation, produces clean results that are ready to work with immediately.",{"type":55,"attrs":6632,"content":6633},{"textAlign":134},[6634],{"text":6635,"type":59},"Linearity AI is also available and brings a different visual style. Worth trying both to find what works for your project.",{"type":98,"attrs":6637,"content":6638},{"level":168,"textAlign":134},[6639],{"text":6640,"type":59,"marks":6641},"Choose your aspect ratio",[6642],{"type":68},{"type":55,"attrs":6644,"content":6645},{"textAlign":134},[6646],{"text":6647,"type":59},"1:1, 4:3, or 16:9. The output lands on your canvas at the right proportions, ready to work with.",{"type":98,"attrs":6649,"content":6650},{"level":168,"textAlign":134},[6651],{"text":6652,"type":59,"marks":6653},"Generation queue",[6654],{"type":68},{"type":55,"attrs":6656,"content":6657},{"textAlign":134},[6658],{"text":6659,"type":59},"Queue multiple generations at once and keep designing while they run in the background. Each result lands when it's ready. Pick it up, keep going.",{"type":98,"attrs":6661,"content":6662},{"level":100,"textAlign":134},[6663],{"text":6664,"type":59},"How to edit an AI-generated vector",{"type":55,"attrs":6666,"content":6667},{"textAlign":134},[6668,6670,6676],{"text":6669,"type":59},"Start with the largest decisions. Check the silhouette, proportions, ",{"text":6671,"type":59,"marks":6672},"visual hierarchy",[6673],{"type":131,"attrs":6674},{"href":6675,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Fguide\u002Fdesign-principles\u002F",{"text":6677,"type":59},", and number of objects before polishing individual nodes. Structural corrections have more impact than tiny curve adjustments.",{"type":175,"content":6679},[6680,6687,6702,6715,6729,6736],{"type":178,"content":6681},[6682],{"type":55,"attrs":6683,"content":6684},{"textAlign":134},[6685],{"text":6686,"type":59},"Delete shapes that add noise without improving the idea.",{"type":178,"content":6688},[6689],{"type":55,"attrs":6690,"content":6691},{"textAlign":134},[6692,6694,6700],{"text":6693,"type":59},"Use the ",{"text":6695,"type":59,"marks":6696},"Node Tool to move anchor points",[6697],{"type":131,"attrs":6698},{"href":6699,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Facademy\u002Fcurve\u002Fipad\u002Fuser-guide\u002Fvector-editing\u002Fediting-tools\u002F",{"text":6701,"type":59}," and correct silhouettes and proportions.",{"type":178,"content":6703},[6704],{"type":55,"attrs":6705,"content":6706},{"textAlign":134},[6707,6713],{"text":6708,"type":59,"marks":6709},"Simplify paths",[6710],{"type":131,"attrs":6711},{"href":6712,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Fblog\u002Fhow-to-vectorize-image\u002F#manual-adjustments-for-precision",{"text":6714,"type":59}," when too many nodes make curves uneven.",{"type":178,"content":6716},[6717],{"type":55,"attrs":6718,"content":6719},{"textAlign":134},[6720,6722,6728],{"text":6721,"type":59},"Replace generated colors with exact values from your ",{"text":6723,"type":59,"marks":6724},"brand color palette",[6725],{"type":131,"attrs":6726},{"href":6727,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Fblog\u002Fhow-to-design-brand-assets-in-vector\u002F",{"text":243,"type":59},{"type":178,"content":6730},[6731],{"type":55,"attrs":6732,"content":6733},{"textAlign":134},[6734],{"text":6735,"type":59},"Group related objects before resizing or rearranging them.",{"type":178,"content":6737},[6738],{"type":55,"attrs":6739,"content":6740},{"textAlign":134},[6741],{"text":6742,"type":59},"Test the artwork at its smallest and largest intended sizes so the vector remains clear and scalable.",{"type":98,"attrs":6744,"content":6745},{"level":100,"textAlign":134},[6746],{"text":6747,"type":59},"Where vector generation works best",{"type":55,"attrs":6749,"content":6750},{"textAlign":134},[6751,6754],{"text":6408,"type":59,"marks":6752},[6753],{"type":68},{"text":6755,"type":59},"is especially useful when the output must remain sharp, reusable, and easy to adapt. Common applications include icons, logos and logo exploration, spot illustrations, diagrams, stickers, badges, editorial graphics, and campaign elements that need multiple sizes.",{"type":55,"attrs":6757,"content":6758},{"textAlign":134},[6759,6761,6767],{"text":6760,"type":59},"It is less suited to highly realistic scenes, natural textures, or photography. Those are usually better starting points for ",{"text":6762,"type":59,"marks":6763},"Image Mode",[6764],{"type":131,"attrs":6765},{"href":5848,"uuid":5849,"anchor":134,"target":1826,"linktype":2184,"story":6766},{"name":5851,"id":5852,"uuid":5849,"slug":5853,"url":5854,"full_slug":5854,"_stopResolving":1094},{"text":6768,"type":59},". Choosing the right representation early prevents unnecessary conversion and cleanup later.",{"type":98,"attrs":6770,"content":6771},{"level":100,"textAlign":134},[6772],{"text":6773,"type":59},"From generated vector to campaign system",{"type":55,"attrs":6775,"content":6776},{"textAlign":134},[6777],{"text":6778,"type":59},"The strongest use of vector generation is not producing one isolated graphic. It is creating components that can keep working: a character reused across a series, an icon family adapted for different features, or an illustration system recolored for regional campaigns.",{"type":55,"attrs":6780,"content":6781},{"textAlign":134},[6782],{"text":6783,"type":59},"AI starts the asset. Editable vector structure lets the team extend it, standardize it, and keep it aligned with the rest of the brand.",{"type":55,"attrs":6785,"content":6786},{"textAlign":134},[6787,6789,6794,6796,6802],{"text":6788,"type":59},"For photorealistic and texture-rich work, read ",{"text":6790,"type":59,"marks":6791},"the guide to AI image generation and editing",[6792],{"type":131,"attrs":6793},{"href":6105,"uuid":134,"anchor":134,"target":1826,"linktype":88},{"text":6795,"type":59},". To decide which mode belongs at each stage, see ",{"text":6797,"type":59,"marks":6798},"how image and vector generation work together",[6799],{"type":131,"attrs":6800},{"href":6801,"uuid":134,"anchor":134,"target":1826,"linktype":88},"\u002Fblog\u002Fimage-and-vector-generation-workflows\u002F",{"text":243,"type":59},{"id":6379,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":6380,"copyright":34,"fieldtype":36,"meta_data":6804,"is_external_url":16},{"size":5833},{"id":6379,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":6380,"copyright":34,"fieldtype":36,"meta_data":6806,"is_external_url":16},{"size":5833},"AI Vector Generation and Editing Guide | Linearity Vector Mode","How AI Vector Generation Creates Editable Artwork","Explore how prompts become editable paths, shapes, and colors—and how to refine generated vectors for real design work.","2026-08-14 09:00","Learn how AI vector generation works, how to prompt for useful vector artwork, and how to edit paths, nodes, colors, and shapes in Linearity.",-5830,[],"0a4b9cda-82bf-4a63-a80b-4710798a391a","2026-08-17T16:06:55.154Z",[],{"name":5851,"created_at":6818,"published_at":6819,"updated_at":6820,"id":5852,"uuid":5849,"content":6821,"slug":5853,"full_slug":5854,"sort_by_date":134,"position":7451,"tag_list":7452,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":7453,"first_published_at":7454,"release_id":134,"lang":1636,"path":134,"alternates":7455,"default_full_slug":134,"translated_slugs":134},"2026-08-17T11:15:30.797Z","2026-09-05T00:18:50.372Z","2026-09-05T00:18:50.387Z",{"tag":6822,"_uid":7062,"image":7063,"title":5851,"author":7070,"widget":7081,"bgColor":47,"content":7085,"noIndex":16,"noFollow":16,"component":1618,"thumbnail":7442,"meta_image":7444,"meta_title":7446,"page_title":7447,"description":7448,"publishedDate":7449,"hideFromSitemap":16,"meta_description":7450},[6823,7056],{"name":3531,"created_at":5438,"published_at":5439,"updated_at":5440,"id":3532,"uuid":3528,"content":6824,"slug":3533,"full_slug":3529,"sort_by_date":134,"position":5774,"tag_list":7054,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5776,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":7055,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5442,"title":3531,"noIndex":16,"noFollow":16,"component":17,"reference":6825,"meta_image":7052,"meta_title":34,"page_title":34,"description":5763,"illustration":5773,"hideFromSitemap":16,"meta_description":34},{"name":5444,"created_at":5445,"published_at":5446,"updated_at":5447,"id":5448,"uuid":5449,"content":6826,"slug":5764,"full_slug":5765,"sort_by_date":134,"position":5766,"tag_list":7050,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5768,"first_published_at":5769,"release_id":134,"lang":1636,"path":134,"alternates":7051,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"tag":6827,"_uid":5452,"image":6828,"title":5444,"author":6832,"widget":6833,"bgColor":47,"content":6835,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":7047,"meta_image":7049,"meta_title":5444,"page_title":34,"description":34,"publishedDate":5762,"hideFromSitemap":16,"meta_description":5763},[3528],[6829],{"_uid":5455,"image":6830,"imageAlt":38,"component":39},{"id":5457,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5458,"copyright":34,"fieldtype":36,"meta_data":6831,"is_external_url":16},{},[5461],{"id":5463,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5464,"copyright":34,"fieldtype":36,"meta_data":6834,"is_external_url":16},{},[6836],{"_uid":5468,"content":6837,"component":1617},{"type":52,"content":6838},[6839,6848,6855,6858,6864,6870,6873,6902,6927,6933,6939,6945,6948,6959,6965,6972,6978,6985,6991,6997,7004,7010,7017,7023,7030,7038],{"type":55,"content":6840},[6841,6842,6847],{"text":5474,"type":59},{"text":1128,"type":59,"marks":6843},[6844,6846],{"type":131,"attrs":6845},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5481,"type":59},{"type":55,"content":6849},[6850,6851,6854],{"text":5485,"type":59},{"text":5487,"type":59,"marks":6852},[6853],{"type":68},{"text":5491,"type":59},{"type":55,"content":6856},[6857],{"text":5495,"type":59},{"type":76,"attrs":6859},{"id":5498,"body":6860},[6861],{"_uid":5501,"asset":6862,"component":5506},{"id":5503,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5504,"copyright":34,"fieldtype":36,"meta_data":6863,"is_external_url":16},{},{"type":98,"attrs":6865,"content":6866},{"level":100},[6867],{"text":5511,"type":59,"marks":6868},[6869],{"type":68},{"type":55,"content":6871},[6872],{"text":5517,"type":59},{"type":405,"attrs":6874,"content":6875},{"order":407},[6876,6885,6893],{"type":178,"content":6877},[6878],{"type":55,"content":6879},[6880,6881,6884],{"text":5526,"type":59},{"text":5528,"type":59,"marks":6882},[6883],{"type":68},{"text":5532,"type":59},{"type":178,"content":6886},[6887],{"type":55,"content":6888},[6889,6892],{"text":5538,"type":59,"marks":6890},[6891],{"type":68},{"text":5542,"type":59},{"type":178,"content":6894},[6895],{"type":55,"content":6896},[6897,6898,6901],{"text":5548,"type":59},{"text":5550,"type":59,"marks":6899},[6900],{"type":68},{"text":5554,"type":59},{"type":55,"content":6903},[6904,6905,6908,6909,6912,6913,6918,6919,6922,6923,6926],{"text":5558,"type":59},{"text":5560,"type":59,"marks":6906},[6907],{"type":68},{"text":5564,"type":59},{"text":5566,"type":59,"marks":6910},[6911],{"type":68},{"text":5570,"type":59},{"text":5572,"type":59,"marks":6914},[6915,6917],{"type":131,"attrs":6916},{"href":5576,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5579,"type":59},{"text":5581,"type":59,"marks":6920},[6921],{"type":68},{"text":5585,"type":59},{"text":5587,"type":59,"marks":6924},[6925],{"type":68},{"text":5591,"type":59},{"type":76,"attrs":6928},{"id":5498,"body":6929},[6930],{"_uid":5596,"asset":6931,"component":5506},{"id":5598,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5599,"copyright":34,"fieldtype":36,"meta_data":6932,"is_external_url":16},{},{"type":98,"attrs":6934,"content":6935},{"level":100},[6936],{"text":5605,"type":59,"marks":6937},[6938],{"type":68},{"type":98,"attrs":6940,"content":6941},{"level":168},[6942],{"text":5612,"type":59,"marks":6943},[6944],{"type":68},{"type":55,"content":6946},[6947],{"text":5618,"type":59},{"type":55,"content":6949},[6950,6951,6954,6955,6958],{"text":5622,"type":59},{"text":5624,"type":59,"marks":6952},[6953],{"type":68},{"text":5628,"type":59},{"text":5630,"type":59,"marks":6956},[6957],{"type":68},{"text":243,"type":59},{"type":98,"attrs":6960,"content":6961},{"level":168},[6962],{"text":5638,"type":59,"marks":6963},[6964],{"type":68},{"type":55,"content":6966},[6967,6968,6971],{"text":5644,"type":59},{"text":5646,"type":59,"marks":6969},[6970],{"type":68},{"text":5650,"type":59},{"type":98,"attrs":6973,"content":6974},{"level":168},[6975],{"text":5655,"type":59,"marks":6976},[6977],{"type":68},{"type":55,"content":6979},[6980,6981,6984],{"text":5661,"type":59},{"text":5663,"type":59,"marks":6982},[6983],{"type":68},{"text":5667,"type":59},{"type":76,"attrs":6986},{"id":5498,"body":6987},[6988],{"_uid":5672,"asset":6989,"component":5506},{"id":5674,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5675,"copyright":34,"fieldtype":36,"meta_data":6990,"is_external_url":16},{},{"type":98,"attrs":6992,"content":6993},{"level":168},[6994],{"text":5681,"type":59,"marks":6995},[6996],{"type":68},{"type":55,"content":6998},[6999,7000,7003],{"text":5687,"type":59},{"text":5689,"type":59,"marks":7001},[7002],{"type":68},{"text":5693,"type":59},{"type":98,"attrs":7005,"content":7006},{"level":168},[7007],{"text":5698,"type":59,"marks":7008},[7009],{"type":68},{"type":55,"content":7011},[7012,7013,7016],{"text":5704,"type":59},{"text":5706,"type":59,"marks":7014},[7015],{"type":68},{"text":5710,"type":59},{"type":98,"attrs":7018,"content":7019},{"level":168},[7020],{"text":5715,"type":59,"marks":7021},[7022],{"type":68},{"type":55,"content":7024},[7025,7026,7029],{"text":5721,"type":59},{"text":5723,"type":59,"marks":7027},[7028],{"type":68},{"text":243,"type":59},{"type":55,"content":7031},[7032,7037],{"text":5730,"type":59,"marks":7033},[7034,7036],{"type":131,"attrs":7035},{"href":5734,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5737,"type":59},{"type":76,"attrs":7039},{"id":5498,"body":7040},[7041],{"_uid":5742,"image":7042,"title":5747,"button":7044,"component":5754},{"id":5744,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5745,"copyright":34,"fieldtype":36,"meta_data":7043,"is_external_url":16},{},[7045],{"_uid":5750,"icon":34,"link":7046,"size":90,"text":5753,"type":92,"component":93},{"id":5752,"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},{"id":5756,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5757,"copyright":34,"fieldtype":36,"meta_data":7048,"is_external_url":16},{},{"id":5760,"filename":5761,"fieldtype":36,"is_external_url":16},[],[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"filename":134,"copyright":134,"fieldtype":36,"meta_data":7053,"is_external_url":16},{},[],[],{"name":5779,"created_at":5780,"published_at":5781,"updated_at":5782,"id":5783,"uuid":5784,"content":7057,"slug":5789,"full_slug":5790,"sort_by_date":134,"position":5791,"tag_list":7060,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5793,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":7061,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5786,"title":5779,"noIndex":16,"noFollow":16,"component":17,"reference":34,"meta_image":7058,"meta_title":34,"page_title":34,"description":34,"illustration":1640,"hideFromSitemap":16,"meta_description":34},{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":7059},{},[],[],"image-mode-blog-local-preview",[7064],{"_uid":5798,"image":7065,"imageAlt":7069,"component":39},{"id":7066,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":7067,"copyright":34,"fieldtype":36,"meta_data":7068,"is_external_url":16},210323733211756,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3840x2160\u002F6c8f8726f0\u002Fai-image-workspace-1-cover.png",{"size":5833},"AI image generation and editing workflow in Linearity Image Mode",[7071],{"name":5806,"created_at":5807,"published_at":5808,"updated_at":5809,"id":5810,"uuid":5811,"content":7072,"slug":5824,"full_slug":5825,"sort_by_date":134,"position":5826,"tag_list":7079,"is_startpage":16,"parent_id":1683,"meta_data":134,"group_id":5828,"first_published_at":5829,"release_id":134,"lang":1636,"path":134,"alternates":7080,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5813,"name":5806,"image":7073,"noIndex":16,"socials":7075,"noFollow":16,"position":5819,"component":1676,"meta_image":7076,"meta_title":34,"page_title":34,"description":5822,"otherAuthors":7078,"hideFromSitemap":16,"meta_description":34},{"id":5815,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5816,"copyright":34,"fieldtype":36,"meta_data":7074,"is_external_url":16},{},[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":7077},{},[],[],[],{"id":7082,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":7083,"copyright":34,"fieldtype":36,"meta_data":7084,"is_external_url":16},210088992622324,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F3840x2160\u002F2c1f3df60d\u002Fblog-cover-image-mode.png",{"size":5833},[7086],{"_uid":7087,"content":7088,"component":1617},"image-mode-blog-local-preview-richtext",{"type":52,"attrs":7089,"content":7090},{"backgroundColor":134},[7091,7101,7106,7111,7116,7124,7129,7137,7142,7147,7152,7157,7162,7170,7185,7190,7195,7218,7226,7231,7236,7271,7274,7279,7284,7289,7326,7331,7336,7341,7355,7360,7365,7409,7414,7419,7424],{"type":55,"attrs":7092,"content":7093},{"textAlign":134},[7094,7096,7099],{"text":7095,"type":59},"Linearity ",{"text":6762,"type":59,"marks":7097},[7098],{"type":68},{"text":7100,"type":59}," lets marketers and creative teams generate images with AI, refine them through follow-up instructions, and continue editing the result as part of a complete visual workflow.",{"type":55,"attrs":7102,"content":7103},{"textAlign":134},[7104],{"text":7105,"type":59},"A first draft is rarely the final asset. The composition may be right while the color is wrong. The subject may work, but the background needs more space for a headline. Traditional AI image generators often make you restart the prompt and hope the next result is closer. Linearity AI's Image Mode is designed for a more practical process: generate, review, edit and keep moving.",{"type":55,"attrs":7107,"content":7108},{"textAlign":134},[7109],{"text":7110,"type":59},"That matters when you are creating campaign graphics, social posts, ads, email banners, or presentation visuals. You need more than an attractive image. You need an image that fits the message, format, and brand around it.",{"type":98,"attrs":7112,"content":7113},{"level":100,"textAlign":134},[7114],{"text":7115,"type":59},"What is AI Image Mode?",{"type":55,"attrs":7117,"content":7118},{"textAlign":134},[7119,7122],{"text":6762,"type":59,"marks":7120},[7121],{"type":68},{"text":7123,"type":59}," is an AI image generation and editing workflow inside Linearity. Describe the visual you want, generate a starting point, and use clear instructions to change the image without rebuilding the idea from scratch.",{"type":55,"attrs":7125,"content":7126},{"textAlign":134},[7127],{"text":7128,"type":59},"You can explore a direction quickly, then make deliberate refinements. Ask for a different background, adjust the mood, simplify the composition, change an object, or create room for campaign copy. AI starts the asset. You stay in control.",{"type":55,"attrs":7130,"content":7131},{"textAlign":134},[7132],{"type":5924,"attrs":7133},{"id":7134,"alt":34,"src":7135,"title":34,"source":34,"copyright":34,"meta_data":7136},210040359725461,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F1588x1080\u002Fc1e0dd08f7\u002Fimage-generation.gif",{},{"type":98,"attrs":7138,"content":7139},{"level":100,"textAlign":134},[7140],{"text":7141,"type":59},"How to generate an image with AI",{"type":98,"attrs":7143,"content":7144},{"level":168,"textAlign":134},[7145],{"text":7146,"type":59},"1. Start with the purpose",{"type":55,"attrs":7148,"content":7149},{"textAlign":134},[7150],{"text":7151,"type":59},"Before describing the scene, decide what the image needs to do. A homepage hero, square social post, product announcement and email banner all need different compositions. Naming the intended use helps you write a more useful prompt.",{"type":98,"attrs":7153,"content":7154},{"level":168,"textAlign":134},[7155],{"text":7156,"type":59},"2. Describe the subject and composition",{"type":55,"attrs":7158,"content":7159},{"textAlign":134},[7160],{"text":7161,"type":59},"A strong prompt gives the model a subject, setting, visual direction, and layout. Be specific about what matters, but leave room to explore.",{"type":55,"attrs":7163,"content":7164},{"textAlign":134},[7165,7168],{"text":6553,"type":59,"marks":7166},[7167],{"type":68},{"text":7169,"type":59},"A bright editorial photograph of a reusable water bottle on a stone surface, soft morning light, restrained green palette, generous negative space on the left for campaign copy.",{"type":76,"attrs":7171},{"id":7172,"body":7173},"b5dc242a-93ba-4c85-a582-96666f6aae15",[7174],{"_uid":7175,"asset":7176,"component":1862,"description":34},"i-73899bb0-b995-4545-83c4-91e9245efa6a",[7177],{"_uid":7178,"asset":7179,"device":1860,"component":1861},"7228aeef-9db7-4c35-afe2-d2c227997b05",[7180],{"_uid":7181,"image":7182,"imageAlt":7184,"component":39},"09a22bb8-7320-43b6-b8b2-2b1951d8f44b",{"id":5955,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5956,"copyright":34,"fieldtype":36,"meta_data":7183,"is_external_url":16},{},"image illustrating prompting in linearity ",{"type":98,"attrs":7186,"content":7187},{"level":168,"textAlign":134},[7188],{"text":7189,"type":59},"3. Choose the right format",{"type":55,"attrs":7191,"content":7192},{"textAlign":134},[7193],{"text":7194,"type":59},"Select an aspect ratio that matches the destination whenever possible. Starting close to the final format reduces unnecessary cropping and gives the main subject room to breathe.",{"type":175,"content":7196},[7197,7204,7211],{"type":178,"content":7198},[7199],{"type":55,"attrs":7200,"content":7201},{"textAlign":134},[7202],{"text":7203,"type":59},"1:1 for square social posts and thumbnails",{"type":178,"content":7205},[7206],{"type":55,"attrs":7207,"content":7208},{"textAlign":134},[7209],{"text":7210,"type":59},"4:5 for portrait social content",{"type":178,"content":7212},[7213],{"type":55,"attrs":7214,"content":7215},{"textAlign":134},[7216],{"text":7217,"type":59},"16:9 for presentations, video covers, and wide banners",{"type":55,"attrs":7219,"content":7220},{"textAlign":134},[7221],{"type":5924,"attrs":7222},{"id":7223,"alt":34,"src":7224,"title":34,"source":34,"copyright":34,"meta_data":7225},210042046696137,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2082x690\u002F984cabd9d5\u002Fimage-generation-format-options.png",{},{"type":98,"attrs":7227,"content":7228},{"level":168,"textAlign":134},[7229],{"text":7230,"type":59},"4. Generate and evaluate",{"type":55,"attrs":7232,"content":7233},{"textAlign":134},[7234],{"text":7235,"type":59},"Look beyond whether the result is visually impressive. Check whether it supports the message. Is there enough space for text? Does the subject remain clear at a small size? Does the visual direction fit the rest of the campaign?",{"type":76,"attrs":7237},{"id":7172,"body":7238},[7239],{"_uid":7240,"images":7241,"component":7270},"i-2cccb037-6128-43d6-8459-c3fcbe8cb87a",[7242,7256],{"_uid":7243,"asset":7244,"component":1862,"description":34},"709fe133-ef75-4a5f-8180-37a12b723c49",[7245],{"_uid":7246,"asset":7247,"device":1860,"component":1861},"307d47dc-31ea-42de-9767-c8e18f10f048",[7248],{"_uid":7249,"image":7250,"imageAlt":7255,"component":39},"2389e437-5a93-422e-a49f-3b41fe214426",{"id":7251,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":7252,"copyright":34,"fieldtype":36,"meta_data":7253,"is_external_url":16},203665645189123,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2932x1840\u002F3c5f815a68\u002Fproduct-mockup.png",{"size":7254},"2932x1840","product mockup",{"_uid":7257,"asset":7258,"component":1862,"description":34},"d15b8954-672f-441a-abb6-82bb5686c90b",[7259],{"_uid":7260,"asset":7261,"device":1860,"component":1861},"df85674c-c515-45b0-9a87-9ef4fdeef29c",[7262],{"_uid":7263,"image":7264,"imageAlt":7269,"component":39},"966bcb4c-8999-45b4-a4ec-c6a85cd15e7c",{"id":7265,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":7266,"copyright":34,"fieldtype":36,"meta_data":7267,"is_external_url":16},203666257029361,"https:\u002F\u002Fassets.linearity.io\u002Fstoryblok\u002Ff\u002F197805\u002F2926x1836\u002F4098b6e946\u002Fstationery-item.png",{"size":7268},"2926x1836","stationery item","BlogComponentImageSlider",{"type":76,"attrs":7272},{"id":7172,"body":7273},[],{"type":98,"attrs":7275,"content":7276},{"level":100,"textAlign":134},[7277],{"text":7278,"type":59},"How to edit an AI-generated image",{"type":55,"attrs":7280,"content":7281},{"textAlign":134},[7282],{"text":7283,"type":59},"Good image editing prompts are direct. State what should change and what should stay the same. This gives the model a clearer job and helps preserve the parts that already work.",{"type":55,"attrs":7285,"content":7286},{"textAlign":134},[7287],{"text":7288,"type":59},"Useful follow-up instructions include:",{"type":175,"content":7290},[7291,7298,7305,7312,7319],{"type":178,"content":7292},[7293],{"type":55,"attrs":7294,"content":7295},{"textAlign":134},[7296],{"text":7297,"type":59},"Keep the product and camera angle, but replace the background with a warm studio gradient.",{"type":178,"content":7299},[7300],{"type":55,"attrs":7301,"content":7302},{"textAlign":134},[7303],{"text":7304,"type":59},"Remove the small objects on the right and leave that area empty for text.",{"type":178,"content":7306},[7307],{"type":55,"attrs":7308,"content":7309},{"textAlign":134},[7310],{"text":7311,"type":59},"Make the lighting softer while preserving the colors and composition.",{"type":178,"content":7313},[7314],{"type":55,"attrs":7315,"content":7316},{"textAlign":134},[7317],{"text":7318,"type":59},"Change the jacket to dark blue and keep everything else unchanged.",{"type":178,"content":7320},[7321],{"type":55,"attrs":7322,"content":7323},{"textAlign":134},[7324],{"text":7325,"type":59},"Extend the scene vertically for a 9:16 social format.",{"type":55,"attrs":7327,"content":7328},{"textAlign":134},[7329],{"text":7330,"type":59},"Work in focused steps instead of requesting every change at once. Review each result, keep what works, and make the next instruction precise. The process feels less like rolling the dice and more like directing a visual.",{"type":98,"attrs":7332,"content":7333},{"level":100,"textAlign":134},[7334],{"text":7335,"type":59},"From one image to a usable marketing asset",{"type":55,"attrs":7337,"content":7338},{"textAlign":134},[7339],{"text":7340,"type":59},"A generated image is usually one layer of the final design. Bring it into the wider Linearity workflow to add editable text, layouts, logos, colors, and vector elements. Then adapt the composition for the channels your campaign needs.",{"type":76,"attrs":7342},{"id":7172,"body":7343},[7344],{"_uid":7345,"asset":7346,"component":1862,"description":34},"i-08a64314-335e-4969-8098-78741f926725",[7347],{"_uid":7348,"asset":7349,"device":1860,"component":1861},"ac713e16-ac73-4615-bc8e-779fa5740908",[7350],{"_uid":7351,"image":7352,"imageAlt":7354,"component":39},"9b828191-c5a6-43eb-bbc6-4161b881cf39",{"id":6045,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":6046,"copyright":34,"fieldtype":36,"meta_data":7353,"is_external_url":16},{},"design file",{"type":55,"attrs":7356,"content":7357},{"textAlign":134},[7358],{"text":7359,"type":59},"This is where an integrated workflow becomes more valuable than a standalone AI image generator. The image provides a strong starting point. The surrounding design remains structured, adjustable, and ready to reuse. Prompted in seconds. Editable where it matters.",{"type":98,"attrs":7361,"content":7362},{"level":100,"textAlign":134},[7363],{"text":7364,"type":59},"AI image prompting tips for better results",{"type":175,"content":7366},[7367,7374,7381,7388,7395,7402],{"type":178,"content":7368},[7369],{"type":55,"attrs":7370,"content":7371},{"textAlign":134},[7372],{"text":7373,"type":59},"Lead with the subject. Make the main idea easy to identify.",{"type":178,"content":7375},[7376],{"type":55,"attrs":7377,"content":7378},{"textAlign":134},[7379],{"text":7380,"type":59},"Describe the composition. Mention placement, camera angle, and negative space.",{"type":178,"content":7382},[7383],{"type":55,"attrs":7384,"content":7385},{"textAlign":134},[7386],{"text":7387,"type":59},"Name the visual direction. Editorial, cinematic, minimal, playful, or documentary communicates more than vague words such as beautiful.",{"type":178,"content":7389},[7390],{"type":55,"attrs":7391,"content":7392},{"textAlign":134},[7393],{"text":7394,"type":59},"Use concrete lighting cues. Try soft daylight, dramatic side light, or diffused studio lighting.",{"type":178,"content":7396},[7397],{"type":55,"attrs":7398,"content":7399},{"textAlign":134},[7400],{"text":7401,"type":59},"Explain the intended use. A visual for an ad needs different priorities from an illustration for an article.",{"type":178,"content":7403},[7404],{"type":55,"attrs":7405,"content":7406},{"textAlign":134},[7407],{"text":7408,"type":59},"Edit one concern at a time. Focused instructions make it easier to compare results.",{"type":98,"attrs":7410,"content":7411},{"level":100,"textAlign":134},[7412],{"text":7413,"type":59},"Create more without losing the idea",{"type":55,"attrs":7415,"content":7416},{"textAlign":134},[7417],{"text":7418,"type":59},"Image Mode shortens the distance between an idea and a visual you can actually use. Generate a direction, refine the details, and move the result into a complete design without breaking your creative flow.",{"type":55,"attrs":7420,"content":7421},{"textAlign":134},[7422],{"text":7423,"type":59},"For marketers, that means faster campaign exploration. For designers, it means better starting points and less repetitive production work. For teams, it creates a shared way to turn an idea into content while keeping people in control of the final result.",{"type":55,"attrs":7425,"content":7426},{"textAlign":134},[7427,7429,7434,7436,7441],{"text":7428,"type":59},"Continue with ",{"text":7430,"type":59,"marks":7431},"how AI vector generation works",[7432],{"type":131,"attrs":7433},{"href":6112,"uuid":134,"anchor":134,"target":1826,"linktype":88},{"text":7435,"type":59}," or compare both approaches in ",{"text":7437,"type":59,"marks":7438},"the technical guide to image and vector generation",[7439],{"type":131,"attrs":7440},{"href":6801,"uuid":134,"anchor":134,"target":1826,"linktype":88},{"text":243,"type":59},{"id":7082,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":7083,"copyright":34,"fieldtype":36,"meta_data":7443,"is_external_url":16},{"size":5833},{"id":7082,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":7083,"copyright":34,"fieldtype":36,"meta_data":7445,"is_external_url":16},{"size":5833},"How to Generate and Edit Images with AI | Linearity Image Mode","How to Generate and Edit Images with AI in Linearity","Turn a prompt into an image, refine it with focused edits, and build campaign-ready visuals without restarting your workflow.","2026-08-12 09:00","Learn how to generate and edit images with AI in Linearity Image Mode, write better prompts, refine results, and create campaign-ready visuals.",-5820,[],"2fdb9d0d-3b3d-47da-ae25-6d81898d40bf","2026-08-17T16:06:55.398Z",[],1788653591,[7458,7464,7474,7707],{"name":5779,"created_at":5780,"published_at":5781,"updated_at":5782,"id":5783,"uuid":5784,"content":7459,"slug":5789,"full_slug":5790,"sort_by_date":134,"position":5791,"tag_list":7462,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5793,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":7463,"default_full_slug":134,"translated_slugs":134},{"_uid":5786,"title":5779,"noIndex":16,"noFollow":16,"component":17,"reference":34,"meta_image":7460,"meta_title":34,"page_title":34,"description":34,"illustration":1640,"hideFromSitemap":16,"meta_description":34},{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":7461},{},[],[],{"name":5806,"created_at":5807,"published_at":5808,"updated_at":5809,"id":5810,"uuid":5811,"content":7465,"slug":5824,"full_slug":5825,"sort_by_date":134,"position":5826,"tag_list":7472,"is_startpage":16,"parent_id":1683,"meta_data":134,"group_id":5828,"first_published_at":5829,"release_id":134,"lang":1636,"path":134,"alternates":7473,"default_full_slug":134,"translated_slugs":134},{"_uid":5813,"name":5806,"image":7466,"noIndex":16,"socials":7468,"noFollow":16,"position":5819,"component":1676,"meta_image":7469,"meta_title":34,"page_title":34,"description":5822,"otherAuthors":7471,"hideFromSitemap":16,"meta_description":34},{"id":5815,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5816,"copyright":34,"fieldtype":36,"meta_data":7467,"is_external_url":16},{},[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"source":134,"filename":34,"copyright":134,"fieldtype":36,"meta_data":7470},{},[],[],[],{"name":3531,"created_at":5438,"published_at":5439,"updated_at":5440,"id":3532,"uuid":3528,"content":7475,"slug":3533,"full_slug":3529,"sort_by_date":134,"position":5774,"tag_list":7705,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5776,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":7706,"default_full_slug":134,"translated_slugs":134},{"_uid":5442,"title":3531,"noIndex":16,"noFollow":16,"component":17,"reference":7476,"meta_image":7703,"meta_title":34,"page_title":34,"description":5763,"illustration":5773,"hideFromSitemap":16,"meta_description":34},{"name":5444,"created_at":5445,"published_at":5446,"updated_at":5447,"id":5448,"uuid":5449,"content":7477,"slug":5764,"full_slug":5765,"sort_by_date":134,"position":5766,"tag_list":7701,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5768,"first_published_at":5769,"release_id":134,"lang":1636,"path":134,"alternates":7702,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"tag":7478,"_uid":5452,"image":7479,"title":5444,"author":7483,"widget":7484,"bgColor":47,"content":7486,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":7698,"meta_image":7700,"meta_title":5444,"page_title":34,"description":34,"publishedDate":5762,"hideFromSitemap":16,"meta_description":5763},[3528],[7480],{"_uid":5455,"image":7481,"imageAlt":38,"component":39},{"id":5457,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5458,"copyright":34,"fieldtype":36,"meta_data":7482,"is_external_url":16},{},[5461],{"id":5463,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5464,"copyright":34,"fieldtype":36,"meta_data":7485,"is_external_url":16},{},[7487],{"_uid":5468,"content":7488,"component":1617},{"type":52,"content":7489},[7490,7499,7506,7509,7515,7521,7524,7553,7578,7584,7590,7596,7599,7610,7616,7623,7629,7636,7642,7648,7655,7661,7668,7674,7681,7689],{"type":55,"content":7491},[7492,7493,7498],{"text":5474,"type":59},{"text":1128,"type":59,"marks":7494},[7495,7497],{"type":131,"attrs":7496},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5481,"type":59},{"type":55,"content":7500},[7501,7502,7505],{"text":5485,"type":59},{"text":5487,"type":59,"marks":7503},[7504],{"type":68},{"text":5491,"type":59},{"type":55,"content":7507},[7508],{"text":5495,"type":59},{"type":76,"attrs":7510},{"id":5498,"body":7511},[7512],{"_uid":5501,"asset":7513,"component":5506},{"id":5503,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5504,"copyright":34,"fieldtype":36,"meta_data":7514,"is_external_url":16},{},{"type":98,"attrs":7516,"content":7517},{"level":100},[7518],{"text":5511,"type":59,"marks":7519},[7520],{"type":68},{"type":55,"content":7522},[7523],{"text":5517,"type":59},{"type":405,"attrs":7525,"content":7526},{"order":407},[7527,7536,7544],{"type":178,"content":7528},[7529],{"type":55,"content":7530},[7531,7532,7535],{"text":5526,"type":59},{"text":5528,"type":59,"marks":7533},[7534],{"type":68},{"text":5532,"type":59},{"type":178,"content":7537},[7538],{"type":55,"content":7539},[7540,7543],{"text":5538,"type":59,"marks":7541},[7542],{"type":68},{"text":5542,"type":59},{"type":178,"content":7545},[7546],{"type":55,"content":7547},[7548,7549,7552],{"text":5548,"type":59},{"text":5550,"type":59,"marks":7550},[7551],{"type":68},{"text":5554,"type":59},{"type":55,"content":7554},[7555,7556,7559,7560,7563,7564,7569,7570,7573,7574,7577],{"text":5558,"type":59},{"text":5560,"type":59,"marks":7557},[7558],{"type":68},{"text":5564,"type":59},{"text":5566,"type":59,"marks":7561},[7562],{"type":68},{"text":5570,"type":59},{"text":5572,"type":59,"marks":7565},[7566,7568],{"type":131,"attrs":7567},{"href":5576,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5579,"type":59},{"text":5581,"type":59,"marks":7571},[7572],{"type":68},{"text":5585,"type":59},{"text":5587,"type":59,"marks":7575},[7576],{"type":68},{"text":5591,"type":59},{"type":76,"attrs":7579},{"id":5498,"body":7580},[7581],{"_uid":5596,"asset":7582,"component":5506},{"id":5598,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5599,"copyright":34,"fieldtype":36,"meta_data":7583,"is_external_url":16},{},{"type":98,"attrs":7585,"content":7586},{"level":100},[7587],{"text":5605,"type":59,"marks":7588},[7589],{"type":68},{"type":98,"attrs":7591,"content":7592},{"level":168},[7593],{"text":5612,"type":59,"marks":7594},[7595],{"type":68},{"type":55,"content":7597},[7598],{"text":5618,"type":59},{"type":55,"content":7600},[7601,7602,7605,7606,7609],{"text":5622,"type":59},{"text":5624,"type":59,"marks":7603},[7604],{"type":68},{"text":5628,"type":59},{"text":5630,"type":59,"marks":7607},[7608],{"type":68},{"text":243,"type":59},{"type":98,"attrs":7611,"content":7612},{"level":168},[7613],{"text":5638,"type":59,"marks":7614},[7615],{"type":68},{"type":55,"content":7617},[7618,7619,7622],{"text":5644,"type":59},{"text":5646,"type":59,"marks":7620},[7621],{"type":68},{"text":5650,"type":59},{"type":98,"attrs":7624,"content":7625},{"level":168},[7626],{"text":5655,"type":59,"marks":7627},[7628],{"type":68},{"type":55,"content":7630},[7631,7632,7635],{"text":5661,"type":59},{"text":5663,"type":59,"marks":7633},[7634],{"type":68},{"text":5667,"type":59},{"type":76,"attrs":7637},{"id":5498,"body":7638},[7639],{"_uid":5672,"asset":7640,"component":5506},{"id":5674,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5675,"copyright":34,"fieldtype":36,"meta_data":7641,"is_external_url":16},{},{"type":98,"attrs":7643,"content":7644},{"level":168},[7645],{"text":5681,"type":59,"marks":7646},[7647],{"type":68},{"type":55,"content":7649},[7650,7651,7654],{"text":5687,"type":59},{"text":5689,"type":59,"marks":7652},[7653],{"type":68},{"text":5693,"type":59},{"type":98,"attrs":7656,"content":7657},{"level":168},[7658],{"text":5698,"type":59,"marks":7659},[7660],{"type":68},{"type":55,"content":7662},[7663,7664,7667],{"text":5704,"type":59},{"text":5706,"type":59,"marks":7665},[7666],{"type":68},{"text":5710,"type":59},{"type":98,"attrs":7669,"content":7670},{"level":168},[7671],{"text":5715,"type":59,"marks":7672},[7673],{"type":68},{"type":55,"content":7675},[7676,7677,7680],{"text":5721,"type":59},{"text":5723,"type":59,"marks":7678},[7679],{"type":68},{"text":243,"type":59},{"type":55,"content":7682},[7683,7688],{"text":5730,"type":59,"marks":7684},[7685,7687],{"type":131,"attrs":7686},{"href":5734,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5737,"type":59},{"type":76,"attrs":7690},{"id":5498,"body":7691},[7692],{"_uid":5742,"image":7693,"title":5747,"button":7695,"component":5754},{"id":5744,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5745,"copyright":34,"fieldtype":36,"meta_data":7694,"is_external_url":16},{},[7696],{"_uid":5750,"icon":34,"link":7697,"size":90,"text":5753,"type":92,"component":93},{"id":5752,"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},{"id":5756,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5757,"copyright":34,"fieldtype":36,"meta_data":7699,"is_external_url":16},{},{"id":5760,"filename":5761,"fieldtype":36,"is_external_url":16},[],[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"filename":134,"copyright":134,"fieldtype":36,"meta_data":7704,"is_external_url":16},{},[],[],{"name":5444,"created_at":5445,"published_at":5446,"updated_at":5447,"id":5448,"uuid":5449,"content":7708,"slug":5764,"full_slug":5765,"sort_by_date":134,"position":5766,"tag_list":8165,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5768,"first_published_at":5769,"release_id":134,"lang":1636,"path":134,"alternates":8166,"default_full_slug":134,"translated_slugs":134},{"tag":7709,"_uid":5452,"image":7943,"title":5444,"author":7947,"widget":7948,"bgColor":47,"content":7950,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":8162,"meta_image":8164,"meta_title":5444,"page_title":34,"description":34,"publishedDate":5762,"hideFromSitemap":16,"meta_description":5763},[7710],{"name":3531,"created_at":5438,"published_at":5439,"updated_at":5440,"id":3532,"uuid":3528,"content":7711,"slug":3533,"full_slug":3529,"sort_by_date":134,"position":5774,"tag_list":7941,"is_startpage":16,"parent_id":1645,"meta_data":134,"group_id":5776,"first_published_at":1647,"release_id":134,"lang":1636,"path":134,"alternates":7942,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"_uid":5442,"title":3531,"noIndex":16,"noFollow":16,"component":17,"reference":7712,"meta_image":7939,"meta_title":34,"page_title":34,"description":5763,"illustration":5773,"hideFromSitemap":16,"meta_description":34},{"name":5444,"created_at":5445,"published_at":5446,"updated_at":5447,"id":5448,"uuid":5449,"content":7713,"slug":5764,"full_slug":5765,"sort_by_date":134,"position":5766,"tag_list":7937,"is_startpage":16,"parent_id":1633,"meta_data":134,"group_id":5768,"first_published_at":5769,"release_id":134,"lang":1636,"path":134,"alternates":7938,"default_full_slug":134,"translated_slugs":134,"_stopResolving":1094},{"tag":7714,"_uid":5452,"image":7715,"title":5444,"author":7719,"widget":7720,"bgColor":47,"content":7722,"noIndex":16,"noFollow":16,"wistiaId":34,"component":1618,"thumbnail":7934,"meta_image":7936,"meta_title":5444,"page_title":34,"description":34,"publishedDate":5762,"hideFromSitemap":16,"meta_description":5763},[3528],[7716],{"_uid":5455,"image":7717,"imageAlt":38,"component":39},{"id":5457,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5458,"copyright":34,"fieldtype":36,"meta_data":7718,"is_external_url":16},{},[5461],{"id":5463,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5464,"copyright":34,"fieldtype":36,"meta_data":7721,"is_external_url":16},{},[7723],{"_uid":5468,"content":7724,"component":1617},{"type":52,"content":7725},[7726,7735,7742,7745,7751,7757,7760,7789,7814,7820,7826,7832,7835,7846,7852,7859,7865,7872,7878,7884,7891,7897,7904,7910,7917,7925],{"type":55,"content":7727},[7728,7729,7734],{"text":5474,"type":59},{"text":1128,"type":59,"marks":7730},[7731,7733],{"type":131,"attrs":7732},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5481,"type":59},{"type":55,"content":7736},[7737,7738,7741],{"text":5485,"type":59},{"text":5487,"type":59,"marks":7739},[7740],{"type":68},{"text":5491,"type":59},{"type":55,"content":7743},[7744],{"text":5495,"type":59},{"type":76,"attrs":7746},{"id":5498,"body":7747},[7748],{"_uid":5501,"asset":7749,"component":5506},{"id":5503,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5504,"copyright":34,"fieldtype":36,"meta_data":7750,"is_external_url":16},{},{"type":98,"attrs":7752,"content":7753},{"level":100},[7754],{"text":5511,"type":59,"marks":7755},[7756],{"type":68},{"type":55,"content":7758},[7759],{"text":5517,"type":59},{"type":405,"attrs":7761,"content":7762},{"order":407},[7763,7772,7780],{"type":178,"content":7764},[7765],{"type":55,"content":7766},[7767,7768,7771],{"text":5526,"type":59},{"text":5528,"type":59,"marks":7769},[7770],{"type":68},{"text":5532,"type":59},{"type":178,"content":7773},[7774],{"type":55,"content":7775},[7776,7779],{"text":5538,"type":59,"marks":7777},[7778],{"type":68},{"text":5542,"type":59},{"type":178,"content":7781},[7782],{"type":55,"content":7783},[7784,7785,7788],{"text":5548,"type":59},{"text":5550,"type":59,"marks":7786},[7787],{"type":68},{"text":5554,"type":59},{"type":55,"content":7790},[7791,7792,7795,7796,7799,7800,7805,7806,7809,7810,7813],{"text":5558,"type":59},{"text":5560,"type":59,"marks":7793},[7794],{"type":68},{"text":5564,"type":59},{"text":5566,"type":59,"marks":7797},[7798],{"type":68},{"text":5570,"type":59},{"text":5572,"type":59,"marks":7801},[7802,7804],{"type":131,"attrs":7803},{"href":5576,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5579,"type":59},{"text":5581,"type":59,"marks":7807},[7808],{"type":68},{"text":5585,"type":59},{"text":5587,"type":59,"marks":7811},[7812],{"type":68},{"text":5591,"type":59},{"type":76,"attrs":7815},{"id":5498,"body":7816},[7817],{"_uid":5596,"asset":7818,"component":5506},{"id":5598,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5599,"copyright":34,"fieldtype":36,"meta_data":7819,"is_external_url":16},{},{"type":98,"attrs":7821,"content":7822},{"level":100},[7823],{"text":5605,"type":59,"marks":7824},[7825],{"type":68},{"type":98,"attrs":7827,"content":7828},{"level":168},[7829],{"text":5612,"type":59,"marks":7830},[7831],{"type":68},{"type":55,"content":7833},[7834],{"text":5618,"type":59},{"type":55,"content":7836},[7837,7838,7841,7842,7845],{"text":5622,"type":59},{"text":5624,"type":59,"marks":7839},[7840],{"type":68},{"text":5628,"type":59},{"text":5630,"type":59,"marks":7843},[7844],{"type":68},{"text":243,"type":59},{"type":98,"attrs":7847,"content":7848},{"level":168},[7849],{"text":5638,"type":59,"marks":7850},[7851],{"type":68},{"type":55,"content":7853},[7854,7855,7858],{"text":5644,"type":59},{"text":5646,"type":59,"marks":7856},[7857],{"type":68},{"text":5650,"type":59},{"type":98,"attrs":7860,"content":7861},{"level":168},[7862],{"text":5655,"type":59,"marks":7863},[7864],{"type":68},{"type":55,"content":7866},[7867,7868,7871],{"text":5661,"type":59},{"text":5663,"type":59,"marks":7869},[7870],{"type":68},{"text":5667,"type":59},{"type":76,"attrs":7873},{"id":5498,"body":7874},[7875],{"_uid":5672,"asset":7876,"component":5506},{"id":5674,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5675,"copyright":34,"fieldtype":36,"meta_data":7877,"is_external_url":16},{},{"type":98,"attrs":7879,"content":7880},{"level":168},[7881],{"text":5681,"type":59,"marks":7882},[7883],{"type":68},{"type":55,"content":7885},[7886,7887,7890],{"text":5687,"type":59},{"text":5689,"type":59,"marks":7888},[7889],{"type":68},{"text":5693,"type":59},{"type":98,"attrs":7892,"content":7893},{"level":168},[7894],{"text":5698,"type":59,"marks":7895},[7896],{"type":68},{"type":55,"content":7898},[7899,7900,7903],{"text":5704,"type":59},{"text":5706,"type":59,"marks":7901},[7902],{"type":68},{"text":5710,"type":59},{"type":98,"attrs":7905,"content":7906},{"level":168},[7907],{"text":5715,"type":59,"marks":7908},[7909],{"type":68},{"type":55,"content":7911},[7912,7913,7916],{"text":5721,"type":59},{"text":5723,"type":59,"marks":7914},[7915],{"type":68},{"text":243,"type":59},{"type":55,"content":7918},[7919,7924],{"text":5730,"type":59,"marks":7920},[7921,7923],{"type":131,"attrs":7922},{"href":5734,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5737,"type":59},{"type":76,"attrs":7926},{"id":5498,"body":7927},[7928],{"_uid":5742,"image":7929,"title":5747,"button":7931,"component":5754},{"id":5744,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5745,"copyright":34,"fieldtype":36,"meta_data":7930,"is_external_url":16},{},[7932],{"_uid":5750,"icon":34,"link":7933,"size":90,"text":5753,"type":92,"component":93},{"id":5752,"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},{"id":5756,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5757,"copyright":34,"fieldtype":36,"meta_data":7935,"is_external_url":16},{},{"id":5760,"filename":5761,"fieldtype":36,"is_external_url":16},[],[],{"id":134,"alt":134,"name":34,"focus":134,"title":134,"filename":134,"copyright":134,"fieldtype":36,"meta_data":7940,"is_external_url":16},{},[],[],[7944],{"_uid":5455,"image":7945,"imageAlt":38,"component":39},{"id":5457,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5458,"copyright":34,"fieldtype":36,"meta_data":7946,"is_external_url":16},{},[],{"id":5463,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5464,"copyright":34,"fieldtype":36,"meta_data":7949,"is_external_url":16},{},[7951],{"_uid":5468,"content":7952,"component":1617},{"type":52,"content":7953},[7954,7963,7970,7973,7979,7985,7988,8017,8042,8048,8054,8060,8063,8074,8080,8087,8093,8100,8106,8112,8119,8125,8132,8138,8145,8153],{"type":55,"content":7955},[7956,7957,7962],{"text":5474,"type":59},{"text":1128,"type":59,"marks":7958},[7959,7961],{"type":131,"attrs":7960},{"href":1132,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5481,"type":59},{"type":55,"content":7964},[7965,7966,7969],{"text":5485,"type":59},{"text":5487,"type":59,"marks":7967},[7968],{"type":68},{"text":5491,"type":59},{"type":55,"content":7971},[7972],{"text":5495,"type":59},{"type":76,"attrs":7974},{"id":5498,"body":7975},[7976],{"_uid":5501,"asset":7977,"component":5506},{"id":5503,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5504,"copyright":34,"fieldtype":36,"meta_data":7978,"is_external_url":16},{},{"type":98,"attrs":7980,"content":7981},{"level":100},[7982],{"text":5511,"type":59,"marks":7983},[7984],{"type":68},{"type":55,"content":7986},[7987],{"text":5517,"type":59},{"type":405,"attrs":7989,"content":7990},{"order":407},[7991,8000,8008],{"type":178,"content":7992},[7993],{"type":55,"content":7994},[7995,7996,7999],{"text":5526,"type":59},{"text":5528,"type":59,"marks":7997},[7998],{"type":68},{"text":5532,"type":59},{"type":178,"content":8001},[8002],{"type":55,"content":8003},[8004,8007],{"text":5538,"type":59,"marks":8005},[8006],{"type":68},{"text":5542,"type":59},{"type":178,"content":8009},[8010],{"type":55,"content":8011},[8012,8013,8016],{"text":5548,"type":59},{"text":5550,"type":59,"marks":8014},[8015],{"type":68},{"text":5554,"type":59},{"type":55,"content":8018},[8019,8020,8023,8024,8027,8028,8033,8034,8037,8038,8041],{"text":5558,"type":59},{"text":5560,"type":59,"marks":8021},[8022],{"type":68},{"text":5564,"type":59},{"text":5566,"type":59,"marks":8025},[8026],{"type":68},{"text":5570,"type":59},{"text":5572,"type":59,"marks":8029},[8030,8032],{"type":131,"attrs":8031},{"href":5576,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5579,"type":59},{"text":5581,"type":59,"marks":8035},[8036],{"type":68},{"text":5585,"type":59},{"text":5587,"type":59,"marks":8039},[8040],{"type":68},{"text":5591,"type":59},{"type":76,"attrs":8043},{"id":5498,"body":8044},[8045],{"_uid":5596,"asset":8046,"component":5506},{"id":5598,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5599,"copyright":34,"fieldtype":36,"meta_data":8047,"is_external_url":16},{},{"type":98,"attrs":8049,"content":8050},{"level":100},[8051],{"text":5605,"type":59,"marks":8052},[8053],{"type":68},{"type":98,"attrs":8055,"content":8056},{"level":168},[8057],{"text":5612,"type":59,"marks":8058},[8059],{"type":68},{"type":55,"content":8061},[8062],{"text":5618,"type":59},{"type":55,"content":8064},[8065,8066,8069,8070,8073],{"text":5622,"type":59},{"text":5624,"type":59,"marks":8067},[8068],{"type":68},{"text":5628,"type":59},{"text":5630,"type":59,"marks":8071},[8072],{"type":68},{"text":243,"type":59},{"type":98,"attrs":8075,"content":8076},{"level":168},[8077],{"text":5638,"type":59,"marks":8078},[8079],{"type":68},{"type":55,"content":8081},[8082,8083,8086],{"text":5644,"type":59},{"text":5646,"type":59,"marks":8084},[8085],{"type":68},{"text":5650,"type":59},{"type":98,"attrs":8088,"content":8089},{"level":168},[8090],{"text":5655,"type":59,"marks":8091},[8092],{"type":68},{"type":55,"content":8094},[8095,8096,8099],{"text":5661,"type":59},{"text":5663,"type":59,"marks":8097},[8098],{"type":68},{"text":5667,"type":59},{"type":76,"attrs":8101},{"id":5498,"body":8102},[8103],{"_uid":5672,"asset":8104,"component":5506},{"id":5674,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5675,"copyright":34,"fieldtype":36,"meta_data":8105,"is_external_url":16},{},{"type":98,"attrs":8107,"content":8108},{"level":168},[8109],{"text":5681,"type":59,"marks":8110},[8111],{"type":68},{"type":55,"content":8113},[8114,8115,8118],{"text":5687,"type":59},{"text":5689,"type":59,"marks":8116},[8117],{"type":68},{"text":5693,"type":59},{"type":98,"attrs":8120,"content":8121},{"level":168},[8122],{"text":5698,"type":59,"marks":8123},[8124],{"type":68},{"type":55,"content":8126},[8127,8128,8131],{"text":5704,"type":59},{"text":5706,"type":59,"marks":8129},[8130],{"type":68},{"text":5710,"type":59},{"type":98,"attrs":8133,"content":8134},{"level":168},[8135],{"text":5715,"type":59,"marks":8136},[8137],{"type":68},{"type":55,"content":8139},[8140,8141,8144],{"text":5721,"type":59},{"text":5723,"type":59,"marks":8142},[8143],{"type":68},{"text":243,"type":59},{"type":55,"content":8146},[8147,8152],{"text":5730,"type":59,"marks":8148},[8149,8151],{"type":131,"attrs":8150},{"href":5734,"uuid":134,"anchor":134,"target":135,"linktype":88},{"type":68},{"text":5737,"type":59},{"type":76,"attrs":8154},{"id":5498,"body":8155},[8156],{"_uid":5742,"image":8157,"title":5747,"button":8159,"component":5754},{"id":5744,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5745,"copyright":34,"fieldtype":36,"meta_data":8158,"is_external_url":16},{},[8160],{"_uid":5750,"icon":34,"link":8161,"size":90,"text":5753,"type":92,"component":93},{"id":5752,"url":34,"linktype":2184,"fieldtype":89,"cached_url":2185},{"id":5756,"alt":34,"name":34,"focus":34,"title":34,"source":34,"filename":5757,"copyright":34,"fieldtype":36,"meta_data":8163,"is_external_url":16},{},{"id":5760,"filename":5761,"fieldtype":36,"is_external_url":16},[],[],[8168,8169,8170,8171,8172,8173],{"name":6471,"id":6472,"uuid":6469,"slug":6473,"url":6474,"full_slug":6474},{"name":6501,"id":6508,"uuid":6506,"slug":6509,"url":6510,"full_slug":6510},{"name":6526,"id":6527,"uuid":6524,"slug":6528,"url":6529,"full_slug":6529},{"name":5851,"id":5852,"uuid":5849,"slug":5853,"url":5854,"full_slug":5854},{"name":5865,"id":5866,"uuid":5863,"slug":5867,"url":5868,"full_slug":5868},{"name":6490,"id":6491,"uuid":6488,"slug":6492,"url":6487,"full_slug":6487},{"age":8175,"cache-control":8176,"connection":8177,"content-encoding":8178,"content-type":8179,"date":8180,"etag":8181,"per-page":8182,"referrer-policy":8183,"sb-be-version":8184,"server":8185,"total":8186,"transfer-encoding":8187,"vary":8188,"via":8189,"x-amz-cf-id":8190,"x-amz-cf-pop":8191,"x-cache":8192,"x-content-type-options":8193,"x-frame-options":8194,"x-permitted-cross-domain-policies":1860,"x-request-id":8195,"x-runtime":8196,"x-xss-protection":8197},"149068","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application\u002Fjson; charset=utf-8","Sun, 06 Sep 2026 00:13:17 GMT","W\u002F\"b751e6cb3bc1b2dab64fa82f6a77f42e\"","3","strict-origin-when-cross-origin","5.959.0","nginx\u002F1.29.1","695","chunked","Origin,Accept-Encoding","1.1 bcf3714653b91c162db4f8a673af0716.cloudfront.net (CloudFront)","FE6N0VEq52Z6nQyCwt8zd0mNPvUOcQK7JHm5oRo1FLsdkjBNDX7mEw==","CMH68-P4","Hit from cloudfront","nosniff","SAMEORIGIN","207fa93f-3bae-4882-a71d-6968feb66973","0.076541","0",695]