Barras Espaciadoras [Photoshop cs5]

Hoy les presento un tutorial de como realizar una barra espaciadora propia, con animaciones lo realizo con el Photoshop cs5 pero ustedes pueden realizarlo con el que deseen, les dejo el link de descarga del Photoshop por si les interesa descargarlo: Photoshop cs5

1. Entrar a Photoshop cs5:








2. Abrir donde dice "Archivo" y dar click en "Nuevo...":








3. Poner los siguientes datos:








4. Click en "Herramienta del rectangulo" y otro click en "Herramienta Rectangulo Redondeado":











5. Donde esta marcado, alli les dara los diferentes estilos para tu barra:








6. Lo siguiente marcado sera un efecto para tu barra, le daran click Derecho:








7. En "Opciones de fusion..." daran click izquierdo:








8. Le daran click a: "Superposicion de degradado" luego doble click donde dice "Degradado" y seleccionan una de las opciones que les marca:








9. Click en la "Herramienta de texto" y alli escribir lo que quieras para la barra (pueden realizar el paso nro. 7/8):








10. Para la animacion daran click arriba donde dice "Ventana", iran a "Animacion" y veran que debajo se abrira una ventana, alli iran las viñetas:








11. Debajo de las viñetas daran click y se abriran muchas mas, alli seleccionan una por una y le dan "CRTL + CLICK IZQUIERDO <" al texto que quieran que se mueva, y lo guiaran manteniento pulsado "CRTL" mas los cursores (flechitas) hasta dar efecto de animacion:








12. Seleccionan todas las viñetas con el "CRTL" y daran click en el tiempo debajo y marcaran el que les guste mas a ustedes: 0.1 SEG, 0.2 SEG, 0.5 SEG, 1.0 SEG, 2.0 SEG, 5.0 SEG, 10.0:








13, Click en "Archivo", luego en "Guardar para Web y dispositivos" y pondran las siguientes opciones (el archivo tiene que estar en .GIF) :











14. El resultado de nuestra barra gif:

Espero que les guste mi tutorial, lo hice un poco largo, no fue facil, pero lo logre lo hice lo mas corto que pude para que ustedes puedan disfrutarlo, hasta otro post.