Wednesday, May 11, 2011

Computer graphic 3 (Group project, Assignment 3, out come)

Computer graphic 3 (Group project, Assignment 3, process)

Open Adobe Illustrator > pen tool > draw the shape of phone by using pen tool > go to fill > insert colour 
Repeat the same step using the same tool > draw a drum and it's stick > filled colour 

Open Adobe Flash > file > new > select actionscript 3.0 > select ok > 
go to Properties > saiz > select Edit > dimension : 550 px (width) x 400 px (height) > press ok

properties > stage > choose coolour #FED402 

File > import > import to stage or ctrl + R > select file > press open > the file will be automatically transfer to the 'library' > drag the file anywhere on the stage> once you draged, it will be disappeared but it will appear at the timeline 

All the words will be converted into a symbol : select word > press ctrl + F8 on your keyboard > create new symbol will pop up > add name , type : movie clip,  Folder : library root > press Ok > the symbol will appear at library

To create motion on your stage used keyframe on your timeline > select one point on the timeline > right click > insert keyframe > drag symbol to your stage >  gray line will appear with a black dot > go to the next frame at the same layer repeat the same step > move the symbol at other place on the stage > press ok > the symbol will create motion 

To create motion used motion tween : select one point > right click > insert keyframe > drag symbol to your stage >  gray line will appear with a black dot > right click > click create motion tween > gray line will chance to blue line > select any point on the blue line > move your symbol > dotted line can be seen on your stage > small diamond shape will appear at the blue line > do the same step to create verity motion > press ok to play 

Name all the symbol at timeline layer > double click > rename > press enter on keyboard > file > save as > select place > ok




Tuesday, April 5, 2011

Comp.Graphic 3 (Assignment 2, part 2)

it will look the  same after the zoom in part.

now, people layer on the stage to change it from disable to able. to make the people appear at the stage.

repeat the same step 

properties > style > click alpha 

control the alpha style percentage 

repeat the same step ...



every step u make, make sure that u insert the frame by clicking right click > select insert keyframe 

will became like this.. 

click window > select motion preset 

motion preset > select default preset > select the image that u want to apply 

after selecting the symbol and  the motion preset that you like, click apply 


change the 24 per second to 32 per second to get 20.9 animated symbol











Friday, March 4, 2011

Comp.Graphic 3 (Assignment 2, part 1)

Adobe Flash > file > new > select actionscript 3.0 >  properties > size > click edit : change to 320 x 240 

insert the background image by , file > import > import to stage > select the background illustrator file 

insert all the illustrator file > by pressing 'F8' at the keyboard to convert to a symbol. and will appear at Library file.

drag one by one, drag the background and the earth..

now drag the malaysia's map...

drag the other side of malaysia's map

now, drag the people symbol to stage...

after put it all together, it will became like this..

by selecting all the peoples symbol, arrange it nicely so it will looks at the same level.

now, to animate it; disable the people symbol and select both side of maps symbol 

go to properties > style > click  alpha > and control the alpha percent at the bottom of the style selection 

after control  the percentage of  the alpha style > timeline > select one point to another point> right click at your mouse > select insert keyframe > black dot will appear at you time line

now, to zoom in the stage. select transform > click constrain > and resize the symbol 

make the all the symbol at the stage came bigger to make a zoom in effect 

do one by one then select > right click on your mouse > insert keyframe 

Wednesday, January 12, 2011

Final Design for Calender July and August

CALANDER : July 2011

CALANDER : August 2011

I apply the template that already made for our calender and arrange the dates and the days base on the 2011 calender and this is my final output.

Assignment 2 Calender (August,Part 3)

repeat the same step by using > new layer > ctrl + alt + G > and colour the area

using the same step..

new layer > name : light 7 > choose brush type number : 264

apply brush > ctrl + T > rotate 

new layer > ctrl +alt + G  > pick a colour > apply to make some effect 

new layer > name : light 8 > brush tool > choose brush number : 527

apply brush > ctrl + T > flip horizontal 

enlarge the size > rotate > slightly slanted > double click 

click eraser tool > erase unneeded area

new layer > ctrl + alt + G > gradient > click to edit the gradient 

drag it > from top to bottom 

layer > light 2 > add layer style > outer glow > opacity : 75% , size : 5 px , range 50

back to light  7 > do the same outer low step to light 7

light 8 > repeat the same outer glow step 

layer 2 > new layer > ctrl + alt  + G > gradient > click to edit gradient 

drag the gradient to make some effect 

new layer > choose brush >  pick colour > apply to workspace > enlarge it > rotate slightly slanted > double click > file save as > choose folder > click OK