Tuesday, April 27, 2010
Tuesday, April 20, 2010
Week 10 [4/20/10]
Tuesday, April 13, 2010
Week 9 [4/13/10]
Stokes on the mask doesn't count as anything
Lack of updates due to massive coding, can't really be capture through screen capture.
var _myURL:String="myWebsite.swf";
var _myLoader:Loader="new Loader();
var _myURLRequest:URLRequest = new URLRequest(_myURL);
myLoader.load(_myURLRequest);
//
_myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, swfLoaded);
_myLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, doProgress);
//
function doProgress(e:ProgressEvent):void
{
var percent:Number=(e.bytesLoaded/e.bytesTotal) * 100;
this.loadBar_mc.gotoAndStop(percent);
trace(percent);
}
//
function swfLoaded(e.Event):void
{
trace("LOADED!");
this.removeChild(loadBar_mc);
loadBar_mc=null;
//
this.addChild(_myLoader);
}
Lack of updates due to massive coding, can't really be capture through screen capture.
var _myURL:String="myWebsite.swf";
var _myLoader:Loader="new Loader();
var _myURLRequest:URLRequest = new URLRequest(_myURL);
myLoader.load(_myURLRequest);
//
_myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, swfLoaded);
_myLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, doProgress);
//
function doProgress(e:ProgressEvent):void
{
var percent:Number=(e.bytesLoaded/e.bytesTotal) * 100;
this.loadBar_mc.gotoAndStop(percent);
trace(percent);
}
//
function swfLoaded(e.Event):void
{
trace("LOADED!");
this.removeChild(loadBar_mc);
loadBar_mc=null;
//
this.addChild(_myLoader);
}
Tuesday, March 30, 2010
Week 7 [3/30/10]
Convert all imgs in a gallery to a symbol > distribute on different layers
Action script stop(); on first
Duplicate thumbnails, replace the imgs later.
Creating movie clip fading over time and then copy (shift + apple(ctrl) + c) it as a new button
var_thumbDictionary:Dictionary = new Dictionary();
//
this.thumb1_btn.addEventListener(MouseEventCLICK, doClick);
this.thumb2_btn.addEventListener(MouseEventCLICK, doClick);
this.thumb3_btn.addEventListener(MouseEventCLICK, doClick);
//
_thumbDictionary[thumb1_btn] = 2;
_thumbDictionary[thumb2_btn] = 3;
_thumbDictionary[thumb3_btn] = 4;
//
function doClick(e:MouseEvent):void
{
this.galery_mc.gotoAndStop(_thumbDictionary[e.currentTarget]);
}
Action script stop(); on first
Duplicate thumbnails, replace the imgs later.
Creating movie clip fading over time and then copy (shift + apple(ctrl) + c) it as a new button
var_thumbDictionary:Dictionary = new Dictionary();
//
this.thumb1_btn.addEventListener(MouseEventCLICK, doClick);
this.thumb2_btn.addEventListener(MouseEventCLICK, doClick);
this.thumb3_btn.addEventListener(MouseEventCLICK, doClick);
//
_thumbDictionary[thumb1_btn] = 2;
_thumbDictionary[thumb2_btn] = 3;
_thumbDictionary[thumb3_btn] = 4;
//
function doClick(e:MouseEvent):void
{
this.galery_mc.gotoAndStop(_thumbDictionary[e.currentTarget]);
}
Tuesday, March 9, 2010
Week 6 [3/9/10]
Tuesday, March 2, 2010
Week 5 [3/2/10]
Coding
Trace Output (Alt+Enter) in action scripts
See files
HW: Use action scripts > Event listener. Click > something moves (listening for a mouse event).
Trace Output (Alt+Enter) in action scripts
See files
HW: Use action scripts > Event listener. Click > something moves (listening for a mouse event).
Tuesday, February 16, 2010
Week 4 [2/16/10]
Masking with soft edges

Gradient transform tool

Distribute to layers

Set gradient to radial > select the last color on the gradient map > set alpha to 0% (transparency)

Masks with shapes


Mask multiple imgs at the same time


Size adjustment in properties.

Have the Mask animate across the screen etc. for banner ads.

Using Gradient masks
Change the pictures into a symbol

Give it the instance name (in property)

The gradient masks have to use code instead of lines
gradientcircle_mc.cacheAsBitmap = true;
landscape_mc.cacheAsBitmap = true;
landscape_mc.mask = gradientcircle_mc;
*Check Cache as bigmap in property*
Text
Right click > Break apart
Right click > Distribute to layers

Use gradient over masks
Blending (in properties)
Hw: Photoshopped documents > make some banners

Gradient transform tool

Distribute to layers

Set gradient to radial > select the last color on the gradient map > set alpha to 0% (transparency)

Masks with shapes


Mask multiple imgs at the same time


Size adjustment in properties.

Have the Mask animate across the screen etc. for banner ads.

Using Gradient masks
Change the pictures into a symbol

Give it the instance name (in property)

The gradient masks have to use code instead of lines
gradientcircle_mc.cacheAsBitmap = true;
landscape_mc.cacheAsBitmap = true;
landscape_mc.mask = gradientcircle_mc;
*Check Cache as bigmap in property*
Text
Right click > Break apart
Right click > Distribute to layers

Use gradient over masks
Blending (in properties)
Hw: Photoshopped documents > make some banners
Tuesday, February 9, 2010
Week 3 [2/10/10]
Using bitmap > img > turn to vector
Modified > Bitmap > Trace bitmap


> 3D Rotation tool (Envelope option selected) > to select certain parts.
> 3D Rotation tool > Distort (after selection with envelope)


To stop an action for a while, just extend the timeline without keyframes.
Use of motion editor
> Gradient

Add motion guide to animate the ball

Draw a path on the guide layer using the pen tool
Make sure the object is a movieclip
Lock the ball onto the beginning of the path / last point on the path

Stop the guide layer (F5)
F6 the ball layer
Create classic tween on the ball layer

Edit easing

Action Scripts
1 stop();
2 instance_name.gotoAndPlay(2);
> # is the # of keyframe you want the instance to return and have it go play
3 this.parent.play();
Modified > Bitmap > Trace bitmap


> 3D Rotation tool (Envelope option selected) > to select certain parts.
> 3D Rotation tool > Distort (after selection with envelope)


To stop an action for a while, just extend the timeline without keyframes.
Use of motion editor
> Gradient

Add motion guide to animate the ball

Draw a path on the guide layer using the pen tool
Make sure the object is a movieclip
Lock the ball onto the beginning of the path / last point on the path

Stop the guide layer (F5)
F6 the ball layer
Create classic tween on the ball layer

Edit easing

Action Scripts
1 stop();
2 instance_name.gotoAndPlay(2);
> # is the # of keyframe you want the instance to return and have it go play
3 this.parent.play();
HW: 3 things > try the motion editor
Tuesday, February 2, 2010
Week 2 [2/2/10]
> F8 convert (objects etc) to symbol.
> Draw an object in a movie clip > Object drawing

> Layer within a movie clip
> Change properties of a movieclip / object within properties



> Filters

> Properties > Display > Blending = how clips blend
> Action > Scripts
> Right click > create motion path

> Motion tween can be used after motion path is created

> Property > Ease > in & out
HW: 3 files incorporating everything > Movieclip in a movieclip in a movieclip + filter properties. Theme: Honeybee & airport security (one of them)
> Draw an object in a movie clip > Object drawing

> Layer within a movie clip
> Change properties of a movieclip / object within properties



> Filters

> Properties > Display > Blending = how clips blend
> Action > Scripts
> Right click > create motion path

> Motion tween can be used after motion path is created

> Property > Ease > in & out
HW: 3 files incorporating everything > Movieclip in a movieclip in a movieclip + filter properties. Theme: Honeybee & airport security (one of them)
Tuesday, January 26, 2010
Week 1 [1/26/10]
Subscribe to:
Posts (Atom)








