MAKINGOFF#2: Creación de cabecera y pantallas intermedias de imagen

Segundo MAKINGOFF del Curso de WordPress con Genesis.

makingoff-2

En esta ocasión, te voy a hablar de dos cosas muy concretas:

  • La creación de una cabecera de video
  • Las pantallas intermedias de imagen que he utilizado

Antes de entrar en materia con eso, quiero darte las cifras de la encuesta que hice junto con el primer makingoff para medir el interés por el curso y permitir a quien quisiera hacer un «pre-order» del curso.

Dicho de otra manera: ver si había alguien interesado en solicitar el curso 3 semanas antes de estar terminado, y como premio a esa confianza ciega pues acceder a él con un descuento.

Si te soy sincero, no esperaba más de 5 o 10 personas, como mucho. Te cuento.

Envíe la promoción a mi lista de suscriptores, que anda cerca de 800 personas.

Han abierto el email 483 de ellas, de las cuales hicieron click en el enlace para ver la promoción un total de 93 personas.

A partir de ahí, luego ya no sé cuantas personas hayan visto la promo sin ser suscriptores, de tráfico normal, pero el caso es que ya tengo 73 personas que me han expresado su deseo explícito de adquirir el curso cuando esté terminado.

Para mí, esto ha sido un subidón y una inyección de moral enorme, y afronto lo que me queda de hacer del curso de otra manera, qué duda cabe.

En el video te lo cuento mejor.

Vamos con el tema de este makingoff.

Creación de una cabecera animada o en video

Una de las cosas que tenía claras al comenzar la creación del curso, era que los videos del mismo no podían empezar como cualquier otro video que subo al blog.

Necesitaba una cabecera de video chula, que mostrara el titulo del curso o un eslogan y además que lo hiciera con un efecto de algún tipo y sobre una musiquita animada.

Yo tengo conocimientos de programas de edición de video, tipo Premiere y After Effects, pero la verdad es que hace años que no los utilizo y me daba pereza volver a retomar ese tema.

Así que le pregunté a mi amiga Laura Royo quién le había hecho la cabecera de sus videos, y me llevé una grata sorpresa al saber que no se había gastado un dineral (cosa que yo tampoco quería) en que alguien se lo hiciera, sino que había una empresa que lo hacía totalmente online desde su página web, de forma sencilla.

Y allá que fui. Esa página se llama Introchamp.

Te permiten previsualizar un montón de cabeceras prediseñadas, y lo mejor es que puedes poner tus propios textos e imagen para ver cómo quedaría el resultado final.

Es cuestión de pasar un buen rato probando y quedarte con la que más te guste.

Además es muy barato, porque por alrededor de 10 dólares lo tienes. Un poco más o un poco menos si lo quieres en 720p o en 1080p la calidad del video que te envían.

Sí que es cierto que yo al principio me calenté y mi idea era utilizar la cabecera al inicio de cada video del curso. Error.

Una vez en marcha, me he dado cuenta que hay muchos videos y sería un rollo insufrible que el usuario esté viendo esa cabecera tants veces, por lo que únicamente se incluye al principio del video de introducción de cada bloque.

Pantallas de imagen intermedias

Con esto me refiero a los titulos para separar los contenidos dentro de un video.

Es decir, yo por ejemplo en un bloque del curso tengo 3 partes, ok.

Dentro de cada parte, hay un video. Vale, pero es que ese video igual lo componen 4 videos donde se explican cosas distintas.

Ahí te voy, que para separar dentro del «video grande» esos cuatro temas, quise poner una pantalla donde te diga lo que se explica a continuación, para no saltar simplemente de una cosa a otra.

Te pongo una imagen de ejempo para que me entiendas mejor.

pantalla-intermedia

Al final, esto es un poco cómo lo que hablábamos en el primer makingoff, un tema de organización previa y estructurar cómo vas a mostrar todos tus contenidos.

Yo lo que he hecho es utilizar Photoshop, creando una plantilla en formato .PSD y por capas tener todos los textos preparados para exportar como imagen y al tamaño y resolución que necesito, que es 1280x720px a 72ppp.

Después hay un proceso de edición donde montas los videos por partes, intercalando las pantallas intermedias e incluso la cabecera cuando procede y demás, pero del tema de videos en general te hablaré en el próximo makingoff 😉 ¡Hasta entonces!

 

Compártelo si crees que puede ser de utilidad para otros. ¡Gracias!

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp

Una pregunta rápida...

¿TIENES YA UNA PÁGINA WEB O BLOG?

Para comenzar a ayudarte y darte los recursos adecuados, me gustaría saber si ya tienes un proyecto web en marcha o si aún no tienes la página creada.

Herramientas y cursos
para emprendedores online

Si aún no has visto en qué consiste mi formación en Titanes Warpress...

TIENES QUE VERLO

No te vayas sin dejar tu comentario...

9 comentarios en “MAKINGOFF#2: Creación de cabecera y pantallas intermedias de imagen”

  1. Hola Omar,
    Me acabo de comprar el genesis y llevo dos días como loca estudiando tu blog. Mil gracias!!!

    Una pregunta (a lo mejor ya lo has explicado pero no lo encuentro) ¿Como se hacen las cajas de las categorías por temas? es algún plugin? es que lo he visto en otras web de genesis-metro pero yo no lo consigo hacer??

  2. Hola Omar,
    Está interesante lo de la página que dices que te hace la cabecera de los vídeos aunque algunos programas de edición de vídeos como el que yo uso (MAGIX) te permite hacer eso también aunque claro quizá te sale más caro comprar el programa…

  3. Yo también tengo que hacerme una intro para mis vídeos y esta es una opción a tener en cuenta. La otra que he encontrado es http://es.fiverr.com, hay mucha variedad de tipos de vídeo, logos, tarjetas…

    ¿Conoces algún sitio guay para el tema de los logos, Omar?

  4. Enhorabuena, Omar!! 73 personas es un número muy bueno!!.

    Para hacer mis cabeceras utilizo directamente las herramientas que tiene Camtasia Studio que, aunque son muy simples, cumplen muy bien su cometido.

    Me decidí por Camtasia Studio porque después de visitar varias webs como la que indicas (Introchamp), los ejemplos que aparecían me parecían demasiado sofisticados.

    Te deseo mucha suerte con tu curso y que de él salgan otras ideas para nuevos productos.

    1. Omar de la Fuente

      Gracias Sergio, ¡esa es la idea! 😉

      Yo uso Camtasia para para montar y editar los videos del curso, pero la cabecera me pareció más rápido y fácil tirar de eso otro de Introchamp.

      De haberme «remangado» y haberlo hecho a mano, quizás hubiera tirado antes de After Effects.

      Un abrazo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Responsable » Omar de la Fuente Prieto (servidor)
Finalidad » gestionar los comentarios.
Legitimación » tu consentimiento.
Destinatarios » los datos que me facilitas estarán ubicados en los servidores de Webempresa (proveedor de hosting de Haciaelautoempleo) dentro de la UE. Ver política de privacidad de Webempresa. (https://www.webempresa.com/aviso-legal.html).
Derechos » podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.

Ir arriba

Tengo cuatro regalos para ti, para mejorar tu sitio web.

DESCARGA LA GUÍA GRATUITA DE PLUGINS

+

BONUS: Acceso a tres clases de mi escuela online

  • Radiografía de un post con el SEO bien cuidado.
  • Popups en Elementor con su formulario de suscripción.
  • Páginas que necesitas para un webinar automatizado.
Guia-paso-a-paso-para-crear-tu-blog

Tengo cuatro regalos para ti, para que puedas crear tu web.

DESCARGA LA GUÍA GRATUITA

+

BONUS: Acceso a tres clases de mi escuela online

  • Cómo contratar (bien) un hosting y un dominio.
  • Cómo instalar WordPress en apenas un par de clicks.
  • Qué plantillas te recomiendo y cómo instalar la tuya.
foto_Omar_Zoom

¿Tienes que irte ya?

Ok… pero no te vayas con las manos vacías.

Tengo un regalo para ti.

Antes, sólo una pregunta muy sencilla:

¿TIENES YA UNA PÁGINA WEB O UN BLOG?