Reloj Digital con Segundero en Flash | Solo Photoshop
Tutorial Photoshop
Tutorial por Solo Photoshop
Solo Photoshop
TUTORIALES FLASH
RELOJ DIGITAL CON SEGUNDERO
Tutorial por Jmx de www.EstiloFlash.com
Hola estimados amigos y amigas, gracias por seguir visitando este espacio y por practicar los tutoriales aquà expuestos. En el tutorial llamado reloj_digital, algunos de estudiosos tuvieron algunas dificultades para hacerlo y otros realizaron preguntas. Por lo tanto tome la decisión de hacer el siguiente tutorial con el cual espero que queden disipadas las dudas, el tutorial será nombrado clock_digital. ¿Comenzamos?.
Iniciar creando un documento de dimensiones de 164*64 pÃxeles, el color de fondo no importa ya que se colocara en la primer capas un rectángulo con un degradado.
Se me olvidaba decir que todo el proyecto se realizara en la escena sin ningún sÃmbolo. En fin, a la primera capa nombrarla bg_1, y en esta dibujar un rectángulo sin borde y el color de relleno será un degradado lineal. Es necesario primero girar el degradado para después ajustarlo al tamaño de la forma. El rectángulo debe de medir 164* 64 pÃxeles este colocarlo en coordenadas X=0 y Y=0.
Ahora insertar una capa más nombrarla bg_2, ocultar la capa bg_1. Luego dibujar un segundo rectángulo con el borde redondeado de 20, aplicar el mismo color de relleno pero ahora girar el degradado en el sentido contrario al anterior. Este rectángulo deberá de medir 163.9*46 de ancho y alto respectivamente colocarlo en coordenadas X=0 y Y=10. Estos rectángulos es solo para darle un poco de diseño al relojito.
Continuando con el diseño insertar otra capa y nombrarla margen ocultar la capa bg_2, dibujar un segundo rectángulo sin relleno, que mida 135.1*28.7 pÃxeles colocarlo en X=12 y Y=19. Los bordes de arriba y el de lado de la izquierda son de color #000000 y los borde de abajo y el de lado de la derecha son de color #CCCCCC.
Es tiempo de crear otra capa la cual llevara por nombre texto, ocultar la capa margen, ahora insertar un campo de texto dinámico que lleve por nombre de instancia que_hora, el tamaño de la letra por lo menos deberá de abarcar todo el marco ante dibujado.
Por ultimo insertar la última capa y llamarla acciones, ocultar la capa texto. Seleccionar el fotograma de la capa acciones abrir el panel de acciones e insertar el siguiente código.
this.onEnterFrame = function() {
clock = new Date();
seg = clock.getSeconds();
min = clock.getMinutes();
hora = clock.getHours();
if (hora<10) {
hora = "0"+hora;
}
if (min<10) {
min = "0"+min;
}
if (seg<10) {
seg = "0"+seg;
}
que_hora.text = hora+":"+min+":"+seg;
};
Con este paso queda concluido el tutorial. Ahora ya cuentan con un reloj digital el cual posee minutero 00 y segundero 00, esto es (24:00:00). Espero que hayan quedado resueltas sus dudas con relación al tutorial reloj (anterior).
P.D. Presionar control enter para visualizar el resultado final.
Sigan apoyando esta sección de flash con sus comentarios son de gran ayuda para todos. Hasta muy pronto.
Comentarios de Reloj Digital con Segundero en Flash | Solo Photoshop
↑ Tutorial
dejikonyo
2006-10-31 16:18
orman
2006-11-01 13:53
masterdg
2006-11-02 11:10
arnoldoserna
2006-11-07 07:41
juaco
2006-11-07 12:47
papahielo
2006-11-08 09:21
Carlos Cuenca
2006-11-11 15:46
lanzarite
2006-11-14 01:49
b&gnan
2006-11-24 08:32
cascarita10
2006-11-25 21:11
gruporr
2006-12-06 15:11
frank182
2006-12-08 21:33
bel64
2006-12-15 13:59
pajarito
2007-01-07 16:31
Decarrandao
2007-01-26 19:05
gwendal
2007-01-31 14:51
Di_salazar
2007-05-22 14:08
NARUTO_117
2007-07-16 20:09
Bombon21
2008-03-03 10:58
↑ Tutorial