{"id":133830,"date":"2022-11-30T00:11:19","date_gmt":"2022-11-30T06:11:19","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/hur-jag-skapar-2d-animation-med-dronarljusmalning\/"},"modified":"2022-11-30T00:11:19","modified_gmt":"2022-11-30T06:11:19","slug":"hur-jag-skapar-2d-animation-med-dronarljusmalning","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/hur-jag-skapar-2d-animation-med-dronarljusmalning\/","title":{"rendered":"Hur jag skapar 2D-animation med dr\u00f6narljusm\u00e5lning"},"content":{"rendered":"<div>\n<p>Innan vi hoppar in i det h\u00e4r blogginl\u00e4gget om du inte redan har l\u00e4st hur jag g\u00f6r dr\u00f6narljusm\u00e5lningar horisontellt p\u00e5 himlen, se till att kolla in detta h\u00e4r.  Om du redan har gjort det (eller inte vill l\u00e4sa n\u00e5got annat) g\u00f6r dig redo att sl\u00e5 av dina strumpor eftersom vi v\u00e4nder dem till vertikala utrymmen och animerar v\u00e5ra ljusm\u00e5lningar med stop motion.<\/p>\n<p>F\u00f6r att skapa denna effekt anv\u00e4nder vi en liknande process som jag gjorde i l\u00e4nken jag n\u00e4mnde ovan, men med ett par v\u00e4ndningar.  F\u00f6rst och fr\u00e4mst tack till Oliv Yeh och Krzysztof Dzi\u0105dziak f\u00f6r att de gjorde den ursprungliga matematiken f\u00f6r att g\u00f6ra detta m\u00f6jligt.  F\u00f6r det andra, stort tack till Jonathan Bogaert och Jacco Veldscholten f\u00f6r att de skrev kod f\u00f6r att g\u00f6ra hela processen enklare.  Jag ska ge en liten bakgrundshistoria och sedan processen (men om du inte bryr dig hoppa \u00f6ver de n\u00e4sta par styckena f\u00f6r att komma till bilderna).  Krzysztof Dzi\u0105dziak hade kommit p\u00e5 lite matematik f\u00f6r att konvertera horisontella ljusm\u00e5lningar till vertikala med hj\u00e4lp av Excel-matematik.  Detta bestod i princip av att ta den f\u00f6rsta latituden med dina waypoints, vilket gjorde det likadant \u00f6ver alla punkter.<\/p>\n<p>Sedan lite extra matematik med hur m\u00e5nga meter i 1 grad av jorden och h\u00f6jd f\u00f6r att se till att den visades korrekt vertikalt i luften, men processen att g\u00f6ra det i ett excel-kalkylblad kan vara lite f\u00f6rvirrande.  Det \u00e4r ocks\u00e5 mycket viktigt att n\u00e4r du anv\u00e4nder dessa ber\u00e4kningar att ditt \u00f6verl\u00e4gg \u00e4r v\u00e4nt mot norr till s\u00f6der annars fungerar inte matematiken.  F\u00f6r f\u00f6rtydligande betyder detta att toppen av ditt \u00f6verl\u00e4gg ska vara norr och botten ska vara s\u00f6der.  N\u00e4r du har kartlagt din dr\u00f6narljusm\u00e5lning med hj\u00e4lp av den ursprungliga handledningen som l\u00e4nkas ovan kan du anv\u00e4nda det h\u00e4r programmet som Jonathan och Jacco skapade f\u00f6r att \u00f6vers\u00e4tta den till en vertikal ljusm\u00e5lning.  Allt g\u00f6rs online och du beh\u00f6ver bara anv\u00e4nda en CSV-fil som du kan ladda ner fr\u00e5n Litchi efter att du laddat upp den ursprungliga KML-filen du skapade.  L\u00e5t oss komma till animationerna.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"ezlazyload aligncenter size-full wp-image-145818\" alt=\"\" width=\"600\" height=\"400\" src=\"https:\/\/blogging-techies.com\/sw\/wp-content\/uploads\/2022\/11\/1640047741_323_Hur-jag-skapar-2D-animation-med-dronarljusmalning.gif\"\/><\/p>\n<p>Min f\u00f6rsta animering beh\u00f6vde vara enkel och var innan jag hade Excel-kalkylbladen eller n\u00e5got som gjorde hela processen enklare.  S\u00e5 jag best\u00e4mde mig f\u00f6r en snabb omg\u00e5ng Tetris.  Jag hittade en youtube-video som spelade igenom Tetris och efterliknade r\u00f6relserna genom att f\u00e5nga dem p\u00e5 sk\u00e4rmen s\u00e5 att jag kunde g\u00f6ra lager i Photoshop och ha en tidslinje f\u00f6r vilken bildruta som kom f\u00f6rst.  Jag valde Tetris eftersom det \u00e4r i ett rutn\u00e4t och jag kunde ber\u00e4kna hur m\u00e5nga meter p\u00e5 h\u00f6jden pj\u00e4sen skulle beh\u00f6va flytta sig vertikalt f\u00f6r varje ram.  N\u00e4sta del \u00e4r sv\u00e5r att f\u00f6rklara.  Jag placerade \u00f6verl\u00e4gget i Google Earth f\u00f6r den specifika ramen och m\u00e4tte l\u00e4ngden p\u00e5 marken som applicerades vertikalt i luften som h\u00f6jd f\u00f6r varje form.  Detta var totalt 23 bilder vid ISO 200, F-Stop 6.3, cirka 60 sekunder f\u00f6r varje bildruta och tre dr\u00f6narbatterier.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"ezlazyload aligncenter size-full wp-image-145817\" alt=\"\" width=\"507\" height=\"325\" src=\"https:\/\/blogging-techies.com\/sw\/wp-content\/uploads\/2022\/11\/1640047741_658_Hur-jag-skapar-2D-animation-med-dronarljusmalning.gif\"\/><\/p>\n<p>Detta var den andra animationen som jag skapade med hj\u00e4lp av dr\u00f6nare och stop motion.  Det blev totalt 10 bilder med ISO 100, F-Stop 10, runt 172 sekunder f\u00f6r varje bild och tv\u00e5 dr\u00f6narbatterier.  Det tog cirka 11 timmar fr\u00e5n b\u00f6rjan till slut f\u00f6r hela processen.  Konceptet med att anv\u00e4nda en h\u00e4st inspirerades n\u00e4r jag blev kontaktad av ett marknadsf\u00f6ringsf\u00f6retag f\u00f6r att g\u00f6ra en dr\u00f6narljusm\u00e5lning av en h\u00e4st ovanf\u00f6r LAs skyline.  Det slutade inte med att jag fick budet p\u00e5 f\u00f6retaget de representerade men det fick mig att vilja ta deras f\u00f6rfr\u00e5gan till n\u00e4sta niv\u00e5.  Jag \u00e4r sj\u00e4lv ingen animat\u00f6r s\u00e5 ist\u00e4llet hittade jag n\u00e5gra av de \u00e4ldsta kronofotografierna som min bas k\u00e4nd som \u201cThe Horse in Motion\u201d f\u00f6r att g\u00f6ra denna dr\u00f6narljusm\u00e5lning.  Historien i ett n\u00f6tskal \u00e4r att en man som heter Leland Stanford ville se om det n\u00e4r en h\u00e4st galopperar om n\u00e5gon g\u00e5ng i tiden att alla dess ben \u00e4r fr\u00e5n marken samtidigt.  Det visar sig att det finns ett s\u00e5dant \u00f6gonblick!  Om du vill l\u00e4ra dig mer om Muybridges historia n\u00e4r du tar fotografierna kan du l\u00e4sa om det h\u00e4r.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"ezlazyload aligncenter size-full wp-image-145816\" alt=\"\" width=\"600\" height=\"401\" src=\"https:\/\/blogging-techies.com\/sw\/wp-content\/uploads\/2022\/11\/1640047742_578_Hur-jag-skapar-2D-animation-med-dronarljusmalning.gif\"\/><\/p>\n<p>Min tredje animation jag ville f\u00f6rs\u00f6ka driva p\u00e5 hur id\u00e9n att skriva i himlen med en dr\u00f6nare skulle vara.  Jag hade sett DariusTwin g\u00f6ra det h\u00e4r med sina stop-motion-skrivanimationer och visste inte hur tidskr\u00e4vande det egentligen skulle vara.  F\u00f6r det f\u00f6rsta f\u00f6rs\u00f6ket ville jag bara se vad som var m\u00f6jligt s\u00e5 enkla bokst\u00e4ver var mer \u00e4n tillr\u00e4ckligt f\u00f6r mig och det visade sig var det perfekta f\u00f6rsta experimentet.  Jag fotade p\u00e5 ISO 200, F -Stop 10, en variabel exponeringstid p\u00e5 14 sekunder till 210 sekunder och 5 dr\u00f6narbatterier.  F\u00f6r varje bildruta efter den f\u00f6rsta fick jag skriva ut varje bokstavsbit som gjordes tidigare vilket g\u00f6r att mina exponeringstider blir l\u00e4ngre och l\u00e4ngre.  Efter att ha anv\u00e4nt 5 dr\u00f6narbatterier b\u00f6rjade min fj\u00e4rrkontroll f\u00f6r dr\u00f6naren klaga p\u00e5 att den var p\u00e5 l\u00e5g batteriniv\u00e5 s\u00e5 om du vill prova n\u00e5got s\u00e5nt h\u00e4r, se till att allt \u00e4r laddat eller har reservdelar.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" loading=\"eager\" class=\"aligncenter size-full wp-image-145820\" src=\"https:\/\/blogging-techies.com\/sw\/wp-content\/uploads\/2022\/11\/Hur-jag-skapar-2D-animation-med-dronarljusmalning.gif\" alt=\"\" width=\"600\" height=\"452\"\/><\/p>\n<p>Min sista och mest aktuella 2D-animation \u00e4r en l\u00f6pande pikachu!  Den h\u00e4r var spr\u00e5ng och gr\u00e4nser h\u00e5rdare \u00e4n h\u00e4sten.  Jag ville se hur det skulle vara att ha en loopande animation som inte bara var en statisk bild p\u00e5 himlen och detta blev resultatet.  Jag anv\u00e4nde en animation fr\u00e5n LordLibidan f\u00f6r att skapa detta.  Dessa 11 bildrutor togs med ISO 100, F-Stop 10, cirka 209 sekunder f\u00f6r varje bild och 4 dr\u00f6narbatterier.  Utmaningen med att f\u00e5 n\u00e5got att r\u00f6ra sig \u00f6ver himlen smidigt \u00e4r att veta hur m\u00e5nga pixlar jag beh\u00f6ver f\u00f6r att flytta varje bildruta i animationen.  Tack och lov kunde jag fr\u00e5ga min v\u00e4n Heather som g\u00f6r animationer hennes \u00e5sikt om detta och hon sa att det skulle flyttas runt 8 pixlar \u00e5t h\u00f6ger f\u00f6r varje bildruta.  H\u00e4r \u00e4r en bild f\u00f6r att ge dig en uppfattning om hur det h\u00e4r ser ut i Google Earth.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"ezlazyload aligncenter size-large wp-image-145819\" alt=\"\" width=\"745\" height=\"451\" ezimgfmt=\"rs rscb1 src ng ngcb1 srcset\" src=\"https:\/\/blogging-techies.com\/sw\/wp-content\/uploads\/2022\/11\/Hur-jag-skapar-2D-animation-med-dronarljusmalning.jpg\"\/><\/p>\n<p>F\u00f6r att vara s\u00e4ker p\u00e5 att detta skulle fungera gjorde jag en testk\u00f6rning av min inramning av b\u00f6rjan, mitten och slutet av ramarna f\u00f6r att f\u00f6rs\u00f6ka rensa bort eventuella fel n\u00e4r det g\u00e4llde att skjuta detta och se till att jag inte kraschade dr\u00f6naren in i n\u00e5gonting.  Det visade sig dock att mina tester inte var tillr\u00e4ckligt eftersom jag ursprungligen hade 12 ramar planerade, men p\u00e5 den 12:e bilden fastnade min dr\u00f6nare i ett tr\u00e4d 20 fot upp och jag var tvungen att kasta ett par C-batterier p\u00e5 den f\u00f6r att f\u00e5 den att falla ner.  Tack och lov har jag l\u00e4rt mig hur man reparerar dem.<\/p>\n<p>Jag tror att vi fortfarande bara \u00e4r i b\u00f6rjan av vad som kan g\u00f6ras med dr\u00f6narljusm\u00e5lning och det kan drivas \u00e4nnu l\u00e4ngre.  Jag \u00e4r s\u00e5 exalterad \u00f6ver att se vart det leder och s\u00e5 tacksam \u00f6ver att ha en gemenskap omkring mig som \u00e4r villig att utforska denna nya gr\u00e4ns.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Om_forfattaren\"><\/span>Om f\u00f6rfattaren<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Russell Klimas \u00e4r en fotograf, filmare och webbdesigner fr\u00e5n Colorado Springs, CO. Han uppt\u00e4ckte sin passion f\u00f6r ljusm\u00e5lning av en slump, men han \u00e4r glad att han gjorde det.  Det har nu blivit hans besatthet.  Du kan ta reda p\u00e5 mer om Russell och hans arbete p\u00e5 hans hemsida och Instagram.  Denna artikel publicerades ocks\u00e5 h\u00e4r och delades med tillst\u00e5nd.<\/p>\n<\/p><\/div>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/hur-jag-skapar-2d-animation-med-dronarljusmalning\/#Om_forfattaren\" >Om f\u00f6rfattaren<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Innan vi hoppar in i det h\u00e4r blogginl\u00e4gget om du inte redan har l\u00e4st hur jag g\u00f6r dr\u00f6narljusm\u00e5lningar horisontellt p\u00e5 himlen, se till att kolla in detta h\u00e4r. Om du redan har gjort det (eller inte vill l\u00e4sa n\u00e5got annat) g\u00f6r dig redo att sl\u00e5 av dina strumpor eftersom vi v\u00e4nder dem till vertikala utrymmen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":133831,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[60626,60627,27,1737,102,532],"class_list":["post-133830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar","tag-2danimation","tag-dronarljusmalning","tag-hur","tag-jag","tag-med","tag-skapar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/133830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=133830"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/133830\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/133831"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=133830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=133830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=133830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}