Crear Barras Separadoras Animadas by Omiguan

  • Categoría: Imagenes
  • Publicado hace más de 4 años

Crear Barras Separadoras Animadas by Omiguan

En este simple tutorial les muestro por una serie de imágenes los pasos para que creen su barra separadora animada, esta barra en bastante simple, talves y si lo desean mas adelante hago un vídeo tutorial para crear unas barras mas Profesionales... Saludos espero que lo disfruten.





El primer paso es crear un nuevo archivo de imagen de 1024x200



Luego creamos un recuadro (del color que desen)



Seleccionamos la herramienta de Marco Rectangular

Hacemos una selecion dejando un recuadro


Y borramos el interio


Una ves todo Borrado hacemos otro recuadro y bajamos su Opacidad y Relleno



Importamos una imagen a nuestro gusto para personalizar la barra


y esta la personalizamos a nuestro gusto , en mi caso con Sombras y Resplandor

Personalizamos mas neustra barra, en mi caso con pinceles



creamos una nueva capa


y seleccionamos la herramienta de Texto


Seleccionamos el area donde queremos poner el texto


Una ves escrita la primera letra de Su nick, la duplicamos la cantidad de veces de las letras de su Nick... ej: Omiguan = duplicamos la capa 6 veces




Y alineamos todas las letras



Editamos las letras

--------------


Personalizamos las letras, editamos la primera....


Copiamos el estilo de la primera capa


Seleccionamos las demas letras y le pegamos el estilo de capa


Seleccionamos las capas de las letras y apretamos Ctrl. + G para agupar


Y posicionamos el texto


Luego nos dirigimos a Ventana >> Animacion y la cliqueamos


Se abrira una ventana con esta Interfaz


Creamos una nueva capa en animacion


Luego ponemos visible la primera Letra


Hacemos lo mismo con las otras letras



Y asi con todas


Seleccionamos todas las capas de la animacion y le damos "click" Derecho para fijar un tiempo de transicion entre capa y capa en este caso 0.2 seg


Le damos al boton de "Play" y su animacion empieza



Una ves finalizada su animacion vamos a Archivo >> Guardar para Web..


Recuerden Seleccionar GIF y le damos OK


Le colocamos en nombre y guardar


Luego suban a su Host de Imagenes Preferido

Cita: Mostrar
Crear Barras Separadoras Animadas by Omiguan
35 Puntos Score: 7/10
Visitas: 914 Favoritos: 6
Ver los usuarios que votaron...
10 Comentarios Crear Barras Separadoras Animadas by Omiguan
muy buen aporte  
Cita xdmoises: Mostrar

Gracias Man, si quieres alguna peli, tuto, juego o lo que sea solo pidemo
esta bueno hice uno simple con eos pasos  

 
Cita Nemesisl: Mostrar
Muy buen tuto amigo...no tengo puntos pero te lo recomiendo
x lo q veo esta muy buen el tuto pero me maree un poko con tantas imagenes y lecturas   esperare el video saludos  
siempre quise aprender esto   +5 y reco
jajaja buenisimo tutorial
Cada vez los haces mejor a los tutos amigo.. Muy bueno para los que empiezan(como yo..je).. +5  
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!