★ SHINee Mexico ★ :: Diviértete :: Clubs :: El atelier del Photoshop :: Tutoriales :: Animación
Página 1 de 1. • Comparte
[TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?
¿Cómo combinar una imagen estática con un GIF?
1: NUEVO ARCHIVO
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
taerex @ shineemexico.net
IMÁGENES POR
Kangraejae @ shineemexico.net
Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?
: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
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
Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?
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
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:
Última edición por LuzDChoiMinho&Key el Dom Feb 10, 2013 12:58 pm, editado 2 veces
LuzaKiller
최민호♥, 태민♥ & 키♥
1481
Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?
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)
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
Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?
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 ^^
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
Ya hice uno, todo feo pero algo es algo (? después mejoraré (espero)
Dejaré mi resultado ^^
- Spoiler:
No me gustó como quedó el 'Oh!' xdd.
En fin, espero esté bien ^^U
Gracias por el tuto. Gim! <3
Pollo Volador
온유 ♥.
1367
Re: [TUTORIAL] ¿Cómo combinar una imagen estática con un GIF?
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' lolGracias por compartir el tuto :D
- muestra:
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 ^^Onew no tiene la culpa de mis cosas amorfas, pero él es mi modelo (???.
- Spoiler:
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*
Temas similares
» [TUTORIAL] ¿Como hacer una imagen en 3D?
» [TUTORIAL] Cómo enfocar una imagen desenfocando lo demás.
» [TUTORIAL] ¿Como poner una imagen subiéndola desde mi equipo?
» [TUTORIAL] Cómo enfocar una imagen desenfocando lo demás (con filtro).
» [TUTORIAL] ¿Cómo subtitular un gif?
» [TUTORIAL] Cómo enfocar una imagen desenfocando lo demás.
» [TUTORIAL] ¿Como poner una imagen subiéndola desde mi equipo?
» [TUTORIAL] Cómo enfocar una imagen desenfocando lo demás (con filtro).
» [TUTORIAL] ¿Cómo subtitular un gif?
★ SHINee Mexico ★ :: Diviértete :: Clubs :: El atelier del Photoshop :: Tutoriales :: Animación
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.