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 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 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 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:
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 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:


Ú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 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:
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 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:
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:



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:
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

[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 Contenido patrocinado

Contenido patrocinado

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.