{"id":708,"date":"2024-04-13T17:14:02","date_gmt":"2024-04-13T17:14:02","guid":{"rendered":"https:\/\/mavecreations.nl\/?page_id=708"},"modified":"2024-04-13T17:14:02","modified_gmt":"2024-04-13T17:14:02","slug":"kaboom-festival","status":"publish","type":"page","link":"https:\/\/mavecreations.nl\/index.php\/kaboom-festival\/","title":{"rendered":"Kaboom festival"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In de introductieweek van jaar drie, kregen wij, in groepjes van vier, vanuit Kaboom festival een opdracht om een AR-poster te maken voor een aankomend evenement. Het thema was &#8216;A sense of belonging or feeling at home&#8217;. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Een AR-poster is een stilstaande illustratie waar uiteindelijke een animatie overheen wordt gezet. Dit wordt gedaan door een QR code te scannen en dan wordt de animatie afgespeeld over de poster heen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We kwamen op het idee om \u00e9\u00e9n grote boom te tekenen waar meerder dierenfamilies, gezellig en warm, aan het schuilen waren voor de regen. Dit is een uitgewerkte illustratie van de boom en props die \u00e9\u00e9n van mijn groepsgenoten heeft getekend.<\/p>\n\n\n\t<!-- CSS Part Start From Here-->\n\t<style>\n\t\t.all-images {\n\t\t\tpadding-top: 10px !important;\n\t\t\tpadding-bottom: 15px !important;\n\t\t}\n\n\t\t#image_gallery_710 .thumbnail {\n\t\t\twidth: 100% !important;\n\t\t\theight: auto !important;\n\t\t\tborder-radius: 0px;\n\t\t\t\/*background: transparent url('https:\/\/mavecreations.nl\/wp-content\/plugins\/new-image-gallery\/include\/assets\/img\/loading.gif') center no-repeat !important;*\/\n\t\t}\n\n\t\t\t\t.item-title {\n\t\t\tbackground-color: rgba(0, 0, 0, 0.5);\n\t\t\tbottom: 45px;\n\t\t\tcolor: #FFFFFF;\n\t\t\tdisplay: block;\n\t\t\tfont-weight: 300;\n\t\t\tleft: 2rem;\n\t\t\tpadding: 8px;\n\t\t\tposition: absolute;\n\t\t\tright: 2rem;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: capitalize;\n\t\t}\n\n\t\t\t<\/style>\n\t\t<div id=\"image_gallery_710\" class=\"row all-images-710\">\n\t\t\t\t\t\t\t<div class=\"single-image-710 col-lg-6 col-md-6 col-sm-6 col-xs-12\">\n\t\t\t\t\t\t<a href=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/PressureCookerBoom.png\" data-lightbox=\"lightbox-710\" data-gallery=\"gallery-710\" data-title=\"Opzet van de boom\">\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"thumbnail hvr-glow\" src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/PressureCookerBoom-1024x1024.png\" alt=\"Opzet van de boom\" title=\"Opzet van de boom\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"single-image-710 col-lg-6 col-md-6 col-sm-6 col-xs-12\">\n\t\t\t\t\t\t<a href=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Afbeelding-van-WhatsApp-op-2024-02-07-om-21.25.04_b4840725.jpg\" data-lightbox=\"lightbox-710\" data-gallery=\"gallery-710\" data-title=\"Eindwerk\">\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"thumbnail hvr-glow\" src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Afbeelding-van-WhatsApp-op-2024-02-07-om-21.25.04_b4840725-1024x1024.jpg\" alt=\"Eindwerk\" title=\"Eindwerk\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t<script>\njQuery(document).ready(function () {\n\t\/\/ Method 1 - Initialize Isotope, then trigger layout after each image loads.\n\tvar $grid = jQuery('.all-images-710').isotope({\n\t\t\/\/ options...\n\t\titemSelector: '.single-image-710',\n\t});\n\t\/\/ layout Isotope after each image loads\n\t$grid.imagesLoaded().progress( function() {\n\t\t$grid.isotope('layout');\n\t});\n\t\n\t\n\tlightbox.option({\n\t  'wrapAround': true,\n\t})\n\t\n\tjQuery(document).on('click', '[data-toggle=\"lightbox-710\"]', function(event) {\n\t\tevent.preventDefault();\n\t\tjQuery(this).ekkoLightbox();\n\t});\n});\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voor dit project heb ik me bezig gehouden met de achtergrond en regen animeren in Adobe After Effects. De achtergrond heb ik uiteindelijk in Adobe Photoshop nog donkerder gemaakt zodat het een realistische achtergrond zou zijn met een storm.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\t<!-- CSS Part Start From Here-->\n\t<style>\n\t\t.all-images {\n\t\t\tpadding-top: 10px !important;\n\t\t\tpadding-bottom: 15px !important;\n\t\t}\n\n\t\t#image_gallery_716 .thumbnail {\n\t\t\twidth: 100% !important;\n\t\t\theight: auto !important;\n\t\t\tborder-radius: 0px;\n\t\t\t\/*background: transparent url('https:\/\/mavecreations.nl\/wp-content\/plugins\/new-image-gallery\/include\/assets\/img\/loading.gif') center no-repeat !important;*\/\n\t\t}\n\n\t\t\t\t.item-title {\n\t\t\tbackground-color: rgba(0, 0, 0, 0.5);\n\t\t\tbottom: 45px;\n\t\t\tcolor: #FFFFFF;\n\t\t\tdisplay: block;\n\t\t\tfont-weight: 300;\n\t\t\tleft: 2rem;\n\t\t\tpadding: 8px;\n\t\t\tposition: absolute;\n\t\t\tright: 2rem;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: capitalize;\n\t\t}\n\n\t\t\t<\/style>\n\t\t<div id=\"image_gallery_716\" class=\"row all-images-716\">\n\t\t\t\t\t\t\t<div class=\"single-image-716 col-lg-12 col-md-12 col-sm-12 col-xs-12\">\n\t\t\t\t\t\t<a href=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Poster-achtergrond-kopie-scaled.jpg\" data-lightbox=\"lightbox-716\" data-gallery=\"gallery-716\" data-title=\"Poster achtergrond kopie\">\n\t\t\t\t\t\t\t<img decoding=\"async\" class=\"thumbnail hvr-glow\" src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Poster-achtergrond-kopie-1024x1024.jpg\" alt=\"Poster achtergrond kopie\" title=\"Poster achtergrond kopie\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t<script>\njQuery(document).ready(function () {\n\t\/\/ Method 1 - Initialize Isotope, then trigger layout after each image loads.\n\tvar $grid = jQuery('.all-images-716').isotope({\n\t\t\/\/ options...\n\t\titemSelector: '.single-image-716',\n\t});\n\t\/\/ layout Isotope after each image loads\n\t$grid.imagesLoaded().progress( function() {\n\t\t$grid.isotope('layout');\n\t});\n\t\n\t\n\tlightbox.option({\n\t  'wrapAround': true,\n\t})\n\t\n\tjQuery(document).on('click', '[data-toggle=\"lightbox-716\"]', function(event) {\n\t\tevent.preventDefault();\n\t\tjQuery(this).ekkoLightbox();\n\t});\n});\n<\/script>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"1500\" style=\"aspect-ratio: 1500 \/ 1500;\" width=\"1500\" controls src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Regen-voor.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-video\"><video height=\"1500\" style=\"aspect-ratio: 1500 \/ 1500;\" width=\"1500\" controls src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Comp-1-1.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Voor de animaties hebben we het minimaal gehouden omdat er al zoveel verschillende dingen op de poster te zien waren. Dit is de uiteindelijke AR-poster geworden.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1500\" style=\"aspect-ratio: 1500 \/ 1500;\" width=\"1500\" controls src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/Video-van-WhatsApp-op-2024-02-07-om-21.25.11_33337f79.mp4\"><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"850\" style=\"aspect-ratio: 396 \/ 850;\" width=\"396\" controls muted src=\"https:\/\/mavecreations.nl\/wp-content\/uploads\/2024\/04\/VID-20240329-WA0001.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In de introductieweek van jaar drie, kregen wij, in groepjes van vier, vanuit Kaboom festival een opdracht om een AR-poster te maken voor een aankomend evenement. Het thema was &#8216;A sense of belonging or feeling at home&#8217;. Een AR-poster is een stilstaande illustratie waar uiteindelijke &hellip; <a href=\"https:\/\/mavecreations.nl\/index.php\/image_gallery\/kaboom-festival-2\/\" class=\"more-link\"><span>Lees verder<span class=\"screen-reader-text\">Kaboom festival 2<\/span><\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/pages\/708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/comments?post=708"}],"version-history":[{"count":14,"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/pages\/708\/revisions\/733"}],"wp:attachment":[{"href":"https:\/\/mavecreations.nl\/index.php\/wp-json\/wp\/v2\/media?parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}