Research & Process
Short introduction
● PANG Ka Ying (Minnie)
- Publication design and print media
- Book layout design
- Adobe Illustrator, InDesign, Photoshop
● RAI ARINA (Arina)
- Creative Media
- 2D animation
- Graphic design, Adobe Illustrator , After Effects, Photoshop
●TAM Chun Pong (Flow)
-Creative Media(Interactive Media)
-Video Editing , Visual Effect(Premiere,AE)
-Graphic Design(PS,AI,InDesign)
●TAM Ho Yuet (Hoey)
-Visual Communication
-Illustration
-Adobe Illustrator
DAY IN A LIFE OF A HONG KONG STUDENT
Idea Developments
Hurry City life
●Talk about the busy life in HK
●Multitasking
●Fast Pace
Street Food
●Talk about culture in HK
●Especially snacks and how popular ia it among teens
why?
●Target : Teens & up
●Lifestyles can be different in different places
●Daily life of a Hong Kong student
●How social media is apart of our life, so much to the point it is a part of our life.
●Some cultural aspect
●Lifestyle in HK
●Characteristic of each person
planning
●Make up an idea
●Script writing
●Scene cut off & researches
●Prop making
●Video testings
●Start to take video
●Edit
What is 掃街 sou gaai
(Sweeping in the Street)?
●Street food in Hong Kong
●Small portions of snacks
●Going through the whole street
●Buying from one food stall to another
Script & Storyboard ( Draft Summary )
1-4
●In the morning, A was woken up by the alarm. Realized they were late.
They ran after the bus but they were too late.
So had to wait for the next bus so they were late
5-8
●On the way to class, they saw B.
●" Haha, I am also late. ", then tap card after entering class.
9-12
●Lunch
●There was a long line in the canteen, finally stood in line. While eating thought since there is time after school
13-16
●Why don't we invite C&D to eat?
●Lesson
Went back to class, saw C & C was holding a notebook covering themselves
17-20
●There was no response every time they were called, then just realized there were sleeping. The sticky note withdrawn eyes fell off.
21-26
●After-school
●Right after school, everyone headed to eat. D was very busy multitasking, eating/drinking and talking.
●Then we all say goodbyes and headed home.
moodboard
Style of fonts & color Style of video & atmosphere, fast paces & graduate slowness
Robot references
Robot Face
The idea for creating a face to a mobile phone
Button Design
The idea for the mobile phone button
Style shapes for M5's face & bit pixel
Robot development
Draft Sketches
●Name: M5
●Show our feelings in any of our activity
●Eg. if I see a friend, a smile will be shown.
DEMO
m5 making process
Things needed for making:
●Drink pack(reused), Cardboard, Wire, Scissors, Glue, Ruler, Pen
Step 1: We have to cut the dummy template
Step 2: Put some cardboard in the middle. It can make it have weight.
Step 3: Combined state.
Step 4: Add some decoration in the dummy. It gives a special image.
Step 5&6: This is the basic button of the phone.
Step 7: Finish !!!
Visual effect testing
UPDATE
UPDATE
full introduction
-
Minnie: Hello, my name is Minnie. I studied publication design and print media before, now my course is BA in Media. I like anime and read comic books very much.
-
-
Arina: Hello, my name is Arina. I am currently studying in HKDI, my course is Ba in Media. I studied Creative Media in 2D animation. I love watching Animation and movies.
-
-
Flow: Hello, I am Flow, I study in HKDI. Pencil sketching is my habit every day. I love Godzilla Movie and making 2D animation.
-
-
Hoey: Hello, I am Hoey. I studied Visual Communication, now my course is BA in Media. I love playing with my toys. In my free time, I will draw something.
story idea
-
To use the element of M5 show social life in Hong Kong
-
Introduce HK culture, HKDI and introduce ourselves
THUMBNAILS
-
Final of story flow, made to be easily understood during the shooting & editing spreadsheet
-
( made after each character is confirmed )
Moodboard (color update)
-
After careful discussion, this is more fitting for the video. It may be simpler but good for the mood approach we are going for.
-
Complementary colors
-
Red&Green/Orange&Blue
-
Making scenes more focused on the characters
-
Makes it uniformed
Short planning
-
Brings toys
-
Draw eyes on post-it notes
-
Equipment
-
-DSLR Camera
-
-360 Camera
-
Self introduction
Characters
●A= Minnie
●B= Flow
●C= Arina
●D= Hoey
Update story
-
-
M5 as the main character, to narrate the story.
-
M5 ( part of our lives ) is our friend who is also a mobile that we carry around.
-
Show around the school
-
Transitions fast because of HK lifestyle
-
Focused on each students introduction and personality
PLan for shooting
-
19th Sept
-
●12:00pm-1:00pm Setup for shooting
-
●1:00pm -2:00pm Shooting for intro ( Hoey & Flow )
-
25th Sept
-
●10:00am come back to school
-
●10:00am -11:00am setup for shooting
-
●Shoot HKDI entrance, take a video of chasing the bus before lunch
-
●12:00pm-3:00pm go for lunch and the street food
-
●3:00 take a video of the intro ( Minnie&Arina )
-
●4:00-6:00 in SDO for the class scene
Behind
the
Scene
Behind
the
Scene
Unexpected problems
&
how we solved it
-
-
Videos turned into gifs, these are the shots we had to take several times.
-
The bus not being here, and how do make it look like she missed the bus & M5 kept landing on the wrong side.
-
Many things still had to be corrected in editing after shooting because it didn't go smoothly.
-
We didn't have microphones, so instead of using their own voice while acting. M5 will be speaking up as their day together with us.
Editing & Visual Effects
EDiting
●We have three kinds of video in this Production (DSLR video, IPad video, 360 videos)
●Videos need to edit in the same color tone.
●360 videos use other software to edit.
coloring
●We have used two-color styles on the Video.
(SL BIG, SL GOLD WESTERN)
Visual effects
-
It is a bit terrible on the tracking part.
-
About 24 footages need tracking and creating a face for M5.
-
This process has spent so much time which is beyond my imagination.
-
Some factors make the tracking result not ideal.
-
(Camera shaking problem, video quality)
GRaphic design & Transition
● We add some Food images and Cartoon M5 in the video, let the video more colorful and interesting.
Font
-
●“000 webfont Regular” is using in the video. It presents a digital feeling and match M5 style.
REsearches
-
-
●PsFiles. (2019). 3D Retro Text Effect V2. [online] Available at:https://psfiles.com/3d-retro-text-effect-v2/ [Accessed 20 Sep. 2019].
-
●Dribbble. (2019). Certificado AfterShock. [online] Available at: https://dribbble.com/shots/3494864-Certificado-AfterShock?utm_source=Pinterest_Shot&utm_campaign=leandroassis&utm_content=Certificado%20AfterShock&utm_medium=Social_Share [Accessed 20 Sep. 2019].
-
●YouTube. (2019). Crush (크러쉬) - “나빠 (NAPPA)” MV. [online] Available at: https://www.youtube.com/watch?v=OoMIAo0a2TA [Accessed 21 Sep. 2019].
-
●YouTube. (2019). Jiselle 지젤 'Better This Way' MV. [online] Available at: https://www.youtube.com/watch?v=A05ibxFy8KA [Accessed 21 Sep. 2019].
-
●YouTube. (2019). a weekend in my life🦋🌈 | Driving to San Francisco to meet Wallows!!. [online] Available at: https://www.youtube.com/watch?v=w8HgxUpOIkU [Accessed 21 Sep. 2019].
-
●Popupwok.com. (2019). [online] Available at: https://www.popupwok.com/single-post/2017/07/29/Sou-Gaai-%E6%8E%83%E8%A1%97-Sweeping-the-Street [Accessed 23 Sep. 2019].
-
●My Modern Met. (2019). Visually Satisfying Project Shares the Color Palettes of Iconic Film Scenes. [online] Available at: https://mymodernmet.com/cinema-palettes/ [Accessed 24 Sep. 2019].
-
●DPReview. (2019). Canon EOS 700D/Rebel T5i In-Depth Review. [online] Available at: https://www.dpreview.com/reviews/canon-eos-700d-rebel-t5i [Accessed 20 Sep. 2019].
-
●Food (2019). 【地道小食英文】12大香港街頭小食英文逐個捉!向外國人推薦本地掃街小食的實用英語 | U Food 香港餐廳及飲食資訊優惠網站. [online] U Food. Available at: https://food.ulifestyle.com.hk/restaurant/news/detail/2286480/%E5%9C%B0%E9%81%93%E5%B0%8F%E9%A3%9F%E8%8B%B1%E6%96%87-12%E5%A4%A7%E9%A6%99%E6%B8%AF%E8%A1%97%E9%A0%AD%E5%B0%8F%E9%A3%9F%E8%8B%B1%E6%96%87%E9%80%90%E5%80%8B%E6%8D%89-%E5%90%91%E5%A4%96%E5%9C%8B%E4%BA%BA%E6%8E%A8%E8%96%A6%E6%9C%AC%E5%9C%B0%E6%8E%83%E8%A1%97%E5%B0%8F%E9%A3%9F%E7%9A%84%E5%AF%A6%E7%94%A8%E8%8B%B1%E8%AA%9E [Accessed 21 Sep. 2019].