[TUTORIAL] Gif phtoshop Leido 3.322 veces

 
  Broco
Ha recibido:
1 premios
Bueno ya que e visto a varia gente preguntando como hacer animaciones en photoshop

Animación o cuadrados:

Eso que esta señalado de color azul se llama Animación o cuadrados o img

Ventana de animación:
os presento la quedirisima Barra de animación, me a salio muy grande la imagen pero bueno xD (si no nos sale podemos hacer que nos salga dándole en el menú a Ventana>animación)

Infinito o una Vez:



Bueno las letras la e tenido que improvisar ya que cuando ago la captura no coge las letras..
Bueno esto es muy fácil, una vez creado el.gif si lo queremos previsualizar una vez o muchas veces
es decir por ejemplo esto es un gif
img1-img2-img3-img4
Si lo ponemos en infinito se reproduciría así
img1-img2-img3-img4-img1-img2-img3-img4-img1-img2-img3-img4...................................
Si ponemos Una vez
se reproducirá solo una vez ósea
img1-img2-img3-img4

Ir al principio:

Bueno esto es para volver al principio, es decir si estamos en la img 3 le damos y volvemos ala 1

Cuadrado atras:


Bueno yo prefiero usar el puntero, pero este botón es para volver a un cuadrado anterior
por ejemplo si estamos en la 4 volvemos al 3...

Play:


Bueno esto es para Reproducir Todos los cuadrados.

Un cuadrado para alante:



Intercalar Cuadros de animación




Bueno esto lo explico mas abajo ya que es mas largo de explicar...

Nuevo cuadrado de animación:

Bueno esto el nombre lo dice, es para hacer una nueva ventana de animación.

Borrar un Cuadrado o ventan:

Esto es para borrar un cuadrado o ventana de animación




Intercalar Cuadros de animación




Bueno esto es muy fácil de usar, por ejemplo si creamos un gif a mano (osea sin intercalar)
supuestamente nos quedaría así (mas o menos)


Como puedes ver la imagen va dando tropezones
y no queremos que de tropezones
queremos que quede así



bueno el primer paso es crear una imagen y poner el texto o imagen que queramos que se mueva
Si queremos que se mueva de arriba hacia abajo ponemos la imagen arriba del todo

Ahora le damos a Nuevo cuadrado de animación:

y pulsamos Ctrl y arrastramos el texto hacia bajo del todo
que quede así


Ahora activamos la primera imagen ósea pinchamos en el primer cuadrado de animación
ahora es cuando pulsamos Intercalar Cuadros de animación





Se nos abrirá una ventana así

Donde pone 15 ponemos el numero de imágenes que queramos que se divida por ejemplo si ponemos
1 se harían estas 3 imágenes.


Por eso Cuanto mas pongamos mejor (no poner 2000000 por que sino tardaria 30000años en llegar abajo XD) También depende del tamaño de la imagen

Con 15 se quedarían así las imágenes



Como verán ay menos espacio entre las letras

y quedaría así




Ahora vamos a hacer algo mas avanzado Pero igual de fácil


vamos creamos una imagen
creamos un texto con cada letra
es decir creamos por ejemplo una capa con el numero 1 otra con el 2 otra con el 3
Luego vamos desemparejándolo por fuera
Así ( Evidentemente cuando lo saquéis no se va a ver como se ve en esta imagen las letras las e puesto yo)


Ahora le damos a Nuevo cuadrado y lo emparejamos

Y ahora Intercalamos los cuadros y veremos el efecto

Tanbien podemos acer que bayan desapareciendo poco a poco
aciendo asi en todas las capas

y luego acemos lo mismo en al capa siguiente pero lo poenmos al 100%
luego intercalamos y veremos como desaparecen y aparecen


 

 





  lulo47
Uhh buenisimo el artículo Brocolih! ahi te va un +k!

Un Saludo.

PD: Seguí así XDD.

 

 


  ðº̲Ξ
Muy bueno, yo justo hiba a poner como se hacían las imágenes en movimiento, pero tú lo explicaste mejor de lo que podía explicarlo yo, +k brocolih, te lo mereces.

Nos vemos

 

 


  mzk-!
Muy Buen articúlo Brocolih .
te daria karma por tu ezfuerzo pero nu puedo. :(
q te valla super bien y sigue asi. :)
Salu2

 

 


  Rad
Excelente el articulo +k
 

 





  Amazing
exelente articulo brocolih ahi va un +k
pero arregla el titulo por que dice phtoshop
Saludos

 

 


  K|H
En donde vez esas ventanas en el photoshop ??
Sale en el CS2 ??
bueno espero que alguien me responda esa pregunta :3
ByeE[!]

 

 


  ShadowRoar
Supongo que es en la ventana que aparece por default en la esquina inferior derecha, en donde aparecen las capas, pero en otra pestaña, aunque no estoy muy seguro...

Salu2 y suerte!!!

 

 


  {{kratoxload}}
No, para que te salgan esas ventanas tienes que darle
en el menu a Ventanas y luego a animacion.

 

 


  Uber
Agrego, es mas facil hacer la animacion desde el Image ready (para los que no tengan el CS3) ya que con el photoshop puede uqe tengan algunos problemas o confusiones.
 

 





  RoYx3!
Hola

Me Puedes Decir Un Link Pa Descargar PhotoShop ;D
Xfavor :D

Saudos

 

 


  Alezander
muy buen tutorial boi a animarme y hacer un buen tutorial
 

 


  pokemoncs
Ha recibido:
1 premios
Excelente tutorial, creo que todos deberian seguir tu ejemplo te has ganado mi respetos y un K
 

 





    ¿Cuantas columnas?     | 2 columnas | 3 columnas | 4 columnas | 5 columnas | 6 columnas |  
    Escribe la dirección web de la imagen:
  Publica tu respuesta  |  Haz Click en el siguiente cuadro para escribir