Archivo para la Categoría 'Flash'

Tippografía para Flash Fonts For Flash

tipografia_flash

La página Fonts For Flash tiene nuevas fuentes, y nuevo diseño de la página, las que ya tenía eran de muy buena calidad, una muy buena característica de utilizar fuentes creadas para Flash es que ni tienes que preocuparte de que en algunas máquinas se vean y en otras no, también ayuda mucho a la legibilidad, ya que si el tamaño se disminuye sigue conservando su esencia, en general dan un buen aspecto un sitio si se utilizan estas tipografías.

Diez años de Flash

flash_aniversario

Ya son 10 años desde que salio el programa Flash, 1996-2006, uno de los programas que me gustaron desde que pude conectarme a Internet, recuerdo ver las animaciones y preguntarme como se hacían, eso me llevo a comprar Flash 5, de ahí hasta ahora los compro todos, me gustan mucho y sabiendo utilizarlo es muy bueno.

En esta página: thefwa.com hacen una reseña de los mejores sitios hechos desde el 96 hasta ahora, es una buena página para recordar y ver la gran diferencia entre lo que se hacia en el 96 y lo que se puede hacer ahora con Flash, feliz aniversario.

Fotos nocturnas y de altura

fotos_edificios_nocturnas

Fotografías nocturnas desde las alturas de un edificio, buena calidad y una manera distinta de ver las cosas, sobre todo las grandes ciudades, aquí la galería; shinsato.cool.ne.jp

Scraeech´s pierde su casa

salvados_por_campana

Se acuerdan de la serie de televisión “Salvados por la campana“, si la recuerdan de seguro también recordaran a Scraeech´s, bueno pues este señor ahora vende playeras para poder pagar la hipoteca de su casa, en esta página: www.getdshirts.com explica porque tiene que conseguir el dinero, hay dos formas de comprar playeras con autógrafo y sin autógrafo.

Esto esta relacionado con el diseño gráfico porque la página esta bien hecha y además me parece que la idea no es del todo mala, además la playera no se ve tan mal.

Cómo diseñar una página web en flash

preloaders flash tutorial actionscript

Termine de armar la estructura y el diseño de mi página web, es uno de los trabajos más complicados, primero por que cuando hago trabajos para mi, no me gusta cualquier cosa debe de estar bien diseñada y contener lo que a mi me gusta.

Ya termine la estructura, la navegación solo me falta meter los trabajos, pero eso lo estaré haciendo poco a poco por que tengo mucho material y por que a unos trabajos se le deben de tomar fotos…

Al principio pensé hacer un post con todos los pasos que seguí para hacer mi página web, pero vi que serían muchos y que ese post quedaría muy grande por ese motivo describiré lo que hasta este momento e hecho.

Primero y antes que nada hacer bocetos, los cuales contendrán la estructura base de la página, en donde se colocaran los botones y en donde serán más prácticos, eso es es muy importante planearlo antes de comenzar a diseñar, por que ese es un error muy común al momento de hacer una página, se comienza a diseñar en la computadora sin antes haber planeado todo en papel.

Luego de hacer bocetos y definir una idea correcta, se comienza hacer la página en Flash, y pensar como se aran los efectos, en este caso yo recomiendo hacer todo o lo más que se pueda en Action Script, porque el peso de la animación será menor y el resultado visual de la animación será mucho mejor.

La acción que utilice para los botones es que cuando se le de clic un rectángulo se posiciones en el botón, y al hacer clic en otro botón este rectángulo se cambie de posición, aquí fue en donde surgió el primer problema, por que no todos los botones son del mismo tamaño, por eso puse esta acción a cada uno de los botones:

on (release) { gotoAndStop(2); clip.onEnterframe = function() { clip._x += (-90.1-this._x); clip._y += (-0.4-this._y); clip._yscale = 100; clip._xscale = 105; }; }clip es el nombre de un rectángulo, este toma las coordenadas y la medida que el botón le indica.

Otra acción se encuentra en el logotipo del centro, que cuando se posiciona el cursor aparece el logo pero a color esto se logra, primero ocultando el cursor con esta acción en el primer fotograma en donde se encuentra el botón:

tres.useHandCursor = false;tres es el nombre del botón.

Muchos problemas en el pasado tuve por encontrar un preloading o cargador de películas, por que los que yo hacia aumentaban el peso a la animación, y por que cada que entraba a esa animación se veía la barra cargando de 0 a 100%, me dí a la tarea de buscar uno justo a mis necesidades. Encontré uno muy bueno y muy practico es puro Action Script, donde se le puede cambiar el color, tamaño, forma, etc. Y lo mejor de todo no aumenta el tamaño de la animación para nada, este es el código, -se debe de pegar en el primer fotograma de la animación, y en el fotograma 3 va todo lo demás, esto es por razones prácticas, para que se vea la barra comenzando desde 0%-

MovieClip.prototype.preloader = function() { var loading = “% Cargando..”; _root.createEmptyMovieClip(”bar”, -100); //aqui dibujamos el color interior del preloader _root.bar.lineStyle(.1, 0×808000, 0); _root.bar.beginFill(0×808000, 100); _root.bar.moveTo(0, 0); _root.bar.lineTo(0, 2); _root.bar.lineTo(100, 2); _root.bar.lineTo(100, 0); _root.bar.lineTo(0, 0); _root.bar.endFill(); _root.bar._x = 300; //270; _root.bar._y = 120; //300 _root.createEmptyMovieClip(”ramme”, 1); //aquí dibujamos el marco alrededor del la barra _root.ramme.lineStyle(1, 0×464600, 100); _root.ramme.moveTo(0, 0); _root.ramme.lineTo(0, 3); _root.ramme.lineTo(104, 3); _root.ramme.lineTo(104, 0); _root.ramme.lineTo(0, 0); _root.ramme._x = 300; _root.ramme._y = 119; //299 myFormat = new TextFormat(); //creamos el formato myFormat.font = “Arial”; myFormat.color = 0×999900; myFormat.bold = false; myFormat.size = 9; _root.createEmptyMovieClip(”tekst”, 2); //aqui creamos el texto que mostrara el porcentaje _root.tekst.createTextField(”fjeld”, 50, 50, 50, 20, 20); _root.tekst.fjeld.setNewTextFormat(myFormat); _root.tekst.fjeld.autoSize = true; _root.tekst._x = 355; _root.tekst._y = 62; _root.createEmptyMovieClip(”control”, 3); _root.control.onEnterFrame = function() { //aqui escalamos es color interior y el texto var b_total = getBytesTotal(); var b_loaded = getBytesLoaded(); if (b_loaded>=b_total) { unloadMovie(_root.bar); //se eliminan los mc cuando ya no son necesarios unloadMovie(_root.ramme); //se eliminan los mc cuando ya no son necesarios unloadMovie(_root.tekst); //se eliminan los mc cuando ya no son necesarios { myPorcent = (b_loaded/b_total)*100; _root.bar._xscale = myPorcent; _root.tekst.fjeld.text = Math.floor(myPorcent)+loading; } //else }; //onEnterFrame /******************** fin preloader *********************************/

Hasta aquí le dejo hoy luego le sigo con lo demás, si hay alguna duda o no fui lo suficientemente claro, me gustaría mucho ayudar, el resultado de todo esto lo pueden ver en roc21

Ozon

conferencias online por internet flex flash action script

De las 10 a.m. a las 5 p.m. fue lo que duro las conferencias, la primera muy buena si no la escuchaste aquí puedes bajar un programa la explicación luego la ves en cristalab.com, la segunda conferencia de CSS, como yo no se nada, apenas estoy aprendiendo entonces se me hizo muy aburrida muy cansada y muy pesada, la tercera fue una de las mejores enseñaron a utilizar un programa que se ve que es muy bueno, en fin, no puedo platicar mucho por que fueron muchas horas y muchos datos así que mejor hay que esperar si están interesados por las conferencias a que las suban o a que pongan un resumen en cristallab.com…

Marco en Flash

cajas de flash

Si tu tienes el problema de que cuando abres una página que contenga alguna animación hecha en Flash, y te aparece un recuadro gris al rededor de la película y lo quieres quitar, si es que tu eres diseñador, programador, etc, la mejor solución la he encontrado en los fwb, no es nada dificil pero he de decir que tampoco es fácil, cambiar, modificar el .html y bajar, instalar y muchas otras cosas que antes se hacían por default, ahora las tendremos que hacer nosotros, que cantidad de problema, porque este problema solo pasa en Internet Explorer…Por eso para mi la mejor solución se llama Firefox

« Página Anterior