P01's JANINE ONG,
Basically for MGE tutorial/labs.


• Wednesday, 29 May 2013 •
Week 6 // posted at 09:55

In this studio, we are required to do either a blood splatter or gun shoot. Hence, i chose to do blood splatter video. In this video, i need to edit the blood splatter from a normal splatter image.


From this studio, i've learnt that:
1) Pen tool
The pen tool helps to select objects that a normal marquee tool can't do. Marquee have definite shapes like rectangle, eclipse and such hence, pen tool is used for different shapes of objects. For example, the human in the video above. 

2) Track control
This video is similar to the previous studio's video. We need to use track control to calculate the track and then create a null object and apply the track control to the object. After applying, i need to parent the null object with the splatter so that the splatter will move while the video is moving. 

So, how do i change the splatter from white to red??
- In this video, we need to create blood splatter from just a normal splatter image, and by doing it, i used a few effects to make it realistic. I used the fill effect to fill over the white splatter to red, as well as to change the layer into "luminance" in order for the splatter to be seen in the background video. 

Overall, i find this studio interesting as i've learnt new stuff about the tools i've used before and how i can use this tool to enhance my work further. 









• Sunday, 26 May 2013 •
Week 5 // posted at 08:13

In studio 5A, we are required to insert background and change the background with the green-screen removal. 

In this studio, i've learnt new tools such as:

1. The keylight effect tool
With this tool i am able to edit a video with green-screen and remove the background into transparent with just selecting the green color. With this, i can easily another cool background into the footage. The person filming does not need to go to the actual scene to film, instead we can just edit the background in for them and it can make it realistic as well. 


In this tutorial, i'm required to edit a video and replace it's background from a solid colour to a sky picture. 


From this tutorial i've learn new tools from after effects,

2. The adjustments curves tool 
This tool allow me to change it's colour to either a more brighter or more comfortable colour by moving the curves upwards or downwards. The curves is changeable under the RGB panel. By changing the colours of the image, it makes the picture blend in even more to the video making it as on whole video.

3. The trackers control
 This tool will make sure that the image blends in well together with the video to make it look as one whole video instead of two different items putting together. This tool is very useful as some of the effect can't be taken by camera, hence, we can add in the effects by using this tool. 

This is my week 5 e-learning: Advance sky replacement.
In this e-learning, we are required to change the solid sky and replace it with a sky image as like we did for the basic sky replacement.

In this tutorial, i've learnt the "luma inverted matte" tool. With this tool, i am able to change the alpha channel to represent as a grayscale image to set the transparency of the background better. 

This video also requires me to use the trackers control tool as well as the adjustment curves tool. As i've mentioned above, the trackers control tool allow the image to blend in together with the footage and make it look realistic. Besides, as the image is originally stationery, with the trackers control tool, we can make it seems like the image is moving together with the footage.


In this video, we are required to change the solid color sky to a "gradient-like" color sky. Hence, we need to use the hue/saturation under the colour correction effect.

4. The hue/saturation effect
The Hue/Saturation effect adjusts the hue, saturation, and lightness of individual color components in an image. This effect is based on the color wheel. Adjusting the hue, or color, represents a move around the color wheel. Adjusting the saturation, or purity of the color, represents a move across its radius. Use the Colorize control to add color to a grayscale image converted to RGB, or to add color to an RGB image.

We need to adjust the hue and saturation settings on another "adjustments layer" in order to get the effect for the sky.







• Monday, 20 May 2013 •
Week 4 - E Learning (Studio B) // posted at 08:15

Week 4 Studio A

In this studio, we are required to edit text with cool effects and characters by characters. I've also learn't how to blur my text in this video, i find this studio is very useful in the near future, especially for my proj 1.



In this e-learning, we need to create a kinetic typography video from scratch syncing to Bruce Lee's voice. From this video, we learn how to animate the texts as well as how to make it appear with transitions. This is important and interesting as it will be plain if we do not add transitions to it. However, in this e-learning, it is hard to concentrate on what the guy is doing because he went over the video too fast. The things we've learned through this video is new to me as i've never used After Effects before MGE.


In this video, i've learnt to:
- create water flow by using the 'stroke' effect
- create the water droplets by using the mask tool, as well as the solid layer.
- making the transitions by positioning the camera.

The stroke effect
The Stroke effect creates a stroke or border around the path defined by one or more masks. You can also specify stroke color, opacity, and spacing, as well as brush characteristics. Specify whether the stroke appears on top of the image, on a transparent image, or if it reveals the original alpha channel. To use a path created in Illustrator, copy the path and paste it into a layer in After Effects.

Hence, in this video, the stroke effect is used to be created for the water falling down into a cup, it is very interesting as i originally thought that i will need to draw the water which is very troublesome and i'm afraid that it will not be realistic enough as my drawing skills is not up to par, however, with this effect i can easily make the water effect which also look realistic.

Moving of the anchor points
Transformations, such as rotation and scale, occur around the anchor point (sometimes calledtransformation point or transformation center) of the layer. By default, the anchor point  for most layer types is at the center of the layer.
Though there are times when you’ll want to animate the anchor point, it’s most common to set the anchor point for a layer before you begin animating. For example, if you’re animating an image of a person made up of one layer for each body part, you’ll probably want to move the anchor point of each hand to the wrist area so that the hand rotates around that point for the whole animation.

In this video, there are parts there we need to move the anchor points of the text or the image in order to rotate it better. If we put the  on the left of the text, when it is rotated, it will rotate the text to the left corner instead of moving the whole text into left side. This tool make it easier as we do not need to keep positioning the text if we rotate correctly.


Above is my final video of what i did for my e-learning.
However, it is not synced as the voice as the middle part is quite screwed.

As for project 1, i've decided to make a video of an instructional video. This video will teach people on how to cook Maggie mee. I've researched on a recipe from

"http://www.maggi.com.my/tips/Pages/landing.aspx"

it teaches us how to cook delicious food with maggi products. Hence, i will be using the "Asam Laksa" recipe.

Below are screenshots on what i intend to use for my project 1.



An video to give a concept on what i'm gonna do:



I hope this is not tough, however, i will try my best to make this as interactive as possible!



• Saturday, 11 May 2013 •
// posted at 09:44


From this e-learning, i've learnt to:
- use masks to make the transitions of the image. 
- importing photoshop files into after effects and editing layers by layers
- editing the text by parenting the text to the wheel so it can rotate with the wheel.

Maskings
After Effects is a path that is used as a parameter to modify layer attributes, effects, and properties. The most common use of a mask is the modification of an alpha channel of a layer, which determines the transparency of the layer at each pixel. Another common use of a mask is as a path along which to animate text.

Hence, in this video, at the recycle part, i need to use 4 masks in order to modify the video's transitions. These 4 masks make the recycle part comes out one by one instead of coming out as a whole. I think that this transition make the whole video more interesting. 

Parenting
To synchronize changes to layers by assigning one layer’s transformations to another layer, useparenting. After a layer is made a parent to another layer, the other layer is called the child layer. When you assign a parent, the transform properties of the child layer become relative to the parent layer instead of to the composition. For example, if a parent layer moves 5 pixels to the right of its starting position, then the child layer also moves 5 pixels to the right of its position. Parenting is similar to grouping; transformations made to the group are relative to the anchor point of the parent.
Parenting affects all transform properties except Opacity: Position, Scale, Rotation, and (for 3D layers) Orientation.

In this video, i've learnt to parent the text layer to the video composition, by parenting the texts to it, the text can be moved together as a whole with composition. For example, in the above video i've posted, during the bicycle part, the text came out rotating with the wheel as i've already parent them together. After parenting, we can edit their rotation and making it look as if it comes with the wheel. By doing these, i think just made the video more interesting instead boring effects like just appearing from left or right, top or bottom without any transitions. 

This is my video for studio A & B for week 3. This video is kinda tough as i'm learning after effects like recently, there's alot of functions and effects that are introduced in this studio. I learn how to change from a video to a composition layer in AE. Besides, masking can make the end product of the video looks nicer. And this conclude my lesson for studio A & B.




• Tuesday, 30 April 2013 •
WEEK 2 E-LEARNING + STUDIO B // posted at 06:30


Tools used for this studio:
1. "4-Gradient effects"
This tool allow the text to change colour when the text moves around within the stage. This tool is interesting as i do not need to change the colour of the text manually instead, i can just apply this effect. 

My updated e-learning:


I've used text and a .gif together to make a tiny video.

(url: http://www.youtube.com/watch?v=wpOquXHvcXw)


 I know this effect as i've watched a video from Youtube explaining how to do certain effects like Mosaic, Text shine and the one mentioned above. They teach step by step and i think it is very useful for me as i just started using After Effects.




2. Toggle switches
I can add a few layers together by switching overlaying position of the images by switching on the toggle switches. By clicking on the toggle switches, we can see the edit drop down menu. Certain effects like "screen" can help me to make the background opacity lighter even without changing its opacity in the opacity panel.



p/s: my iron man's video is not that clear as i rendered it as a windows media video.




• Saturday, 27 April 2013 •
TUTORIAL 1 // posted at 05:32

LOGO/ BRAND ID

 (url: http://www.youtube.com/watch?v=9Qx6fbt1ycA)

1. Who is the client/company?
- DesignCrowd

2. Objective and purpose of the video?
- The video is to tell people from other country on how DesignCrowd work as well as to attract people to visit and use their web as they are an online marketplace for design.

3. What is the Art style for the video?
- They use drawings as part of their videos and this allows the people to know that DesignCrowd is an online design marketplace that holds many creative people. 


CONCEPT VIDEO

(url: http://www.youtube.com/watch?v=u5OV_BJreTA)

1. Who is the client/company?
- iWatch

2. Objective and purpose of the video?
- The video is to give sneak preview on how the iWatch works and how it is able to benefit people by its convenience.

3. What is the Art style for the video?
- They use prototypes in order to show people more clearly on how the product works, they even have special effects on the projection when a button is pressed.


INFO GRAPHICS

(url:http://www.youtube.com/watch?v=xtD_O0fBECI)

1. Who is the client/company?
- Chilligum

2. Objective and purpose of the video?
- To allow users of the internet as well as the business owners to find out why more and more businesses are including video marketing in their strategy.

3. What is the Art style for the video?
- It included images to represent the statistics instead of numbers only. Besides, it uses comfortable colours in order to allow internet users to continue watching the video.  


INSTRUCTIONAL VIDEOS

(url: http://www.youtube.com/watch?v=lwcjtY8lUdE)

1. Who is the client/company?
Ecomade

2. Objective and purpose of the video?
- To teach people how to make an environmentally friendly iphone speaker amplifier from a flat piece of paper-like material from their company. 

3. What is the Art style for the video?
- They use simple plain background (white) for the video so as to not to confuse the users.



KINETIC TYPOGRAPHY

(url:http://www.youtube.com/watch?v=6ERQ7ZtseWo)

1. Who is the client/company?
- Ycombinator

2. Objective and purpose of the video?
- The video shows Ycombinator’s successful efforts in transforming start-up companies into multi-million dollar businesses through kinetic typography. However, although it is a type of kinetic typography, I also think that this video is similar to info graphic videos as they give statistic on their profits.

3. What is the Art style for the video?
- The statistics that were given were in images instead of the dull and boring diagrams and numbers. Besides, they use comfortable colours on their videos in order to allow the users to continue viewing their videos.

ADVERTISEMENTS

(url: http://www.youtube.com/watch?v=pfxB5ut-KTs)

1. Who is the client/company?
- Evian

2. Objective and purpose of the video?
- To attract people to purchase their products after viewing the videos.

3. What is the Art style for the video?

- They use babies as their “ambassador” to represent their slogan “Live young”. As babies are the youngest in the human live.  

MOVIES

(url:http://www.youtube.com/watch?v=QxrQ6BaijAY)

1. Who is the client/company?
- Disney, Pixar
  
2. Objective and purpose of the video?
- To attract viewers to watch the movie they filmed by having sneak preview of the movie.

3. What is the Art style for the video?
- The graphics in this video is cute, fun, the colours make people feel more happy which is the purpose of the movie. 

PROMOTIONAL VIDEOS

(url: http://www.youtube.com/user/SAMSUNGmobile?v=2LHv1FPd1Ec)

1. Who is the client/company?
- SAMSUNG

2. Objective and purpose of the video?
- To promote and as well as to introduce how the product can benefit people by its convenience and functions.

3. What is the Art style for the video?
- Graphics are in moderate pace as to allow the users to understand the functions on the product. Uses simple colours (black and white) for the front part and change of theme during the middle part so as to introduce their group music player function. 



LOWER THIRD

(url: http://www.youtube.com/watch?v=5jqPVvdYYhg)

1. Who is the client/company?
- Channel news Asia

2. Objective and purpose of the video?
- The lower thirds are there for people to understand more of the information that are mentioned.

3. What is the Art style for the video?
- Fonts are in bring colour (white) in a blue background in order for the information to stand out as well as to attract the people to view the information.


p.s: all images above are not by me, i took screenshot from Youtube. 



 Newer »
Layout by: strawberryavalanche
Inspiration:
splendidshot
Resources: lifenofear / academyoftumblr