Imagenes animadas en Photoshop

Topic created · 2 Mensajes · 800 Visitas
  • **Bueno e aqui mi primer tuto para hacer imagenes animadas (GIF) que la unica manera que la gente sabia hacerlas era con el ImageReady, pero a partir del Pack CS3 vienen Photoshop e ImageReady fusionados.

    Empezamos con una sencillita:

    http://j.imagehost.org/0320/Animacion1.jpg
    

    :icon_arrowu: Creamos un nuevo documento y ponemos nombre, medidas, etc a gusto, yo en este caso lo he llamado Animacion1 y he puesto 100x100 de medida, pero eso a gusto.

    http://i.imagehost.org/0905/Animacion2.jpg
    

    :icon_arrowu: Haced algunas capas que puedan seguir una animacion: una persiana, letras, etc, etc... yo le he puesto una persiana sencilla y letras fijas
    *OJO: Cada parte de la animacion debe tener una capa distinta

    http://j.imagehost.org/0517/Animacion3.jpg
    

    :icon_arrowu: Para ver la seccion de animacion vamos a "Ventana > Animacion" y nos saldra una barra abajo

    http://i.imagehost.org/0199/Animacion4.jpg
    

    :icon_arrowu: Ahi nos saldra una un cuadro en el que deseleccionaremos las capas que no queremos que se vean

    http://j.imagehost.org/0587/Animacion5.jpg
    

    :icon_arrowu: Le damos a una nueva capa de animacion (Cuadradito como el de Nueva Capa) y tambien seleccionamos o deseleccionamos las capas que queramos que se vean

    http://j.imagehost.org/0956/Animacion9.jpg
    

    :icon_arrowu: Cuando ya lo tengamos todo hecho, nos quedara asi, mas o menos, podeis verla dandole al PLAY, y ajustamos el tiempo de cada dandole donde ponga -X,X- seg

    **

    http://a.imagehost.org/0815/Animacion10.jpg
    

    :icon_arrowu: Ahora vamos a guardarla: "Archivo > Guardar para Web y Dispositivos"

    http://j.imagehost.org/0220/Animacion11.jpg
    

    :icon_arrowu: Nos saldra una ventana asi, bien, primero mirad cuanto ocupa ■ y si es demasiado, en colores ■ lo bajamos a 128, 64 etc... recomiendo 32, pero en este caso lo dejamos en 256, porque ocupa poco.
    Seleccionamos las veces que queremos que se repita ■(yo lo he dejado en infinito) y nos aseguramos dando a PLAY ■

    Cuando lo tengamos a gusto guardamos y este seria mi resultado:


    http://j.imagehost.org/0286/Animacion1.gif
    

    Como vereis, hacer esto es simple, pero se pueden hacer cosas complicadas y bonitas, con paciencia, si me ha faltado algo, me lo decis y lo explico, apreciad el esfuerzo y no olvideis comentar porfavor

    Un abrazo :bienvenido: : Mikikiller****

  • ESE TUTO SI SEÑOR!
    Dios de lo que me va a servir, me has salvao el culo por así decirlo^^
    PD: Ya te va bien la gráfica, al TMN! xD