SlideShare a Scribd company logo
1 of 4
TUTORIAL PARA
CINEMAGRAPH
         Eduardo Cadena Perales
         En este documento aprenderas los pasos para hacer un
         cinemagraph con photoshop.
Contenido
DEFINICION ................................................................................................................................................... 2
PROCEDIMIENTO........................................................................................................................................... 2
CINEMAGRAPH
DEFINICION
Un cinemagraph es un tipo de gif. Es conformado de una imagen pero solo una parte se mueve.


PROCEDIMIENTO
Para hacer el cinemagraph necesitarás Adobe Photoshop, por su habilidad de manipular
imágenes.

   1. Primero, escoge un video para tu cinemagraph. (debe de ser corto y de preferencia que
      sea un video de buena calidad).




   2. Abre tu video en photoshop . Asegúrate que el Motionworkspaceesté activo (se
      encuentra en Window>Workspace) esto abrerá una línea del tiempo en donde puedes
      seleccionar una parte de tu video.

   3. Cuando hayas seleccionado la sección
      que quieras (no más de 5 segundos)
      debes de exportarlo, da clic en
      FIle>Export>Render Video, y acepta los
      settings. Ahora cierra el document y
      escoge File >Import> Video
      FramestoLayersy selecciona el video que
      acabas exportar. Esto lo convertirá en un
      nuevo layer, y eso es crucial para el
      proceso de masking.
4. Escoge el primer layer y asegúrate de que el
   "UnifyLayerVisibility"este activado para que la misma
   imagen se repita en todos los layers.

5. Selecciona el segundo layer/frame, usando el
   marqueetool selecciona la parte del video que quieres
   que se mueva y ponle un “mask”que solo se vea la parte
   seleccionada. Repite el proceso para cada una de los
   frames. Al terminar, debes de ver una imagen estática
   con el área seleccionada moviéndose.

6. Para que se vea mejor, puedes copiar todos los frames,
   pegarlos al final y ponerlos en reversa para que se vea
   más fluido el cinemagraph.

7. Cuando hayas terminado, da clicken File >Savefor Web
   &Devices. Asegúrate de que el formato de exportación
   sea GIF. Da clic en aceptar y guárdalo en donde quieras.

More Related Content

Similar to Tutorial para cinemagraph

Similar to Tutorial para cinemagraph (20)

Guia.windowos movie maker
Guia.windowos movie makerGuia.windowos movie maker
Guia.windowos movie maker
 
Tutorial monkey-jam
Tutorial monkey-jamTutorial monkey-jam
Tutorial monkey-jam
 
Unidad6 121102133951-phpapp01
Unidad6 121102133951-phpapp01Unidad6 121102133951-phpapp01
Unidad6 121102133951-phpapp01
 
Tuto moviemaker
Tuto moviemakerTuto moviemaker
Tuto moviemaker
 
Tutorial de com hacer un cinemagraph
Tutorial de com hacer un cinemagraphTutorial de com hacer un cinemagraph
Tutorial de com hacer un cinemagraph
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Manual photoshop cs 2 en español
Manual photoshop cs 2 en españolManual photoshop cs 2 en español
Manual photoshop cs 2 en español
 
Adobe after effects cs5
Adobe after effects cs5Adobe after effects cs5
Adobe after effects cs5
 
Adobe after effects cs5
Adobe after effects cs5Adobe after effects cs5
Adobe after effects cs5
 
Material Capacitación Taller "Las TICs y el Arte"
Material Capacitación Taller "Las TICs y el Arte"Material Capacitación Taller "Las TICs y el Arte"
Material Capacitación Taller "Las TICs y el Arte"
 
Pssx40 hs guide_es
Pssx40 hs guide_esPssx40 hs guide_es
Pssx40 hs guide_es
 
Esp
EspEsp
Esp
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad'6
Unidad'6Unidad'6
Unidad'6
 
Software guide w_es
Software guide w_esSoftware guide w_es
Software guide w_es
 
Tutorial movie maker aylem
Tutorial movie maker aylemTutorial movie maker aylem
Tutorial movie maker aylem
 
Combinar photoshop con premier
Combinar photoshop con premierCombinar photoshop con premier
Combinar photoshop con premier
 
Manual en español_de_photoshop_cs3.(r.m)
Manual en español_de_photoshop_cs3.(r.m)Manual en español_de_photoshop_cs3.(r.m)
Manual en español_de_photoshop_cs3.(r.m)
 
Manual de Dreamweaver
Manual de DreamweaverManual de Dreamweaver
Manual de Dreamweaver
 

More from educad

Blogs y foros
Blogs y forosBlogs y foros
Blogs y foroseducad
 
Folleto
FolletoFolleto
Folletoeducad
 
Comercial the pants store
Comercial the pants storeComercial the pants store
Comercial the pants storeeducad
 
Tarjetas vip
Tarjetas vipTarjetas vip
Tarjetas vipeducad
 
Pancarta
PancartaPancarta
Pancartaeducad
 
Anuncio
AnuncioAnuncio
Anuncioeducad
 
Documento word
Documento wordDocumento word
Documento wordeducad
 
Productos grafica
Productos graficaProductos grafica
Productos graficaeducad
 
Tarjeta vip
Tarjeta vipTarjeta vip
Tarjeta vipeducad
 
Pancarta
PancartaPancarta
Pancartaeducad
 
Anuncio
AnuncioAnuncio
Anuncioeducad
 
Tabla21
Tabla21Tabla21
Tabla21educad
 
Muebles20
Muebles20Muebles20
Muebles20educad
 
Dia de los muertos
Dia de los muertosDia de los muertos
Dia de los muertoseducad
 
Dia de los muertos
Dia de los muertosDia de los muertos
Dia de los muertoseducad
 
Tutorial formateo
Tutorial formateoTutorial formateo
Tutorial formateoeducad
 
Ficha correspondencia
Ficha correspondenciaFicha correspondencia
Ficha correspondenciaeducad
 
Boletin01
Boletin01Boletin01
Boletin01educad
 
Anuncio boletos reconocimiento
Anuncio boletos reconocimientoAnuncio boletos reconocimiento
Anuncio boletos reconocimientoeducad
 

More from educad (20)

Blogs y foros
Blogs y forosBlogs y foros
Blogs y foros
 
Folleto
FolletoFolleto
Folleto
 
Comercial the pants store
Comercial the pants storeComercial the pants store
Comercial the pants store
 
Tarjetas vip
Tarjetas vipTarjetas vip
Tarjetas vip
 
Pancarta
PancartaPancarta
Pancarta
 
Anuncio
AnuncioAnuncio
Anuncio
 
Documento word
Documento wordDocumento word
Documento word
 
Productos grafica
Productos graficaProductos grafica
Productos grafica
 
Tarjeta vip
Tarjeta vipTarjeta vip
Tarjeta vip
 
Pancarta
PancartaPancarta
Pancarta
 
Anuncio
AnuncioAnuncio
Anuncio
 
Tabla21
Tabla21Tabla21
Tabla21
 
Tabla
TablaTabla
Tabla
 
Muebles20
Muebles20Muebles20
Muebles20
 
Dia de los muertos
Dia de los muertosDia de los muertos
Dia de los muertos
 
Dia de los muertos
Dia de los muertosDia de los muertos
Dia de los muertos
 
Tutorial formateo
Tutorial formateoTutorial formateo
Tutorial formateo
 
Ficha correspondencia
Ficha correspondenciaFicha correspondencia
Ficha correspondencia
 
Boletin01
Boletin01Boletin01
Boletin01
 
Anuncio boletos reconocimiento
Anuncio boletos reconocimientoAnuncio boletos reconocimiento
Anuncio boletos reconocimiento
 

Tutorial para cinemagraph

  • 1. TUTORIAL PARA CINEMAGRAPH Eduardo Cadena Perales En este documento aprenderas los pasos para hacer un cinemagraph con photoshop.
  • 3. CINEMAGRAPH DEFINICION Un cinemagraph es un tipo de gif. Es conformado de una imagen pero solo una parte se mueve. PROCEDIMIENTO Para hacer el cinemagraph necesitarás Adobe Photoshop, por su habilidad de manipular imágenes. 1. Primero, escoge un video para tu cinemagraph. (debe de ser corto y de preferencia que sea un video de buena calidad). 2. Abre tu video en photoshop . Asegúrate que el Motionworkspaceesté activo (se encuentra en Window>Workspace) esto abrerá una línea del tiempo en donde puedes seleccionar una parte de tu video. 3. Cuando hayas seleccionado la sección que quieras (no más de 5 segundos) debes de exportarlo, da clic en FIle>Export>Render Video, y acepta los settings. Ahora cierra el document y escoge File >Import> Video FramestoLayersy selecciona el video que acabas exportar. Esto lo convertirá en un nuevo layer, y eso es crucial para el proceso de masking.
  • 4. 4. Escoge el primer layer y asegúrate de que el "UnifyLayerVisibility"este activado para que la misma imagen se repita en todos los layers. 5. Selecciona el segundo layer/frame, usando el marqueetool selecciona la parte del video que quieres que se mueva y ponle un “mask”que solo se vea la parte seleccionada. Repite el proceso para cada una de los frames. Al terminar, debes de ver una imagen estática con el área seleccionada moviéndose. 6. Para que se vea mejor, puedes copiar todos los frames, pegarlos al final y ponerlos en reversa para que se vea más fluido el cinemagraph. 7. Cuando hayas terminado, da clicken File >Savefor Web &Devices. Asegúrate de que el formato de exportación sea GIF. Da clic en aceptar y guárdalo en donde quieras.