[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-crear-y-agregar-cinemagraphs-en-wordpress\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-crear-y-agregar-cinemagraphs-en-wordpress\/","headline":"C\u00f3mo crear y agregar Cinemagraphs en WordPress","name":"C\u00f3mo crear y agregar Cinemagraphs en WordPress","description":"\u00bfQuieres aprender a crear y agregar Cinemagraphs en tus publicaciones de WordPress? Los cinemagraphs son im\u00e1genes con una parte o un \u00e1rea en movimiento mientras ... Leer m\u00e1s<\/a>","datePublished":"2021-06-27","dateModified":"2021-06-27","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/Como-crear-y-agregar-Cinemagraphs-en-WordPress.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2021\/06\/Como-crear-y-agregar-Cinemagraphs-en-WordPress.png","height":340,"width":550},"url":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-crear-y-agregar-cinemagraphs-en-wordpress\/","about":["Tutoriales Wordpress"],"wordCount":863,"articleBody":"\u00bfQuieres aprender a crear y agregar Cinemagraphs en tus publicaciones de WordPress? Los cinemagraphs son im\u00e1genes con una parte o un \u00e1rea en movimiento mientras que el resto de la imagen permanece inm\u00f3vil. Estas im\u00e1genes son muy atractivas y agregan un elemento narrativo a sus art\u00edculos. En este art\u00edculo, le mostraremos c\u00f3mo crear y agregar f\u00e1cilmente cinemagraphs en WordPress. \u00bfQu\u00e9 son los Cinemagraphs?Los cinemagraphs suelen ser im\u00e1genes GIF en las que una peque\u00f1a parte de la imagen se mueve mientras que el resto permanece inm\u00f3vil. Se ven muy cinematogr\u00e1ficos, de ah\u00ed el nombre de cinemagraphs. A\u00f1aden un elemento narrativo a las im\u00e1genes que las hace parecer m\u00e1s atractivas. Son particularmente \u00fatiles cuando acompa\u00f1an a contenido largo, episodio de podcast o una historia de audio. Crear cinemagraphs es un poco diferente a los GIF normales. Sin embargo, si tiene las herramientas adecuadas, con poco esfuerzo y algo de pr\u00e1ctica podr\u00e1 crear impresionantes cinemagraf\u00edas a partir de sus propios videos. Dicho esto, echemos un vistazo a c\u00f3mo crear y agregar f\u00e1cilmente cinemagraphs en WordPress. Creaci\u00f3n de Cinemagraphs a partir de videosPara comenzar, necesitar\u00e1 los siguientes elementos: Un peque\u00f1o videoclip que desea convertir en un cinemagraphAdobe PhotoshopTu tiempo, paciencia y creatividadEmpecemos. Primero necesitas preparar tu video. Puede usar una herramienta de edici\u00f3n de video como iMovie para recortar el video al m\u00ednimo clip que necesita para el cinemagraph. A continuaci\u00f3n, debe abrir Photoshop e importar su video en capas haciendo clic en el Archivo \u00bbImportar\u00bb Fotogramas de v\u00eddeo a capas men\u00fa. Seleccione su video y luego haga clic en el bot\u00f3n Aceptar para continuar. Dependiendo del tama\u00f1o de su video, la importaci\u00f3n completa puede demorar un poco. Una vez que se importe su video, ver\u00e1 los fotogramas de video como capas debajo del panel de capas.Ahora debe seleccionar todas las capas excepto la primera capa (Capa 1). Ir Capa \u00bbNuevo\u00bb Agrupar a partir de capas o presione Comando + G (CTRL + G en Windows) para agregar capas a un grupo. A continuaci\u00f3n, debe seleccionar el grupo e ir a Capa \u00bbM\u00e1scara de capa\u00bb Mostrar todo para agregar una m\u00e1scara al grupo. Despu\u00e9s de agregar la m\u00e1scara, presione las teclas Comando + I (Ctrl + I en Windows) para invertir el color de la m\u00e1scara. Ahora establezca el color de primer plano en blanco y luego haga clic en la herramienta Pincel. Debe utilizar la herramienta Pincel para resaltar el \u00e1rea que desea mostrar en el bucle. Despu\u00e9s de eso, ve a Ventana \u00bbL\u00ednea de tiempo para abrir todas sus capas en un formato de animaci\u00f3n. Notar\u00e1 que todos los fotogramas aparecen transparentes en la l\u00ednea de tiempo, excepto el primer fotograma. Para cambiar eso, seleccione la primera capa (Capa 1) en el panel de capas y haga clic en el \u00edcono Unfiy Layer Visibility y luego presione el bot\u00f3n Match.A continuaci\u00f3n, haga clic en el icono de alternancia de la l\u00ednea de tiempo y seleccione todos los fotogramas. Despu\u00e9s de eso, haga clic en el bot\u00f3n de alternar nuevamente para elegir Copiar marcos.Despu\u00e9s de copiar los marcos, haga clic en el bot\u00f3n de alternancia y seleccione la opci\u00f3n ‘Pegar marcos’. Se le pedir\u00e1 que elija un m\u00e9todo de pegado. Seleccione ‘Pegar despu\u00e9s de la selecci\u00f3n’ y presione el bot\u00f3n OK.A continuaci\u00f3n, debe hacer clic en el icono de alternancia de la l\u00ednea de tiempo una vez m\u00e1s y seleccionar la opci\u00f3n ‘Cuadros inversos’.Tu animaci\u00f3n de cinemagraph est\u00e1 casi lista. Para guardarlo en su computadora, vaya a Archivo \u00bbGuardar para Web opci\u00f3n. Aparecer\u00e1 una ventana emergente en la que debe seleccionar el formato GIF y hacer clic en el bot\u00f3n Guardar. Eso es todo lo que su Cinemat\u00f3grafo est\u00e1 listo. Puede agregarlo a su sitio como agregar\u00eda cualquier otro GIF en WordPress. Simplemente edite la publicaci\u00f3n o la p\u00e1gina donde desea agregar el cinemagraph y haga clic en el bot\u00f3n Agregar medios. Esto abrir\u00e1 la ventana emergente del cargador de medios, haga clic en el bot\u00f3n Seleccionar archivos para cargar el archivo GIF desde su computadora. Una vez cargado, haga clic en el bot\u00f3n “Insertar en la publicaci\u00f3n” para continuar. Ahora ver\u00e1 la imagen en su editor de publicaciones de WordPress. No olvide guardar o actualizar la publicaci\u00f3n. Ahora puede hacer clic en el bot\u00f3n de vista previa para ver el cinemagraph en acci\u00f3n. Aqu\u00ed est\u00e1 el cinemagraph que creamos durante este tutorial. Esperamos que este art\u00edculo te haya ayudado a aprender a crear y agregar cinemagraphs en WordPress. Es posible que tambi\u00e9n desee ver nuestra lista de sitios web que ofrecen im\u00e1genes libres de derechos de autor para los usuarios de WordPress. Si le gust\u00f3 este art\u00edculo, suscr\u00edbase a nuestro Canal de Youtube para tutoriales en video de WordPress. Tambi\u00e9n puedes encontrarnos en Gorjeo y Facebook. 4.3 \/ 5 ( 358 votos ) "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Tutoriales Wordpress","item":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"C\u00f3mo crear y agregar Cinemagraphs en WordPress","item":"https:\/\/xn--adrimadiseo-beb.com\/tutoriales-wordpress\/como-crear-y-agregar-cinemagraphs-en-wordpress\/#breadcrumbitem"}]}]