Hannah Koo

Day #9 Making animated guidelines for distance learning

MAR 26 Thu / INTERNSHIP JOURNAL : Making animated guidelines for distance learning

I added animation to graphics using After Effects today, and finished 1:1 ratio 600*600px version.

I’m thinking of adding a royalty free soundtrack I found on Youtube. I’ll be finishing up adding music to the video next Monday.

I designed and organized all elements statically on Photoshop to begin with. It made things visually organized and pleasing but I realized it might be inefficient work flow in terms of adding animation.

→ Link to the music https://www.youtube.com/watch?v=Ssvu2yncgWU&list=PLmlVf74tLsDNNvo_JlC14yIMM7TUBew63&index=141&t=0s

Day #8 First Remote Working

MAR 23 Mon / INTERNSHIP JOURNAL : First Remote Working

Today, I worked remotely for the first time. Firstly, I checked in via email and asked Professor Vargas what I need to do today, and my tasks ware as below:

Today’s task
– Go to the @CityTechSGA on Instagram and look at the post circled.
– Start creating an animation for each slide
– Formatted for IG, Facebook, and Twitter.

So I did research for video formats on each social media as below:

Facebook format

- - Recommended size: 1280 by 720 pixels.
  - Minimum size, landscape video: 600 by 315 pixels (1.9:1 aspect ratio)
  - Minimum size, square video: 600 by 600 pixels (1:1 aspect ratio)
  - Recommended specs: .MP4 or .MOV format, maximum file size 4GB, maximum length 120 min, maximum frame rate 30fps.

IG formatt

- - Square video: 600 by 600 pixels (1:1 aspect ratio)
  - Horizontal video: 600 by 315 pixels (1.9:1 aspect ratio)
  - Vertical video: 600 by 750 pixels (4:5 aspect ratio)
  - Recommended specs: .MP4 or .MOV format, maximum file size 4GB, maximum length 60 seconds, maximum frame rate 30fps.

Twitter

- - Minimum resolution: 32 x 32.
  - Maximum resolution: 1920 x 1200 (and 1200 x 1900)
  - Aspect ratios: 1:2.39 – 2.39:1 range (inclusive)
  - Maximum frame rate: 40 fps.
  - Maximum bitrate: 25 Mbps.

PROCESS

I finished creating graphic elements for animation using photography from unsplash.com and typography in Photoshop.

I also created AE project file and will be making 2 versions next time.
- 1:1 ratio Square – IG/FB Feed
- 9:16 ratio Full Vertical – IG stories and Facebook Feed

Day #7 First Online Conference via Zoom

MAR 19 Thu / INTERNSHIP JOURNAL : First Online Conference via Zoom

Because of crisis of Covid 19, schools and companies are switching to distance work/class. Office of image and visual communications also had a meeting on Zoom to figure things out.

We discussed working remotely and decided interns will check in and out via email. We also discussed what the problems are having online classes, and what students need.

Professor Vargas told us that we will drop the new building and fitness center promotion project and most likely we’ll be making thumbnails to guide City Tech student through Social media account.

MAR 5 Thu / INTERNSHIP JOURNAL: Day #6

MAR 5 Thu / INTERNSHIP JOURNAL: Day #6

Fitness center project

Orange hallway walk scene – still stressed show math symbol in her head 2+1@#$^
Shaking robe scene – shaking off negative vibes. Add text animation
Lifting – text animation maybe using masking?

MAR 2 Mon/ INTERNSHIP JOURNAL Day #5

MAR 2 Mon/ INTERNSHIP JOURNAL Day #5

I showed him what I made the last week and got feedback and After Effects templates from Prof. Vargas. He told me to make title animation specifically using the quote “You challenged your mind. Now challenge your body.”

At the end of the day, I finished the animation for the given quote using tracking animation, and got more feedback.

Split the text into 4 shotsYou challenged / your mind / Now challenge / your body.
In the intro : Take “where tech ~ take you” and move the shield logo to the center
Might have to make it longer
Or apply this style to the main tagline like
“challenge” “your” “mind”
At 13 sec : take out “at” and add “FITNESS CENTER”

FEB 27 Thu/ First Photo-shoot Experience

FEB 27 Thu/ INTERNSHIP JOURNAL : Day #4

I got to assist Prof. Vargas with Photo-shoot for Nursing department in the new Academic building. Photography is not one of my strengths, and I’ve never been to any professional photo-shoots, so it was very interesting to see what it’s like to work with professional photographer.

Since I don’t have any knowledge, I didn’t get to help set up the Camera and lighting equipment, but I got to take a look at his camera/light setup for photo-shoot. Prof. Vargas himself took a picture of the setting, so he can remember next time.

Another thing I learned is how to handle a large group of people. We took a shot of about 20 students and faculty members and took individual shots as well. At the individual shooting, Prof. Vargas always asked everyone’s name and built a rapport with the model, and he asked models to say “Watermelon”. It made everyone smile and curious why watermelon? It turns out that the word “Watermelon” generates natural smile rather than saying “Cheese”. That was very fun method.

photoshoot — tripod used for video camera

Video Camera used for promo video shooting

FEB 24 Mon/ More Motion Graphics

FEB 24 Mon/ INTERNSHIP JOURNAL : Day #3

Last week, other two interns and I worked on storyboard and mock-up shot as a part of Pre-production together. Today, as other two interns specialize in video shoot and editing and I specialize in motion graphics design, they have moved on to production stage and I started working on motion design sketches. I was also told to go ahead and make mockup animations and effects in the interim rather than waiting for the complete footage.

So I explored with more effects and tutorials such as tritone, text outline motion, screen slice with masking, and gradient ramp in After Effects, and made short title animation.

FEB 20 Thu/ Pre-Production for CityTech Fitness Center Promo Video

FEB 20 Thu/ INTERNSHIP JOURNAL

The second day at internship, we had another intern hired for video shooting and editing, and we took a tour at the new building in order to make a storyboard for City Tech Fitness Center Promotion video.

We used gopro camera with Zhiyun gimbal – Camera stabilizer, and video shooter interns’ own mirror-less cameras to shoot test shots and mock up video. As I was discussing with video shooters I realized I need to familiarize myself with Video production terms. After we came back from Academic building, we built the storyboard on a whiteboard with post it papers.

New building’s Nursing Dep. dummies freaked me out.

FEB 13 Mon/ My first day

FEB 13 Mon/ INTERNSHIP JOURNAL

The first day at the office of image and visual communications at City Tech, I was pretty excited because I heard from my classmate that this internship offers a lot of freedom to explore and practice motion graphics skills. I brought my own laptop with my own subscription of Adobe creative suite as I was told at the interview.

Prof. Vargas showed me the office and introduced me to the other intern who will be working closely with me in terms of promo video production. We also had a meeting with all interns.

After Prof. Vargas explained to me that I would be helping him design promotional videos for City Tech, he gave me City Tech brand guidelines with font families, showed me what other former interns designed, and told me to design and explore motion graphics with the logo and slogans so he can add that to the library.

So I made intro animation for City tech watching tutorials, and got a mock up video from Co-intern who is a Video shooter/Editor.