Key Change Animation
Animated videos
ABRSM
2019
Concept development
Storyboarding
Animation assets
Creative direction: Neil Rostance
Art direction: Betty Barucco, Mike Choo
Animation: Frank
Pre-production
At first, we collectively came together to create a strong story and visual concept based on the client's brief. After drafting our initial ideas, I was tasked to create a series of styleframes to visualise the final outcome. Once approved, we developed the assets which would then go on to the animation stage and produce the final outcome.
{"items":["54799025-1499-476d-958c-c53747fd94fb","e5bd36f2-5d69-4493-9463-f459a7177533","6f8b72b7-5051-461f-8e89-c540fae6b92b","098063ee-7895-47b4-9923-61271117286c","e7811a3c-9d98-4837-a5fa-9a5da5cbeac5"],"styles":{"galleryType":"Strips","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fit","cubeRatio":1.3333333333333333,"isVertical":false,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":true,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":true,"isColumns":false,"isSlideshow":false,"cropOnlyFill":true,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.3333333333333333,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":5,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","scrollSnap":true,"itemClick":"expand","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"videoPlay":"auto","scrollAnimation":"NO_EFFECT","scrollDirection":1,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowTitleExpand":true,"allowDescriptionExpand":true,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxHeightMode":"AUTOMATIC","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":0,"loadMoreButtonText":"Load More","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"4|bottom|1|fit|false|1|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(0,0,0,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"textBoxFillColor":{"themeName":"color_12","value":"rgba(242,242,242,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":4,"itemOpacity":{"themeName":"color_14","value":"rgba(102,102,102,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"arial","preset":"Heading-M","editorKey":"font_5","size":85,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 85px/1.4em arial,\"ｍｓ ｐゴシック\",\"ms pgothic\",\"돋움\",dotum,helvetica,sans-serif;"},"itemFontSlideshow":{"family":"avenir-lt-w01_85-heavy1475544","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px avenir-lt-w01_85-heavy1475544,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemDescriptionFont":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonFont":{"family":"arial","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":27,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 27px/1.4em arial,\"ｍｓ ｐゴシック\",\"ms pgothic\",\"돋움\",dotum,helvetica,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"responsive":false,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":4,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":553,"height":277,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":563,"galleryHeight":282,"scrollBase":0}}
{"items":["416fe4ff-5af4-41da-95b9-4205597f67e1","f36577cc-10d4-4e34-9ea1-afd15d1d9cfa","231d7958-e3f0-48ce-904d-7e2a92cfc581","3f418668-0840-4f15-add8-ec90f6943835","68e84300-4617-4406-bdf0-72feadc13bc6"],"styles":{"galleryType":"Strips","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fit","cubeRatio":1.3333333333333333,"isVertical":false,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":true,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":true,"isColumns":false,"isSlideshow":false,"cropOnlyFill":true,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.3333333333333333,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":5,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","scrollSnap":true,"itemClick":"expand","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"videoPlay":"auto","scrollAnimation":"NO_EFFECT","scrollDirection":1,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowTitleExpand":true,"allowDescriptionExpand":true,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxHeightMode":"AUTOMATIC","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":0,"loadMoreButtonText":"Load More","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"4|bottom|1|fit|false|1|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(0,0,0,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"textBoxFillColor":{"themeName":"color_12","value":"rgba(242,242,242,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":4,"itemOpacity":{"themeName":"color_14","value":"rgba(102,102,102,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"arial","preset":"Heading-M","editorKey":"font_5","size":85,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 85px/1.4em arial,\"ｍｓ ｐゴシック\",\"ms pgothic\",\"돋움\",dotum,helvetica,sans-serif;"},"itemFontSlideshow":{"family":"avenir-lt-w01_85-heavy1475544","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px avenir-lt-w01_85-heavy1475544,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemDescriptionFont":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonFont":{"family":"arial","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":27,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 27px/1.4em arial,\"ｍｓ ｐゴシック\",\"ms pgothic\",\"돋움\",dotum,helvetica,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"responsive":false,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":4,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":553,"height":277,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":563,"galleryHeight":282,"scrollBase":0}}