kevin4585

hola, como el titulo lo dice en este post, les enseñare a hacer una barra separadora con photoshop CS5. 1.) creamos un nuevo documento >archivo > nuevo. le ponemos por nombre personaje, tamaño 300 x 300 píxeles contenido de fondo trasparente. 2.) con la herramienta marco elíptico, hacemos un circulo y lo rellenamos con el color que queramos en este caso yo usare el azul. 3.) clic en fx > añadir un estilo de capa> opciones de fusión luego se nos abre una ventana donde seleccionamos bisel y relieve, y marcamos los valores que hay en la imagen. nos debe de quedar algo así: 4.) luego con la herramienta de texto creamos una letra, en este caso yo usare la T y el signo ! de taringa! para cambiar el tamaño ctrl+t cambian el tamaño a su gusto y acomodan las letras en el centro de el circulo, nos queda algo así: luego si quieren pueden añadir un estilo de capa haciendo clic derecho sobre la capa con la letra T y seleccionamos rasterizar texto y repiten los pasos del paso 3. 5.) creamos un nuevo documento de 1700 de anchura x 300 de altura y lo llamamos barra, contenido de fondo trasparente. y en el creamos un rectángulo con la herramienta marco rectangular, y lo rellenamos del color que queramos. ahora repetimos el paso 3, y acomodamos los valores a nuestro gusto. 6.) en la barra escribimos lo que queramos y luego le damos a rasterizar texto, y luego agregamos un estilo de fusión. y nos queda algo así: 7.) el botón que hicimos lo movemos asta la pestaña donde esta la barra seleccionamos las dos capas presionando ctrl, y asciendo clic en ambas capas: y luego con la herramienta mover arrastramos el boton asta la pestaña de la imagen nombrada barra, la acomodamos y nos queda así: asta este paso y tenemos una barra separadora normal, pero si quieres convertirla en un gif que se mueva sigue leyendo. 8.) para hacer que la imagen tenga animación, tenemos que abrir la ventana animación en photoshop seleccionamos ventana > animación 9.) ahora con nuestras dos capas seleccionadas damos clic derecho sobre una de ellas y seleccionamos combinar capas. esto lo hacemos por comodidad para poder mover el botón y la T y el signo ! al mismo tiempo.. 10.)en la ventana animación creamos una nueva capa y el 0 que esta debajo de la primera capa lo cambiamos por 0,1 segundos y donde dice una vez ponemos infinito : nos quedaran dos en total, y movemos un poquito el botón hacia la izquierda y creamos otra capa y volvemos a mover el boton hacia la izquierda y así sucesivamente asta llegar al nombre que escribimos en la barra nos queda algo así: luego para que se devuelva hacemos lo mismo pero hacia la derecha. y por ultimo guardamos archivo> guardar para web y dispositivos, y dejamos los ajustes como están y damos a guardar. y eso es todo, así nos queda nuestra barra: