Critique Discussion

While discussion


  • The one I chose:

Screen Shot 2015-10-27 at 4.17.15 PM

  • The Palatino typeface is one of the top ten most-used typefaces in the world. It was first released shortly after World War II and immediately enjoyed widespread popularity. A classical serif typeface, the Palatino design employs a strong, open style that’s highly legible. Very attractive and easily readable.
  • I chose this typeface because I feel it is a high vernacular, and it’s comfortable to reading. Actually the ligature grabs my attention, and this is actually really beautiful aspect typeface. I also feel like the tracking is a little pit tight there’s not enough space, and they are touching!

What is Ligature?

  • In writing and typography, a ligature occurs where two or more graphemes or letters are joined as a single glyph. Ligatures usually replace consecutive characters sharing common components and are part of a more general class of glyphs called “contextual forms”, where the specific shape of a letter depends on context such as surrounding letters or proximity to the end of a line. (ex. Palatino, Bodoni..)


Once I identified a typeface and worked on spacing/kerning and line breaks, now is the time to work on scale and emphasis. Because this is a sentence, and not part of a larger paragraph, I can create emphasis on certain words by using bold, italic and color. This can enhance the expressive nature of the sentence underscoring certain words that are crucial to the overall meaning. Placing emphasis is not always a good or correct option and it depends on the context and content of my message, therefore this should be an intentional decision. Scale is another important factor when typesetting and working with body.

Screen Shot 2015-10-27 at 4.17.40 PM Screen Shot 2015-10-27 at 4.17.50 PM Screen Shot 2015-10-27 at 4.17.59 PM Screen Shot 2015-10-27 at 4.18.09 PM

Screen Shot 2015-10-27 at 4.17.15 PM

what I learned from this practice:

  • -50 is really bad.
  • For tracking nothing but 0.
  • Negative tracking it all to be used for headlines and there’s very specific case.
  • If I choose all caps I would probably want to tracked out in 50 to give it more space.
  • There’s a comma there before steal, and it’s like you ask me to do 2 things right after the other.
  • Take away from the context.
  • Ligature are two few letter together that designer designs together, so what happens when I type S and type T the computer doesn’t fuse them, the computer substitute those letters and bring them as st, but this is actually really beautiful aspect typeface.For example: (bodoni, palatino) have there ligature angled.
  •  The tracking is a little pit tight, there’s not enough space, and they are touching.

Week One: Explore my object

Photography Context

  • Object on white background (no elements)
  • Object in context, with other related objects.
  • Object out of context, with unrelated or unexpected objects.
  • Object in context.
  • Object interaction (image depicting human interaction with my object according to my interpretation).





IMG_9874  Screen Shot 2015-10-27 at 8.59.31 AM








This actually was my first attempt using camera, I don’t feel like it’s  successful but not a failure as well. 

Photograph Light & Emotion

Photograph the object on its own, no other object with different lighting scenarios. I explore with light by using a lot of light, little light, play with casting shadows, move the light to different angles and photograph on the different angles.










IMG_9927 IMG_9929

Photographic Angle, Scale and Abstraction

Based on the first two explorations, photograph and crop the image from various angles. The goal is to create abstract image that hint at the real object. Explore extreme close ups, consider the positioning on the page.


IMG_9881 IMG_9882


Screen Shot 2015-11-02 at 3.39.34 PM



Screen Shot 2015-11-02 at 10.10.11 AM





Photographic Color Manipulation

Using the image I have created, select one or two images and explore color iterations. For example, make my object black and white, colorize (duotone), cut it out and place it on a solid colored background, etc




Technical things I learned: 

Sounds + visuals

  • Emotions
  • Added new dimensions
  • Attention
  • Personalities
  • Sound sync
  • Recording sound
  • Song theme + motion
  • Sound and physics of certain.
  • Working between illustrator + after effect
  • Planning of setting up the files and how it should.
  • Timing + details of key name and velocity.
  • Connection
  • It makes a huge difference when we added voice to the video.
  • Subtle animated parts and how much it effects the animation.
  • Switching between programs.
  • Working with limitations vs. freedom (no limits).
  • In terms of technology, eg. Puppet tool + bending pen= weird movement sometimes, working with mult composition and per-composing the layers.
  • Anchor point problems.
  • Pan behind tool.
  • Looping expressions (writing codes).
  • Parenting is good but sometimes it doesn’t work.

characters animation

Screen Shot 2015-10-14 at 9.55.51 PM
Mr. Marshmallow in progress

Screen Shot 2015-10-16 at 8.37.12 PMScreen Shot 2015-10-16 at 8.38.48 PMScreen Shot 2015-10-16 at 8.46.03 PMScreen Shot 2015-10-16 at 8.48.51 PMScreen Shot 2015-10-16 at 8.52.23 PMScreen Shot 2015-10-16 at 8.55.54 PM

Working with layers:

Screen Shot 2015-10-19 at 4.44.27 PM

  • At first, adding layers seem a little bit confusing, but after I used working more on it, it become so easy and it really helpful when you open your file in after-effects.

Screen Shot 2015-10-25 at 7.10.23 PM

Screen Shot 2015-10-25 at 7.10.34 PMScreen Shot 2015-10-25 at 7.10.50 PMScreen Shot 2015-10-25 at 7.11.05 PMScreen Shot 2015-10-25 at 7.11.19 PMScreen Shot 2015-10-16 at 8.29.52 PMScreen Shot 2015-10-16 at 8.30.27 PMScreen Shot 2015-10-17 at 12.28.25 AMScreen Shot 2015-10-17 at 12.34.36 AM

What is the difference between Adobe Premiere and Adobe After Effects? And why I use both?

Screen Shot 2015-10-31 at 10.05.06 AM

Adobe Premiere:

  • Premiere Pro is a video editing program. It’s key functionality is to edit video clips together. Whether this is an interview with bRoll, a narrative film, a music video, or any other type of video – Premiere Pro is the program for this.
  • Premiere Pro has lots of other functionalists like adding text and transitions, editing audio and adding effects.
  • Premiere Pro’s timeline is better than After Effects for editing video and audio together. Trimming clips and moving them around your timeline is a lot easier to use than After Effects timeline.

Adobe After-Effects:

  • After Effects is a digital motion graphics, visual effects and composting software.
  • For titles, shapes, 2D animations, adding special effects, After Effects is your tool.
  • While you can create motion in text, images, and any other layer in Adobe Premiere Pro – it is a lot easier to do in After Effects.

I use both in my project. I add and edit the audio in Premiere and then use After Effects to animate my characters. So clips within Premiere can be easily edited in After Effects without exporting and reexporting.

Research + Introduction to the Project


  • Contrast, when used in harmony with white space, can be used to create a visual hierarchy among sentence elements. By using different font sizes, styles, weights, colors and even typefaces, you can make each element distinct and create meaningful contrast.
  • When pairing up typefaces, try using a sans serif with a serif. This goes a long way.

Key words:

  • Serif: Serif fonts have little “feet” or lines attached the ends of their letters. They’re generally thought to look more “serious” or “traditional”.
  • Sans-Serif: “Sans-serif” literally means “without serif”, these fonts don’t have the extra lines on the ends of letters. For that reason, they’re generally thought to look “more modern” and “streamlined”.


  • Space maintains the flow of design, and it gives strength to structure. Space lets your text breathe. It reduces strain on the reader’s eyes by keeping them focused and steady.

Tracking & Kerning

  • Tracking does not just refer to letter space. It refers to the global adjustment of space between letters and within words, lines and paragraphs.

Key words:

  • Tracking: The space between any two letters
  • Kerning: The space between specific combinations of two letters, often involving overhangs.


  • Also known as line height, refers to the space between lines.
  •  The more the letter-forms deviate from conventional typefaces, the greater the leading required. Design and script typefaces, for example, require a bigger leading. Typefaces that have strong vertical strokes, such as Bodoni and Palatino, also require a bit more leading to compensate for their weak horizontal strokes.


  • Hierarchy is a system for organizing type that establishes an order of importance within the data, allowing the reader to easily find what they are looking for and navigate the content. It helps guide the reader’s eye to where a section begins and ends, whilst enabling the user to isolate certain information based on the consistent use of style throughout a body of text.
  • It represents how each text element is related to others on a webpage, in terms of meaning and value.


  • Size is probably the most fundamental principle of typography. It can be used to create dramatic contrast, demonstrate hierarchy as well as set the stage for readable content.

IMG_2045 IMG_2046

We typeset our sentences in 20 different typefaces (Arabic & Latin)

IMG_2047 IMG_2048

IMG_2049 IMG_2050


Take away:

  • Think about breaks within your sentence, that are related to flow and rhythm.
  • A great trick is to say the sentence out loud and see where you naturally paused verbally, placing your breaks there.

After Effect Introduction

Screen Shot 2015-10-23 at 9.12.09 AM Screen Shot 2015-10-23 at 9.16.32 AM

  • We were introduced to After Effects, and actually it was difficult for me but the way we started off was good and slow, it didn’t make the program seem as frightening as many people make it sound.
  • We learned how to use key frames to animate, and it was so easy as we did on Premiere. We learned how to bring work from illustrator onto after-effects, and how to apply effects and use and build layers.

Screen Shot 2015-10-23 at 9.16.51 AM

  • As an introduce to this program, we made a little beach ball, and made it bounce around in water using effects. It was so interesting and it doesn’t seems difficult as other people said, and I’m so excited to work in after-effects to make my own animation!