Ver el tema anterior Ver el tema siguiente Ir abajo

[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Empty [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?

Mensaje por 48718 el Vie Feb 08, 2013 10:13 pm





¿Cómo combinar una imagen estática con un GIF?



1:  NUEVO ARCHIVO

No sabía cómo llamarlo pero bueno, este es el ejemplo:

Original

  • Debes tener lista la imagen y los cuadros del GIF que vas a usar, si no sabes hacer GIFs puedes revisar este tutorial para ver cómo hacerlos ^^
  • Primero deberás hacer un nuevo archivo Menú → Archivo → Nuevo.
    Recuerda que debes tener la ventana de animación abierta Menú → Ventana → Línea del Tiempo/Animación para poder insertar los cuadros del GIF.
  • Las medidas que yo usé fueron de 500px de ancho por 450px de largo. Esto es opcional ^^.
  • Coloca la imágen que quieres usar en tu archivo nuevo.



 
2: COPIAR Y PEGAR


  • Ahora para mover la animación a tu archivo nuevo, vas a ir a la Línea del Tiempo en , dar click en "seleccionar todos los cuadros", y después en "copiar los cuadros".


  • Ve a tu archivo nuevo con tu imagen, en tu línea del tiempo darás click en "Crear animación de cuadros", después en y "pegar cuadros".


  • Te aparecerá una ventana, en este caso selecciona "Pegar sobre selección".


  • Te aparecerán todas tus capas y tus cuadros. Yo prefiero poner las capas de la animación en grupo para no revolverme ^^.
  • Acomoda tu GIF en donde deseas esté. Y hazle los arreglos que desees, yo con un pincel puse una nube entre la imagen y el GIF, además de texturas y texto.


  • Recuerda que cuando hagas cambios debes seleccionar todos los cuadros de animación para que se apliquen en todos. Si esto no funciona, un truco que tengo es duplicar la capa a la que le hice los cambios y eliminar la anterior, de esta manera se aplica rápidamente en todos los cuadros ^^.


 
3: GUARDAR


  • Finalmente, pon que se repita "Infinito" o "Siempre".
  • Y ahora solo guárdalo Menú → Archivo → Guardar para web y dispositivos y listo~!


   
 
TUTORIAL POR
taerex @ shineemexico.net
IMÁGENES POR
Kangraejae @ shineemexico.net
48718
48718

Femenino

I ♥ 종현
Mensajes 1392
http://48718.tumblr.com/

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Empty Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?

Mensaje por danymeriqui el Sáb Feb 09, 2013 10:47 am

:o

Así que ese era tuyo XD *lo vio en tumblr*

Me perdí un poco en en el paso dos, pero no importa, usualmente así me pasa por que primero leo todo en un tutorial y luego voy paso a paso xD Así que probablemente me será más fácil teniendo un proyecto en mano ^^ (Si no, vengo y te molesto un ratito xD)

Muchas gracias! :D
danymeriqui
danymeriqui

Femenino

I ♥ 민호 & 온유
Mensajes 329
http://violetgreen.tumblr.com

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Empty Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?

Mensaje por LuzaKiller el Sáb Feb 09, 2013 3:27 pm

No te preocupes... me ha servido de mucho -lo vuelve a leer lol-
kajskjas me encantan tus tutos *O*... Gracias por enseñarnos/me lol
aveces soy algo bruta para esto de los gifs, pero creo que ya se
mas o menos como usarlos.

Edito: aqui esta mi resultado e.e' no me quedo muy hermoso que digamos, pero para ser la primera
vez no creo que me haya quedado tan mal e.e' lol

muestra:
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Akjska
Gracias por compartir el tuto :D


Última edición por LuzDChoiMinho&Key el Dom Feb 10, 2013 12:58 pm, editado 2 veces
LuzaKiller
LuzaKiller

Femenino

I ♥ 최민호♥, 태민♥ & 키♥
Mensajes 1481

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Empty Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?

Mensaje por danymeriqui el Sáb Feb 09, 2013 8:11 pm

Ya hice uno ^^ aunque no encontré ningún vector u otra cosa xD así que tuve que ingeniármelas, y en general está bien, todo perfecto :D aunque me faltan skills xD

Eso solo se soluciona con práctica :)
Al terminar se me olvidó revisar la duración de los cuadros u.u (a veces cuando hago y deshago vuelven a 0) asì que quedó muy rápido XD

Yo también edito para dejar el mio :D cuando pueda importar videos/gifs lo arreglo por que me da flojera volver a hacerlo desde el principio xD (Cuando un concepto está terminado me aburre, así que probablemente haga más, pero no de lo mismo xD)

Spoiler:
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Sin-ttulo-1_zpseb6c5f07


Última edición por danymeriqui el Sáb Feb 09, 2013 11:42 pm, editado 2 veces
danymeriqui
danymeriqui

Femenino

I ♥ 민호 & 온유
Mensajes 329
http://violetgreen.tumblr.com

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Empty Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?

Mensaje por Pollo Volador el Sáb Feb 09, 2013 11:34 pm

Me confundo menos con el tutorial escrito, en imagen me perdía más y además se me trababa la laptop xDDD

Ya hice uno, todo feo pero algo es algo (? después mejoraré (espero)
Dejaré mi resultado ^^
Spoiler:
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Experimento
Onew no tiene la culpa de mis cosas amorfas, pero él es mi modelo (???.
No me gustó como quedó el 'Oh!' xdd.

En fin, espero esté bien ^^U
Gracias por el tuto. Gim! <3
Pollo Volador
Pollo Volador
Admin
Femenino

I ♥ 온유 ♥.
Mensajes 1367

Volver arriba Ir abajo

[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Empty Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?

Mensaje por 48718 el Mar Feb 12, 2013 11:58 pm

LuzDChoiMinho&Key escribió:No te preocupes... me ha servido de mucho -lo vuelve a leer lol-
kajskjas me encantan tus tutos *O*... Gracias por enseñarnos/me lol
aveces soy algo bruta para esto de los gifs, pero creo que ya se
mas o menos como usarlos.

Edito: aqui esta mi resultado e.e' no me quedo muy hermoso que digamos, pero para ser la primera
vez no creo que me haya quedado tan mal e.e' lol

muestra:
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Akjska
Gracias por compartir el tuto :D


@danymeriqui escribió:Ya hice uno ^^ aunque no encontré ningún vector u otra cosa xD así que tuve que ingeniármelas, y en general está bien, todo perfecto :D aunque me faltan skills xD

Eso solo se soluciona con práctica :)
Al terminar se me olvidó revisar la duración de los cuadros u.u (a veces cuando hago y deshago vuelven a 0) asì que quedó muy rápido XD

Yo también edito para dejar el mio :D cuando pueda importar videos/gifs lo arreglo por que me da flojera volver a hacerlo desde el principio xD (Cuando un concepto está terminado me aburre, así que probablemente haga más, pero no de lo mismo xD)

Spoiler:
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Sin-ttulo-1_zpseb6c5f07



TaeHyun~ escribió:Me confundo menos con el tutorial escrito, en imagen me perdía más y además se me trababa la laptop xDDD

Ya hice uno, todo feo pero algo es algo (? después mejoraré (espero)
Dejaré mi resultado ^^
Spoiler:
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF? Experimento
Onew no tiene la culpa de mis cosas amorfas, pero él es mi modelo (???.
No me gustó como quedó el 'Oh!' xdd.

En fin, espero esté bien ^^U
Gracias por el tuto. Gim! <3


Les quedo muy lindo a las tres ; ; ya hasta editan mejor que yo(?)♥ * 3*
48718
48718

Femenino

I ♥ 종현
Mensajes 1392
http://48718.tumblr.com/

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.