Assignment 2: Final

Assignment 2: Process

The making process of Poster

Software: Adobe Flash Professional CS5

Firstly create a script 2.0 with 320x240px.

A) Old film effect (Old Grains Effect)

It is a very important step because i need it to create a strong opening for my assign2. Although this step is not in the tutorial 1 until 5 but i still gonna introduce in my poster to create a old style effect at the starting of my video.
Step 1: Use pencil tool to draw Draw 3 small curved strokes on your canvas as shown in the screenshot below.

Step 2: Click on one of the strokes, and press F8 to convert to symbol. Choose Movie Clip for the type and keep the Registration point centered.

Step 3: While your symbol is now selected on stage, press F9 to open up the actions panel for our new movie clip and paste the following code.

Satu Malaysia Poster

This the assignment 1 for semester 3 "1 MALAYSIA". We are required to design A Typographic Theme Poster for 1 Malaysia. After shilly-shally and have a deep think of the concept of 1 Malaysia, i decided to use the theme "Food".

Reason For Choosing this theme:

Chinese have a famous idiom, 民以食為天, english translation as "people regard food as the sky (as most important)". Food can represent the history and the develop of a country. Malaysia Foods are regard as one of the most unique type because the food itself contain different culture. After several years of development, Malaysia foods has their own style. Although there are still separation of Malay, Chinese and Indian style of food, but a lot changes have make but the Malaysian people to improve their foods quality and knowledge. Now, we can see Chinese food which implant Malay food concept, or Malay food combination with Indian food and others. These not only shows the creativity of Malaysian but also the harmony between different race in Malaysia. They learn from each other and never reject to communicate with each other. That is why Food can represent the harmony of Malaysian. Food make an important part in develop of the history of Malaysia and the most important is Malaysia Foods Taste Good!! LOL!!

Chinese Food

Indian Food

Malay Food

Preparation:
After conform the theme of the assignment, i have to think of the concept of my design. I more prefer to design a stylish poster than a default style of poster. In this poster i have only use the typography and u wont find any picture inside it. I choose to design with Adobe Illustrator CS5 as there are no image found in my poster.

A)KLCC (Typo as Image)
A poster without a picture is very challenging and it is hard to make the poster look nice. Therefore i decide to create a typo as image style of the twin tower(KLCC). Firstly i have to draw a KLCC myself.
Step1: Illustrate my own KLCC with pen tool

Step 2: Type the word on the line with Type on the Path Tool

 
Step 3: Create some line with line segment tool

Step 4: Write the food names on the line with Type on the Path Tool

Step 5: Duplicate the tower with drag+Alt 

Step 6: Add words between the 2 tower to act as a bridge

B) Background
For the background, i gonna use grey and black as my main color because it looks cool and stylish.
Step 1: Separate the background to 3 part, create a box with rectangle tool.

Step 2: Build 2 more rectangle and color with black. Here is the background.

Step 3: Create a typo 'Malaysia' with Typo Tool. Arrange the word nicely below the black rectangle to create a stylish environment. 

Here is the background for my poster. Although it is dark but it give a stylish and vanguard mood for the whole poster.

C) Main Tittle

A poster must have a slogan or tittle to attract the eye of a viewer. I choose the slogan "Let's Eat" to show that we can throw everything away and just eat the Malaysia Foods and feel the harmony between the people in Malaysia. We can get to know Malaysia more from the foods. Just Eat, dun think too much. LOL

Step 1: Design the words "Let's Eat" with Typo Tool. Then right click and create outline, after that ungroup and arrange them nicely.

Step 2: Design the Malaysia with Typo Tool. This time, i replace the 'i' with 1 to give the meaning of 1 MALAYSIA concept. This will make the poster looks more unique and interesting.

D) Menu

Because of too many empty space at the left and right side of the poster, I decide to add some little decoration to fill uo the space.

The red color show the empty space of the poster

Step 1: Create 5 square box with triangle tool. Color with Yellow and Blue. After that, insert the food name with Typo Tool. This will make them looks like a menu.

 

Step 2: Add shadow for the menu and make them give some effect to improve the view of the poster. Effect> Drop Shadow

E)Quote

Although the poster look complete now but there still look empty at the bottom. Therefore, I decide to put some Malaysia Food Quote. The quote is one of the point which show that how good really is Malaysia Food. These quote is randomly pick in internet. It either come from the blog or article.

Step 1: Type the quote with Type Tool 

Step 2: Arrange them nicely 

Final Output:

This the final output for my poster.

 

 

Assignment 1 Wallpaper Final

After a long time working on my assigment 1, wallpaper, i finally finish in time. Now, without any delay,  i will show my step on my work in detail.
Anyway, i will write about my idea 1st. My idea for my Hot Air Balloon Festival is 'travelling through the world by hot air balloon'. I has an ambitious idea, I want Hot Air Balloon Festival to launch in all over of the world. Therefore, i decided to find some wallpaper or image of the world famous landmarks or building. These are some of the image i find for my assignment.

I try to use the landmarks from defferent side of the world ,asia ,europe ,afrika and more to represent Hot Air Balloon Festival is celebrate all around the world.
Then another thing come to my mind, what should i use to represent the world except using those image, earth, yes i need a earth. Therefore i create my own earth using Photoshop.

A) Creation of Earth

Step 1: Open Photoshop and create a new 600×600 px document with a transparent background. Select the Ellipse tool, set the Shape Layers in the tool’s properties and draw a circle in the center sized 500×500 px

1

2

3

  Step 2: Apply the following Blending Options: Inner Glow and Gradient Overlay .

4.Blending option: opacity is set to 40%

5.Inner Glow: Element size is set at 62px

6.Gradient overlay: i set the style to radial

 Step 3: Name the layer 'Background' and duplicate the layer.

7

8.Name the layer as 'Foreground'

 Step 4: Apply blending option again: Inner shadow and Gradient Overlay

9.Opacity set at 100%

10.Inner Shadow setting

11.Gradient Overlay: Set the gradient color to blue

12.Result

Step 5: I download a file containing the map of the earth’s surface from here and import it into document. It fits the height, but it is a little wider. So i just make the canvas wider too: set the width to 2000 pixels.

13

14

 Step 6: I need a stretched map. Therefore, duplicate the map layer, then move it to any side then merge the 2 map layers.

15.This is a big map

16.Merge 2 map into 1 map layer

Step 7: Name the map as Foreground map

17

Step 8: Rearrange the layer as below

18

Step 9: Now Ctrl+click the 'foreground' layers, then select the 'Foreground map' layer and add Layer Mask. Then unlink Layer Masks. After that select the Foreground layer and create a clipping mask.

19

20.Add mask layer

21.Create clipping mask

Step 10: Finally, i get a earth.

22

23

24.Final result for Earth

B) Creating a hot air balloon with earth pattern.
I want to show that hot air balloon is well-know in all over the place, therefore I decide to use this idea.Firstly, i need a image of hot air balloon. I successfully find a good pack of image of hot air balloon from here. However, this pack have both vector and bitmap format of hot air balloon, lastly i decided to use illustrator file because it is more easy to combine with my earth.

Step 1: Create a new document as follow and place both hot air balloon vector and my earth into the document.

1.A4 size and 72px

2

Step 2: Create a ellicpe to fix the top part of the hot air balloon to a round shape.

3.Use free transform to edit the size of ellipse until it fit the balloon

4.Merge both layer together and name as hot air balloon

Step 3: Adjust the size of earth until it fit the shape of hot air balloon, then merge both layer name as 'hot air balloon earth' and  get the final result.

5

C) Wallpaper
After finish both initial work, i finally can continue to the wallpaper. Firstly, I need a very beautiful and attractive background for my wallpaper. After searching for some day, I finally get a very special wallpaper of hot air balloon which very suit to my tittle. Now is the time for me to start my assignment 1.

Step 1: Create a new document as B.1.(refer to part B photo 1), A4 size and 72px. Place the wallpaper and name as background. Remove the original background of the document.

1. name the layer background

2.remove the old background layer

Step 2: start placing all the image that i found for the famous landmarks randomly into the document. **(I decide not to put the original link because I cannot remember where i get those beautiful photo. I just search them randomly with google. However i believe that those photo is free of charge hopefully i will not be accuse by somebody and of courses not losing mark from these little mistake.)

3. I name those layer by their country but not building name because it is more easy to read

Step 3: I reposition the photo until i get a nice composition.

4.I overlap the photo to get a better view

Step 4: Actually I want to create a polaroid collage effect for my wallpaper but the effect is not very suit for my tittle. Therefore, i use blending option again to give some texture for my wallpaper.

5. Drop Shadow setting

6. Outer Glow setting

7. After effect

Step 5: I will going to add my hot air balloon earth into the wallpaper. I put a linear light effect to my balloon.

8.Put a linear light for hot air balloon earth

9. After effect

Step 6: After finish the background, I starting use the type tool to do typo.Firstly is the word, 'Festival', i decided to use a colorful gradient in the word and also choose a fun font, MV Boli express the fun of Hot Air Balloon Festival.

10. Create a warped text

11. Warp setting

12. final result of 'festival'

Step 7: Now is the turn of the 'Hot Air Balloon Festival'. Because i don't want the word become 2 stand out from the picture i decide to use overlay effect for the tittle of the wallpaper. I play around with different font, size and place a lot of word 'Hot Air Balloon Festival' beside the main tittle.

13.Name the text layer

14. Use of overlay effect for all the word

15. Use different type of font, size and font style

16. Outer Glow for the main tittle

17. Final result

Step 8: Put some self-create hot air balloon brush into the wallpaper.

18.Create a new document

19. Place the hot air balloon vector

20. Edit>Define brush format

21. Name as hot air balloon

22. select the brush tool

23. Adjust the spacing the 343%

24. Adjust the angle jitter

25. final result

Step 9: Add some real hot air balloon in wallpaper. A simple step, just place those image in the wallpaper and do some blending option or adjust the angle and position by using free transform to let those hot air balloon look like flying in the sky of those famous landmarks.

26. A simple naming of all balloon

27. The hot air balloon look like flying on the sky.

Step 10: Initial Wallpaper Finish

 

D) Recheck all part and do last correction
Step 1: Group all the layer and rearrange them nicely.

1.All the layer arrange nicely

Step 2: Adding of date of Hot Air Balloon launch.

2. simple adding of date by using type tool

Step 3: Repair of main tittle 'Hot Air Balloon Festival'

3. Text become bigger and sharper

Step 4: Add blending option, Bevel and Emboss to 'Hot Air Balloon Earth'

4. Bevel and Emboss setting

5. Make the hot air balloon earth more stand out from the background.

Step 5: Correct the pixal error, from 300px to 72px.(my uploaded wallpaper aready corrected.

6.create a new document with a4 size and 72 px

7. merge all the layer before transfer to the 72px document

8. Use free transform to edit and finally done.

Final Wallpaper
 This is my final wallpaper, Thank You

**The song is not related to this assignment, just want the reader to relax when reading my post with hearing some nice music.