Cargador con Porcentaje | Solo Photoshop
Tutorial Flash
Tutorial por JMX
JMX muestra como hacer un cargador (Preloader) de porcentaje, el action script utilizado es muy fácil de aplicar.
Primero agradecemos todos sus comentarios respecto a los tutoriales flash publicados anteriormente.
En esta ocasión haremos una Barra de Cargador con Porcentaje.
Lo primero es presionar crear un Nuevo Simbolo, presionando Ctrl + F8 o desde el menú Insertar >> Nuevo Simbolo. Seleccionamos Clip de Pelicula, en este caso l con el nombre "cargador" como puedes ver en la imagen a la derecha.
Siguiente paso es dibujar la barra que usarás como cargador en las cordenadas X=0 y Y=0.
El ancho y alto depende de tus necesidades.
Recomendamos no usar borde, al menos mientras dominas la técnica.
Selecciona la barra y presiona F8 o botón derecho del ratón >> Convertir en Simbolo.
Entonces hay que seleccionar Clip de Pelicula y nombrar, en este caso lo llamamos "barra del cargador" .
Registro: El registro te indica la manera en la que se desplaza la barra del cargador durante la animación. En este caso se ha seleccionado el punto medio a la izquiera, lo cual dá como resultado un desplazamiento de izquierda a derecha como tradicionalmente sucede.
Prueba luego con los demás puntos.
Selecciona la barra del cargador y en la barra de propiedades bajo "clip de pelicula" ponemos "barra" que será el nombre que lleve en el código.
Introduce un campo de texto debajo de la barra, el cual deberá ser Texto Dinámico y llamamos a la variable (var) "txt" todo nos queda mas claro con la imagen.
Ten cuidado de hacer el campo de texto lo suficientemente amplio.
Aquà mismo, sobre la barra de propiedades, puedes dar formato al texto.
Volvemos a escena y entonces desde la Bibliiteca sacamos el clip Cargador.
Selecciona el clip del cargador y abrimos la barra de Acciones, luego pegamos el código que a continuación, y podemos ver los nombres de las distintas variables que hemos ido agregando al clip. Resulta lo que vemos en la imagen.
Mientras no domines la técnica te recomendamos uses los mismos nombres usados aquÃ.
Sobre nuestra capa 1, frame 1, inserta un fotograma presionando F5 o con el menú Insertar >> LÃnea de tiempo >> Fotograma.
Luego crea una segunda capa e insertar un fotograma clave en el frame 4 presionando F6.
Ahora selecciona el fotograma 1 de la capa 2 y agregas un "stop" en la barra de acciones como se ve en la imagen.
En el fotograma 4 de la capa 2 mete un "gotoAndPlay" y en el parentesis escribimos entrecomillado "inicio" para que cuando la carga termine lo lleve a un fotograma etiquetado con el nombre "inicio".
Inserta una nueva capa, la número tres hasta ahora.
Sobre la capa 3, frame 3, inserta un fotograma clave presionando F6 y etiquetalo con el nombre de "inicio" desde la barra de propiedades, como lo vemos en la imagen.
Esta imagen es de la nueva XBOX 360, del juego Dead or Alive 4, el cual promete mucho a los fanáticos del mismo.
Presiona Ctrl + R para importar tu imagen a la escena.
Hay que colocar la imagen en las cordenadas X=0 y Y=0, como vemos en la imagen.
Para poder visualizar la animacion del cargador en tiempo real, como si ya estubiese en internet presiona un par de veces Ctrl + Enter.
La siguente animación nos muestra la forma en que funcionarÃa nuestro cargador.
Descarga los Archivos de este tutorial:
Para descomprimir necesitarás WinZip IMPORTANTE
" Los archivos fueron analizados con un antivirus actualizado, sin embargo recomendamos los analices con tu propio antivirus antes de abrirlos "
" En SoloPhotoshop.com No nos hacemos responsables de los daños o perjuicios que estos archivos puedan causar "
Comentarios de Cargador con Porcentaje | Solo Photoshop
↑ Tutorial
ferspi
2005-06-22 14:30
pinipon
2005-06-30 20:30
rock_vai
2005-07-06 11:31
stewartcastro
2005-07-13 20:31
victor+
2005-07-17 22:31
redcomperu
2005-07-18 15:31
ekuafilms
2005-08-06 00:31
klitos
2005-08-10 17:31
juan_312005
2005-08-15 14:31
lunalu
2005-09-06 07:30
eltripas
2005-09-07 23:30
kyo239
2005-10-12 00:31
Thorinx
2005-10-27 13:31
sickubo
2005-10-28 02:31
karla*
2005-10-30 16:31
osiris
2005-11-12 14:30
felix15
2005-11-13 22:30
Andrea1989
2005-11-30 13:30
perking
2005-12-05 17:31
therola
2006-02-06 16:28
::metatron::
2006-02-11 12:28
kyo239
2006-03-30 12:31
gercba
2006-04-27 16:10
parawas
2006-05-10 16:00
80766377
2006-05-19 09:14
marcelorullan
2006-05-25 09:13
Jhoe
2006-06-11 20:33
b.lopez
2006-06-13 07:03
Juliog
2006-06-21 15:16
iosin
2006-07-02 11:40
emma_rb18
2006-07-03 15:05
ratido
2006-07-04 12:04
adolfo gonzalez
2006-07-07 13:07
skipy_dgd
2006-10-06 15:54
matijdk
2006-11-07 04:22
kndesign
2006-11-09 10:35
xstean
2006-11-19 15:27
xstean
2006-11-19 18:06
dayan.montoyag
2006-12-01 11:21
thermo
2006-12-28 15:04
Girao
2007-01-03 13:20
fueradelresto
2007-01-10 12:59
Masterdavids
2007-01-16 15:22
spideydesig
2007-01-18 15:16
estrellitaninya
2007-02-01 17:30
cloud23x
2007-02-01 18:55
jeison
2007-02-28 17:27
lmd_91_2004
2007-07-29 15:04
punkboy
2007-08-10 22:11
BastianSigfried
2007-10-04 12:14
MeCCo
2007-10-15 12:40
MeCCo
2007-10-15 12:44
danny_oxxo
2007-10-18 11:26
tangod2
2007-10-19 16:59
lostprophet87
2007-12-17 17:19
kloyzter
2008-01-30 00:00
xmartox
2008-09-24 09:36
quijano24
2008-12-13 20:29
↑ Tutorial