Hola, hace bastante tiempo, puse un post, para que alguien pusiera un tutorial de como hacer un catalogo en flash, estilo habbo. 6 meses después, me pasé por phperos y vi mi post, y ahora, que sé bastante de flash, pondré el tutorial. Pero recuerda phpero, que no doy codigos, sino explico como hacerlo.
VideoTutorial - Mirror 1 (http://rapidshare.com/files/75278440/clip0001.rar.html)
- Mirror 2 (http://www.megaupload.com/es/?d=BP8A6X1Y)
Empecemos
[BASADO EN FLASH 8]
Lo primero, abrimos flash, con un nuevo archivo. Modificaremos las dimensiones del archivo flash. Para hacerlo, vamos a Modificar -> Documento. Allí nos saldrá una cajita y varias opciones. Entre ellas, Dimensiones. Allí pondremos de Ancho 600 y de alto 400.
Aceptar y seguimos. Añadiremos un cuadrado; clickeamos en la herramienta del rectángulo, y dibujamos un cuadrado pequeño, con bordes negros y el relleno azul. Una vez dibujado, haremos doble click sobre el mismo, veremos que se nos selecciona el borde y el fondo. Abajo, en la pestaña Propiedades, tenemos 4 cajitas de texto que dicen:
Ancho, Alto, X, Y (Dimensiones y posición). Tenemos que hacer que el cuadro sea = que nuestro documento! Por tanto, en An pondremos 600 y en Al 400. Veréis que el cuadrado se os sale del recuadro blanco, que representa el archivo. por tanto, en las casillas restantes, X y Y, pondremos: X: 0 Y: 0 Esto hace que quede al 100% alineado. Ya tenemos el fondo hecho. Procedemos a hacer un menú, de categorias.
Dibujaremos un cuadrado de 140x250 (An/Al), y lo situaremos, donde queramos que aparezca el menú. Yo, lo colocaré en la izquierda, dejando margenes para que no quede feo. Seguimos, si queda algo en blando, despues de mover el cuadrado, cojeremos el bote de pintura, y lo pintaremos de color azul (igual que el fondo del cuadro principal, para asegurarnos de que no vuelve a ocurrir). Después, Cojemos dos imagenes, que usaremos como botones. Yo, me hice 2 con el paint, co la forma de un boton que ponia Home y el otro Prueba. Bien, guardamos os botones echos con paint en el escritorio, y de ahi los arrastramos hasta el documento flash. Se incluiran automaticamente. Los movemos en el recuadro blanco, dejandolos tal y como quieras que sea la apariencia de tu menú.yo los dejé uno debajo del otro. Seleccionamos el primero, y damos click al boton derecho, convertir en simbolo, y seleccionamos boton. OK. En el otro, lo mismo. Ahora empieza la parte chula! Cojemos la herramienta de escribir, y escribimos lo que queramos, teniendo en cuanta que es la primera pagina (HOME), escribiremos algo asi:
Bienvenidos al catalogo flash.........
Podemos incluir alguna imagen si queremos, y decorarlo a vuestro gusto. Cambiar estilo de fuentes, colores, tamaños... todo esto, lo podeis hacer desde la pestaña propiedades, con el texto seleccionado. bien, una vez echo esto, arriba en la linea de tiempo (donde se ven los fotogramas), hacemos click con el boton derecho, en el minicuadradito segundo, despues del gris con una bolita negra, que es el fotograma 1. Nos saldran varias opciones, pero elijiremos, INSERTAR FOTOGRAMA CLAVE. Ahora, editaremos otra vez los textos. Al ser otro fotograma independiente, lo que editemos en el segunto, no se vera reflejado en el primero. Asi que editamos el segundo, con el texto:
"Seccion Vip, aqui puedes ver los...."
Añades las imagenes que quieras, por ejemplo, un sillon vip, acompañado de un texto que diga: Precio: 65 Creditos Nombre: Club Sofa eso ya depende de vosotros. Una vez finalizada, seguimos en el fotograma dos, seleccionamos el boton HOME, y accedemos a la pestaña acciones. Veremos que sale una barita magica y pone asistente para script haremos click; hay dos opciones, la que te deja escribir libremente, y la que no. Elijiremos la que nos deja escribir libremente.
Aqui vienen los codigos. Entonces, para linkear este boton, con el fotograma 1, o sea, que el boton nos lleve al home, añadiremos la accion on (press) { Esta accion, nos dice que "Al pulsar este botón...." harems intro, se nos abrira otra linea, y escribiremos: gotoAndStop (1) Esta accion, completa la teoria: "Al pulsar este botón... ... Voy y me paro en el fotograma 1"despues de escribir el gotoAndStop (1), hacemos intro y terminamos el codigo con } por tanto, nos tiene que quedar:
on (press) {
gotoAndStop (1)
}
Copiaremos este codigo, nos iremos al fotograma 1 (EL HOME), y seleccionaremos el segundo botón, y haremos lo mismo, Acciones-> PEGAR (CNTL+V) y editaremos:
gotoAndStop (1) por gotoAndStop (2) ahora, ese boton nos lleva a la segunda pagina. Asi que ahora, Control, Probar Pelicula y Wala! Ya tienes un catalogo echo.
Es un tutorial, y el catalogo que mando hacer aqui, es una birria. Mejoradlo mucho, con imagenes y mas botones, ya que aqui, solo doy a conocer a como hacerlo. A partir de aqui, la imaginación es tuya
Cualquier duda sobre el tutorial, posteenla. Saludos, RamFu