Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Ingreso de Usuario

Recuperar contrasea

Registro de Usuario

Anunciar en SoloPhotoshop

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.

Reloj Digital con Segundero 01

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.

Reloj Digital con Segundero 02

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.

Reloj Digital con Segundero 03

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.

Reloj Digital con Segundero 04

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.

Reloj Digital con Segundero 05

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;
};

Reloj Digital con Segundero 06

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.

Descarga el Archivo Fla

Comentarios de Reloj Digital con Segundero en Flash | Solo Photoshop

↑ Tutorial

  • dejikonyo

    dejikonyo

    2006-10-31 16:18

    interesante pronto publicare uno pero sera analogicoM
  • orman

    orman

    2006-11-01 13:53

    esta impresionante!!!!! en otras webs no he visto un reloj o algo parecido. te felicito. voy a intentarlo. gracias por la ayudaM
  • masterdg

    masterdg

    2006-11-02 11:10

    te felicito por ese tuto, es de gran ayuda, me ha sacado de un lio que tenia para realizar un reloj asi.M
  • arnoldoserna

    arnoldoserna

    2006-11-07 07:41

    Me parece excelente, aunque el texto no se me activa como un reloj. Lo intentarè de nuevo. GraciasM
  • juaco

    juaco

    2006-11-07 12:47

    muy interesante seguir ayudando a los que no sabemos muchoM
  • papahielo

    papahielo

    2006-11-08 09:21

    genial, ya eres master flash XDM
  • Carlos Cuenca

    Carlos Cuenca

    2006-11-11 15:46

    esta bacano el reloj me gustaría que hicieras un tutorial de action scrips básicoM
  • lanzarite

    lanzarite

    2006-11-14 01:49

    ¿Sería posible coger la hora de un servidor en lugar del propio pc? Me refiero a que si quiero fijar la hora Canaria, por ejemplo, podría poner la hora de un servidor o GMT como se hace con java... ¿sería esto posible? El tutorial está fantastico, muchas gracias. Lanzarite.M
  • b&gnan

    b&gnan

    2006-11-24 08:32

    impresionante, me falta mucho por aprender M
  • cascarita10

    cascarita10

    2006-11-25 21:11

    Que bien que esta este heeee. fantastico GRACIASM
  • gruporr

    gruporr

    2006-12-06 15:11

    Bunas Tarde soy de venezuela , me gusta mucho esta web tienen cosas muy impresionates , me alegra que pueda existir paginas asi como esta me algrega que ustedes puedan compartir ideas tan imprsionates como estas, hay personas que son muy creativas y con muchos conocimientos y no comparten ideas , pero gracias a este portal las cosas cambian . bueno msn para todos es demostenes_360@hotmail.com quien quiera compartir ideas de diseño conmigo he otros programas estoy a la orden por aquiM
  • frank182

    frank182

    2006-12-08 21:33

    ke flash generalmente usan en estos tutoriales?M
  • bel64

    bel64

    2006-12-15 13:59

    muuy lindoo! el tutoM
  • pajarito

    pajarito

    2007-01-07 16:31

    super chevera para incrementar opciones a mi pagina personal M
  • Decarrandao

    Decarrandao

    2007-01-26 19:05

    Larga vida al que se toma la molestia de poner su conocimiento a la disposición de el que conocer... como manda la ley.M
  • gwendal

    gwendal

    2007-01-31 14:51

    Buenas, muy bueno el tutorial, pero digo yo, ¿no se puede crear el reloj "fisico" en photoshop y despues pasarlo a flash y añadirle las horas? He creado el reloj en photoshop, pero no me deja abrirlo en flash. ¿Se puede?¿ que he de hacer en ese caso? Un saludo. GwendalM
  • Di_salazar

    Di_salazar

    2007-05-22 14:08

    muy bueno el tutorial, la verdad es que si aprende uno poco a poco, estoy empezando y me parecen excelentes los ejercicios, resulto muy bien.M
  • NARUTO_117

    NARUTO_117

    2007-07-16 20:09

    oigan alguien me podria decir como traducir el macromdia flas al españolk esque yo lo tengo en ingles y asi no entiendo mucho bueno gracias M
  • Bombon21

    Bombon21

    2008-03-03 10:58

    Hey el tuto esta demasiado bueno, gracias por la ayuda!!M

↑ Tutorial