(✎) (✉) Ten Photos Assignement

Hello. this is for the ten best photos assignment. I took a lot of photos but these are the photos that I picked the best.

(✎) OCADU Program Reviews

         Hello. On Friday we've just had a field trip to OCAD U about its Graduation Exhibition. It was a such nice trip. There were many programs at OCAD U that I interested in such as Digital Futures; it is about technologies in the future, Advertising, and the one the I am really interested in is Graphics Design.
         Why I like Graphics Design?... Well, because I really like to design something such as making posters, logos, brands, backgrounds etc. And also, make motion graphics like Kinetic Typography. The second reason is because I enjoy working on computer's CG softwares such as for Adobe's, Autodesk's, and other CG products. And the third reason is because Graphics Designs are cool, simple, attractive, and eye-catching.

OCAD U Website: http://www.ocadu.ca/

These are the photos from the Exhibition:

- Artist Name: Ivan Zhao
- Website: http://ivanzhaographic.com/

- Artist Name: Fatima Almuhtaram
- Website: http://fatimaalmuhtaram.com/
 

- Artist Name: Paige Gold
- Website: -
- E-Mail: paigegold.design@gmail.com

- Artist Name: Matthew Chrysler
- Website:behance.net/mattchrysler
- E-Mail: mattchryslerdesign@gmail.com

- Artist Name: Sogol Shahroudi
- Website: -
- E-Mail: sogolshahroudi@hotmail.com

"Do any of these programs seem like something you'd like to study further? If so, why? If not, why not?" Yes. Because I enjoyed creating designs and motion graphics.

(✎) Field Trip Task

The areas that I would like to visit are:

#1. Graphic Design : http://www.ocadu.ca/programs/design/advertising.htm
#2. Digital Futures: http://www.ocadu.ca/programs/interdisciplinary_studies/digital-futures.htm
#3. Advertising: http://www.ocadu.ca/programs/design/advertising.htm

(✎) (✉) Kinetic Typography Project

Hey, welcome back! this is my finished work of the animation. check it out :

Artist Statement

This week we have been working on our new subject of animation, which called “Kinetic Typography”. What is it?... it is a type of animation that only consists of texts/words and sounds, but sometimes it has pictures and images too, and even videos. And the main purpose is; to represents voices by animated texts, such as (if you knew it) those F-150 ads. However, because this is our first time created this animation, so our Kinetic Typographies are based on movies, songs, and speeches. For me, I decided to do a clip from a movie called Monsters University (made by Disney*Pixar); which is at part (if you have watched it) when Terry and Terri got arguments.

        

         Anyway, after two/three weeks I have been working on this project, finally I finished it! I gave it a title called “ Terry & Terri Kinetic Typography”. I used Adobe After Effects CS6 to create the final product and Adobe Audition CS6 for cutting/mixing sounds. The content of the work is about twin sibling brothers, which their names are Terry and Terri (they are the characters from the movie), and their dialogues’ represented in the animation by different colours but using the same tone. However, about the story, based on the actual clip, they are siblings that are trying to introduce themselves to the audience, but because one of them doesn't agree about the introduce, so they get a little arguments that make them become funny.

          My favorite thing about the final product is the design, because after I finished work on it, I realized that the design is actually quite match the feelings of the dialogues such as the fonts and the background. On reflection, I probably would like to improve the styles, because a few of the animations didn't match the feelings, what I meant is… the design is fit but some of the animations are weak, such as for the texts that represent the Twelve Principles of Animations; they somewhat need to improve; to make them look more interesting. My design choices were first of all they have to match the feelings of the dialogues, medium/suitable fonts, balanced colours, and balanced contrast. To made it that way, first of all I had to observe the dialogues, which later made the feelings and then represent them by colours. After that, I picked a few fonts, which are Abadi MT Condensed Extra Bold, Rosewood Std, Bauhaus 93, and Apple Casual that would represent some texts, and I applied the colours to them, which are light orange for Terry and orange for Terri, and also at this time I picked a colour for the background, which is red. By the way, for the background, it's not just a red solid colour, but I also added a gradient to the red colour to make it look more fancy and comfortable to eyes. I added it, by go to Effects->Generate->Ramp, and I just played around with the options.

         The challenges that I found most difficult were at timing and animating. I found them difficult; because, first, for timing, I had to really pay attention about what the persons are actually saying especially for “quick” speak. For animating, first of all I didn't have any ideas about how to make them look fancy or cool, so I was just creating the texts first and place them at the proper time. But then, I played around with them and try a few animations and then I had my ideas. On the other hand, the solutions that were most satisfying and successful are for the animations. Because, I really didn't have any ideas about how it should look like, what I meant is... I did have the layout or storyboard, but I didn't have anything to make it look more interesting or represent the Twelve Principle of Animation. So, after a several try of styles of animations for the texts, finally I found what I want.

         Anyway, I would really want to create another Kinetic Typography, because so far I think this subject is really matching my style. I really enjoyed and like it. And also, maybe improve my skill on it.

===========================================================

Original clip:

                

(✎) Kinetic Typography Tutorials

These are kinetic typography tutorials that I found useful:

How to use basic tools in AE

=======================================================================

http://www.youtube.com/watch?v=itoF1SVWzFE

http://www.youtube.com/watch?v=F3h2pbZkMT4

http://www.youtube.com/watch?v=3cnCTTJMwUk

(✎) Kinetic Typography Research

Hellow!, welcome back! this post is about Kinetic Typography. The purpose is to find any Kinetic Typography video that has 12 principles animation. Like this video below :

McDonald's - Little Tasters Commercial

           

If the video doesn't work click here.

The 8 Principles are at :
0:06 - Exaggeration (The Weight or Stone)

0:07 - Secondary Action ( "Melt" word)

0:07 - Timing ("Melt" word)

0:15 - Squash and Stretch ("Considerably Scrum...)

0:18 - Staging  ("The Food")

0:19 - Arcs (The Words or Sentence)

0:19 - Follow Through ( The Words or Sentence)

0:25 - Appeal ( The McDonald's Logo)

That's all I got so far, thank you for following and see you.

(✎) (✉) Vector Art Pen Assignment

The purpose of this assignment is to develop our skills on the “Pen Tool” in Adobe Illustrator. Our goal is to create a realistic object by using a real photograph as a reference. 

 The original Image and Supporting Image:

Vectored Results:

       



*Angkutan Kota means City Transportation
For more infos about Indonesia's Public Transport click here


      The images that shown above are vector graphics. But I saved them as .png formats. I saved them as .png formats, because based on this website and this website that I read, the format .png is more stable for the web, it has more colours compared to the others, it could remove jagged edges with the Anti-Aliasing option and it produces better quality rasterized images.

     The procedure about how I created this artwork is first of all I went to a website which is Google, and I searched for the images that I wanted. By the way, the first object that I chose was a traditional instrument. But I decided to cancel it, because the instrument is kinda small. So I decided to choose a car as my object. Anyway, then, I opened Adobe Illustrator and create a document with the option of 400 x 400 pixel and RGB colour mode, I opened the picture and resize it with the “Selection Tool”, and then I started to create the shapes for the car such as the body, the bumper, wheels, windows, and the doors. But, before I began creating things, the first thing that I had to do is create the layers. Because they will help keep the document organized and easy to modify. After that, I created the shapes of them on their layers by using the “Pen Tool”. The techniques were beginning by placing the anchor points on the paths that I wanted. For example, let's say I want to create the shape of its body. So first of all, all I need is to go to its layer and create the path, which is by following the body's shape and place the points around it and remember don't place to much points or you will end up having a complicated and an odd result. After I did that, then I filled the paths with colours and strokes which is by going to the bottom left sidebar and pick the colours. For the wheels, to get the 3D effects, all I need was just use the "Blend Tool", The procedure was first of all I created the shape of the wheel and duplicated it by going to Edit->Copy and pasted it behind the first shape. After that, gave them colours, but the first shape must have a brighter colour than the second shape because it will help them to have a realistic light values. After that select both of them and click the "Blend Tool" (it is on the left sidebar) and bum! The shapes will join together and it will create the effect. For the interior, it was the hardest part for me, because I couldn't get the perspective of it but at last I got it. How I created it?.. Basically, all I did were just the same things, but to get the effect, I used the colours value to help it look 3D. For example, if see you see clearly, the outer part is more brighter than the inside because if I used the same value it will look flat and won't have the effect and also, if you notice there is a line in front of the seat that helps lead your eyes to go inside. For the other parts/shapes, all I did were just the same thing because the purpose of this assignment is only to learn more about the "Pen Tool". But for the last step, I tweaked everything, organized the layers, and created some shadows for some parts. By the way, I created the shadows by using the "Pen Tool" too. I created the shadows by creating random shapes first and apply the blur effect to them, because the effect would help them look like real shadows, I applied the by effect by went to Effect->Blur->Gaussian Blur... and I just played with the Pop Up-Menu.

      The challenges that came across my way was the perspective illusions. It was so hard to understand the perspective because I had to deal with a lot of things like creating the details, matching the colours, etc. The hardest parts were the interior and the rims. Like what I said before, I couldn't figured out how I would be able to create the illusions for the interior and the 3D effects for the rims since they are 2D shapes, but at last I figured it out which is by playing with the hue values, opacity and create some shadows.

     I am pleased with my result because I have never done any of this project for a long time and this is also my first time I created a vector graphics using a perspective illusions. I learned a lot of things from this project, I wish I could do more.