Week 1- Week 7 (06/01/20 - 21/02-20)
Nyoman Anita Putri Arimbawa (0339942)
Information Design
Final Project - Animated Infographic
INSTRUCTION
WEEK 1 - Research :
In the first class of the week, Mr. Shamsul gives us a briefing on the final project that will be guided by him, the final project is about animatic infographic that we have to make in a group that we already make previously in Ms Anis class. There are a few topic available, my group got natural disaster.
For this Final project we have to make an animation infographic
about a given topic (min 1.5 - max 3 min video).
We did a few research here and there, there are a few ideas for a natural disaster like the one really viral right now is the flood in Jakarta and also the bush-fire in Australia but after a further discussion we decided to make a volcano eruption because Indonesia have so many volcanoes but Mr. Shamsul told us to just focus on the Krakatoa mountain and its child.
Week 2 - Narrative and Mood board :
Then we proceed by making the moodboard and also the narative
Week 3 - Story Board :
I took part of making the graphic, so I'm in charge of making the story board first i did a few sketches on making the character and all the other asset
![](https://lh3.googleusercontent.com/pwjPJPR7XvkBXwsYeWCKpdNfCEjtolKmfx42pz2jtALiB88IguzfTalJOvnWOSOb7-56J9DOxL1-7WM8jBLnipf5GkkESWHavZrY8tkeYyEL44vY4aPFOSMn97NJ5gcJ8dPa7NOEoe8NaMM-MoAfaR9Brk3kf0mEqW3PYdiBcAFHVxFCaYiZlx-d6VFnmkkFqNSDtsrl1I4Rk2UbbdxfHlPhuFeDznguj6uvK6cr09fSwuoY2tAprAxqSQjRLuxKwEwmETKBLLQ7o3hCF_XEAKmPo58PEZqkQGJbiNYSHnQ0oUQojMC7p_9oca9jQQ8EwoBJADN1NbAoUQviA_aIul1I-px0kqr5p3aw4oH8NA_p3oq1HKlA7jDJopxyDlKZlPRe9OWgFbWqYNPm4X9nzn4PsAkCdjFEIWw-E9Pa7FZrwqqdNNt_bgZzRdZR2K3QALRJXgD9GZKtPcNin-GXOJD9sE_YBd1KhkpIbalBg90LPPukeqMqpdhmF8m0UUY-MZPp2-WIJFZk1eJqZehb3YDOfGB9NRXHaSm-fPj9Ip39_U9TeS4TyWjKgzgFMd2UBeotgbUaM8OkPg4Xp-bWBRWMXlX24k0WGXQlxUxMDdLPmWvmxgthev6dAfxVl3CmgRIhM8QDWtpLSHZr1w1CC6VbI5tZ6pBXe77-uxF9_Mqhax4qF9BV7Q=s695-no) |
Fig 3.1: Sketching Character |
![](https://lh3.googleusercontent.com/nVl_IZHuZOHSibmNujCTzSAEWLk72wIbY1NHcVSHyGBIsLrKOE8TMEh4tZvWRy8nzMCwCY5bdG8CVyeu2dAsszE8FhzsDB0wBTHp0P_gwYKcVQ6uRKBn5tAAe5MQPjiaX7wUQiYr4lnpuumNRvo18MziSt5_yE0rBDAeA9dOAKjCIv94_UV5VyT3lSiERLBhvpcScSdL9NXCQrv6bSIpLY2tm17yxIdy2T-qqXqd5hxQ38Z-EnoZEx_9gLroUSe-R5rz8XsKBr7WzX18xLP-d1VQWlt7Xb800uab2mf7YwLKd2zffearDAgF5BD5wWbY-Lu-84WrWBff7SCG0Km1cLHP5q6DfcQQ06yfuDwH12SotWtWjqSi38JsgjCc4MuZJ229aAlKDhyHTjZvmUT8tU8ghrxg1s_eU9lmMVPEuEAJt2HLqf_KsSFWpK6Zf3EopupkoyWpxKYJgdZ5edk-bwGT0MdYObaGtTPuvUavxPE4nPvBLxi36k018P5dqrabJxtcLV2fhJ4FjWHRhq6WBxWCaYr7ZS3FPiLuxcrvEksh273lDgbq4SR8JyUzIRoLyXH7zJpnLZxH6VOPQZkaVmkH1_ulYHfhrLA7KpinqHGSqolMmborMM2lIOQYWIezeagWJbwrZLsMk91y19yDbURp1XTd4GxFr-Hc7toT3qlFJoG9ts_2Hg=w927-h695-no) |
Fig 3.2: Sketching Storyboard |
![](https://lh3.googleusercontent.com/LuYIHH-TnskyMlM-rYtVNKXXXIpIS5MbVLvshRTliiHmX7bgDEZ-OUD10vovl42g3EY88jLn9gRvBxVFghnJjamoHs8qp4JAX_ckWT9EnSxtH3s_AG1rYc6t4Y_9IsaCWFiMWMCT3yKwbV3cv5rKl8y7vQnLPuGo19GcUfqn8sw7UH5LtxlPEYaJEBDVaUFQDDDiMskskkg6A-bQFBmUhCBLSF_xxTt-HIXECTCdP8lJScHQQbAmRY8jJkOZQSOXeakqaN0T9ngVg3PC-isSRqtc_N88NHyZaOqRXWYLOL6JCetnmKW1smen6IlC2ocrT3ZeIYl-guyiL8BbF7XiJi95ZP2iRhVASz3wb3vKhlh2C61RJmwxCuokTFLtAkWuuW8fDJFytocsy_f8A5b8FXquLvGHv0WRlvQRtaHrmjZwpokMjGEEh7t7TOEofBaht87Ba51A04UHcfqnmBrd8Xi86DOTZx87hb1tvAW94kU21nTu-luVK2jvjAxiHzka25fL3t7MOzL6njDpa_vMuM0RI_CKkObU-Ht0j-Taq8ecF0N1lM4iEoKmvXFlV8Ca5O3Hw2jbtrbS2led2fCklHhVllG5Urvr5HTVwE2HI9paU65MJsRDhn_iQJ5QgAiQEbu_nFG1uJJe0LkSLHajn0wabTpamWpcM6jPBIkeoBZybafCL3P9UH8=w862-h646-no) |
Fig 3.3: Making Storyboard |
![](https://lh3.googleusercontent.com/Bu6Kz-oHnRTNkJNtqx46P1v8W2fpQOsLuh0ibU2fW5-Rr7-lR22naCj5uRkAVkTF88yFFoiCUDO_UiFaA0J-BUEoJ-SkQejMB3BNaY4fWOsE0eE6Et286tzSu87Gnh9fEtUT1mZ9gABPbVHvSmzZ-LyEOdLXMfLSnfkNU_9WF55uGOHpXjaQsNB7bhN9zmPVUiiN11HIzbBDlNgZjkPXdqBYsWmT2rzaw9sci45KcfrYqeXu7WETxhIS5ORWdDa_bETZ2qDrLIo2VKZmn5mRVL5LfTH5vDAomQPAoRn5kau9m1tDPIp1J93ZLyHKgqS0ZOMHU_JwrG7i2QAdA7BYbiFsxt7m00pPdg5s3uq5SwWdtYdmKIDraKgWP88-MtndQlBRhtsaCW8oVPRVeFdrTPWSMj3NzshGyYqMIpSiqpeLt_itImpghP4OaEtIMAcM9bkKHqVbbVBc7yJUnIrw4sqevOdTkFdOm8o4STo4u_vdvDPCz5rKX-eIX-xczwcv6GcBt1mk4ea82h0D2lFqfaVTSk2m9JiGaMDUBipWxUULpIYy-a0BsxcRN9tfHwt-bi8d_o9eToo8Oc58c4oN1nzE5j6xGxhhsgGcPK7oPijt5aNZ5DPMtlwh2n3iVuVu93zeGZbZkXr6ya8BC6_4c33VxISolF2mZk9DhqDfy_uU1giPX_EVfHA=w1149-h646-no) |
Fig 3.4: Making Storyboard |
WEEK 4 - Animatic
For the animatic, firstly I need to digitalize the storyboard
For this Im using adobe Ilustrator and Mr. Shamsul did a lecture about Illustrator in this week class he said it will be easier if we did the drawing traditionally the trace it in Illustrator and I did the same thing with the character and also the mountain.
![](https://lh3.googleusercontent.com/6_UjAZpnxDRXFVL927PjshX0Xqq_3Q93F_rOjn-8GftgG2ZI4FC7IK0V4KECpLTrw-S9B-TGmrX39c5qNpotpUtWZXIyPx5BKTGPEc3r11WQtZoE79cDBH-p7KmwidKV-IRX1s4qgeUxJVwuU2PqdSVbkJGVzqZU7q0trUNtWOvxShLXLygg_sKXDOiJgjfvfgPnE9FRGaQb92CjFVHmLQX5wea5-Dhd4RFoS5J0vJB0TR4SaJ-w2K4TJxOZnMWR8XWeq_z986Tj0rxtv6fEx6bbP7LoScDgsTbx3Mk-CbMJ9_nQIlU0beJos3_rdYI8qc0QiqNDMR7h0FD9PFGwP24bxfa1JL0hMoakuXgEufZdqq2duYP4BNfqNIMql96lr16eVgqhrkzsqxRDpsXiZysG3_KrWx5cOcm2lqpMMwq6acqrMiGr2Hn2Ke8VyRMIHu5m-P1s4v0bE-mL09AnTc9Kc7lQHi2US_1ojfLdii2aG_toX7glpSwHrFmLCF4FffHQC5dZ9G40AK7oj_ehbgFGh8pLGk_JjIMhYVRitxZ32FReNL_nq6ft8Px2-fZv-WGvtm7om7xcmnKHcv_5mfYiAUCTddYu3HsD1D5n-rKRyGliofKM2p_tVadvTakRR6XTKnLYeHPaE7UV2pZ0zQnoV3_k5ahRxKizSoapQxzsLoyiLZLMfw=s695-no) |
Fig 4.1: Digitalize Storyboard |
After we did the storyboard the next step for our project us to create the animatics.
We did our process in the After effect
WEEK 5 - Making Asset
After we finalize the story board is time to make the asset that were going to use in the animation
The process is to finalize the drawing is that to improve what's on the storyboard making it more neater and nicer.
And its so much helping if we did the asset per scene that is in the animated
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4KbB6KAMkuBR_OW42wlH3NvSOEJeRTYtgmhyphenhyphenZt_kIR3oqrRRqMjjOUfKasj_0SDXli_WAsjjIZelth2kZnXv-0WFrkcCrOTARpYReCmk0LIn2j4TztA1K9C0eugW-jWGKWW62_Qr4bYF_/s400/Screenshot+%252825%2529.png) |
Fig 5. 1: Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvrp0_VULtEIjND6JTBUdwCkMHqfKwFtdKFFJJqqynZggJBLcTDcYmR2aFCWYac4nsqXvqo1OfpuidQhIhdDoofZhlJXzUJSMVlZrvyBG4sw1MT0q3Xir2sumL2QyugthMEiyErJaSpwpr/s320/Screenshot+%252837%2529.png) |
Fig 5.2 : Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIRZHbY06vn6ROnvjQAY5U8aZUcAWO7iTaEAocH-QA0EZXsJ6FaeWTqoEH6hESL2-7CZ8mLu5dmqAJJm_I1Fjqp8TBrfuK3TzyS8xU2cIAceOUk7aumjRZGA96-coP0DqbvTBhPp1wNyAo/s320/Screenshot+%252839%2529.png) |
Fig 5. 3: Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCuuw7OLATprPB20Awm_lQc3ypC6Aiaq6dPGTLs5MEOd1twvfCv_QOucSMH6-jKZ230XJx1ErrUDQLU8teYzKn1PYR8IOXXZgsPYoaXylJEdLiGf1oEvQErMJZ2jUHemyMWuR_63ntwg37/s320/Screenshot+%252838%2529.png) |
Fig 5. 4: Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc5twMX9rqJVOr9nO0OM7cSB9NAbxZUdhTSyiblhmY0IVqJ1_7fZ6ounn5oXKrY2KWZXAHeaXxNL4W1oOknIyGvlJkD1aQKy-hB8rAYCAu9wAoECcypotli8DxUh14CJWS2uLOO7wMsMmK/s320/Screenshot+%252867%2529.png) |
Fig 5.5 : Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-bqM17V5i2tUShu8Om_1s7e7wRIjbNgmrIeTp1McIef3miOz2MIb6o7dTWpHNmnabqPfpIsJRrR4DoiXpI__ktsO0tA4bVqQuwGiQCCNe9z5-OSdzob4qTYzIyStDMS3EajE7HVAozi5O/s320/Screenshot+%252868%2529.png) |
Fig 5. 6: Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1r4Oit7H-Fftbb340gHZrXXjNxCdZaYlLTlNK7wi93qPCLT3lwCTz81YxcbfcncAgjBg9fPKHGLcMopRAmNbchCiPrqiBFGOlKGxDfoh-4_Kdm3uHXm49IRLJgrkkxffo8PZKrkZ-fT7T/s320/Screenshot+%252869%2529.png) |
Fig 5. 7: Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJhTPdVC81Ay-STPFEM_I4SmzJCXsrr3LeI1SbegnD16Rvb0s9ZnjYmi9sovTxoUf7Rd_ie3wSFU9fTX7LCjeQsIPQRCheba1Kp_QCXXWM2h1U3JybWbk8C88TZEcMZ3FIyMH-TpEVRQN/s320/Screenshot+%252870%2529.png) |
Fig 5.8 : Making Asset |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO716iQG-huf5UaAyxfiUUmsQKollWLpB2GpDPsQ9pxQQCPU-FskyVi2Ac7SSH9OmxVBlUMz8DAvdn1-O6M4SCayCpcyU4rD36zJlpD36JnQENv4RY1g7VZ3bNtK48ZHlsB6AqNvA2JI_o/s320/Screenshot+%252871%2529.png) |
Fig 5.9 : Making Asset |
WEEK 6 - Making The Animation and Voice-Over
For the animation we mainly use the storyboard as our main guide lines but there are a few changes in the animation that we make.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1HegwJR8ELR40itxqrzVb7hG8URuhz651ZiGmAY4aHGdjS9AaRuFYIXyO1O9q4A_w_0LS6DtHPtO7sGQYjArjq98gLlmgzfDHCwrOIFtZD0xLtVHv4t4nb1Q8U1qp7lOXBGOGmeAlxoy/s320/Screenshot+%252830%2529.png) |
Fig 6.1 Animation |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeZbERt1h6VWcBxQD3VrhexK_Va4rRpLoyMRzHsk75EeFX4gR7JcSxlDEu3Jo6Q7v3WRoWkV4Y4W171mhztycaTq7aPJB9iRW0NvnQ9tttxmv__Id95v6XFFDlQVBXEN0vwib8h2OYy-a5/s320/Screenshot+%252840%2529.png) |
Fig 6.2: Animation |
For the VO we accure some hiccups when finding the right place to record we search many different places
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTYAzo09MvoufvDbbIIm9M-L7UkHN-dUFGkI_9KN7THPSvSL7b7axcp9F14DmCEnfe_CaQP2vYumIanuRP0Utr0okwsiF2s0kFKcMveVPhuqjp-kvvKZZRk50qyKvpCeZe-opSOAchOM/s640/VO.png) |
Fig 6.3: Voice Over |
WEEK 7 - Sound Effect and Transition
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzDOf4tbdinPCfs5UhIBez5LQSKzQ-Rg-y755U0M3VHnCFtcdGe3Hq9kwBzGCdmf_txHVdiONhkYv0802ZKhONyJGql7pDpqjcBBHbrnUtOSZNZrXtRvqs-KlpnvqvTnuuTCKm7hAE-kE/s400/Sound+effects.png) |
Sound Effect |
WEEK 8 - Combining and Finalizing
Comments
Post a Comment