Google Anthem animation examples

Here are some examples of my 2D animation work from a Google Anthem YouTube project I worked on with WTBR. For this project, I adapted Google’s existing 2D graphic animation style, creating subtle updates like lower thirds, map animations, and transitions to fit the specific needs of the video. I also photoshopped and manipulated existing maps to integrate them seamlessly into the animation. This experience highlights my ability to stay within established visual styles while making thoughtful adjustments.

One of the few end tag explorations.

Transition from footage to a Google map, incorporating a photoshopped map image with subtle icon animations to bring the right energy and add life.

Created lower thirds to match the look and feel of existing Google designs.

Dynamic Typography Animation for TV Show music Playlists

Here are a series of kinetic type animations I've developed for a client in the music streaming industry, utilizing their existing color palette and provided typeface. This project involved designing and animating vibrant, engaging animations for music playlists for various TV shows on their platform, using type and the title of the show. Although, after only a few days of exploring this concept, the client decided to shift direction and requested an illustrative design approach instead.

Concept design using ChatGPT.

It's remarkable how AI enhances concept design. While ChatGPT still has room for improvement in generating readable copy, it's already capable of understanding and producing impressive compositions.

Conceptual alcoholic beverages product scene inspired by Japanese spring cherry blossoms and the iconic Kanagawa wave.

Stay tuned for more updates!

Creative direction & brand design process for Cafecita Coffee

2years ago, one of my best friend reached out to me with an idea to start a women supporting, Women owned and woman produced coffee brand. I was thrilled to combine forces and be the creative brain and designer behind an idea I fully support. It’s already been 2years since the birth of Cafecita and it’s been growing ever since. Sharing some of the visual brand process from birth to now.

For more info about Cafecita, please visit https://cafecitacoffee.com/

Peace Not War

Illustrated and animated back in March 2022 featuring my pup of peace. Embracing the idea of making art not war. Praying for our friends in Ukraine.

lots of dogs available for adoption

So many doggos need homes…I try to help in different ways to help give voice to the animals, spread awareness, and spend time at the weekly adoption fair to help find them a forever loving home. It is not enough though…so I spent some time illustrating the doggies to help them get more exposure through social media. #adoptdontshop

adoption.jpg

Twerk puppy

Recently came across some older work done by studio called R A D I O of corgie dogs for Amazon. I like dog everything. Had to spend some time to play around making my own version of it featuring my foster puppy, Bear!

dahae_render_facebookBearTwerk.gif

Designer's Mind for Wix's "Playoff"

Wix partnered up with Dribbble and threw a "playoff" game. It's kind of a contest. I decided to participate and have fun with it. 

This was the prompt:
What does your mind look like? As a designer, express what’s going on inside your mind using any medium or technique you want.

This is what I wrote:
My designer's mind is aligned with my personal mind of everyday life. It involves a lot and here are a few to list: Exploring the new, open to the unknown, seeking moments of pleasant surprises, sometimes serious and technical, sometimes wild! Many times flexible and catering. Questioning, organizing, asking, learning, thinking, solving, but mostly importantly having fun. After all, designing is all a creative process of solving problems. I believe that enjoying my design process not only makes for a good working environment but also shows through the end product. Cheers! <3

 

HelloDeliaWixDribbleDesigners01.gif

Google logo "rebound"

I like the smoothness of the Google animations so I played around using my Korean name. It was fun to get into the details of each frame one by one to create smooth and natural movements. Animating can be fun and addicting. This project can use more time but I couldn't wait to share it with you guys! :-) 

This all aftereffects keyframing with shapes and masks and a lot of graph editor adjusting. 

HelloDelia_logo_googlerebound.gif

I joined Dribbble

I am sure most people in the industry knows what Dribbble is. But for those of you who don't know, it is a graphic design online networking community where creatives share their screen "shots" of what they are working on to share and be inspired from each other. After so many years of not being part of any online network I finally joined! This was my "debut" shot...

 

HelloDeliaKim_dribble_debut2.gif

Weather and time info for travel planning

I travel a lot to different countries and often times need to look up the weather to know what to pack. This is a concept combining weather and time information as part of my reminder!

 

DeliaKim_pulldownWeather.gif

fin

Testing logo animation for a finance services startup 

finupp_4.gif

Photoshop painting

Opps, It's been awhile. I got distracted with some new graphics project and a lot of experimenting with baking healthy vegan cookies during my free time lately...Yesterday, I played around with this new PS brush I got though. This took approximately 35-45minutes. This is all in Photoshop using Kyle T. Webster's dry brush. It's all free with Adobe CC account! Nice to get back into my painting roots ^__^ I am obsessed with this sunshine yellow color lately. Maybe it's because of my longing for longer daylight...

 

dani.png
texture detail

texture detail

After Effects expression syntax error

Surrounded by developers in this high-tech country that is Israel, I became more curious about coding language of After Effects. Trying to understand the basics of expression on After Effects today...............and I get this message "...SYNTAX ERROR..." Took a bit of fussing around to make this work. Expressions are so useful...need to get more into it and tap into another world of AE possibilities! Anyhow, I applied an expression on the scale of the shape layers which reacts to the animated background alpha information. Love how simple/quick it is to animate many shapes uniformly with two short lines of code. Happy honeycomb syntax error. Woo!

dhk_syntaxerror.gif

This is how the expression look like:
sourceLayer = thisComp.layer("Transition Control 2"); sampleSize = [1,1]; samplePoint = transform.position; colour= sourceLayer.sampleImage(samplePoint,sampleSize); x=colour[0]*100; [x,x]

Copy past and apply to everythang!

IBIZIBI Israel Indie festival

Helped out on animating some promos for a Indie music festival in Mitzepe Ramon, Israel. Collaboration between artists...live footage, illustration, music and 2d animation. I love collaborating and combining creative forces with fellow artists...! I was in charge of the 2d animation and was given creative freedom. Our idea was to create a fun, non-sensical, psychedelic world...I have been obsessed with glitch style...Finally I had a chance to apply it. WOO! Here are some excerpts. No 3rd party plugs used, just some fractal noise and displacement for the glitching, particular for the farting stars...

dhk_ibizibi_01.gif
dhk_ibizibi_02.gif
dhk_ibizibi_03.gif

Animated hands for Salesforce

Sometime last year I joined forces with a studio in Santa Monica to work on a video for Salesforce. I was in charge of all the 2d animations. One of my favorite was to animate these hands in AE ^___^ They are all mostly keyframe animations using strokes and shapes. 

dhk_hands_aloha.gif
dhk_hands_peace.gif
dhk_hands_thungsup.gif
dhk_hands_rock.gif