Como crear una barra de software animada
Step-1:

En esta clase particular de Photoshop, vamos a aprender cómo dibujar una barra del cargamento como las que se usando en software mientras que lo cargas en tu computadora. Copia esta foto a tu computadora y después ábrela en adobe. Haz click en Edit-Define Pattern y dale un nombre.

Step-2:

Si no te gusto la foto anterior puedes copiar esta y después podrás cambiar los colores por los que a ti te gusten. Antes de transformarla en un fondo hazla un poco mas pequeña haciendo click en Edit-Transform-Scale. Una vez que has terminado todo esto puedes ir a Edit-Define Patter y dale un nombre.

Step-3:

Empieza un nuevo documento de 400 x 400 y utilizando la Paint Bucket Tool haz click en el menú FILL hasta que encuentres PATTERN. Busca la Pattern que acabas de crear y llena tu documento con ella.

Step-4:

Ahora usando la Crop Tool dibuja un rectángulo del tamaño que necesitas tu Barra. Una vez que lo haz hecho, haz un click derecho en la capa y selecciona Crop.

Step-5:

Ahora vas a empezar un Documento nuevo que sea menor que tu Barra y la vas a llenar con tu color preferido. Yo utilice un color naranja. Recuerda que tenias PATTERN seleccionado y necesitas cambiarlo a FOREGROUND antes de que uses tu Bucket Tool otra vez. Ahora utilizando la Move Tool arrastra la Barra hacia el nuevo documento. Notaras que la barra es un poco mayor que nuestro nuevo documento pero eso es lo que necesitamos.

Step-6:

Ahora vamos a Image Ready. Vamos a asegurarnos que la capa con el dibujo fue emparejada con la capa Naranja tal como se ve en la foto. Una vez que lo haz logrado, haz la primera toma haciendo click en el icono marcado en la foto.

Step-7:

Ahora mientras todavía estas en la capa que tiene la Barra, vas a apretar la Flecha Derecha dos veces para avanzar el dibujo y vas a hacer otra toma.

Step-8:

Vas a repetir el proceso hasta que tengas suficiente para hacer tu animación. Si lo haces de esta manera podrás controlar la manera de que la barra se mueve sin interrupción.

Step-9:

Si tienes mas experiencia podrás mover la barra hasta donde la animación terminara y podrás usar la Tween Tool. Cuando termines podrás remover las tomas que no sean necesarias para que puedas tener una animación sin saltos.

 
 
Anuncios
Anuncios

 

Copyright 2005-2009 - All tutorials  are the property of the site unless otherwise stated. You may not re-distribute or reproduce any portion of this website without written consent.

you-teach.com  | David O. Kauffman | Powered by  1and1.com Webmaster | Games | Submit Tutorial |LoremIpsum |

 

Banner

 

 

 

</td> </tr> <TR><TD colspan="2" valign="bottom"> <IFRAME name="hits" src="/hits.cgi?tutorial=8" marginwidth="0" marginheight="0" height="20" width="200" scrolling="no"></IFRAME> </TD></TR></table> </center> </body> </html>