Oops.. Este post tiene los enlaces eliminados!

Identi revisa las denuncias de los usuarios en busca de enlaces eliminados que no dejan descargar los archivos, este mensaje te informa que este post que estas viendo tiene los enlaces eliminados.

Usa el Buscador

Por favor, te recomendamos que uses el buscador para encontrar más alternativas.

Unir varios gif en uno solo (tutorial) 1

  • Categoría: Reciclaje
  • Publicado hace más de 4 años
nota: no me admite las imagenes estoy tratando de solucionarlo ya que con las imagnes simplemente no me sube el post

Bueno amigos les traigo un tutorial de cómo unir varios gif en uno solo. Este tutorial lo comparto debido a que no encontré un tutorial donde explicara cómo se debe hacer, normalmente encuentras como hacer un solo gif pero no especifican como es de que debes unir dos gif en uno solo.

Nota; aclaro yo no soy experto en el tema solo se lo básico, pero me entro la curiosidad y tuve que investigar para poder crear un gif que a mi punto de vista me gusto.

Primero debes de tener los gif que quieras unir (puedes descargarlos de la red) yo tenía unos guardados desde hace tiempo ejemplo


Primer gif                
Segundo gif
La imagen de indenti

Los primero que debemos tomar en cuenta cuando vamos a crear un gif es de que lo fundamental para poder crear cualquier gif con movimiento es de que es como crear una caricatura (tener varias imágenes del personaje en diferentes posiciones)  

Los porgramas que se utilizaran son Adobe Photoshop y gifframe
Nota: Se incluyen el adobe photoshop cs6 y gifframe, ambos porgramas son portables este es el


Entonces para poder sacar las imágenes de los gif de las diferentes posición que tiene utilizaremos gifframe. primero le damos abrir en open y nos abrirá una nueva ventana ahí elegiremos el  gif que le queramos sacar las imágenes por separado
1

Seleccionamos abrir y nos aparecerá la imagen y la cantidad que contiene las imágenes presionamos save all y seleccionamos la carpeta donde queramos guardar la secuencia de imágenes (presionamos donde se encuentran unos tres puntos y nos aparecerá una nueva ventana donde elegiremos la carpeta donde deseamos guardar)
2



Nota: en el tipo de formato siempre seleccionaremos png para que nada más guarde la imagen del personaje, porque si elegimos jpg este se guardara con fondo blanco

 Proseguimos a hacer los mismo con la segunda imagen (antes de esto necesitamos crear una nueva carpeta para guardar la segunda secuencia de imágenes)
4
Ya que tengamos la segunda secuencia de imágenes procedemos a crear carpetas para sus respectivas secuencias
5

Antes de seguir necesitamos cerciorarnos cuantas son la cantidad imágenes que contienen ambos gif por ejemplo el del mundo contiene 62 y el de benimaru contiene 67 imágenes para que ambas contenga la misma cantidad de imágenes solamente es cuestión de intuición (sele borran imágenes a la benimaru o sele aumenta secuencia a la del mundo), esto es para que ambas secuencias contengan la misma cantidad de imágenes en el gif que vamos a crear, yo deje que ambas contengan la cantidad de 61 imágenes. Ya que hemos hecho esto procedemos a abrir Adobe Photoshop.
Nota: antes de proseguir debemos de ordenar las imágenes (en el caso que se hallan borrado imágenes necesitan que enumerar las imágenes de nuevo para que así no se pierdan en la secuencia que sigue en ambos gif)
6

Una ves que lo ayamos abierto selecionasmos abrir/nuevo y nos aparecera una ventana en donde espesificamremos el ancho y el alto de nuestro nuevo gif (seleccionamos tambien que sea en pixeles) yo decidi que de ancho tenga 800 y de alto 150 le damos ok
7

Nos aparecerá el sitio donde nosotros podemos colocar las imágenes ahí primero elegimos la imagen que queramos colocar de fondo (esto es opcional si queremos ponerle fondo al gif que vamos a crear)
Le damos clic en abrir/colocar (aquí seleccionamos la imagen que queramos colocar, seleccionamos la ubicación que queramos o el tamaño y una vez que ya estemos seguros de cómo lo queremos le damos clic al botón derecho del ratón y presionamos colocar)
8

Una vez hecho esto en la parte inferior derecha encontraremos un icono donde aparecerá una hoja con un signo de más le presionamos y nos aparecerá una nueva capa
9

Después observaremos que se encuentran dos capas la primera es la que acabamos de añadir y la segunda es la que contiene el fondo de nuestro gif, lo que aremos es arrastrar la capa del fondo al inicio esto lo hacemos dándole clic a la capa del fondo y la arrastramos al principio y nos quedara así (observen que primero está la capa del fondo y después la capa vacía esto se hace para que la capa quede hasta el fondo de nuestro nuevo gif y no quede en el frente de las imágenes de los personajes)
10

Después le damos clic en el abrir/colocar y seleccionamos la imagen del primer gif (nos cercioramos que a un lado de donde dice capa esta un icono de un ojo debe nada más estar seleccionado la del fondo blanco)
11
http://www.dureka.com/iupload/images/11bob.jpg
 Aquí lo que debemos hacer es hacer la imagen a nuestra conveniencia para que el gif este en el lugar donde queramos que este (recuerden que podemos cambiar de tamaño antes de que decidamos colocarlo) si la imagen abarca queremos que abarque más que en la capa en fondo blanco lo podemos hacer, esto es para que ambos gif estén en el tamaño que hayamos designado para colocar
 Ejemplo: yo decidí que el gif de benimaru debe de estar casi al principio y para que la imagen de benimaru no se mueva mucho decidí que el final debe de coincidir con el final de la capa nueva y el principio abarcar más que el fondo en blanco entonces los que debo de recordar son los números que aparece cuando coloco la imagen ancho 22.70 y alto 3.97 y recordar que las demás imágenes de benimaru deben de tener las mismas medidas)
12
Una vez que ya cerciore que las medidas que quiero son las correctas presiono el botón izquierdo del ratón y selecciono colocar
13
http://www.dureka.com/iupload/images/13fnf.jpg
Ahora vamos con el segundo gif hacemos lo mismo abrir/colocar y seleccionamos el gif del mundo
14
http://www.dureka.com/iupload/images/14epe.jpg
Después modificamos la imagen como queramos que quede (recordemos que debemos de fijarnos en el tamaño de nuestra imagen para así tenga el mismo tamaño en todas las demás capas, también tomen en cuenta que deben tomar puntos de referencia para que así quede en un lugar donde ustedes deseen)
15
http://www.dureka.com/iupload/images/15wcw.jpg
Una ves que hayamos hecho esto debemos de cerciorarnos si esta es la posicion de ambas imágenes, para cambiar cual va primero, solamenten debemos de seleccionar la capa que queramos que este al principio y la arrastramos al inicio de todas las capas
16
http://www.dureka.com/iupload/
Para ver como nos va quedando nuestra imagen debemos de seleccionar todas las capas a manera que esten con el icono del ojo
Si se dan cuenta el orden es 1 benimaru, segundo el mundo y tercero la imagende fondo y nos queda asi
17
http://www.dureka.com/iupload/images/17zpz.jpg
Despues seleccionamos la capas de benimaru y del mundo (estas deben de estar en azul, recuerden que nadamas 2, la de el fondo no es necesario ya que esta no se modifica) y presionamos control+e (esto es para que ambas imágenes se una en una sola)
18
http://www.dureka.com/iupload/images/18lsl.jpg
Y nos aparecera una archivo donde estaran  unidas las capas de benimaru y del mundo y nos quedare asi
19
http://www.dureka.com/iupload/images/19wtw.jpg
Ahora seleccionamos la capa donde no tiene nada y sersiorarno que el icono del ojo esta sobre la capa donde no tiene nada
20
http://www.dureka.com/iupload/images/20.jpg
Ahora hacemos lo mismo pero con las siguientes imágenes (las 62 restantes, recuerden que se les debe de colocar numero para que haci no se pierdan en la secuencia) para que nos quede algo parecido a esto (recuerde que debe de unir ambas imagenes la de benimaru y del mundo
21
http://www.dureka.com/iupload/images/21.jpg
Ahora vamos a colocar las letras
Primero debemos de seleccionar el icono que se encuentra en la parte izquierda de nuestro programa y seleccionamos la que tiene una T
22
http://www.dureka.com/iupload/images/22fmf.jpg
Nos diriginos a la parte en blancon para colocar las letras que queramos que aparescan en nuestro gif (podemos mover el texto en la posicion que deseemos, incliso si colocamos imagen de fondo podemos seleccionarla para que se vea (debe tener el icono del ojo) y asi poder colocar el texto donde mas nos guste)
23
http://www.dureka.com/iupload/images/23.jpg
Tip; debido a que mi gif tiene letras que se aparesen y desaparesen debido al movimento del personaje es necesario hacer el numero de capas iguales al numero de letras que deseamos colocar

Ejemplo : identi
Esta capa la vamos a copiar en este caso 6 veses una ves que ya esten creadas deseleccionasmos todas y seleccionasmos nada mas una para que le borremos una letra y asi lo hacemos con las demas quedandonos asi ( esto tambien se puede hacer alreves dependiendo de que si las letras desaparesen de derecha a izquierda o viseversa, tambien pueden aparecer es solo cuestion de imaginacion y de intuision en mi caso tengo letras que aparecen y desaparece de derecha a izquierda)
 
identi
denti
 enti
 nti
 ti
 i
24
http://www.dureka.com/iupload/images/24.jpg
Nota: debido a que cambia de posicion cuando se borra una letras y lo que queremos es de que la posision de las letras no cambien cuando vallan desapareciendo pueden pueden hacer los siguiente primero seleccionamos la capa donde se encuentra el mensaje completo (identi) despues seleccionamos la imagen donde le borramos la primera letra (denti) para seleccionar nos sersioramos que el icono del ojo esta sobre estas dos capas nada mas
25
http://www.dureka.com/iupload/images/25.jpg
 Como se daran cuenta no se alcansa a distingir las letras para poder solucionar esto seleccionamos el icono de la letra T(en el lado izquierdo se encuentra) y seleccionanos la capa donde estan las letras de ?denti? una ves hecho esto lo unico que hacemos es mover nuestro texto a manera que quede sobre puesto sobre el otro
26
http://www.dureka.com/iupload/images/26.jpg
En ocasiones cuando selecionamos mal el texto de repente nos aparece una nueva capa para evitar esto nostros debemos de sersiorarnos que en la parte donde se encuentran nuestras letras no esta una capa nueva como se observa en el siguiente ejemplo
27
http://www.dureka.com/iupload/images/27.jpg
Para borrarla nadamas la arrastramos a la parte inferiror derecha donde se encuentra un icono de una bote de basura y con esto estara elinimada la capa que no queranos que este
28
http://www.dureka.com/iupload/images/28.jpg
Una ves que ayamos colocado las letras que queremos que aparesca en nuestro gif (sersiorandonos que la posision de las letras cuando vallan apareciendo no se mueva) proseginos a hacer nuestro gif
Debemos de seleccionar ventana/linea de tiempo
29
http://www.dureka.com/iupload/images/29.jpg
Ahora en la parte inferior se nos aparecera una nueva ventana
30
http://www.dureka.com/iupload/images/30.jpg
Deseleccionamos todas las capas a manera que nuestra capa se encuentre en blanco en la parte inferior se encuentra un icono de una hoja le damos clic y nos aparecera otra nueva secuencia
31
http://www.dureka.com/iupload/images/31.jpg
Una ves hecho esto ahora seleccionanos el icono donde se encuentra varias hojas y nos aparecera algo asi, en este apartado vamos acolocar el numero de de secuensia que deseamos que tenga en este caso salienro 62 capas, entonces hace falta colocar 60 secuencias
32
http://www.dureka.com/iupload/images/32uzu.jpg
Le damos ok ahora los que vamos hacer es seleccionar la primera capa y vamos a colocar el icono a la capa que queramos que aparesca (si se acuerdan a cada capa se le coloco un numero simplente seleccionamos la capa que queramos, recuerden que nadamas deben de tener el icono del ojo en las capas donde nostros queramos que se vean en este caso las unicas capa donde se encuentra el icono son el el fondo, las letras de identi y la primera capa de benimaru y del mundo quedandonos asi.
33
http://www.dureka.com/iupload/images/33.jpg
seleccionanos la segunda secuencia (parte inferior) seleccionamos la segunda y ahora seleccionamos la segunda capa que formamos  quedando segunda imangen de benimaru y el mundo, el fondo e identi y asi susesivamente hacemos lo mismo con las 62 secuencias (recuerden que en cada secuencia debe de ir una capa diferente para que nuestra gif tenga movimiento)
(nota: se desidio poner todas las letras debido a que cuando corren las imágenes no sabemos hasta donde abarca la imagen de benimaru cuando esta en movimiento entoses (secuencia 22 y 23) cuando vayamos colocando las imagenes con las letras podemos seleccionar las letras que van apareciendo y desapareciendo) quedandonos algo asi
34
http://www.dureka.com/iupload/images/34.jpg
http://www.dureka.com/iupload/images/35.jpg
Una ves que hayamos hecho todo en todas las secuencias podemos darle clic un la parte inferior nos aparece un icono de un triamgulo de play le damos clic y nos mostrara la secuenca de imágenes y veremos como es que esta quedando nuestro nuevo gif (si por un motivo alguna secuensia no nos queda como queramos podesmos borrarlo simplemete la arrastramos al icomo inferior donde se encuentra un icono de un bote de basura.
36
http://www.dureka.com/iupload/images/36.jpg
 Una ves que nos sersioramos que la secuensia esta correcta prosedemos a cambiar el tiempo de cómo es que queremos que valla la secuencia para hacer esto seleccionamos la primera secuencia y nos dirigimos a la ultima presionamos shif y con el boton izquierdo de nuestro raton seleccionamos la ultima secuencia y nos aparecera que todas las secuencias estaran seleccionadas ahora en la parte inferior de la secuencia los aparece unos numeros le damos clic y nos aparecera esto
37
http://www.dureka.com/iupload/images/37.jpg
Aquí podemos cambiar el tiempo en que queramos que aparesca la secuencia y para que nuestro gif en movimiento no se detenga en la parte inferior izquierda aparece unas letras que dise una ves le damos clic y nos aparecera esto, aquí seleccionamos infinito para que nuestro gif corra infinitamemte
38
http://www.dureka.com/iupload/images/38.jpg
Una ves que nestro gif quedo como nostoros quieramos prosedemos a guardarlo le damos clic en archivo/guardar para web y nos aparecera los siguiente
39
http://www.dureka.com/iupload/images/39.jpg
Le damos clic en play nos reprodusira nuestro gif (esta es como nosotros vamos a observar nuestro gif) tambien nos sersioramos que este selecionada gif
40
http://www.dureka.com/iupload/images/40.jpg
Le damos guardar colocamos el nombre que nosotros quieramos y la ubicaion del gif
41
http://www.dureka.com/iupload/images/41jkj.jpg
Una ves guardado, podemos subirlo a alguna para que asi nostros podamos utilizarlo en nuestro post.

este es el gif que se acabo de crear
http://www.dureka.com/iupload/images/banner.gif
Nota: Al parecer existen problemas al colocar varios gif ya que en el anterior post que cree no me queria subir el nuevo post

para esto tuve que quitarle la mayoria de las imagenes hasta que me aceptara el post, despues tuve que editar el post y agregar los gif

http://www.dureka.com/iupload/images/edgarestfindepost.gif
Unir varios gif en uno solo (tutorial) 1
0 Puntos Score: 0/10
Visitas: 571 Favoritos: 0
0 Comentarios Unir varios gif en uno solo (tutorial) 1
Este post no tiene comentarios. Sea el primero!
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!