Gaak3 Lei4 • AWKT

Gaak3 Lei4

Animated Type

Gather apart.

Animated type inspired by and made during COVID-19, drawn frame-by-frame. The exponential appearance of the word “gaak3 lei4” (quarantine) during the pandemic strangely reads the same as “beside” in Cantonese. The homophone (words with identical pronunciation) with opposing denotations finds their resemblance under the isolated yet collaborative anti-epidemic measures—how we maintained distance but discovered new meanings in closeness, regardless of the lack of physical or “real” interactions—the project set out to embody and reflect these interestingly overlapped contrasts, both linguistically and socially, through type and motion.

Year

2020

–

Client(s)

Nature(s)

Self-Initiated

Duty/Duties

Design, Type, Motion, 3D

Tag(s)

studio

Motion

Type

Digital

Social

Featured

Tag(s)

View

1x / 2x / 5x (default)

<div class="floormediagallery"> <div class="wrappermediagallery"> <div class="linedivider"></div> <div class="airs"></div> <div class="flattext1fullwidth"> <div class="soehne1">Showcase</div> <div class="airm"></div> </div> <div class="collectionlistmediagallery varwidthwrapperformediagalleryitem"> <div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/950340835/rendition/1080p/file.mp4?loc=external&log_user=0&signature=c64b1eb120952ce28225e92a8f0af93f309702b21a8aeb7734232caf068d6af9" data-wf-ignore="true"/> </video> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/950338364/rendition/1080p/file.mp4?loc=external&log_user=0&signature=4b41d2962b385242c9e03982cbc910de1d4c4bac5ac4a144ab6414f503b2b0ef" data-wf-ignore="true"/> </video> </div> <div class="airs"></div> <div class="soehne1 mediagallerymediacaption">A loop between the two “gaak3 lei4” (“quarantine” and “beside” in Cantonese).</div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Gaak3-Lei4/Showcase/i-M2z255g/0/FNHpJt63DgVdFkNTZnzQN8rpcrf2FS644KgvXRXrL/O/S6_0079%20%2800000%29.jpg" loading="eager"> </div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Gaak3-Lei4/Showcase/i-bVfwTzr/0/FKMpPR89KMHMvVvb2fX2MC69nkwxT8hTXjz6Z7KFb/O/S3%20%2800000%29.jpg" loading="eager"> </div> <div class="airs"></div> <div class="soehne1 mediagallerymediacaption">“Beside”</div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <img src="https://photos.smugmug.com/Awktxyz/Work/Gaak3-Lei4/Showcase/i-xBrm4B4/0/D2jccwJjBrd2W9sWBH59vzQw5ndChndvC64kCgmQ9/O/S4_0082%20%2800000%29.jpg" loading="eager"> </div> <div class="airs"></div> <div class="soehne1 mediagallerymediacaption">“Quarantine”</div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/950343552/rendition/1080p/file.mp4?loc=external&log_user=0&signature=1fbffa3ba5c2b27eebc6a17ec15b7786f8bd9a5a39122d61956ad4594bac0256" data-wf-ignore="true"/> </video> </div> <div class="airs"></div> <div class="soehne1 mediagallerymediacaption">How COVID-19 kept mutating and inducing outbreaks in waves, causing the pandemic measures and social closeness to fluctuate in a back-and-forth constant.</div> <div class="airm"></div> </div> </div> </div><div class="collectionitemmediagallery varwidthitemformediagalleryitem"> <div class="richttextblockmediagallerysingleentry"> <div class="roommediagallery"> <div class="mediagalleryitem"> <video playsinline loop muted autoplay="" loop="" muted="" playsinline="" data-wf-ignore="true" data-object-fit="contain"> <source src="https://player.vimeo.com/progressive_redirect/playback/950339973/rendition/1080p/file.mp4?loc=external&log_user=0&signature=8102846e5da3dcbf5dc82333f9b636d45e24d6f1d79d950a3260cba889533f45" data-wf-ignore="true"/> </video> </div> <div class="airm"></div> </div> </div> </div> </div> </div> <div class="airlminorm"></div> </div>

<div class="floorpassage"> <div class="linedivider"></div> <div class="airs"></div> <div class="roompassage1of5"> <div class="soehne1">Tool(s)</div> </div> <div class="roompassage4of5"> <div class="soehne1">Illustrator, After Effects, Cinema 4D, Octane</div> </div> <div class="airl"></div> </div>

<div class="floorpoint"> <div class="linedivider"></div> <div class="airs"></div> <div class="flatheading1of5"> <div class="soehne1">Credits</div> <div class="airmmobile"></div> </div> <div class="flatpoints4of5"><div class="roompoint1of4"> <div class="cubiclepoint1of4"> <div class="soehne1"> <span class="greytext">Design, Type, Motion, 3D</span><br/>Antony Wong</div> </div> <div class="airs"></div> <div class="linedivider"></div> <div class="airm"></div> </div></div> <div class="airlminorm"></div> </div>

Related Project(s)

Forgotten (Forgiven) Memo

2023

Concert Visuals