SlideShare una empresa de Scribd logo
1 de 24
PRIMER PASO
 Lo primero que debemos hacer es grabar un vídeo.
Con ese material, trabajaremos luego en photoshop.
 Lo primero que debemos hacer es grabar un vídeo.
Es importante utilizar un trípode para lograr una
imagen fija, en la que solo se registre el
movimiento que nosotros hayamos
escogido.
 Dicho movimiento debe ser constante, sin cortes,
para lograr un efecto fluido.
PASOS A SEGUIR EN PHOTOSHOP
1. Menú archivo, nuevo, abrir (seleccionamos el vídeo que hemos grabado)
PASOS A SEGUIR EN PHOTOSHOP
2. Menú ventana, animación: para desplegar la herramienta de edición de
vídeo.
PASOS A SEGUIR EN PHOTOSHOP
3. Escogemos el tramo de vídeo sobre el que vamos a trabajar (ese es el
tramo que se reproducirá en bucle). Lo hacemos moviendo los dos
indicadores señalados.
PASOS A SEGUIR EN PHOTOSHOP
4. Menú archivo, exportar, interpretar vídeo.
PASOS A SEGUIR EN PHOTOSHOP
4. Este es el cuadro de diálogo que te saldrá.
PASOS A SEGUIR EN PHOTOSHOP
5. Menú capa, duplicar capa.
PASOS A SEGUIR EN PHOTOSHOP
6. Menú capa, rasterizar, capa.
PASOS A SEGUIR EN PHOTOSHOP
6. Hemos convertido esa capa de vídeo en una imagen raster. El icono ha
cambiado.
PASOS A SEGUIR EN PHOTOSHOP
Si ahora le das al play solo puedes ver la capa superior, que es imagen
fija. No hay movimiento. Para poder ver qué hay debajo de esa capa (el
vídeo) debemos enmascar la capa duplicada.
PASOS A SEGUIR EN PHOTOSHOP
7. Pinchamos sobre la capa duplicada (seleccionamos) y creamos una
máscara de capa (flechita roja).
PASOS A SEGUIR EN PHOTOSHOP
7. Así debe aparecer su máscara de capa.
PASOS A SEGUIR EN PHOTOSHOP
8. Pinchamos sobre la máscara de capa y seleccionamos la herramienta
pincel .
PASOS A SEGUIR EN PHOTOSHOP
En este caso, con la máscara de capa, lo que pretendemos ver es el humo
que se mueve en la capa inferior, que es la del vídeo.
PASOS A SEGUIR EN PHOTOSHOP
9. Pintamos (color negro de frente) las zonas en las que queremos
mantener el movimiento (el humo).
PASOS A SEGUIR EN PHOTOSHOP
9. En la máscara quedará reflejado todo lo que estamos haciendo.
PASOS A SEGUIR EN PHOTOSHOP
Si ahora le damos al play, podremos ver la imagen fija y la parte que hemos
pintado en movimiento.
PASOS A SEGUIR EN PHOTOSHOP
10. Menú archivo, guardar para web y dispositivos.
PASOS A SEGUIR EN PHOTOSHOP
10. Menú archivo, guardar para web y dispositivos.
PASOS A SEGUIR EN PHOTOSHOP
10. Este es el cuadro de diálogo que te saldrá. Escoge las mismas
opciones:
 GIF
 Tamaño de imagen: 800 x 450
 Opciones de repetición: infinito
PASOS A SEGUIR EN PHOTOSHOP
PASOS A SEGUIR EN PHOTOSHOP
11. Para abrirlo: botón derecho, abrir con, Internet Explorer, Chrome o
Mozilla.
Creación de GIF animado en Photoshop a partir de video

Más contenido relacionado

La actualidad más candente

Sonyphoto1 min
Sonyphoto1 minSonyphoto1 min
Sonyphoto1 minmundoppt .
 
Sony Vegas Manual B Sico
Sony Vegas Manual B SicoSony Vegas Manual B Sico
Sony Vegas Manual B Sicoguestca63d73
 
Plan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextosPlan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextosCarlos Aguilar
 
Camtasia Studio
Camtasia StudioCamtasia Studio
Camtasia Studionoraziczic
 
1 Presentacion Wink
1  Presentacion  Wink1  Presentacion  Wink
1 Presentacion Winkfloren
 
Diapositiva
DiapositivaDiapositiva
Diapositiva09duvan
 
Curso de Procesado de Fotografía Digital: 3. Selección avanzada en Photoshop
Curso de Procesado de Fotografía Digital: 3. Selección avanzada en PhotoshopCurso de Procesado de Fotografía Digital: 3. Selección avanzada en Photoshop
Curso de Procesado de Fotografía Digital: 3. Selección avanzada en Photoshopdomingo leiva
 

La actualidad más candente (16)

ujhkdnu
ujhkdnuujhkdnu
ujhkdnu
 
Sacaphoto1
Sacaphoto1Sacaphoto1
Sacaphoto1
 
Sonyphoto1 min
Sonyphoto1 minSonyphoto1 min
Sonyphoto1 min
 
Sonyphot
SonyphotSonyphot
Sonyphot
 
Sonyphoto1
Sonyphoto1Sonyphoto1
Sonyphoto1
 
Sony Vegas Manual B Sico
Sony Vegas Manual B SicoSony Vegas Manual B Sico
Sony Vegas Manual B Sico
 
Sonyphot
SonyphotSonyphot
Sonyphot
 
Plan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextosPlan mejoramiento cuarto periodo sextos
Plan mejoramiento cuarto periodo sextos
 
Sony
SonySony
Sony
 
Camtasia Studio
Camtasia StudioCamtasia Studio
Camtasia Studio
 
Camarafotografica
CamarafotograficaCamarafotografica
Camarafotografica
 
1 Presentacion Wink
1  Presentacion  Wink1  Presentacion  Wink
1 Presentacion Wink
 
Diapositiva
DiapositivaDiapositiva
Diapositiva
 
Programa que toma fotos usando monitor
Programa que toma fotos usando monitorPrograma que toma fotos usando monitor
Programa que toma fotos usando monitor
 
Curso de Procesado de Fotografía Digital: 3. Selección avanzada en Photoshop
Curso de Procesado de Fotografía Digital: 3. Selección avanzada en PhotoshopCurso de Procesado de Fotografía Digital: 3. Selección avanzada en Photoshop
Curso de Procesado de Fotografía Digital: 3. Selección avanzada en Photoshop
 
guia rapida de p
guia rapida de pguia rapida de p
guia rapida de p
 

Destacado

Senior Comprehensive 2015
Senior Comprehensive 2015Senior Comprehensive 2015
Senior Comprehensive 2015Damaris Alarcon
 
Ensayo ¡diles que no me maten!2
Ensayo ¡diles que no me maten!2Ensayo ¡diles que no me maten!2
Ensayo ¡diles que no me maten!2Lisbeth Carolina
 
Agrotóxicos.Agricultura.Meios Alternativos
Agrotóxicos.Agricultura.Meios AlternativosAgrotóxicos.Agricultura.Meios Alternativos
Agrotóxicos.Agricultura.Meios AlternativosPedroBrambatti
 
Apostila básica de PHP
Apostila básica de PHPApostila básica de PHP
Apostila básica de PHPKratos879
 
vesturio2-120224102854-phpapp01.ppt
vesturio2-120224102854-phpapp01.pptvesturio2-120224102854-phpapp01.ppt
vesturio2-120224102854-phpapp01.pptGuh Sant'anna
 
Social media for accountants & bookkeepers
Social media for accountants & bookkeepersSocial media for accountants & bookkeepers
Social media for accountants & bookkeepersBizink
 
10454-0716_Graduate_VB-lowres
10454-0716_Graduate_VB-lowres10454-0716_Graduate_VB-lowres
10454-0716_Graduate_VB-lowresAlicia Liebsch
 
El cyber bullying
El cyber bullyingEl cyber bullying
El cyber bullyingaaronjurado
 
Proyecto de Trabajo de Grado
Proyecto de Trabajo de GradoProyecto de Trabajo de Grado
Proyecto de Trabajo de Gradosebastian luna
 
Ελευθέριος Χατζηπέτρου
Ελευθέριος ΧατζηπέτρουΕλευθέριος Χατζηπέτρου
Ελευθέριος ΧατζηπέτρουISSEL
 
Manual voki correccion
Manual voki correccionManual voki correccion
Manual voki correccionbrillititos
 
Apresentação final-Universidade Carnac
Apresentação final-Universidade Carnac Apresentação final-Universidade Carnac
Apresentação final-Universidade Carnac Diego Gonçalves
 
biblioteca virtual -sarmiento jurado.joob
biblioteca virtual -sarmiento jurado.joobbiblioteca virtual -sarmiento jurado.joob
biblioteca virtual -sarmiento jurado.joobJob Sarmiento
 

Destacado (20)

Senior Comprehensive 2015
Senior Comprehensive 2015Senior Comprehensive 2015
Senior Comprehensive 2015
 
Fingerprints
FingerprintsFingerprints
Fingerprints
 
Ensayo ¡diles que no me maten!2
Ensayo ¡diles que no me maten!2Ensayo ¡diles que no me maten!2
Ensayo ¡diles que no me maten!2
 
Agrotóxicos.Agricultura.Meios Alternativos
Agrotóxicos.Agricultura.Meios AlternativosAgrotóxicos.Agricultura.Meios Alternativos
Agrotóxicos.Agricultura.Meios Alternativos
 
Apostila básica de PHP
Apostila básica de PHPApostila básica de PHP
Apostila básica de PHP
 
vesturio2-120224102854-phpapp01.ppt
vesturio2-120224102854-phpapp01.pptvesturio2-120224102854-phpapp01.ppt
vesturio2-120224102854-phpapp01.ppt
 
historia de la musica
historia de la  musicahistoria de la  musica
historia de la musica
 
Social media for accountants & bookkeepers
Social media for accountants & bookkeepersSocial media for accountants & bookkeepers
Social media for accountants & bookkeepers
 
10454-0716_Graduate_VB-lowres
10454-0716_Graduate_VB-lowres10454-0716_Graduate_VB-lowres
10454-0716_Graduate_VB-lowres
 
44
4444
44
 
El cyber bullying
El cyber bullyingEl cyber bullying
El cyber bullying
 
Proyecto de Trabajo de Grado
Proyecto de Trabajo de GradoProyecto de Trabajo de Grado
Proyecto de Trabajo de Grado
 
Ελευθέριος Χατζηπέτρου
Ελευθέριος ΧατζηπέτρουΕλευθέριος Χατζηπέτρου
Ελευθέριος Χατζηπέτρου
 
PSM
PSMPSM
PSM
 
Manual voki correccion
Manual voki correccionManual voki correccion
Manual voki correccion
 
Apresentação final-Universidade Carnac
Apresentação final-Universidade Carnac Apresentação final-Universidade Carnac
Apresentação final-Universidade Carnac
 
Coffee brake bar
Coffee brake barCoffee brake bar
Coffee brake bar
 
Herramientas web 2,0
Herramientas   web   2,0Herramientas   web   2,0
Herramientas web 2,0
 
biblioteca virtual -sarmiento jurado.joob
biblioteca virtual -sarmiento jurado.joobbiblioteca virtual -sarmiento jurado.joob
biblioteca virtual -sarmiento jurado.joob
 
Informatika nova ya
Informatika nova yaInformatika nova ya
Informatika nova ya
 

Similar a Creación de GIF animado en Photoshop a partir de video

Actividad capacitacion 11032011
Actividad capacitacion 11032011Actividad capacitacion 11032011
Actividad capacitacion 11032011Edutic Referentes
 
Efectos de video, transiciones, efecto karaoke
Efectos de video, transiciones, efecto karaokeEfectos de video, transiciones, efecto karaoke
Efectos de video, transiciones, efecto karaokeTati Medina
 
Tutorial fotos narradas 3 para windows
Tutorial fotos narradas 3 para windowsTutorial fotos narradas 3 para windows
Tutorial fotos narradas 3 para windowsTaller PNFP
 
Tutorial fotos narradas 3 para windows. Mendoza.edu.ar
Tutorial fotos narradas 3 para windows. Mendoza.edu.arTutorial fotos narradas 3 para windows. Mendoza.edu.ar
Tutorial fotos narradas 3 para windows. Mendoza.edu.arprofesdelCarmen
 
Manual fotos nar
Manual fotos narManual fotos nar
Manual fotos narDUNBOA
 
Manual fotos narradas-1
Manual fotos narradas-1Manual fotos narradas-1
Manual fotos narradas-1carotapiah
 
Tutorial de monkey_jam
Tutorial de monkey_jamTutorial de monkey_jam
Tutorial de monkey_jamETT técnico
 
Photo story 3. manual
Photo story 3. manualPhoto story 3. manual
Photo story 3. manualPepe Potamo
 
Tenesaca jhonny 6_a_ti_3
Tenesaca jhonny 6_a_ti_3Tenesaca jhonny 6_a_ti_3
Tenesaca jhonny 6_a_ti_3Jhonny Tenesaca
 
5° practica de photoshop
5° practica de photoshop5° practica de photoshop
5° practica de photoshopkmngsdkfk
 
5° practica de photoshop
5° practica de photoshop5° practica de photoshop
5° practica de photoshopkmngsdkfk
 
¡5° practica de photoshop..!
¡5° practica de photoshop..!¡5° practica de photoshop..!
¡5° practica de photoshop..!pablo burbano
 
5° practica de photoshop..!
5° practica de photoshop..!5° practica de photoshop..!
5° practica de photoshop..!pablo burbano
 

Similar a Creación de GIF animado en Photoshop a partir de video (20)

Actividad capacitacion 11032011
Actividad capacitacion 11032011Actividad capacitacion 11032011
Actividad capacitacion 11032011
 
Fgn
FgnFgn
Fgn
 
Efectos de video, transiciones, efecto karaoke
Efectos de video, transiciones, efecto karaokeEfectos de video, transiciones, efecto karaoke
Efectos de video, transiciones, efecto karaoke
 
Tutorial fotos narradas 3 para windows
Tutorial fotos narradas 3 para windowsTutorial fotos narradas 3 para windows
Tutorial fotos narradas 3 para windows
 
Tutorial fotos narradas 3 para windows. Mendoza.edu.ar
Tutorial fotos narradas 3 para windows. Mendoza.edu.arTutorial fotos narradas 3 para windows. Mendoza.edu.ar
Tutorial fotos narradas 3 para windows. Mendoza.edu.ar
 
Manua fotos narradas-1
Manua fotos narradas-1Manua fotos narradas-1
Manua fotos narradas-1
 
Manua fotos narradas-1
Manua fotos narradas-1Manua fotos narradas-1
Manua fotos narradas-1
 
Manual fotos nar
Manual fotos narManual fotos nar
Manual fotos nar
 
Manua fotos narradas-1
Manua fotos narradas-1Manua fotos narradas-1
Manua fotos narradas-1
 
Manual fotos narradas-1
Manual fotos narradas-1Manual fotos narradas-1
Manual fotos narradas-1
 
Tutorial de monkey_jam
Tutorial de monkey_jamTutorial de monkey_jam
Tutorial de monkey_jam
 
Photo story 3. manual
Photo story 3. manualPhoto story 3. manual
Photo story 3. manual
 
Tenesaca jhonny 6_a_ti_3
Tenesaca jhonny 6_a_ti_3Tenesaca jhonny 6_a_ti_3
Tenesaca jhonny 6_a_ti_3
 
Manual de Photoshop.docx
Manual de Photoshop.docxManual de Photoshop.docx
Manual de Photoshop.docx
 
Guías de uso de GIMP
Guías de uso de GIMPGuías de uso de GIMP
Guías de uso de GIMP
 
Stop motion
Stop motionStop motion
Stop motion
 
5° practica de photoshop
5° practica de photoshop5° practica de photoshop
5° practica de photoshop
 
5° practica de photoshop
5° practica de photoshop5° practica de photoshop
5° practica de photoshop
 
¡5° practica de photoshop..!
¡5° practica de photoshop..!¡5° practica de photoshop..!
¡5° practica de photoshop..!
 
5° practica de photoshop..!
5° practica de photoshop..!5° practica de photoshop..!
5° practica de photoshop..!
 

Creación de GIF animado en Photoshop a partir de video

  • 1.
  • 2. PRIMER PASO  Lo primero que debemos hacer es grabar un vídeo. Con ese material, trabajaremos luego en photoshop.  Lo primero que debemos hacer es grabar un vídeo. Es importante utilizar un trípode para lograr una imagen fija, en la que solo se registre el movimiento que nosotros hayamos escogido.  Dicho movimiento debe ser constante, sin cortes, para lograr un efecto fluido.
  • 3. PASOS A SEGUIR EN PHOTOSHOP 1. Menú archivo, nuevo, abrir (seleccionamos el vídeo que hemos grabado)
  • 4. PASOS A SEGUIR EN PHOTOSHOP 2. Menú ventana, animación: para desplegar la herramienta de edición de vídeo.
  • 5. PASOS A SEGUIR EN PHOTOSHOP 3. Escogemos el tramo de vídeo sobre el que vamos a trabajar (ese es el tramo que se reproducirá en bucle). Lo hacemos moviendo los dos indicadores señalados.
  • 6. PASOS A SEGUIR EN PHOTOSHOP 4. Menú archivo, exportar, interpretar vídeo.
  • 7. PASOS A SEGUIR EN PHOTOSHOP 4. Este es el cuadro de diálogo que te saldrá.
  • 8. PASOS A SEGUIR EN PHOTOSHOP 5. Menú capa, duplicar capa.
  • 9. PASOS A SEGUIR EN PHOTOSHOP 6. Menú capa, rasterizar, capa.
  • 10. PASOS A SEGUIR EN PHOTOSHOP 6. Hemos convertido esa capa de vídeo en una imagen raster. El icono ha cambiado.
  • 11. PASOS A SEGUIR EN PHOTOSHOP Si ahora le das al play solo puedes ver la capa superior, que es imagen fija. No hay movimiento. Para poder ver qué hay debajo de esa capa (el vídeo) debemos enmascar la capa duplicada.
  • 12. PASOS A SEGUIR EN PHOTOSHOP 7. Pinchamos sobre la capa duplicada (seleccionamos) y creamos una máscara de capa (flechita roja).
  • 13. PASOS A SEGUIR EN PHOTOSHOP 7. Así debe aparecer su máscara de capa.
  • 14. PASOS A SEGUIR EN PHOTOSHOP 8. Pinchamos sobre la máscara de capa y seleccionamos la herramienta pincel .
  • 15. PASOS A SEGUIR EN PHOTOSHOP En este caso, con la máscara de capa, lo que pretendemos ver es el humo que se mueve en la capa inferior, que es la del vídeo.
  • 16. PASOS A SEGUIR EN PHOTOSHOP 9. Pintamos (color negro de frente) las zonas en las que queremos mantener el movimiento (el humo).
  • 17. PASOS A SEGUIR EN PHOTOSHOP 9. En la máscara quedará reflejado todo lo que estamos haciendo.
  • 18. PASOS A SEGUIR EN PHOTOSHOP Si ahora le damos al play, podremos ver la imagen fija y la parte que hemos pintado en movimiento.
  • 19. PASOS A SEGUIR EN PHOTOSHOP 10. Menú archivo, guardar para web y dispositivos.
  • 20. PASOS A SEGUIR EN PHOTOSHOP 10. Menú archivo, guardar para web y dispositivos.
  • 21. PASOS A SEGUIR EN PHOTOSHOP 10. Este es el cuadro de diálogo que te saldrá. Escoge las mismas opciones:  GIF  Tamaño de imagen: 800 x 450  Opciones de repetición: infinito
  • 22. PASOS A SEGUIR EN PHOTOSHOP
  • 23. PASOS A SEGUIR EN PHOTOSHOP 11. Para abrirlo: botón derecho, abrir con, Internet Explorer, Chrome o Mozilla.