Boda Real III
Posteado el 05. May, 2011 por creativo in Swishmax
Aqui les dejamos otro tutorial en la web de la Boda Real esperamos les guste
PASO 1
Creamos un nuevo documento de Swishmax en Blanco (Blank Movie).
PASO 2
Vamos a la ventana Properties – Botón Movie Properties y en la ventana colocamos los valores que se ven en la imagen.
PASO 3
En nuestro documento vamos a crear un cuadro de color azul en el fondo.
PASO 4
Arrastramos a nuestro documento la imagen de william y kate dándose el beso real.
PASO 5
Dibujamos en nuestro documento la imagen de un corazón que rodee a la pareja.
PASO 6
Seleccionamos la imagen y el corazón y los agrupamos en un Movie clip.
PASO 7
Al Movie Clip le colocamos el nombre de mascara y marcamos la opción Use bottom object as mask.
PASO 8
Desplegamos nuestro Movie Clip y movemos la forma del corazón por debajo de nuestra imagen.
PASO 9
En la timeline le vamos a agregar un Zoom In de 20 frames a la forma del corazón.
PASO 10
Contraemos nuestro Movie Clip y luego lo movemos de manera que la forma del corazón quede en el centro de nuestra película.
PASO 11
Ocultamos por un momento nuestro Movie Clip mascara y ahora dibujamos un nuevo corazón un poco más grande que el que usamos para la mascara.
PASO 12
Vamos a nuestra Timeline y a la forma del corazón le agregamos un Zoom in de 20 frames.
PASO 13
A nuestra animación vamos a agregarle un efecto de fuegos artificiales los cuales trabajamos en un tutorial pasado.
PASO 14
Seleccionamos la Scene_1 y en la ventana Script copiamos el siguiente código Action Scritp.
onSelfEvent (load) {
movieWidth=600;
movieHeight=600;
xCenter=movieWidth/2;
yCenter=movieHeight/1;
stripes=20;
steps=360/20;
speed=1;
speedW=.5;
minWidth=4;
maxWidth=16;
radius=Math.sqrt(xCenter*xCenter+yCenter*yCenter);
positions=new Array();
stripesWidth=new Array();
directions=new Array();
for(a=0;a<stripes;a++) {
positions[a]=a*steps;
stripesWidth[a]=int(Math.randomRange(minWidth,maxWidth+1));
directions[a]=1;
}
this.onEnterFrame=function() {
_root.createEmptyMovieClip("circle",1);
with (_root.circle) {
beginFill (0xFFFFFF, 5);
//lineStyle (1, 0xFFFFFF, 50);
for(a=0;a<_root.stripes;a++) {
//draw 'em stripes
moveTo (_root.xCenter, _root.yCenter);
firstDegree=_root.positions[a]-_root.stripesWidth[a]/2;
secondDegree=_root.positions[a]+_root.stripesWidth[a]/2;
lineTo (_root.xCenter+Math.cosdeg(firstDegree)*_root.radius, _root.yCenter-Math.sindeg(firstDegree)*_root.radius);
lineTo (_root.xCenter+Math.cosdeg(secondDegree)*_root.radius, _root.yCenter-Math.sindeg(secondDegree)*_root.radius);
lineTo (_root.xCenter, _root.yCenter);
//move 'em stripes
if(_root.positions[a]+_root.speed<=360) {
_root.positions[a]+=_root.speed;
}
else {
temp=_root.positions[a]+=_root.speed;
_root.positions[a]=temp-360;
}
//scale 'em stripes
if(_root.directions[a]==1) {
if(_root.stripesWidth[a]+_root.speedW<_root.maxWidth) {
_root.stripesWidth[a]+=_root.speedW;
}
else {
_root.stripesWidth[a]=_root.maxWidth;
_root.directions[a]=0;
}
}
else {
if(_root.directions[a]==0) {
}
if(_root.stripesWidth[a]-_root.speedW>_root.minWidth) {
_root.stripesWidth[a]-=_root.speedW;
}
else {
_root.stripesWidth[a]=_root.minWidth;
_root.directions[a]=1;
}
}
}
endFill();
}
}
}
PASO 15
Listo ya tenemos nuestro tutorial terminado.